.ticket-toolbar{margin-bottom:10px}.ticket-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px;border-left:4px solid #f0a20b;background:#fff8df;color:#5f531f;border-radius:4px}.ticket-notice span{color:#718188;font-size:11px}.ticket-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.ticket-summary article{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid #d7e2e6;border-radius:5px;background:#fff}.ticket-summary small{color:#61757d;font-weight:800}.ticket-summary strong{color:#178eaa;font-size:23px}.ticket-card{margin-top:12px;padding:12px;border-top-color:#11c9d0}.ticket-filters{display:grid;grid-template-columns:minmax(300px,1fr) 210px 160px 120px;gap:10px;margin-bottom:12px}.ticket-table{min-width:1260px}.ticket-table th,.ticket-table td{padding:9px 8px;font-size:11px;vertical-align:middle}.ticket-table td:nth-child(4) small{display:block;margin-top:3px;color:#75878f}.ticket-table td:nth-child(7){white-space:normal;min-width:210px}.ticket-title{display:block;margin-top:5px;color:#334951}.ticket-number{border:0;background:transparent;color:#168db4;font:inherit;font-weight:850;cursor:pointer;padding:0}.ticket-number:hover{text-decoration:underline}.ticket-id{color:#657b84}.ticket-priority{display:inline-flex;padding:3px 7px;border-radius:9px;background:#e9eef0;color:#52666e;font-size:9px;font-weight:900;text-transform:uppercase}.ticket-priority.tinggi{background:#fff0c9;color:#8a6100}.ticket-priority.mendesak{background:#ffe0df;color:#a02c27}.ticket-priority.rendah{background:#e8f6fb;color:#14718a}.ticket-modal-backdrop{align-items:start;overflow-y:auto;padding:22px}.ticket-create-modal{width:min(700px,100%)}.ticket-create-modal .modal-head,.ticket-detail-modal .modal-head{padding:14px 18px}.ticket-form{display:grid;gap:14px}.ticket-form em{color:#08a75d;font-style:normal}.ticket-form textarea,.ticket-detail-modal textarea{width:100%;padding:10px;border:1px solid #cdd9de;border-radius:5px;font:inherit;resize:vertical}.ticket-detail-modal{width:min(850px,100%)}.ticket-detail-modal .modal-head small{display:block;margin-top:4px;color:#70838b}.ticket-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:15px}.ticket-detail-meta>span{padding:10px;border:1px solid #dae3e6;border-radius:4px;background:#f8fafb;color:#526a73}.ticket-detail-meta>span>b{display:block;margin-bottom:5px;color:#263f48;font-size:10px;text-transform:uppercase}.ticket-detail-modal h3{margin:0 0 12px}.ticket-conversation{display:grid;gap:10px;max-height:330px;overflow:auto;padding:3px}.ticket-conversation article{max-width:78%;padding:11px 13px;border-radius:7px;background:#edf4f6}.ticket-conversation article.staff{justify-self:end;background:#def3ec}.ticket-conversation header{display:flex;justify-content:space-between;gap:14px;margin-bottom:6px}.ticket-conversation time{color:#75858b;font-size:10px}.ticket-conversation p{margin:0;line-height:1.45;white-space:pre-wrap}.ticket-detail-modal form{margin-top:16px;padding-top:14px;border-top:1px solid #dfe6e9}.ticket-reply-actions{padding:10px 0 0;border:0}.ticket-closed-note{margin-top:15px;padding:11px;border-left:3px solid #de4d47;background:#fff0ef;color:#8b3531}.mini-action.blue{background:#18a4c7;color:#fff}
@media(min-width:1051px){#page[data-page^="tickets-"] .page-head{margin-bottom:9px}#page[data-page^="tickets-"] .page-head h1{font-size:20px}#page[data-page^="tickets-"] .customer-manage,#page[data-page^="tickets-"] .button{padding:7px 10px;font-size:11px}#page[data-page^="tickets-"] .field input,#page[data-page^="tickets-"] .field select{min-height:34px;padding:7px 8px;font-size:11px}}
@media(max-width:1000px){.ticket-filters{grid-template-columns:1fr 1fr}.ticket-summary{grid-template-columns:1fr}.ticket-notice{align-items:flex-start;flex-direction:column}.ticket-detail-meta{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ticket-filters,.ticket-detail-meta{grid-template-columns:1fr}.ticket-modal-backdrop{padding:8px}.ticket-conversation article{max-width:94%}.ticket-toolbar{align-items:stretch;flex-direction:column}}

.ticket-customer-search{position:relative}.ticket-customer-search>small{display:block;margin-top:5px;color:#71858d;font-size:10px}.ticket-customer-combobox{display:grid;grid-template-columns:minmax(0,1fr) 42px}.ticket-customer-combobox input{border-radius:5px 0 0 5px;background-image:none;padding-right:10px}.ticket-customer-combobox button{border:1px solid #cdd9de;border-left:0;border-radius:0 5px 5px 0;background:#fff;color:#526a74;font-size:16px;cursor:pointer}.ticket-customer-combobox button:hover,.ticket-customer-combobox button:focus{background:#e9f7fb;color:#168faf}.ticket-customer-results{position:absolute;z-index:12;top:62px;right:0;left:0;max-height:245px;overflow:auto;border:1px solid #b9cbd2;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 9px 20px #16343e2b}.ticket-customer-results button{display:flex;width:100%;align-items:flex-start;flex-direction:column;gap:2px;padding:9px 11px;border:0;border-bottom:1px solid #e2eaed;background:#fff;color:#304a54;text-align:left;cursor:pointer}.ticket-customer-results button:hover,.ticket-customer-results button:focus{background:#e9f7fb;color:#117e9c}.ticket-customer-results button span{font-size:10px;color:#70838b}.ticket-customer-empty{padding:12px;color:#8b5a42;font-size:11px}
.ticket-table{min-width:1120px}.ticket-table th,.ticket-table td{padding:8px 6px;font-size:10px}.ticket-table td:nth-child(5){white-space:normal;max-width:150px;overflow-wrap:anywhere}.ticket-table td:nth-child(7){min-width:170px}
.ticket-detail-meta>span.wide{grid-column:1 / -1}

.ticket-inbox{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 14px;padding:12px 14px;border:1px solid var(--theme-border);border-left:4px solid #e0a106;border-radius:10px;background:var(--theme-surface-raised);color:var(--theme-text);text-align:left;cursor:pointer;font:inherit}
.ticket-inbox-bell{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff4d6;color:#8a5a00;flex:none}
.ticket-inbox-bell svg{width:18px;height:18px}
.ticket-inbox-copy{flex:1;min-width:0}
.ticket-inbox-copy strong{display:block;font-size:15px}
.ticket-inbox ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:3px}
.ticket-inbox li{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}
.ticket-inbox li em{font-style:normal;opacity:.82}
.ticket-inbox-open{font-weight:800;color:#0d4e86;flex:none}
html[data-theme="dark"] .ticket-inbox-bell{background:#3a2d12;color:#ffd27a}
html[data-theme="dark"] .ticket-inbox-open{color:#8ec5ff}
.ticket-notice-list{display:grid;max-height:260px;overflow:auto}
.ticket-notice-item{display:grid;gap:2px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--theme-border);background:transparent;color:var(--theme-text);text-align:left;font:inherit;cursor:pointer}
.ticket-notice-item:hover{background:var(--theme-surface-soft)}
.ticket-notice-item b{color:#168db4;font-size:12px}
.ticket-notice-item span{font-size:12px;line-height:1.35}
.top-icon small.ticket-bell-hot{background:#e23b3b;border-color:#fff}