/* RBS Desk v1.8.12 — Sprint 14 — Administração canônica, timeline por ator e UX premium */

/* Timeline: cliente, equipe e nota interna possuem semântica visual inequívoca. */
.v189-tree-item.actor-client{--actor-accent:#1476c9;--actor-soft:#eef7ff;--actor-border:#b9d9f5}
.v189-tree-item.actor-staff{--actor-accent:#5750c9;--actor-soft:#f3f1ff;--actor-border:#d2cdfb}
.v189-tree-item.actor-internal,.v189-tree-item.internal{--actor-accent:#9a6700;--actor-soft:#fff8e7;--actor-border:#efd79d}
.v189-tree-item.actor-client>summary,.v189-tree-item.actor-staff>summary,.v189-tree-item.internal>summary{border-left:4px solid var(--actor-accent)!important;background:var(--actor-soft)!important}
.v189-tree-item.actor-client .v189-tree-icon,.v189-tree-item.actor-staff .v189-tree-icon,.v189-tree-item.internal .v189-tree-icon{background:color-mix(in srgb,var(--actor-accent) 12%,white)!important;color:var(--actor-accent)!important;border-color:var(--actor-border)!important}
.v189-tree-item.actor-client .v189-tree-meta em{color:#0d66aa;background:#e1f1ff}
.v189-tree-item.actor-staff .v189-tree-meta em{color:#4d45b4;background:#eae7ff}
.v189-tree-item.internal .v189-tree-meta em{color:#805700;background:#fff0c8}
.v189-tree-item.actor-client[open],.v189-tree-item.actor-staff[open],.v189-tree-item.internal[open]{border-color:var(--actor-border)!important;box-shadow:0 7px 22px color-mix(in srgb,var(--actor-accent) 7%,transparent)}
.v1810-ticket-pane>.v1812-new-interaction{order:30!important}.v1810-ticket-pane>.v1812-timeline{order:40!important}.v1810-ticket-pane>.v189-ticket-support{order:50!important}
.v1810-ticket-pane>.v189-staff-head{order:10!important}.v1810-ticket-pane>.v189-ticket-actionbar{order:20!important}.v1810-ticket-pane>.v1810-ticket-back{order:5!important}

/* Central de Administração: um padrão único — categorias + lista. */
.v1812-admin{display:grid;gap:16px;min-width:0;padding:2px 0 22px}.v1812-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v1812-admin-head h1{margin:5px 0 6px;font-size:clamp(26px,4vw,40px)}.v1812-admin-head p{max-width:760px;font-size:13px}.v1812-admin-badge{flex:0 0 auto;border:1px solid #d5e2ee;background:#fff;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;color:#53697d}.v1812-admin-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #d6e2ed;border-radius:15px;padding:0 13px;min-height:50px}.v1812-admin-search svg{width:18px;height:18px;color:#647a8d}.v1812-admin-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;color:#10253c}.v1812-admin-search kbd{font-size:11px;border:1px solid #dbe4ec;border-radius:7px;padding:2px 6px;color:#718395;background:#f6f8fa}.v1812-admin-layout{display:grid;grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:14px;align-items:start}.v1812-admin-nav{display:grid;gap:7px;position:sticky;top:10px}.v1812-admin-nav>button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:1px solid #dce6ef;background:#fff;border-radius:15px;padding:10px 11px;color:#12283d}.v1812-admin-nav>button>span{width:36px;height:36px;border-radius:11px;background:#f0f6fb;display:grid;place-items:center;color:#1774c5}.v1812-admin-nav svg{width:18px;height:18px}.v1812-admin-nav b,.v1812-admin-nav small{display:block}.v1812-admin-nav b{font-size:12px}.v1812-admin-nav small{font-size:9px;line-height:1.35;color:#6d7f90;margin-top:2px}.v1812-admin-nav em{font-style:normal;font-size:10px;color:#708294}.v1812-admin-nav>button.active{border-color:#90c2ec;background:#eef7ff;box-shadow:0 0 0 2px rgba(23,116,197,.06)}.v1812-admin-main{background:#fff;border:1px solid #dce6ef;border-radius:18px;padding:14px;min-width:0}.v1812-admin-main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 3px 13px;border-bottom:1px solid #edf1f5}.v1812-admin-main>header h2{font-size:18px;margin:2px 0}.v1812-admin-main>header p{font-size:11px}.v1812-admin-list{display:grid}.v1812-admin-list>button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:transparent;padding:12px 3px;color:#11273b}.v1812-admin-list>button:last-child{border-bottom:0}.v1812-admin-item-icon{width:40px;height:40px;border-radius:12px;background:#f1f6fa;color:#1774c5;display:grid;place-items:center}.v1812-admin-item-icon svg{width:19px;height:19px}.v1812-admin-list strong,.v1812-admin-list small,.v1812-admin-list em{display:block}.v1812-admin-list strong{font-size:13px}.v1812-admin-list small{font-size:10px;color:#687b8d;margin-top:2px;line-height:1.4}.v1812-admin-list em{font-size:9px;color:#1774c5;font-style:normal;font-weight:700;margin-top:3px}.v1812-admin-open{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#1774c5;white-space:nowrap}.v1812-admin-open svg{width:15px;height:15px}.v1812-admin-list>button:hover{background:#f8fbfd}.v1812-admin-list>button:focus-visible,.v1812-admin-nav>button:focus-visible{outline:3px solid rgba(23,116,197,.18);outline-offset:1px}

/* Parâmetros: mesma linguagem de navegação da Administração. */
.v1812-params{display:grid;gap:14px;min-width:0;padding-bottom:24px}.v1812-param-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.v1812-param-head h1{margin:4px 0 5px}.v1812-param-head p{font-size:12px}.v1812-param-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid #d8e4ee;border-radius:14px;background:#fff}.v1812-param-search input{border:0;outline:0;background:transparent;width:100%;min-width:0}.v1812-param-search>span{font-size:10px;font-weight:800;color:#6b7e90}.v1812-param-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:14px;align-items:start}.v1812-param-nav{display:grid;gap:6px;position:sticky;top:10px;max-height:calc(100dvh - 150px);overflow:auto}.v1812-param-nav button{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;border:1px solid #dce6ef;border-radius:13px;background:#fff;padding:8px 10px;color:#14283c}.v1812-param-nav button span{width:31px;height:31px;border-radius:10px;background:#f0f6fb;display:grid;place-items:center;color:#1774c5}.v1812-param-nav button svg{width:16px;height:16px}.v1812-param-nav b{font-size:11px}.v1812-param-nav em{font-style:normal;font-size:9px;color:#718395}.v1812-param-nav button.active{background:#eef7ff;border-color:#8fc1eb}.v1812-param-main{min-width:0;display:grid;gap:12px}.v1812-param-scope{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #cfe1f0;background:#edf7ff;border-radius:15px;padding:11px 12px}.v1812-param-scope>span{width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center;color:#1774c5}.v1812-param-scope b,.v1812-param-scope small{display:block}.v1812-param-scope small{font-size:9px;color:#63788c;margin-top:2px}.v1812-param-main .v189-param-row>div:first-child em{display:block;font-size:8px;font-style:normal;color:#8a98a5;margin-top:4px;overflow-wrap:anywhere}

/* Permissões e carregamentos rápidos. */
.v1812-permissions{padding-bottom:24px}.v1812-admin-skeleton{display:grid;gap:9px}.v1812-admin-skeleton i{display:block;height:62px;border-radius:14px;background:linear-gradient(90deg,#eef2f5,#e4ebf1,#eef2f5);background-size:200% 100%;animation:v1812sh 1s linear infinite}@keyframes v1812sh{to{background-position:-200% 0}}

/* Feriados/status: evitar sensação de tela congelada em leituras focadas. */
.v1812-fast-enter{min-height:120px}.classification-list{content-visibility:auto;contain-intrinsic-size:400px}

@media(max-width:900px){
  .v1812-admin-head,.v1812-param-head{display:grid}.v1812-admin-badge{justify-self:start}.v1812-admin-layout,.v1812-param-layout{grid-template-columns:minmax(0,1fr)}
  .v1812-admin-nav,.v1812-param-nav{position:static;display:flex;overflow-x:auto;max-height:none;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.v1812-admin-nav::-webkit-scrollbar,.v1812-param-nav::-webkit-scrollbar{display:none}
  .v1812-admin-nav>button{min-width:220px;flex:0 0 220px}.v1812-param-nav button{min-width:150px;flex:0 0 150px}.v1812-param-main{min-width:0}
  .v1812-admin-main{padding:11px}.v1812-admin-list>button{grid-template-columns:38px minmax(0,1fr) auto}
}
@media(max-width:560px){
  .v1812-admin{gap:12px}.v1812-admin-head h1{font-size:26px}.v1812-admin-badge{display:none}.v1812-admin-search kbd{display:none}.v1812-admin-nav>button{min-width:200px;flex-basis:200px}.v1812-admin-open{font-size:0}.v1812-admin-open svg{width:18px;height:18px}.v1812-admin-list>button{padding:11px 1px;grid-template-columns:38px minmax(0,1fr) 20px}.v1812-admin-list small{font-size:9px}
  .v1812-param-head>.rbs-ui-btn{width:100%;justify-content:center}.v1812-param-search{grid-template-columns:auto minmax(0,1fr)}.v1812-param-search>span{display:none}.v1812-param-scope{grid-template-columns:34px minmax(0,1fr)}.v1812-param-scope>.btn{grid-column:1/-1;width:100%}.v1812-param-nav button{min-width:140px;flex-basis:140px}
  .v189-tree-item.actor-client>summary,.v189-tree-item.actor-staff>summary,.v189-tree-item.internal>summary{border-left-width:3px!important}
}
