.complaint-shell{min-width:0}.complaint-toolbar{align-items:flex-start}.complaint-inquiry{display:flex;align-items:center;gap:8px;flex:1 1 auto;flex-wrap:wrap}.complaint-inquiry .search-box{flex:1 1 260px;width:auto}.complaint-toolbar-actions{margin-left:auto}.complaint-summary{margin:0 0 14px}.complaint-summary .metric-card{min-height:88px}.complaint-summary .metric-value{font-size:18px}.complaint-table{max-height:calc(100vh - 326px);background:#fff}.complaint-table table{min-width:1120px}.complaint-table .wrap-cell{min-width:150px;max-width:260px;white-space:normal;overflow-wrap:anywhere}.complaint-subject{min-width:210px;max-width:330px;white-space:normal}.complaint-subject strong,.complaint-subject small{display:block}.complaint-subject small{margin-top:4px;color:#64748b}.status-pill.open,.status-pill.in_progress{color:#1d4ed8;background:#dbeafe}.status-pill.waiting_customer{color:#92400e;background:#fef3c7}.status-pill.resolved,.status-pill.closed{color:#08783e;background:#dcfce7}.status-pill.cancelled,.status-pill.overdue,.status-pill.critical{color:#b42318;background:#fee2e2}.status-pill.high{color:#c2410c;background:#ffedd5}.status-pill.medium{color:#854d0e;background:#fef9c3}.status-pill.low{color:#0369a1;background:#e0f2fe}.complaint-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.complaint-modal-body{min-height:0;padding:18px 22px;overflow:auto}.complaint-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.complaint-form-grid .full{grid-column:1/-1}.complaint-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.complaint-detail-item{min-width:0;padding:10px 12px;border:1px solid #dbe2ea;background:#f8fafc}.complaint-detail-item span,.complaint-detail-item strong{display:block}.complaint-detail-item span{margin-bottom:4px;color:#64748b;font-size:10px;text-transform:uppercase}.complaint-detail-item strong{font-size:12px;overflow-wrap:anywhere}.complaint-description-block{margin-top:16px;padding:14px;border:1px solid #dbe2ea}.complaint-description-block h3,.complaint-timeline h3{margin:0 0 8px;font-size:13px}.complaint-description-block h3:not(:first-child){margin-top:14px}.complaint-description-block p{margin:0;color:#334155;font-size:12px;line-height:1.55;white-space:pre-wrap}.complaint-timeline{margin-top:18px}.complaint-timeline article{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;padding-bottom:16px}.complaint-timeline article:not(:last-child)::before{content:"";position:absolute;left:5px;top:12px;bottom:0;border-left:1px solid #cbd5e1}.timeline-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:2px solid #2563eb;border-radius:50%;background:#fff}.complaint-timeline article header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.complaint-timeline article p{margin:5px 0;color:#334155;white-space:pre-wrap}.complaint-timeline article small,.empty-note{color:#64748b}.complaint-followup-fields{padding:16px 22px;border-top:1px solid #dbe2ea;background:#f8fafc}.complaint-followup-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.complaint-followup-grid .full{grid-column:1/-1}@media(max-width:900px){.complaint-table{max-height:none}.complaint-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-followup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.complaint-toolbar,.complaint-inquiry{width:100%}.complaint-inquiry>*{width:100%!important;flex:1 1 100%}.complaint-toolbar-actions{width:100%;margin-left:0}.complaint-toolbar-actions .action-button{width:100%;justify-content:center}.complaint-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.complaint-modal-body,.complaint-followup-fields{padding:14px}.complaint-form-grid,.complaint-detail-grid,.complaint-followup-grid{grid-template-columns:1fr}.complaint-form-grid .full,.complaint-followup-grid .full{grid-column:auto}}@media(max-width:390px){.complaint-summary{grid-template-columns:1fr}}
.complaint-shell .complaint-toolbar{align-items:stretch;flex-direction:column;gap:12px}.complaint-toolbar .page-description{width:100%;max-width:none}.complaint-shell .complaint-inquiry{width:100%;display:flex;align-items:end;gap:10px;flex-wrap:nowrap}.complaint-filter-grid{min-width:0;flex:1;display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(4,minmax(145px,1fr));gap:8px;align-items:end}.complaint-filter-grid>*{width:100%;min-width:0}.complaint-keyword{width:100%}.complaint-shell .complaint-toolbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;margin-left:0}.complaint-toolbar-actions .action-button{min-height:42px;white-space:nowrap}@media(max-width:1280px){.complaint-shell .complaint-inquiry{align-items:stretch;flex-direction:column}.complaint-filter-grid{width:100%;grid-template-columns:repeat(3,minmax(160px,1fr))}.complaint-keyword{grid-column:span 2}.complaint-shell .complaint-toolbar-actions{justify-content:flex-end}}@media(max-width:900px){.complaint-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-keyword{grid-column:1/-1}}@media(max-width:640px){.complaint-filter-grid{grid-template-columns:1fr}.complaint-keyword{grid-column:auto}.complaint-shell .complaint-toolbar-actions{display:grid;grid-template-columns:1fr}.complaint-shell .complaint-toolbar-actions .action-button{width:100%}}