/* NGI Quote · B2B product visual foundation
   Restrained enterprise styling over the legacy presentation layer.
   No business logic changes. */

:root{
  --product-bg:#f5f6f8;
  --product-surface:#ffffff;
  --product-surface-soft:#f8f9fb;
  --product-border:#dfe3e8;
  --product-border-strong:#cfd5dd;
  --product-text:#182230;
  --product-muted:#687385;
  --product-blue:#2463b6;
  --product-blue-hover:#1d5198;
  --product-danger:#b73a45;
  --product-success:#25724a;
  --product-radius:8px;
}

body{
  background:var(--product-bg);
  color:var(--product-text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:0;
}

.shell{
  grid-template-columns:248px minmax(0,1fr);
  background:var(--product-bg);
}

.sidebar{
  background:var(--product-surface)!important;
  border-right:1px solid var(--product-border)!important;
  padding:18px 12px!important;
  gap:10px!important;
}

.brand{padding:2px 8px 14px!important;gap:10px!important}
.logo{
  width:38px!important;
  height:38px!important;
  border-radius:8px!important;
  background:#eef3f9!important;
  color:#245a9d!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.brand b{font-size:18px!important;font-weight:760!important;letter-spacing:-.02em!important}
.brand span{font-size:11px!important;color:#778294!important}

.newbtn{
  min-height:40px!important;
  border:1px solid #245ca8!important;
  border-radius:7px!important;
  background:var(--product-blue)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
.newbtn:hover{background:var(--product-blue-hover)!important}

.workas{
  padding:9px 10px!important;
  border:1px solid var(--product-border)!important;
  border-radius:7px!important;
  background:#fff!important;
}
.workas label{font-size:9px!important;letter-spacing:.06em!important;color:#8993a3!important}
.workas select{font-size:13px!important;font-weight:650!important;color:#263548!important}

.nav{gap:3px!important}
.navbtn{
  min-height:38px!important;
  padding:9px 10px!important;
  border-radius:6px!important;
  border:1px solid transparent!important;
  font-size:13px!important;
  font-weight:620!important;
  color:#445164!important;
}
.navbtn:hover{background:#f5f7fa!important}
.navbtn.active{
  background:#edf2f7!important;
  border-color:#e1e6ec!important;
  color:#214f86!important;
  box-shadow:none!important;
}
.navgroup{border-top:1px solid #e3e7ec!important}
.navgroup summary{
  padding:8px 10px!important;
  font-size:11px!important;
  color:#7b8594!important;
}
.count{
  min-width:20px!important;
  height:20px!important;
  font-size:10px!important;
  background:#eef1f4!important;
  color:#6f7b8c!important;
}

.ngi-auth-mini{
  border:1px solid var(--product-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:10px!important;
}
.ngi-auth-account b{font-size:11px!important}
.ngi-auth-account small{font-size:9px!important}
.ngi-auth-account-actions button{
  border-radius:6px!important;
  padding:6px 7px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.main{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  padding:26px clamp(22px,2.4vw,38px) 44px!important;
}
.top{margin-bottom:18px!important}
.title h1{
  font-size:27px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  font-weight:760!important;
  color:#172335!important;
}
.title p{font-size:13px!important;color:#728094!important;margin-top:4px!important}

.shell .card{
  background:#fff!important;
  border:1px solid var(--product-border)!important;
  border-radius:10px!important;
  box-shadow:0 1px 2px rgba(18,34,52,.035)!important;
}
.shell .sectiontitle h2{letter-spacing:-.015em}

.shell .btn,
.shell .filebtn{
  border-radius:7px!important;
  box-shadow:none!important;
  font-weight:680!important;
}
.shell .btn.primary{
  background:var(--product-blue)!important;
  border:1px solid var(--product-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.shell .btn.primary:hover{background:var(--product-blue-hover)!important}
.shell .btn.secondary,
.shell .filebtn{
  background:#fff!important;
  border:1px solid var(--product-border-strong)!important;
  color:#34445a!important;
  box-shadow:none!important;
}
.shell .btn.secondary:hover,
.shell .filebtn:hover{background:#f6f8fa!important}

.shell input,
.shell textarea,
.shell select{
  border-radius:7px!important;
}
.shell .field input,
.shell .field select,
.shell .txt{
  background:#fff!important;
  border-color:#d9dee5!important;
}

.shell .stat{
  border-radius:8px!important;
  background:var(--product-surface-soft)!important;
  border-color:#e2e6eb!important;
  box-shadow:none!important;
}
.shell .rowcard{
  border-radius:8px!important;
  background:#fff!important;
  border-color:#e1e5ea!important;
}
.shell .empty{
  border-radius:8px!important;
  background:#fafbfc!important;
}
.shell .chip{border-radius:6px!important}
.shell .info,.shell .warn{border-radius:7px!important}

.drop{
  border-radius:8px!important;
  background:#fafbfc!important;
}
.file-state{border-radius:7px!important}

.agent-card{
  border-radius:10px!important;
  box-shadow:none!important;
}
.agent-status-row{gap:14px!important}
.agent-status-pill{
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
}
.agent-status-pill.ready,
.agent-status-pill.warn,
.agent-status-pill.error{background:transparent!important;border:0!important}
.agent-suggestion{
  border-radius:6px!important;
  background:#fff!important;
  border:1px solid #d4dae2!important;
  color:#365b86!important;
  padding:7px 10px!important;
  font-weight:650!important;
}
.agent-suggestion:hover{background:#f5f7fa!important}
.agent-chat-log{
  border-radius:8px!important;
  background:#fafbfc!important;
}
.agent-msg{
  border-radius:7px!important;
  box-shadow:none!important;
}
.agent-msg.assistant{background:#fff!important}
.agent-msg.user{background:#eef4fb!important}
.agent-compose input{border-radius:7px!important}

.ngi-onboarding{
  border-radius:8px!important;
  background:#fff!important;
  border-color:var(--product-border)!important;
  box-shadow:none!important;
  padding:10px 12px 8px!important;
}
.ngi-onboarding-title h3{font-size:13px!important}
.ngi-onboarding-title b{
  border-radius:5px!important;
  background:#eef3f8!important;
  color:#41688f!important;
}
.ngi-onboarding-milestone{
  border-radius:6px!important;
  padding:6px 9px!important;
  background:#fff!important;
}
.ngi-onboarding-milestone.done{
  background:#f4f8f5!important;
  border-color:#d6e4da!important;
  color:#38634a!important;
}
.ngi-onboarding-progress{height:3px!important}

.primary-integration,
.integration,
.plan-card,
.branding-box,
.integration-setup-panel{
  border-radius:9px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.integration-icon{border-radius:7px!important}

.tablewrap{border-radius:8px!important}
.table th{background:#f6f7f9!important}
.one-c-card{border-radius:7px!important}
.one-c-batch{border-radius:8px!important;background:#fafbfc!important}

/* Director keeps its hierarchy but loses the soft AI-dashboard treatment. */
#view-leader>.card,
#view-leader .director-focus-grid>.card,
#view-leader .director-priorities>.card,
#view-leader .director-supplemental{
  border-radius:10px!important;
  box-shadow:none!important;
}
#view-leader .director-attention-card{
  border-top:1px solid var(--product-border)!important;
}
#view-leader #leaderAttention .attention-item{
  border-radius:8px!important;
  box-shadow:none!important;
}
#view-leader .director-supplemental summary{
  background:#fff!important;
}
#view-leader .periodbtn{
  border-radius:6px!important;
  box-shadow:none!important;
}
#view-leader .director-data-freshness,
#view-leader .director-source-time,
#view-leader .director-source-chip{
  border-radius:6px!important;
}

.modalbox,
.proposal{
  border-radius:10px!important;
  box-shadow:0 16px 50px rgba(18,34,52,.14)!important;
}
.proposalhero{background:#17365d!important}

@media(max-width:980px){
  .shell{grid-template-columns:1fr}
  .main{padding:20px 16px 34px!important}
}

/* Requests register — compact B2B worklist, not a stack of cards. */
.requests-card{padding:20px!important}
.requests-card .sectiontitle{margin-bottom:14px}
.requests-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--product-border)}
.requests-filters{display:flex;gap:4px;flex-wrap:wrap}
.requests-filter{border:1px solid transparent;background:transparent;color:#657184;border-radius:5px;padding:7px 10px;font-size:12px;font-weight:650;cursor:pointer}
.requests-filter:hover{background:#f5f7f9;color:#35475e}
.requests-filter.active{background:#eef2f6;border-color:#dfe4e9;color:#244d7b}
.requests-search{display:flex;align-items:center;gap:8px;color:#7b8696;font-size:11px}
.requests-search input{width:220px;padding:8px 9px!important;border:1px solid #d7dde4!important;background:#fff!important;font-size:12px!important}
.requests-register{border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
.requests-register-head,.request-register-row{display:grid;grid-template-columns:minmax(260px,2.2fr) 125px 110px minmax(130px,1fr) 105px 76px;gap:12px;align-items:center}
.requests-register-head{padding:9px 12px;background:#f7f8fa;border-bottom:1px solid var(--product-border);color:#7a8595;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.request-register-row{padding:11px 12px;border-bottom:1px solid #edf0f3;min-height:58px}
.request-register-row:last-child{border-bottom:0}
.request-register-row:hover{background:#fafbfd}
.request-main{min-width:0}
.request-main b{display:block;color:#243247;font-size:13px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.request-main small{display:block;margin-top:3px;color:#8993a1;font-size:10px}
.request-register-meta{font-size:11px;color:#657184;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.request-status-tag{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border:1px solid #dce1e7;border-radius:5px;background:#f7f8fa;color:#687486;font-size:10px;font-weight:700;white-space:nowrap}
.request-status-tag.review{background:#fff7e8;border-color:#eddbb9;color:#805e19}
.request-status-tag.ready{background:#f2f8f4;border-color:#d7e6dc;color:#376549}
.request-status-tag.completed{background:#f3f5f7;border-color:#dfe3e8;color:#5d6978}
.request-status-tag.new{background:#f0f5fb;border-color:#d8e3f0;color:#315b88}
.request-register-action{text-align:right}
.request-register-action .btn{min-height:32px!important;padding:6px 9px!important;font-size:11px!important}
.requests-empty{padding:28px;text-align:center;color:#7b8796;font-size:12px;background:#fafbfd}
@media(max-width:900px){
  .requests-register-head{display:none}
  .request-register-row{grid-template-columns:1fr auto;gap:7px 12px;align-items:start}
  .request-main{grid-column:1}
  .request-register-row>div:nth-child(2){grid-column:2;grid-row:1}
  .request-register-row>div:nth-child(3),.request-register-row>div:nth-child(4),.request-register-row>div:nth-child(5){grid-column:1}
  .request-register-action{grid-column:2;grid-row:2/5;align-self:center}
}
@media(max-width:620px){
  .requests-toolbar{align-items:stretch;flex-direction:column}
  .requests-search{justify-content:space-between}
  .requests-search input{width:100%;flex:1}
}

/* Request workspace — agent-first review screen. */
.request-workspace{padding:20px!important}
.request-workspace-head{margin-bottom:12px!important}
.request-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--product-border);border-bottom:1px solid var(--product-border)}
.request-overview-main{display:flex;align-items:center;gap:18px;min-width:0}
.request-kpis{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#697587;font-size:11px}
.request-kpis span{white-space:nowrap}
.request-kpis b{color:#25364b;font-size:14px;margin-right:3px}
.request-kpis .needs-review b{color:#a56b17}
.request-overview .managerbar{margin:0;padding:0;border:0;background:transparent;gap:7px}
.request-overview .managerbar span{font-size:10px}
.request-overview .managerbar select{min-width:170px;padding:7px 8px;font-size:11px}
.request-flow-state{margin-left:auto;color:#697587;font-size:11px;white-space:nowrap}
.request-flow-state.ready{color:#33704b}
.request-flow-state.warn{color:#9a681a}
.request-meta{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0!important}
.request-meta .metarow{border:0;padding:0;font-size:10px;color:#788494}
.request-meta .metarow span{margin-right:4px}
.request-meta .metarow b{font-weight:600;color:#4e5d70}
.request-onec-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0;padding:9px 10px;border:1px solid #e0e4e9;border-radius:7px;background:#fafbfc}
.request-onec-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.request-onec-controls label{font-size:10px;font-weight:650;color:#738094}
.request-onec-controls select{max-width:230px;padding:7px 8px!important;font-size:11px!important}
.request-onec-controls .btn{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
.request-onec-toolbar .batch-state{font-size:10px;color:#778394;text-align:right}
.request-tablewrap{border-radius:7px!important}
.request-items-table{min-width:940px!important}
.request-items-table th{font-size:9px!important;padding:8px!important;background:#f7f8fa!important}
.request-items-table td{font-size:11px!important;padding:8px!important}
.request-items-table .one-c-card{min-height:0;padding:6px!important;background:#fff!important}
.request-items-table .one-c-card b{font-size:11px!important}
.request-items-table .one-c-card small{font-size:9px!important}
.request-items-table .row-1c-check,.request-items-table .row-1c-select{font-size:9px!important;padding:4px 6px!important}
.request-primary-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:12px}
.request-primary-actions .btn{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
.request-more,.request-history-details{margin-top:10px;border:1px solid var(--product-border);border-radius:7px;background:#fff;overflow:hidden}
.request-more summary,.request-history-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:10px 12px;color:#59687a;font-size:11px;font-weight:650;background:#fafbfc}
.request-more summary::-webkit-details-marker,.request-history-details summary::-webkit-details-marker{display:none}
.request-more summary:after,.request-history-details summary:after{content:'⌄';color:#8994a3}
.request-more[open] summary:after,.request-history-details[open] summary:after{content:'⌃'}
.request-more-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #edf0f3}
.request-more-body select{padding:7px 8px!important;font-size:11px!important}
.request-more-body .btn{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
.request-history-details .timeline{padding:12px;border-top:1px solid #edf0f3}
.request-history-details .request-status{margin-left:auto}
@media(max-width:820px){
  .request-overview,.request-overview-main{align-items:flex-start;flex-direction:column}
  .request-flow-state{margin-left:0;white-space:normal}
  .request-onec-toolbar{align-items:flex-start;flex-direction:column}
  .request-onec-toolbar .batch-state{text-align:left}
  .request-primary-actions{justify-content:stretch}
  .request-primary-actions .btn{flex:1 1 130px}
}

/* Quotes register — finished documents as a business registry. */
.quotes-card{padding:20px!important}
.quotes-card .sectiontitle{margin-bottom:14px}
.quotes-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--product-border)}
.quotes-periods{display:flex;gap:4px;flex-wrap:wrap}
.quotes-period{border:1px solid transparent;background:transparent;color:#657184;border-radius:5px;padding:7px 10px;font-size:12px;font-weight:650;cursor:pointer}
.quotes-period:hover{background:#f5f7f9;color:#35475e}
.quotes-period.active{background:#eef2f6;border-color:#dfe4e9;color:#244d7b}
.quotes-search{display:flex;align-items:center;gap:8px;color:#7b8696;font-size:11px}
.quotes-search input{width:250px;padding:8px 9px!important;border:1px solid #d7dde4!important;background:#fff!important;font-size:12px!important}
.quotes-register{border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
.quotes-register-head,.quote-register-row{display:grid;grid-template-columns:minmax(260px,2fr) minmax(180px,1.25fr) minmax(130px,.9fr) 70px 105px 76px;gap:12px;align-items:center}
.quotes-register-head{padding:9px 12px;background:#f7f8fa;border-bottom:1px solid var(--product-border);color:#7a8595;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.quote-register-row{padding:11px 12px;border-bottom:1px solid #edf0f3;min-height:58px}
.quote-register-row:last-child{border-bottom:0}
.quote-register-row:hover{background:#fafbfd}
.quote-main{min-width:0}
.quote-main b{display:block;color:#243247;font-size:13px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quote-main small{display:block;margin-top:3px;color:#8993a1;font-size:10px}
.quote-register-meta{font-size:11px;color:#657184;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quote-client{color:#35465d;font-weight:600}
.quote-register-action{text-align:right}
.quote-register-action .btn{min-height:32px!important;padding:6px 9px!important;font-size:11px!important}
.quotes-empty{padding:28px;text-align:center;color:#7b8796;font-size:12px;background:#fafbfd}
@media(max-width:900px){
  .quotes-register-head{display:none}
  .quote-register-row{grid-template-columns:1fr auto;gap:7px 12px;align-items:start}
  .quote-main{grid-column:1}
  .quote-register-row>div:nth-child(2),.quote-register-row>div:nth-child(3),.quote-register-row>div:nth-child(4),.quote-register-row>div:nth-child(5){grid-column:1}
  .quote-register-action{grid-column:2;grid-row:1/6;align-self:center}
}
@media(max-width:620px){
  .quotes-toolbar{align-items:stretch;flex-direction:column}
  .quotes-search{justify-content:space-between}
  .quotes-search input{width:100%;flex:1}
}

/* Clients — one business directory with on-demand manual entry. */
.clients-card{padding:20px!important}
.clients-card .sectiontitle{margin-bottom:14px}
.client-add-panel{margin-bottom:14px;padding:14px;border:1px solid var(--product-border);border-radius:8px;background:#fafbfc}
.client-add-panel .formgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.client-add-panel .field.wide{grid-column:span 1}
.client-add-panel .field label{font-size:10px}
.client-add-panel .field input{padding:8px 9px!important;font-size:12px!important}
.client-add-panel .actions{margin-top:10px}
.client-add-panel .btn{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}
.clients-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--product-border)}
.clients-search{display:flex;align-items:center;gap:8px;color:#7b8696;font-size:11px}
.clients-search input{width:300px;padding:8px 9px!important;border:1px solid #d7dde4!important;background:#fff!important;font-size:12px!important}
.clients-register{border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
.clients-register-head,.client-register-row{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(150px,1.05fr) minmax(130px,.9fr) minmax(210px,1.35fr) 110px 68px;gap:12px;align-items:center}
.clients-register-head{padding:9px 12px;background:#f7f8fa;border-bottom:1px solid var(--product-border);color:#7a8595;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.client-register-row{padding:11px 12px;border-bottom:1px solid #edf0f3;min-height:58px}
.client-register-row:last-child{border-bottom:0}
.client-register-row:hover{background:#fafbfd}
.client-main{min-width:0}
.client-main b{display:block;color:#243247;font-size:13px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-main small{display:block;margin-top:3px;color:#8993a1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-register-meta{font-size:11px;color:#657184;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-source{display:inline-flex;justify-self:start;padding:4px 6px;border:1px solid #dfe4e9;border-radius:5px;background:#f7f8fa;color:#6c7888;font-size:9px;font-weight:650;white-space:nowrap}
.client-source.server{background:#f2f6fa;color:#44627f}
.client-register-action{text-align:right}
.client-register-action .btn{min-height:30px!important;padding:5px 8px!important;font-size:10px!important}
.clients-empty{padding:28px;text-align:center;color:#7b8796;font-size:12px;background:#fafbfd}
@media(max-width:1000px){
  .client-add-panel .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients-register-head{display:none}
  .client-register-row{grid-template-columns:1fr auto;gap:7px 12px;align-items:start}
  .client-main{grid-column:1}
  .client-register-row>div:nth-child(2),.client-register-row>div:nth-child(3),.client-register-row>div:nth-child(4),.client-register-row>div:nth-child(5){grid-column:1}
  .client-register-action{grid-column:2;grid-row:1/6;align-self:center}
}
@media(max-width:620px){
  .client-add-panel .formgrid{grid-template-columns:1fr}
  .clients-toolbar{justify-content:stretch}
  .clients-search{width:100%;justify-content:space-between}
  .clients-search input{width:100%;flex:1}
}

/* Integrations — business status first, technical setup on demand. */
.integrations-card{padding:20px!important}
.integrations-card .sectiontitle{margin-bottom:10px}
.integration-summary{display:flex;gap:16px;flex-wrap:wrap;padding:9px 0 13px;border-bottom:1px solid var(--product-border);color:#758193;font-size:10px}
.integration-summary span{display:inline-flex;align-items:center;gap:6px}
.state-dot{width:7px;height:7px;border-radius:50%;background:#aab2bd}
.state-dot.connected{background:#3e835d}.state-dot.setup{background:#ba7a1e}.state-dot.unavailable{background:#949ca8}
#view-integrations .primary-integration-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:4px;border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
#view-integrations .business-integration{display:grid;grid-template-columns:40px minmax(0,1fr) 130px 90px;gap:12px;align-items:center;min-height:72px;padding:12px 14px;border:0;border-bottom:1px solid #edf0f3;border-radius:0;background:#fff;box-shadow:none}
#view-integrations .business-integration:last-child{border-bottom:0}
#view-integrations .business-integration:hover{background:#fafbfd}
#view-integrations .integration-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce2e8;border-radius:7px;background:#f5f7f9;color:#40536b;font-size:10px;font-weight:760}
.business-integration-copy{min-width:0}
.business-integration-copy h3{margin:0;color:#263548;font-size:13px;font-weight:700}
.business-integration-copy p{margin:3px 0 0!important;color:#758193!important;font-size:10px!important}
.business-integration-copy small{display:block;margin-top:4px;color:#9a681a;font-size:9px}
.integration-business-state{display:inline-flex;justify-self:start;align-items:center;padding:4px 7px;border:1px solid #dfe4e9;border-radius:5px;background:#f7f8fa;color:#667386;font-size:9px;font-weight:700;white-space:nowrap}
.integration-business-state.connected{background:#f1f7f3;border-color:#d6e5da;color:#37704c}
.integration-business-state.setup{background:#fff8ec;border-color:#eadbbf;color:#95671c}
.integration-business-state.unavailable{background:#f4f5f6;border-color:#e1e4e8;color:#7e8794}
.integration-business-state.neutral{background:#f5f7f9;color:#697687}
#view-integrations .business-integration>.btn{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
#view-integrations .integration-setup-panel{margin-top:10px;padding:12px 14px;border:1px solid #dfe4ea;border-radius:8px;background:#fafbfc;box-shadow:none}
.integration-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.integration-setup-head h3{margin:0;font-size:13px;color:#263548}
.integration-setup-head p{margin:4px 0 0!important;font-size:10px!important;color:#697687!important;max-width:80ch}
.integration-setup-actions{margin-top:10px}
.integration-pairing-panel{padding:16px!important;box-shadow:none!important}
.integration-pairing-panel .sectiontitle{margin-bottom:8px}
.integration-pairing-panel h2{font-size:15px!important}
.integration-pairing-panel p{font-size:11px!important}
.integration-details{padding:0!important;overflow:hidden;box-shadow:none!important}
.integration-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;list-style:none;cursor:pointer;background:#fff}
.integration-details>summary::-webkit-details-marker{display:none}
.integration-details>summary>div{min-width:0}
.integration-details>summary b{display:block;color:#2b3a4d;font-size:12px}
.integration-details>summary div>span{display:block;margin-top:3px;color:#7a8595;font-size:10px}
.integration-details>summary:after{content:'⌄';color:#8b95a3;margin-left:4px}
.integration-details[open]>summary:after{content:'⌃'}
.integration-details-body{padding:12px 15px 15px;border-top:1px solid #edf0f3;background:#fafbfc}
.integration-details-body .info,.integration-details-body .warn{font-size:10px!important}
.integration-details-body .field label{font-size:10px}
.integration-details-body .field input{font-size:11px!important;padding:8px 9px!important}
.integration-details-body .btn{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
.integration-connected-title{margin:16px 0 8px!important}
.integration-connected-title h3{margin:0;font-size:12px}
#view-integrations .integrationgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#view-integrations .integration{padding:12px!important;border-radius:7px!important}
#view-integrations .integration h3{font-size:12px!important}
#view-integrations .integration p{font-size:10px!important}
#view-integrations .planned{border-radius:5px!important;font-size:9px!important;padding:4px 6px!important}
@media(max-width:760px){
  #view-integrations .business-integration{grid-template-columns:36px 1fr auto;gap:9px}
  #view-integrations .integration-business-state{grid-column:2}
  #view-integrations .business-integration>.btn{grid-column:3;grid-row:1/3;align-self:center}
  #view-integrations .integrationgrid{grid-template-columns:1fr}
}

/* Organization — essentials first, rare settings on demand. */
.organization-card{padding:20px!important}
.organization-card .sectiontitle{margin-bottom:14px}
.organization-core{display:grid;grid-template-columns:minmax(240px,2fr) minmax(130px,.75fr) minmax(130px,.75fr);gap:10px}
.organization-core .organization-name{grid-column:1}
.organization-core .organization-address{grid-column:1/-1}
.organization-core .field label{font-size:10px;color:#778395}
.organization-core .field input{padding:8px 9px!important;font-size:12px!important;background:#fff!important}
.organization-storage-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--product-border);color:#7a8696;font-size:10px}
.organization-details{margin-top:10px!important;padding:0!important;overflow:hidden;box-shadow:none!important}
.organization-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;list-style:none;cursor:pointer;background:#fff}
.organization-details>summary::-webkit-details-marker{display:none}
.organization-details>summary>div{min-width:0}
.organization-details>summary b{display:block;color:#2b3a4d;font-size:12px;font-weight:700}
.organization-details>summary div>span{display:block;margin-top:3px;color:#7a8595;font-size:10px}
.organization-details>summary>span{color:#778395;font-size:10px;margin-left:auto}
.organization-details>summary:after{content:'⌄';color:#8b95a3;margin-left:2px}
.organization-details[open]>summary{border-bottom:1px solid #edf0f3}
.organization-details[open]>summary:after{content:'⌃'}
.organization-details-body{padding:13px 15px 15px;background:#fafbfc}
.organization-details-body .formgrid{gap:10px}
.organization-details-body .field label{font-size:10px}
.organization-details-body .field input,.organization-details-body .field select{padding:8px 9px!important;font-size:11px!important;background:#fff!important}
.organization-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.organization-detail-actions .btn{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
.organization-detail-actions span{color:#788495;font-size:10px}
.organization-branding{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e4e8ed}
.organization-branding .branding-logo-preview,.organization-branding .branding-logo-placeholder{border-radius:7px!important}
.organization-branding-actions{min-width:0}
.branding-file-label{display:block;color:#778395;font-size:10px}
.branding-file-label input{display:block;margin-top:6px;max-width:100%;font-size:10px}
.organization-branding .branding-controls{margin-top:8px}
.organization-branding .btn{min-height:31px!important;padding:5px 8px!important;font-size:10px!important}
.organization-branding .branding-help{margin-top:7px;font-size:9px}
.organization-backup-list{margin-top:10px}
.organization-backups .rowcard{padding:9px 10px!important}
.organization-backups .rowcard b{font-size:11px}
.organization-backups .rowcard small{font-size:9px}
.organization-backups .btn{min-height:30px!important;padding:5px 8px!important;font-size:9px!important}
@media(max-width:760px){
  .organization-core{grid-template-columns:1fr 1fr}
  .organization-core .organization-name,.organization-core .organization-address{grid-column:1/-1}
  .organization-branding{grid-template-columns:1fr}
}
@media(max-width:520px){.organization-core{grid-template-columns:1fr}.organization-core>*{grid-column:1!important}}

/* Employees — team register with invite form on demand. */
.employees-card{padding:20px!important}
.employees-card .sectiontitle{margin-bottom:14px}
.employee-invite-panel{margin-bottom:14px;padding:14px;border:1px solid var(--product-border);border-radius:8px;background:#fafbfc}
.employee-invite-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.35fr) minmax(150px,.7fr);gap:10px}
.employee-invite-panel .field label{font-size:10px}
.employee-invite-panel .field input,.employee-invite-panel .field select{padding:8px 9px!important;font-size:11px!important;background:#fff!important}
.employee-invite-panel .actions{margin-top:10px}
.employee-invite-panel .btn{min-height:33px!important;padding:6px 10px!important;font-size:10px!important}
.employee-invite-result{margin-top:11px!important;padding:10px!important;border-radius:7px!important;background:#fff!important}
.employee-invite-result b{font-size:11px}
.employee-invite-result code{display:block;margin:7px 0;padding:7px 8px;border:1px solid #e0e5ea;border-radius:5px;background:#f7f8fa;font-size:9px;word-break:break-all}
.employees-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--product-border)}
.employees-summary{display:flex;gap:14px;color:#758193;font-size:10px}
.employees-summary b{color:#33465d;font-size:12px}
.employees-search{display:flex;align-items:center;gap:8px;color:#7b8696;font-size:11px}
.employees-search input{width:240px;padding:8px 9px!important;border:1px solid #d7dde4!important;background:#fff!important;font-size:12px!important}
.employees-register{border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
.employees-register-head,.employee-register-row{display:grid;grid-template-columns:minmax(190px,1.4fr) 120px minmax(210px,1.3fr) 120px 90px;gap:12px;align-items:center}
.employees-register-head{padding:9px 12px;background:#f7f8fa;border-bottom:1px solid var(--product-border);color:#7a8595;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
.employee-register-row{padding:11px 12px;border-bottom:1px solid #edf0f3;min-height:56px}
.employee-register-row:last-child{border-bottom:0}
.employee-register-row:hover{background:#fafbfd}
.employee-main{min-width:0}
.employee-main b{display:block;color:#243247;font-size:13px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-main small{display:block;margin-top:3px;color:#8993a1;font-size:9px}
.employee-register-meta{font-size:11px;color:#657184;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-role,.employee-state{display:inline-flex;padding:4px 6px;border:1px solid #dfe4e9;border-radius:5px;background:#f7f8fa;color:#667386;font-size:9px;font-weight:700;white-space:nowrap}
.employee-role.owner,.employee-role.admin{background:#f2f4f7;color:#47566b}
.employee-role.director{background:#f2f6fa;color:#416080}
.employee-role.manager{background:#f4f7fb;color:#496780}
.employee-state.active{background:#f1f7f3;border-color:#d6e5da;color:#37704c}
.employee-state.pending{background:#fff8ec;border-color:#eadbbf;color:#95671c}
.employee-state.disabled{background:#f4f5f6;border-color:#e1e4e8;color:#7e8794}
.employee-register-action{text-align:right}
.employee-register-action .btn{min-height:30px!important;padding:5px 8px!important;font-size:9px!important}
.employees-empty{padding:28px;text-align:center;color:#7b8796;font-size:12px;background:#fafbfd}
@media(max-width:850px){
  .employee-invite-fields{grid-template-columns:1fr}
  .employees-register-head{display:none}
  .employee-register-row{grid-template-columns:1fr auto;gap:7px 12px;align-items:start}
  .employee-main{grid-column:1}
  .employee-register-row>div:nth-child(2),.employee-register-row>div:nth-child(3),.employee-register-row>div:nth-child(4){grid-column:1}
  .employee-register-action{grid-column:2;grid-row:1/5;align-self:center}
}
@media(max-width:620px){
  .employees-toolbar{align-items:stretch;flex-direction:column}
  .employees-search{width:100%;justify-content:space-between}
  .employees-search input{width:100%;flex:1}
}

/* Channels & mail — business states first, transport settings on demand. */
.channels-card{padding:20px!important}
.channels-card .sectiontitle{margin-bottom:12px}
.channels-register{border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
.channel-row{display:grid;grid-template-columns:38px minmax(0,1fr) 125px 105px;gap:12px;align-items:center;min-height:70px;padding:11px 13px;border-bottom:1px solid #edf0f3}
.channel-row:last-child{border-bottom:0}
.channel-row:hover{background:#fafbfd}
.channel-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce2e8;border-radius:7px;background:#f5f7f9;color:#40536b;font-size:9px;font-weight:760}
.channel-copy{min-width:0}
.channel-copy b{display:block;color:#263548;font-size:12px;font-weight:700}
.channel-copy span{display:block;margin-top:3px;color:#778395;font-size:10px;line-height:1.35}
.channel-state{display:inline-flex;justify-self:start;padding:4px 7px;border:1px solid #dfe4e9;border-radius:5px;background:#f7f8fa;color:#687486;font-size:9px;font-weight:700;white-space:nowrap}
.channel-state.connected{background:#f1f7f3;border-color:#d6e5da;color:#37704c}
.channel-state.setup{background:#fff8ec;border-color:#eadbbf;color:#95671c}
.channel-state.available{background:#f2f6fa;border-color:#dce5ed;color:#456580}
.channel-state.unavailable,.channel-state.neutral{background:#f4f5f6;border-color:#e1e4e8;color:#7e8794}
.channel-row>.btn{min-height:31px!important;padding:5px 8px!important;font-size:9px!important}
.channels-details{padding:0!important;overflow:hidden;box-shadow:none!important}
.channels-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;list-style:none;cursor:pointer;background:#fff}
.channels-details>summary::-webkit-details-marker{display:none}
.channels-details>summary>div{min-width:0}
.channels-details>summary b{display:block;color:#2b3a4d;font-size:12px}
.channels-details>summary div>span{display:block;margin-top:3px;color:#7a8595;font-size:10px}
.channels-details>summary:after{content:'⌄';color:#8b95a3;margin-left:2px}
.channels-details[open]>summary{border-bottom:1px solid #edf0f3}
.channels-details[open]>summary:after{content:'⌃'}
.channels-details-body{padding:13px 15px 15px;background:#fafbfc}
.mail-connections-title{margin-bottom:8px!important}
.mail-connections-title h3{margin:0;font-size:12px}
.mail-connections-title p{font-size:10px!important}
.mail-connections-title .btn{min-height:30px!important;padding:5px 8px!important;font-size:9px!important}
.channel-note{margin-bottom:9px;color:#6f7b8b;font-size:10px}
.channel-note.error{color:#9a4a4a}
.mail-connections-list{border:1px solid #e1e5ea;border-radius:7px;overflow:hidden;background:#fff}
.mail-connection-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 150px;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #edf0f3}
.mail-connection-row:last-child{border-bottom:0}
.mail-connection-copy{min-width:0}
.mail-connection-copy b{display:block;color:#2b3a4d;font-size:11px}
.mail-connection-copy span{display:block;margin-top:2px;color:#818b99;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-connection-actions{display:flex;justify-content:flex-end;gap:5px}
.mail-connection-actions .btn{min-height:29px!important;padding:5px 7px!important;font-size:9px!important}
.mail-add-button{margin-top:10px;min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
.mail-connection-panel{margin-top:10px;padding:12px;border:1px solid #dfe4e9;border-radius:7px;background:#fff}
.mail-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mail-form-head b{font-size:12px;color:#2b3a4d}
.mail-form-head .btn{min-height:28px!important;padding:4px 7px!important;font-size:9px!important}
.mail-basic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mail-basic-fields .mail-secret-field{grid-column:1/-1}
.mail-basic-fields .field label,.mail-advanced-grid .field label{font-size:9px}
.mail-basic-fields input,.mail-basic-fields select,.mail-advanced-grid input,.mail-advanced-grid select{padding:7px 8px!important;font-size:10px!important;background:#fff!important}
.mail-advanced-details{margin-top:9px;border-top:1px solid #edf0f3;padding-top:8px}
.mail-advanced-details>summary{cursor:pointer;color:#657286;font-size:10px;font-weight:650}
.mail-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.mail-form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.mail-form-actions .btn{min-height:31px!important;padding:5px 8px!important;font-size:9px!important}
.mail-form-actions span{color:#7b8696;font-size:9px}
.intake-compact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.intake-compact-stats{display:flex;gap:13px;flex-wrap:wrap;color:#758193;font-size:10px}
.intake-compact-stats b{color:#33465d;font-size:12px}
.intake-compact-head .btn{min-height:30px!important;padding:5px 8px!important;font-size:9px!important}
.intake-compact-list .rowcard{padding:9px 10px!important}
.intake-compact-list .rowcard b{font-size:10px}
.intake-compact-list .rowcard small{font-size:9px}
@media(max-width:760px){
  .channel-row{grid-template-columns:34px 1fr auto;gap:9px}
  .channel-state{grid-column:2}
  .channel-row>.btn{grid-column:3;grid-row:1/3;align-self:center}
  .mail-basic-fields,.mail-advanced-grid{grid-template-columns:1fr}
  .mail-basic-fields .mail-secret-field{grid-column:1}
  .mail-connection-row{grid-template-columns:1fr auto}
  .mail-connection-row>.channel-state{grid-column:1}
  .mail-connection-actions{grid-column:2;grid-row:1/3;align-self:center}
}

/* Billing — current access first, tariff catalog on demand. */
.billing-card{padding:20px!important}
.billing-card .sectiontitle{margin-bottom:14px}
.billing-overview{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr;border:1px solid var(--product-border);border-radius:8px;overflow:hidden;background:#fff}
.billing-overview-item{min-width:0;padding:13px 14px;border-right:1px solid #edf0f3}
.billing-overview-item:last-child{border-right:0}
.billing-overview-item>span{display:block;color:#7d8898;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.billing-overview-item>b{display:block;margin-top:5px;color:#29394e;font-size:16px;font-weight:730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.billing-usage-item .billing-progress{height:4px;margin-top:8px;border-radius:2px;background:#edf0f3;overflow:hidden}
.billing-usage-item .billing-progress span{display:block;height:100%;background:#5278a6;border-radius:2px}
.billing-provider-state{margin-top:5px;color:#687587;font-size:12px;font-weight:650}
.billing-provider-state.ready{color:#3d6f50}
.billing-provider-state.neutral{color:#7b8593}
.billing-access-note{margin-top:10px;color:#687587;font-size:10px;line-height:1.45}
.billing-main-action{display:flex;justify-content:flex-end;margin-top:12px}
.billing-main-action .btn{min-height:34px!important;padding:7px 11px!important;font-size:10px!important}
.billing-details{padding:0!important;overflow:hidden;box-shadow:none!important}
.billing-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;list-style:none;cursor:pointer;background:#fff}
.billing-details>summary::-webkit-details-marker{display:none}
.billing-details>summary>div{min-width:0}
.billing-details>summary b{display:block;color:#2b3a4d;font-size:12px}
.billing-details>summary div>span{display:block;margin-top:3px;color:#7a8595;font-size:10px}
.billing-details>summary>span{color:#778395;font-size:10px;margin-left:auto}
.billing-details>summary:after{content:'⌄';color:#8b95a3;margin-left:2px}
.billing-details[open]>summary{border-bottom:1px solid #edf0f3}
.billing-details[open]>summary:after{content:'⌃'}
.billing-details-body{padding:12px 15px 14px;background:#fafbfc}
#view-billing .billing-grid{display:block;border:1px solid #e1e5ea;border-radius:7px;overflow:hidden;background:#fff}
.billing-plan-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(210px,1.25fr) 140px 70px;gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid #edf0f3}
.billing-plan-row:last-child{border-bottom:0}
.billing-plan-row.current{background:#f7faf8}
.billing-plan-main{min-width:0}
.billing-plan-main b{display:block;color:#29394e;font-size:12px}
.billing-plan-main span{display:block;margin-top:3px;color:#7d8898;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.billing-plan-limits{color:#677486;font-size:10px}
.billing-plan-price{color:#33475f;font-size:11px;font-weight:680;white-space:nowrap}
.billing-current-plan{display:inline-flex;padding:4px 6px;border:1px solid #d6e5da;border-radius:5px;background:#f1f7f3;color:#37704c;font-size:9px;font-weight:700}
@media(max-width:820px){
  .billing-overview{grid-template-columns:1fr 1fr}
  .billing-overview-item:nth-child(2){border-right:0}
  .billing-overview-item:nth-child(-n+2){border-bottom:1px solid #edf0f3}
  .billing-plan-row{grid-template-columns:1fr auto;gap:6px 12px}
  .billing-plan-main{grid-column:1}
  .billing-plan-limits{grid-column:1}
  .billing-plan-price{grid-column:2;grid-row:1}
  .billing-plan-row>div:last-child{grid-column:2;grid-row:2}
}
@media(max-width:520px){.billing-overview{grid-template-columns:1fr}.billing-overview-item{border-right:0;border-bottom:1px solid #edf0f3}.billing-overview-item:last-child{border-bottom:0}}

/* Final agent-first home and navigation polish. */
.navsection{border-top:1px solid #e3e7ec;margin-top:5px;padding-top:7px}
.navsection-label{padding:3px 10px 5px;color:#929baa;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.075em}
.navsection .navbtn{margin-top:1px}
#secondaryNavGroup .navbtn{padding-left:10px!important}
.agent-home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:7px}
.agent-home-head h2{margin:0;color:#202f43;font-size:20px;font-weight:740;letter-spacing:-.02em}
.agent-home-head p{margin:4px 0 0;color:#748092;font-size:11px;line-height:1.4}
.agent-home-head .agent-status-row{justify-content:flex-end;margin:1px 0 0}
.agent-status-pill{font-size:10px!important;font-weight:650!important}
.agent-suggestions{margin:9px 0!important;gap:5px!important}
.agent-suggestion{padding:6px 9px!important;font-size:10px!important;color:#405d7c!important}
.agent-chat-log{min-height:142px!important;max-height:390px!important;border-radius:8px!important;padding:10px!important;background:#fafbfc!important}
.agent-msg{max-width:82%!important;padding:9px 10px!important;border-radius:7px!important;font-size:12px!important;line-height:1.45!important}
.agent-msg b{font-size:9px!important;text-transform:uppercase;letter-spacing:.045em;color:#85909f!important}
.agent-compose{margin-top:8px!important}
.agent-compose input{border-radius:7px!important;padding:10px 11px!important;font-size:12px!important}
.agent-compose .btn{min-width:86px!important;padding:8px 12px!important;font-size:10px!important}
.agent-overview{max-width:1180px;margin:0 auto 10px;display:flex;align-items:center;border:1px solid var(--product-border);border-radius:8px;background:#fff;overflow:hidden}
.agent-overview>div{display:flex;align-items:baseline;gap:6px;min-width:0;padding:9px 13px;border-right:1px solid #edf0f3}
.agent-overview>div:last-child{border-right:0}
.agent-overview b{color:#2d4057;font-size:15px;font-weight:720}
.agent-overview span{color:#7b8797;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.agent-recent-card{max-width:1180px;margin:0 auto 10px;padding:16px!important;box-shadow:none!important}
.agent-recent-card .sectiontitle{margin-bottom:9px!important}
.agent-recent-card .sectiontitle h2{font-size:14px!important}
.agent-recent-card .sectiontitle p{font-size:10px!important}
.agent-recent-card .rowcard{padding:9px 10px!important;border-radius:7px!important}
.agent-recent-card .rowcard b{font-size:11px}
.agent-recent-card .rowcard small{font-size:9px}
.agent-recent-card .rowcard .btn{min-height:29px!important;padding:5px 8px!important;font-size:9px!important}
.manual-request-details{max-width:1180px;margin:0 auto;padding:0!important;overflow:hidden;box-shadow:none!important}
.manual-request-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;list-style:none;cursor:pointer;background:#fff}
.manual-request-details>summary::-webkit-details-marker{display:none}
.manual-request-details>summary>div{min-width:0}
.manual-request-details>summary b{display:block;color:#334257;font-size:11px}
.manual-request-details>summary div>span{display:block;margin-top:3px;color:#84909f;font-size:9px}
.manual-request-details>summary>span{color:#778395;font-size:9px;margin-left:auto}
.manual-request-details>summary:after{content:'⌄';color:#8b95a3}
.manual-request-details[open]>summary{border-bottom:1px solid #edf0f3}
.manual-request-details[open]>summary:after{content:'⌃'}
.manual-request-body{padding:12px 15px 14px;background:#fafbfc}
.manual-request-body .drop{padding:16px!important;border-radius:7px!important;background:#fff!important}
.manual-request-body .filebtn{padding:7px 10px!important;font-size:10px!important}
.manual-request-body .file-state{margin-top:8px!important;padding:8px 9px!important;border-radius:6px!important;font-size:9px!important}
.manual-request-body .file-state b{font-size:10px!important}
.manual-request-body .txt{min-height:78px!important;margin-top:9px!important;border-radius:7px!important;padding:9px!important;font-size:10px!important}
.manual-request-body .actions{margin-top:8px!important}
.manual-request-body .btn{min-height:31px!important;padding:6px 9px!important;font-size:9px!important}
@media(max-width:760px){
  .agent-home-head{flex-direction:column;gap:8px}
  .agent-home-head .agent-status-row{justify-content:flex-start}
  .agent-overview{display:grid;grid-template-columns:repeat(3,1fr)}
  .agent-overview>div{justify-content:center;padding:8px 6px}
}