.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-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}