.customer-control-workspace{display:grid;gap:8px;color:#17232c}.customer-control-workspace [hidden]{display:none}.customer-control-bar{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-bottom:1px solid #dce4e8;background:#fff}.customer-control-bar>div{margin-right:auto}.customer-control-bar h2{margin:0;font-size:20px}.customer-control-bar p{margin:2px 0 0;color:#6c7881;font-size:12px}.customer-control-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 190px);border:1px solid #dce4e8;border-radius:8px;overflow:hidden;background:#fff}.customer-control-layout:has(.customer-control-properties[hidden]){grid-template-columns:minmax(0,1fr) 0}.customer-control-sheet{min-width:0;background:#f7f9fa}.customer-control-toolbar{display:flex;align-items:end;gap:8px;padding:10px;border-bottom:1px solid #dce4e8;background:#fff}.customer-control-toolbar label{display:grid;gap:3px;color:#65727b;font-size: 12px}.customer-control-toolbar .grow{flex:1}.customer-control-toolbar input,.customer-control-toolbar select{min-height:34px;border:1px solid #ced9de;border-radius:5px;background:#fff}.customer-control-table-wrap{max-height:calc(100vh - 260px);overflow:auto;position:relative}.customer-control-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.customer-control-table th{position:sticky;top:0;z-index:2;background:#edf3f4}.customer-control-table th,.customer-control-table td{padding:9px;border-bottom:1px solid #e1e8eb;text-align:left}.customer-control-table tbody tr{cursor:pointer}.customer-control-table tbody tr:hover,.customer-control-table tbody tr:focus{background:#edf8f5;outline:none}.customer-control-table .customer-control-empty-row,.customer-control-table .customer-control-empty-row:hover{cursor:default;background:transparent}.customer-control-table td:first-child{min-width:250px}.customer-control-table td b,.customer-control-table td small{display:block}.customer-control-table td small{margin-top:3px;color:#77838b}.customer-control-empty{margin:18px;padding:22px;border:1px solid #d7e8e3;border-radius:16px;background:linear-gradient(135deg,#ffffff 0%,#f1faf6 100%);box-shadow:0 18px 50px rgba(20,40,35,.08);display:flex;align-items:center;justify-content:space-between;gap:18px}.customer-control-empty small{letter-spacing:.12em;color:#0b8a70;font-weight:700}.customer-control-empty h3{margin:6px 0;font-size:22px}.customer-control-empty p{max-width:640px;margin:0;color:#65727b}.case-status{display:inline-block;padding:3px 6px;border:1px solid #cfdadd;border-radius:4px;background:#fff;white-space:nowrap}.customer-control-properties{width:390px;overflow:auto;border-left:1px solid #dce4e8;background:#fff}.customer-control-properties>header{display:flex;justify-content:space-between;padding:12px}.customer-control-properties>header small{color:#718089;font-size: 12px}.customer-control-properties>header h3{margin:3px 0;font-size:15px}.customer-control-properties>header button{border:0;background:transparent;font-size:22px}.customer-control-properties>nav{display:flex;overflow:auto;border-bottom:1px solid #dce4e8}.customer-control-properties>nav button{padding:9px;border:0;border-bottom:2px solid transparent;background:transparent;font-size: 12px}.customer-control-properties>nav button.on{border-color:#0b8a70;color:#087b63}.customer-control-properties>[data-control-detail-body]{display:grid;gap:12px;padding:12px;font-size:12px}.control-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.control-detail-grid label,.control-baseline div{display:grid;gap:3px;padding:8px;border:1px solid #e0e7ea;border-radius:5px}.control-baseline{display:grid;gap:5px}.control-baseline h4{margin:0}.control-baseline div{grid-template-columns:1fr auto}.control-baseline small{color:#6c7881}.customer-control-properties textarea{min-height:74px;width:100%;resize:vertical}.customer-control-properties label{display:grid;gap:4px}.control-task-readback,.control-fact-list article,.control-effect-list article{padding:9px;border:1px solid #dce4e8;border-radius:5px}.control-task-readback h4{margin:0 0 8px}.control-task-readback dl{display:grid;grid-template-columns:90px 1fr;gap:5px;margin:0 0 10px}.control-task-readback dt{color:#6c7881}.control-task-readback dd{margin:0}.control-fact-list,.control-effect-list,.control-timeline{display:grid;gap:6px}.control-fact-list article p,.control-effect-list article p{margin:4px 0}.control-timeline{margin:0;padding-left:18px}.control-timeline li{display:grid;grid-template-columns:1fr auto;gap:2px;padding:5px}.control-timeline small{grid-column:1/-1;color:#7b878f}.customer-control-state{min-height:18px;padding:0 10px;color:#087b63;font-size:12px}.customer-control-state.bad{color:#a73e35}.control-client-actions{display:flex;justify-content:flex-end}.customer-control-properties .dt{font-size: 12px}.customer-control-properties .dt th,.customer-control-properties .dt td{padding:6px}.customer-control-properties .dt a{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis}.customer-control-properties .cohort-actions{display:flex;gap:6px}
@media(max-width:1200px){.customer-control-layout{grid-template-columns:minmax(0,1fr) 330px}.customer-control-properties{width:330px}}
.customer-control-layout:has(>[data-control-properties]:not([hidden])){grid-template-columns:minmax(0,1fr) 390px}
@media(max-width:1200px){.customer-control-layout:has(>[data-control-properties]:not([hidden])){grid-template-columns:minmax(0,1fr) 330px}}