/* ISIC Control operations -- mobile-first, compatible with existing brand variables. */
.ops-heading{display:flex;justify-content:space-between;align-items:flex-start;margin:5px 0 18px;gap:12px}
.ops-heading h2{margin:0 0 5px;font-size:22px;font-weight:750;line-height:1.25}
.ops-heading p{margin:0;color:var(--muted,#667085);font-size:13px}
.ops-list{display:grid;gap:10px;padding-bottom:12px}
.ops-card{display:block;text-align:left;width:100%;color:inherit;background:#fff;border:1px solid var(--line,#dbe5e6);border-radius:17px;padding:15px 16px;min-height:90px;box-shadow:0 2px 9px #071c2110;cursor:pointer}
.ops-card:hover,.ops-card:focus-visible{border-color:var(--cyan,#40b8b8)}
.ops-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
.ops-card-top b{font-size:15px;overflow-wrap:anywhere}
.ops-card p{color:var(--muted,#667085);font-size:12px;margin:8px 0 0;line-height:1.45}
.ops-card small{color:var(--muted,#667085);white-space:nowrap}
.ops-pill{display:inline-flex;white-space:nowrap;font-size:11px;line-height:1.2;font-weight:700;color:#364152;border:1px solid #dde5e7;border-radius:15px;background:#f5f7f7;padding:5px 8px}
.ops-pill.ops-new{background:#fff7e6;color:#9a5900;border-color:#f2da9b}
.ops-pill.ops-success{background:#eaf8f2;color:#087a57;border-color:#c2e9d9}
.ops-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0 0 15px}
.ops-toolbar input:not([type=checkbox]),.ops-toolbar select{min-width:130px;flex:1 1 130px;border-radius:12px;height:45px;border:1px solid #d6e1e3;background:#fff;padding:0 12px;color:#142029;font-size:14px}
.ops-toolbar button{min-height:45px}
.ops-toolbar label{font-size:12px;display:flex;flex:1;flex-direction:column;gap:5px;color:var(--muted,#667085)}
.ops-sync,.ops-panel{background:#fff;border-radius:18px;border:1px solid var(--line,#dbe5e6);padding:17px;margin-bottom:16px}
.ops-sync strong{display:block;margin-bottom:12px;font-size:15px}
.ops-sync small{color:var(--muted,#667085);font-size:11px}
.ops-sync .ops-toolbar{margin-bottom:8px}
.ops-info-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f2;font-size:13px}
.ops-info-row span{color:var(--muted,#667085);flex:0 0 42%}
.ops-info-row strong{text-align:right;overflow-wrap:anywhere;font-weight:650}
.ops-panel h3{font-size:17px;margin:2px 0 14px}
.ops-panel label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:7px;margin:13px 0}
.ops-panel label select,.ops-panel label textarea{width:100%;border:1px solid #d8e2e4;border-radius:11px;padding:11px;background:white;color:#1a252c}
.ops-panel label.ops-check{display:flex;flex-direction:row;align-items:center;font-weight:400;gap:8px}
.ops-panel label.ops-check input{width:18px;height:18px;accent-color:var(--cyan,#40b8b8)}
.ops-panel .primary{width:100%;min-height:46px}
.ops-split{display:grid;gap:13px}
.ops-hint{font-size:11px;color:var(--muted,#667085);line-height:1.5;margin-top:15px}
.ops-chat{display:flex;flex-direction:column;gap:10px;max-height:430px;overflow-y:auto;padding:8px 0;margin-bottom:15px}
.ops-message{border-radius:13px;padding:10px 12px;background:#f1f6f7;font-size:13px;overflow-wrap:anywhere}
.ops-message small{display:block;color:#70808a;font-size:11px;margin-bottom:6px}
.ops-message.ops-agent{background:#dcf2f0;margin-left:22px}
.ops-message.ops-internal{background:#fff5de}
.ops-empty{border:1px dashed #cfdcde;border-radius:15px;text-align:center;padding:34px 20px;color:var(--muted,#667085);font-size:13px}
.ops-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ops-more-item{border:1px solid var(--line,#dae4e6);border-radius:15px;padding:20px 13px;background:white;font:inherit;text-align:left;color:inherit;cursor:pointer;min-height:80px}
.ops-more-item b{display:block;margin-bottom:7px}
.ops-more-item span{font-size:12px;color:var(--muted,#667085)}
@media(min-width:720px){.ops-split{grid-template-columns:minmax(220px,0.9fr) minmax(340px,1.35fr)}.ops-toolbar input:not([type=checkbox]){max-width:300px}}
@media(max-width:365px){.ops-heading h2{font-size:19px}.ops-toolbar button{flex:1}.ops-info-row{font-size:12px}}
