/* Shared visual language for admin and agent kit workspaces. */
.sk-workflow-help{border:1px solid #e0e5df;border-radius:12px;background:#fff;margin:0 0 16px}.sk-workflow-help>summary{padding:16px 20px;font-size:13px;color:#566e5d;cursor:pointer;font-weight:600}.sk-workflow-help .sk-intro,.sk-workflow-help .sk-howto{margin:12px;border:0;box-shadow:none}
.sk-modal-body .sk-form-grid,.asc-form-grid{padding:18px;background:#f2f6ee;border:1px solid #dfe6d9;border-radius:12px;margin-bottom:20px}.sk-modal-body .sk-tree-toolbar,.asc-page .sk-tree-toolbar{gap:8px;flex-wrap:wrap;padding:14px;background:#f7f9f4;border-radius:10px;margin-bottom:16px}.sk-tree-toolbar .sk-tree-summary{flex:1;min-width:200px}.sk-modal-body .sk-case,.asc-page .sk-case{border:1px solid #dce4d7;border-radius:13px;margin-bottom:18px;overflow:visible}.sk-modal-body .sk-case-head,.asc-page .sk-case-head{padding:15px;background:#ecf2e7;border-radius:12px 12px 0 0;gap:10px}.sk-modal-body .sk-display,.asc-page .sk-display{border-radius:10px;border-color:#e2e7dc}.sk-modal-body .sk-display-head,.asc-page .sk-display-head{padding:12px}.sk-modal-body .sk-pcard,.asc-page .sk-pcard{border-radius:13px;padding:18px;border-color:#dfe5da;box-shadow:0 2px 8px #233c2b05}.sk-view-banner{padding:16px;background:#203c34;color:#eef5ec;border-radius:12px}.sk-view-search-row{padding:12px 0}.sk-view-case.is-on,.asc-rail-case.is-on{background:#eaf2e4;border-color:#6a8a5a}.sk-search-placement>p{padding:10px 12px;background:#eef4e8;border-radius:8px;font-size:12px;color:#3f623c;font-weight:600;margin:0 0 8px}.sk-search-placement{min-width:0}.sk-search-placement .sk-pcard{height:calc(100% - 44px)}
.asc-page .asc-kit-card{border-radius:14px;border-color:#dfe5da}.asc-page .asc-kit-acts{gap:10px}.asc-page .asc-show-rail{background:#f4f7ef;border-radius:12px;padding:14px}.asc-page .asc-rail-case{padding:14px}.asc-page .asc-show-find{min-width:250px}.asc-page .asc-show-find input{width:100%}
.sk-modal-body :is(input,select,button):focus-visible,.asc-page :is(input,select,button,a):focus-visible{outline:2px solid #52784c;outline-offset:3px}
@media(max-width:700px){.sk-modal-body .sk-case-head,.asc-page .sk-case-head{flex-wrap:wrap}.sk-tree-toolbar .sk-tree-summary{flex-basis:100%}.sk-node-actions{flex-wrap:wrap}.sk-modal-body .sk-form-grid,.asc-form-grid{padding:12px}.sk-search-placement>p{font-size:11px}}
.sk-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.sk-overview>div{padding:20px;border:1px solid #dce4d7;border-radius:13px;background:white;display:flex;flex-direction:column;gap:7px}.sk-overview>div:first-child{background:#203c34;color:#fff}.sk-overview b{font-size:28px;letter-spacing:-.03em}.sk-overview span{font-size:12px;opacity:.75}.asc-list-controls{display:flex;gap:12px;margin:20px 0}.asc-list-controls input{flex:1;min-width:0}.asc-list-controls select{width:170px}.asc-kit-card[hidden],.sk-assign-row[hidden]{display:none!important}.asc-page .asc-empty,.asc-page .sk-frames-empty{grid-column:1/-1;padding:28px}.sk-assign-list{max-height:400px;overflow:auto}@media(max-width:600px){.sk-overview{gap:8px}.sk-overview>div{padding:13px}.sk-overview b{font-size:24px}.asc-list-controls{flex-wrap:wrap}}

/* ---- Agent desk: sample kits, matched to the reference app ---- */
.asc-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;width:max-content;max-width:100%;overflow-x:auto}
.asc-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:9px;font-size:13px;font-weight:650;color:var(--muted);text-decoration:none;white-space:nowrap}
.asc-tab:hover{color:var(--ink);background:#f7f4ed}
.asc-tab.is-on{background:#203c34;color:#fff}
.asc-tab em{font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(0,0,0,.08)}
.asc-tab.is-on em{background:rgba(255,255,255,.18)}

.asc-locator{border:1px solid #dfe5da;border-radius:14px;background:#fff;padding:14px 16px}
.asc-locator-head h2{margin:0;font-size:15px;font-weight:750}
.asc-locator-head p{margin:2px 0 10px}
.asc-locator-search{max-width:none}
.asc-locate-out:empty{display:none}
.asc-locate-out{margin-top:10px}
.asc-locate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:min(420px,50vh);overflow:auto}
.asc-locate-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.asc-locate-frame{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13px}
.asc-locate-places{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.asc-place{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:7px 10px;border-radius:9px;background:#f4f7ef;color:inherit;text-decoration:none;font-size:12.5px}
.asc-place:hover{background:#e9efe2}
.asc-place-rep{font-weight:750}
.asc-place-kit{color:var(--muted)}
.asc-place-path{display:inline-flex;align-items:center;gap:5px;font-weight:650}
.asc-locate-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:13px}

.asc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border:1px solid #dfe5da;border-radius:14px;background:#fff}
.asc-filter-search{flex:1 1 240px;max-width:none}
.asc-chips{display:inline-flex;flex-wrap:wrap;gap:4px}
.asc-chip{border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:650;color:var(--muted);cursor:pointer}
.asc-chip:hover{color:var(--ink)}
.asc-chip.is-on{background:#203c34;border-color:#203c34;color:#fff}
.asc-filter-who{display:inline-flex;align-items:center;gap:8px}
.asc-filter-label{font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.asc-rep{min-width:160px}
.asc-scope-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#f1f5f0;color:#566e5d;font-size:12px;font-weight:650;cursor:help}
.asc-list-count{margin:-4px 0 0}
/* Translated text keeps its own casing ("Sola lettura", not "Sola Lettura"). */
.asc-page .pill{text-transform:none}
.asc-page .pill.asc-pill-muted{background:#f1f0ec;color:#5c574f}
.asc-page .pill.asc-pill-bad{background:#fee2e2;color:var(--bad)}

.asc-tools{display:flex;flex-wrap:wrap;gap:8px}
.asc-readonly-note{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border-radius:10px;background:#f4f7ef;color:#566e5d;font-size:13px}
.asc-fail p{margin:0 0 12px;line-height:1.45}

.sk-pcard-extra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 10px;font-size:11px;color:var(--muted)}
.sk-pcard-link{font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:2px}

/* One scroll area (the page), not two: a tree that scrolled inside the page
   also clipped the frame picker's results. */
.asc-page .sk-tree-list{max-height:none;overflow:visible}
.asc-page .sk-pick-menu{position:static;margin-top:4px}
.asc-page .sk-pick-search{max-width:none}
/* Start, not left: the rail and the picker read right-to-left in Arabic. */
.asc-page .asc-rail-case,.asc-page .sk-pick-opt{text-align:start}

@media(max-width:700px){
  .asc-filters{padding:10px 12px}
  .asc-filter-who{flex-basis:100%}
  .asc-rep{flex:1}
  .asc-tabs{width:100%}
  .asc-tab{flex:1;justify-content:center}
}
