/* Coordia — Central de Solicitações v6
   Duas superfícies: central de trabalho e dossiê operacional. */
.os-page{
  --os-panel:#1c1e21;
  --os-panel-raised:#222429;
  --os-line:rgba(255,255,255,.09);
  --os-text:#f3f1f8;
  --os-subtle:#969aa8;
  max-width:1680px;
}

/* Tela 1 — central */
.os-page:not(.is-detail-view) .os-workspace{display:block;min-height:0}
.os-page:not(.is-detail-view) .os-detail{display:none}
.os-page:not(.is-detail-view) .os-inbox{
  min-height:620px;
  overflow:hidden;
  border-color:var(--os-line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--os-panel);
}
.os-page:not(.is-detail-view) .os-inbox-heading{
  display:flex;
  min-height:82px;
  align-items:center;
  gap:16px;
  padding:17px 22px;
}
.os-inbox-heading>div:first-child{display:grid;min-width:0;gap:3px;margin-right:auto}
.os-inbox-heading>div:first-child>small{
  color:#9c8cf2;
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
}
.os-inbox-heading>div:first-child>strong{display:block;font-size:17px}
.os-inbox-heading>div:first-child>strong::before{display:none}
.os-inbox-heading>div:first-child>span{color:var(--os-subtle);font-size:11px}
.os-page-size{display:flex;align-items:center;gap:8px;color:#9ea2af;font-size:11px;font-weight:700}
.os-page-size .input{width:70px;height:36px;padding:0 9px;border-radius:9px;background:#23252a;color:#eceaf3}
.os-inbox-heading>[data-os-total]{flex:none}

.os-page:not(.is-detail-view) .os-inbox>[data-os-list]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:12px;
  min-height:510px;
  padding:16px;
}
.os-page:not(.is-detail-view) .os-row{
  display:flex;
  min-width:0;
  min-height:238px;
  height:100%;
  margin:0;
  padding:18px 19px 16px 21px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
}
.os-page:not(.is-detail-view) .os-row:hover{
  transform:translateY(-2px);
  border-color:rgba(143,124,246,.42);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.os-page:not(.is-detail-view) .os-row>strong{
  display:-webkit-box;
  overflow:hidden;
  color:var(--os-text);
  font-size:16px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.os-page:not(.is-detail-view) .os-row-journey{margin-top:auto}
.os-page:not(.is-detail-view) .os-row-foot{margin-top:0}
.os-page:not(.is-detail-view) .os-empty{grid-column:1/-1}

.os-pagination{
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 20px;
}
.os-pagination>[data-os-pages]{display:flex;align-items:center;gap:5px}
.os-pagination>[data-os-pages] button{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#aeb1bd;
  font:750 12px/1 inherit;
  cursor:pointer;
}
.os-pagination>[data-os-pages] button:hover{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#f1eff7}
.os-pagination>[data-os-pages] button.active{border-color:rgba(143,124,246,.48);background:rgba(143,124,246,.17);color:#ded7ff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.os-page-ellipsis{display:grid;width:24px;place-items:center;color:#6f7480}
.os-pagination .os-page-arrow{display:grid;width:38px;min-width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--os-line);background:rgba(255,255,255,.025);font-size:16px}
.os-pagination>[data-os-page]{min-width:110px;text-align:center}

/* Tela 2 — dossiê */
.os-page.is-detail-view>.page-head,
.os-page.is-detail-view>.os-toolbar,
.os-page.is-detail-view>.os-filter-shell,
.os-page.is-detail-view>.os-filter-chips,
.os-page.is-detail-view .os-inbox{display:none!important}
.os-page.is-detail-view{max-width:1680px;padding-top:8px}
.os-page.is-detail-view .os-workspace{display:block;min-height:0}
.os-page.is-detail-view .os-detail{
  display:block;
  width:100%;
  min-height:720px;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#1a1c1f;
  box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03);
}
.os-detail-nav{
  position:relative;
  z-index:4;
  display:flex;
  min-height:76px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 24px;
  border-bottom:1px solid var(--os-line);
  background:rgba(255,255,255,.016);
}
.os-detail-nav>button{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 12px 8px 8px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#efedf6;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}
.os-detail-nav>button:hover{border-color:rgba(143,124,246,.25);background:rgba(143,124,246,.07)}
.os-detail-nav>button>span{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--os-line);border-radius:10px;background:rgba(255,255,255,.035);color:#c6bdff;font-size:17px}
.os-detail-nav>button>div{display:grid;gap:3px}
.os-detail-nav>button small{color:#8d82ce;font-size:8px;font-weight:850;letter-spacing:.14em}
.os-detail-nav>button strong{font-size:13px}
.os-detail-nav>div{display:flex;align-items:center;gap:9px}
.os-detail-nav>div span{color:#777c89;font-size:9px;font-weight:800;letter-spacing:.13em}
.os-detail-nav>div b{padding:6px 9px;border:1px solid rgba(143,124,246,.22);border-radius:8px;background:rgba(143,124,246,.07);color:#c8bfff;font-size:11px}
.os-page.is-detail-view .os-summary{padding:30px 36px}
.os-page.is-detail-view .os-detail-grid{grid-template-columns:minmax(0,1fr) minmax(340px,390px)}
.os-page.is-detail-view .os-process{padding:30px 36px}
.os-page.is-detail-view .os-conversation{min-height:600px}
.os-detail-loading{display:grid;min-height:640px;place-items:center;align-content:center;gap:15px;color:#b4b0c7}
.os-detail-loading span{width:34px;height:34px;border:2px solid rgba(255,255,255,.09);border-top-color:#8f7cf6;border-radius:50%;animation:os-spin .8s linear infinite}
.os-detail-loading strong{font-size:13px;font-weight:650}

@media(max-width:1050px){
  .os-page:not(.is-detail-view) .os-inbox>[data-os-list]{grid-template-columns:1fr}
  .os-page:not(.is-detail-view) .os-row{min-height:220px}
  .os-page.is-detail-view .os-detail-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .os-page:not(.is-detail-view) .os-inbox-heading{align-items:flex-start;flex-wrap:wrap}
  .os-inbox-heading>div:first-child{flex:1 1 100%}
  .os-page-size{margin-right:auto}
  .os-page:not(.is-detail-view) .os-inbox>[data-os-list]{padding:10px}
  .os-pagination{flex-wrap:wrap}
  .os-pagination>[data-os-page]{order:3;flex-basis:100%}
  .os-detail-nav{padding:11px 13px}
  .os-detail-nav>div{display:none}
  .os-page.is-detail-view .os-summary,.os-page.is-detail-view .os-process{padding:22px 17px}
}