/* AMICA — V12.5.18 PILOTO → V12.5.22 base de componentes .ax-* (tipografia: título 24/600, seção 17, cabeçalhos ≥ 11,5 px) · Linguagem visual do protótipo "Novo Pedido de Tinta".
   Escopo: sidebar global + 3 telas piloto (.ax-order, .ax-clients, .ax-model). Carregado por último.
   Somente apresentação. Classes .ax-* são novas e não colidem com o CSS legado; os !important existentes
   aqui neutralizam regras legadas que já usam !important por tag (h1, label, th, td, input, select). */

:root{
  --ax-bg:#e4e7ec;--ax-surface:#fff;--ax-surface-2:#eef1f4;--ax-surface-3:#f8f9fb;
  --ax-ink:#172033;--ax-soft:#344054;--ax-mute:#596579;--ax-faint:#7f8998;
  --ax-line:#c8ced7;--ax-line-2:#d7dce3;--ax-card-line:#cdd3dc;--ax-ctl-line:#c5ccd6;
  --ax-red:#d92318;--ax-red-2:#a8131a;--ax-red-tint:#fbe9e7;--ax-red-tint-2:#fbf9f9;--ax-red-ring:rgba(217,35,24,.12);
  --ax-ok:#0f9d6b;--ax-ok-ink:#0b7a53;--ax-ok-tint:#e7f6ef;--ax-warn-ink:#7a5200;--ax-warn-tint:#fff6e3;--ax-warn-line:#f3dfb3;
  --ax-font:"Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;
  --ax-fs-title:24px;--ax-fs-body:13.5px;--ax-fs-meta:12px;--ax-fs-small:11.5px;--ax-fs-cols:11.5px;--ax-fs-section:17px;
  --ax-r-card:14px;--ax-r-ctl:10px;--ax-r-item:12px;
  --ax-shadow:0 1px 3px rgba(23,32,51,.08);
  --ax-ctl-h:40px;--ax-row-h:52px;--ax-cols-h:34px;--ax-drop:32px;
  --ax-sidebar-w:256px;--ax-gutter:28px;--ax-pad-x:22px;
  --ax-max-order:1040px;--ax-max-list:1240px;--ax-max-editor:1180px;
}
@media(max-width:1180px){:root{--ax-gutter:16px}}
@media(max-width:680px){:root{--ax-fs-title:22px;--ax-pad-x:16px;--ax-gutter:4px}}

/* =========================================================
   SIDEBAR GLOBAL (todas as rotas, todos os perfis)
   ========================================================= */
@media(min-width:901px){html body #appView.amica-shell{grid-template-columns:var(--ax-sidebar-w) minmax(0,1fr)!important}}
html body #appView>.amica-sidebar{font-family:var(--ax-font);background:#fff!important;border-right:1px solid var(--ax-line)!important;box-shadow:none!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;-webkit-font-smoothing:antialiased}
html body #appView .amica-brand{height:68px!important;min-height:68px!important;padding:0 20px!important;justify-content:flex-start!important;border-bottom:0!important;flex:none}
html body #appView .amica-brand img{width:150px!important;max-width:150px!important;height:auto!important;max-height:none!important}
html body #appView .amica-nav{flex:1 1 auto;min-height:0;overflow-y:auto!important;padding:2px 12px 12px!important;scrollbar-width:thin;scrollbar-color:#d6d8dd transparent}
html body #appView .amica-nav .nav-section-label{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#778294;padding:14px 12px 6px}
html body #appView .amica-nav :is(.nav-direct,.nav-group-toggle){display:flex!important;align-items:center;gap:12px!important;width:100%!important;min-height:42px!important;padding:5px 10px 5px 5px!important;margin:1px 0!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;color:var(--ax-soft)!important;font:inherit;font-size:13.5px!important;font-weight:500!important;text-align:left;white-space:nowrap!important;transition:background .15s,color .15s!important}
html body #appView .amica-nav :is(.nav-direct,.nav-group-toggle)::before{content:none!important;display:none!important}
html body #appView .amica-nav .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
html body #appView .amica-nav .nav-icon{flex:none;width:32px!important;height:32px!important;border-radius:10px;display:grid!important;place-items:center;background:#eceff3;color:var(--ax-soft)!important;transition:background .15s,color .15s}
html body #appView .amica-nav .nav-icon svg{width:17px!important;height:17px!important;stroke:currentColor;fill:none;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
html body #appView .amica-nav :is(.nav-direct,.nav-group-toggle):hover{background:var(--ax-surface-2)!important;color:var(--ax-ink)!important}
html body #appView .amica-nav :is(.nav-direct,.nav-group-toggle):hover .nav-icon{background:var(--ax-red-tint);color:var(--ax-red)!important}
html body #appView .amica-nav .nav-direct.active{background:#fbeceb!important;color:var(--ax-red)!important;font-weight:600!important}
html body #appView .amica-nav .nav-direct.active .nav-icon{background:var(--ax-red);color:#fff!important}
html body #appView .amica-nav .nav-direct.active::after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ax-red);margin-left:auto}
html body #appView .amica-nav .nav-group{margin:0!important;padding:0!important;border:0!important}
html body #appView .amica-nav .nav-group.open>.nav-group-toggle{background:transparent!important;color:var(--ax-ink)!important}
html body #appView .amica-nav .nav-group.has-active>.nav-group-toggle{color:var(--ax-ink)!important;font-weight:600!important}
html body #appView .amica-nav .nav-group.has-active>.nav-group-toggle .nav-icon{background:var(--ax-red-tint);color:var(--ax-red)!important}
html body #appView .amica-nav .nav-chevron{margin-left:auto;color:var(--ax-faint);font-size:15px;line-height:1;transition:transform .15s}
html body #appView .amica-nav .nav-group.open .nav-chevron{transform:rotate(90deg)}
html body #appView .amica-nav .nav-submenu{margin:2px 0 6px 21px!important;padding:2px 0 2px 14px!important;border-left:1px solid var(--ax-line)!important}
html body #appView .amica-nav .nav-subitem{display:flex;align-items:center;width:100%!important;min-height:34px!important;padding:6px 10px!important;margin:1px 0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ax-soft)!important;font:inherit;font-size:13px!important;font-weight:500!important;text-align:left;position:relative;white-space:normal;transition:background .15s,color .15s!important}
html body #appView .amica-nav .nav-subitem:hover{background:var(--ax-surface-2)!important;color:var(--ax-ink)!important}
html body #appView .amica-nav .nav-subitem.active{background:#fbeceb!important;color:var(--ax-red)!important;font-weight:600!important}
html body #appView .amica-nav .nav-subitem.active::before{content:""!important;display:block!important;position:absolute;left:-15px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--ax-red)}
html body #appView .amica-nav button:focus-visible{outline:2px solid var(--ax-red)!important;outline-offset:-2px!important}
/* Rodapé: conta + Sair + versão */
html body #appView .amica-sidebar-footer{display:block!important;flex:none;margin:0!important;padding:10px 12px 12px!important;background:#fff!important;border-top:1px solid var(--ax-line-2)!important;color:var(--ax-mute)!important}
html body #appView .ax-account-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:14px;background:#f4f4f6;min-width:0}
html body #appView .ax-account{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
html body #appView .amica-sidebar-footer:not(.ax-ready) .ax-account{display:none}
html body #appView .amica-sidebar-footer.ax-ready #who{display:none!important}
html body #appView .amica-sidebar-footer #who{flex:1 1 auto;min-width:0;font-size:12.5px!important;color:var(--ax-soft)!important;padding-left:4px}
html body #appView .ax-avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ax-red);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:0 0 0 3px #fff}
html body #appView .ax-account-text{min-width:0;display:grid;line-height:1.25}
html body #appView .ax-account-text b{font-size:13px;font-weight:600;color:var(--ax-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #appView .ax-account-text small{font-size:11.5px;color:var(--ax-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #appView .amica-sidebar-footer .amica-logout{flex:none;display:inline-flex!important;align-items:center;gap:6px;height:32px!important;min-height:32px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ax-soft)!important;font:inherit;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;transition:background .15s,color .15s!important}
html body #appView .amica-sidebar-footer .amica-logout::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat}
html body #appView .amica-sidebar-footer .amica-logout:hover{background:#fff!important;color:#c23a3a!important}
html body #appView .amica-sidebar-footer .amica-logout:focus-visible{outline:2px solid var(--ax-red)!important;outline-offset:1px!important}
html body #appView .amica-sidebar-footer #sidebarPortalVersion{display:block!important;margin-top:8px;text-align:center;font-size:11.5px!important;font-weight:500!important;color:var(--ax-mute)!important;border:0!important;padding:0!important}
/* Tablet/mobile: drawer */
@media(max-width:900px){
 html body #appView>.amica-sidebar{width:min(288px,86vw)!important;border-right:0!important}
 html body.mobile-nav-open #appView>.amica-sidebar{box-shadow:0 0 40px rgba(31,34,41,.2)!important}
 html body #appView .amica-mobile-nav-backdrop{background:rgba(31,34,41,.35)!important}
 html body #appView>.amica-mobile-nav-toggle{top:12px!important;left:12px!important;width:38px!important;height:38px!important;border:1px solid var(--ax-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
 html body #appView>.amica-mobile-nav-toggle span{transition:transform .2s,opacity .2s}
 html body.mobile-nav-open #appView>.amica-mobile-nav-toggle{left:calc(min(288px,86vw) - 50px)!important;top:15px!important}
 html body.mobile-nav-open #appView>.amica-mobile-nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 html body.mobile-nav-open #appView>.amica-mobile-nav-toggle span:nth-child(2){opacity:0}
 html body.mobile-nav-open #appView>.amica-mobile-nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 html body #appView .amica-nav :is(.nav-direct,.nav-group-toggle){white-space:nowrap!important}
}

/* =========================================================
   CANVAS DAS ROTAS PILOTO (classe explícita de rota em body[data-route])
   ========================================================= */
html body[data-route="order"] #appView>.amica-main,
html body[data-route="clients"] #appView>.amica-main,
html body[data-route="models"] #appView>.amica-main{background:var(--ax-bg)!important}

/* =========================================================
   BASE DAS TELAS PILOTO
   ========================================================= */
body.ui-unified #content .ax{font-family:var(--ax-font);color:var(--ax-ink);font-size:var(--ax-fs-body);line-height:1.45;margin:0 auto;padding:22px var(--ax-gutter) 32px;-webkit-font-smoothing:antialiased}
body.ui-unified #content .ax-order{max-width:calc(var(--ax-max-order) + 2 * var(--ax-gutter))}
body.ui-unified #content .ax-clients{max-width:calc(var(--ax-max-list) + 2 * var(--ax-gutter))}
body.ui-unified #content .ax-model{max-width:calc(var(--ax-max-editor) + 2 * var(--ax-gutter))}
body.ui-unified #content .ax :focus-visible{outline:2px solid var(--ax-red)!important;outline-offset:2px!important}
.ax-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ax-mute{color:var(--ax-mute)}.ax-ok{color:var(--ax-ok)!important}

/* Cabeçalho */
.ax-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:0 0 18px;min-height:38px}
.ax-back{flex-basis:100%;margin:-4px 0 -6px}
.ax-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0;flex:1 1 320px}
body.ui-unified #content .ax .ax-title h1{margin:0!important;font-size:var(--ax-fs-title)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--ax-ink);min-width:0;overflow-wrap:anywhere}
.ax-count{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;background:#dfe1e6;color:var(--ax-soft);font-size:var(--ax-fs-meta);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
body.ui-unified #content .ax .ax-sub{flex-basis:100%;margin:0!important;color:var(--ax-soft);font-size:13px!important}
.ax-head-actions{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px}

/* Passos */
.ax-steps{display:flex;align-items:center;gap:10px;margin:0 0 0 auto;padding:0;list-style:none;font-size:12.5px;color:var(--ax-mute)}
.ax-step{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ax-step i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dcdee3;color:var(--ax-soft);font-size:11.5px;font-weight:600}
.ax-step.cur{color:var(--ax-ink);font-weight:600}
.ax-step.cur i{background:var(--ax-red);color:#fff}
.ax-step.done i{background:var(--ax-ok);color:#fff}
.ax-step-line{width:26px;height:2px;border-radius:2px;background:#d3d6dc}

/* Cartão */
.ax-card{background:var(--ax-surface);border:1px solid var(--ax-card-line);border-radius:var(--ax-r-card);box-shadow:var(--ax-shadow);margin:0 0 14px;min-width:0}

/* Botões */
body.ui-unified #content .ax .ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-height:0;padding:0 16px;border:1px solid #d3d6dc;border-radius:var(--ax-r-ctl);background:#fff;color:var(--ax-ink);font:inherit;font-size:13.5px;font-weight:600!important;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
body.ui-unified #content .ax .ax-btn:hover{border-color:#b9bdc6;background:var(--ax-surface-3)}
body.ui-unified #content .ax .ax-btn.primary{height:42px;padding:0 20px;background:var(--ax-red);border-color:var(--ax-red);color:#fff}
body.ui-unified #content .ax .ax-btn.primary:hover:not(:disabled){background:var(--ax-red-2);border-color:var(--ax-red-2)}
body.ui-unified #content .ax .ax-btn.primary:hover:not(:disabled) .ax-arrow{transform:translateX(3px)}
body.ui-unified #content .ax .ax-btn:disabled{background:#d3d6dd;border-color:#d3d6dd;color:#6f7580;cursor:not-allowed}
body.ui-unified #content .ax .ax-btn.small{height:32px;padding:0 12px;border-radius:9px;font-size:12.5px}
body.ui-unified #content .ax .ax-btn.link{height:auto;padding:4px 0;border:0;background:none;color:var(--ax-soft);font-weight:500!important;font-size:13px}
body.ui-unified #content .ax .ax-btn.link:hover{color:var(--ax-red);background:none}
.ax-arrow{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}

/* Campos */
body.ui-unified #content .ax .ax-field{display:grid;gap:6px;min-width:0;align-content:start}
body.ui-unified #content .ax .ax-field>label,body.ui-unified #content .ax .ax-sub-label{display:block!important;margin:0!important;font-size:var(--ax-fs-meta)!important;font-weight:600!important;color:var(--ax-soft)!important;text-transform:none!important;letter-spacing:0!important}
body.ui-unified #content .ax .ax-field label em,body.ui-unified #content .ax .ax-sub-label em{font-style:normal;font-weight:400;color:var(--ax-mute)}
body.ui-unified #content .ax .ax-sub-label{margin-top:8px!important}
body.ui-unified #content .ax :is(select,input[type=text],input[type=number],input[type=search],input:not([type])){height:var(--ax-ctl-h)!important;min-height:var(--ax-ctl-h)!important;width:100%;box-sizing:border-box;padding:0 13px!important;border:1px solid var(--ax-ctl-line)!important;border-radius:var(--ax-r-ctl)!important;background-color:#fcfcfd!important;color:var(--ax-ink)!important;font:inherit;font-size:var(--ax-fs-body)!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background-color .15s}
body.ui-unified #content .ax select{appearance:none;-webkit-appearance:none;padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23868c97' stroke-width='2'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;text-overflow:ellipsis}
body.ui-unified #content .ax :is(select,input):hover:not(:disabled){border-color:#b9bdc6!important;background-color:#fff!important}
body.ui-unified #content .ax :is(select,input):focus-visible{border-color:var(--ax-red)!important;box-shadow:0 0 0 4px var(--ax-red-ring)!important;outline:0!important}
body.ui-unified #content .ax :is(select,input):disabled{background-color:var(--ax-surface-2)!important;color:var(--ax-mute)!important;cursor:not-allowed}
.ax-hint{font-size:var(--ax-fs-meta);color:var(--ax-mute);line-height:1.35}
.ax-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-left:6px;border-radius:99px;background:var(--ax-ok-tint);color:var(--ax-ok-ink);font-size:11.5px;font-weight:600;vertical-align:1px}
.ax-label{display:block;font-size:var(--ax-fs-cols);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-mute)}

/* Avisos */
body.ui-unified #content .ax .ax-note{margin:0 0 14px;padding:10px 14px;border:1px solid var(--ax-warn-line);border-radius:var(--ax-r-ctl);background:var(--ax-warn-tint);color:var(--ax-warn-ink);font-size:13px;line-height:1.45}
body.ui-unified #content .ax .ax-confirm{display:flex!important;align-items:flex-start;gap:10px;margin:0 0 14px!important;padding:12px 16px;border:1px solid var(--ax-card-line);border-radius:var(--ax-r-item);background:#fff;color:var(--ax-soft)!important;font-size:13px!important;font-weight:500!important;line-height:1.45;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
body.ui-unified #content .ax .ax-confirm input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ax-red)}

/* Estados vazio / erro (componentes compartilhados dentro de .ax) */
body.ui-unified #content .ax .ds-panel{border:1px solid var(--ax-card-line)!important;border-radius:var(--ax-r-card)!important;box-shadow:var(--ax-shadow)!important;margin:0 0 14px!important}
body.ui-unified #content .ax .ds-empty{padding:34px 24px!important;text-align:center;display:grid;justify-items:center;gap:6px}
body.ui-unified #content .ax .ds-empty b{font-size:15px;color:var(--ax-ink)}
body.ui-unified #content .ax .ds-empty p{margin:0 0 8px;max-width:480px;color:var(--ax-soft);font-size:13px}
body.ui-unified #content .ax .ax-empty-card{padding:0}

/* Estados compartilhados das rotas piloto (carregamento/erro P0 usam marcação genérica .ds) */
body.ui-unified[data-route="order"] #content>.ds:not(.ax),
body.ui-unified[data-route="clients"] #content>.perf-route-shell,
body.ui-unified[data-route="models"] #content>.perf-route-shell{font-family:var(--ax-font);max-width:calc(var(--ax-max-order) + 2 * var(--ax-gutter));margin:0 auto;padding:22px var(--ax-gutter) 32px}
body.ui-unified[data-route="clients"] #content>.perf-route-shell{max-width:calc(var(--ax-max-list) + 2 * var(--ax-gutter))}
body.ui-unified[data-route="models"] #content>.perf-route-shell{max-width:calc(var(--ax-max-editor) + 2 * var(--ax-gutter))}
body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax) .ds-page-head h2{font-size:var(--ax-fs-title)!important;font-weight:600!important;letter-spacing:-.025em!important}
body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax) .ds-page-head p{font-size:13px!important;color:var(--ax-mute)!important}
body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax) .ds-panel{border:1px solid var(--ax-card-line)!important;border-radius:var(--ax-r-card)!important}
body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax) .ds-empty{padding:34px 24px!important;text-align:center;display:grid;justify-items:center;gap:6px}
body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax) .ds-empty p{margin:0 0 8px;color:var(--ax-soft)}
body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content .perf-skeleton{border-radius:var(--ax-r-card)!important;border:1px solid var(--ax-card-line)}
body.ui-unified[data-route="order"] #content .perf-skeleton-grid{grid-template-columns:1fr!important}
body.ui-unified[data-route="order"] #content .perf-skeleton:first-child{height:74px}

/* =========================================================
   1. NOVO PEDIDO DE TINTA — etapa 1
   ========================================================= */
.ax-filters{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px var(--ax-pad-x)}
.ax-list{overflow:hidden}
.ax-row{position:relative;display:grid;grid-template-columns:var(--ax-drop) minmax(0,1fr) 112px 120px 108px;align-items:center;gap:16px;min-height:var(--ax-row-h);padding:0 24px;border-top:1px solid var(--ax-line-2)}
.ax-cols{min-height:var(--ax-cols-h);border-top:0;background:var(--ax-surface-2);color:var(--ax-mute);font-size:var(--ax-fs-cols);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--ax-r-card) var(--ax-r-card) 0 0}
.ax-cols>span:nth-child(3),.ax-cols>span:nth-child(5){text-align:right}
.ax-cols>span:nth-child(4){text-align:center}
.ax-item{transition:background .15s}
.ax-item:hover,.ax-item.qa-hover{background:var(--ax-red-tint-2)}
.ax-item::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--ax-red);transform:scaleY(0);transition:transform .2s}
.ax-item.has-qty::before{transform:scaleY(1)}
.ax-drop{position:relative;flex:none;width:var(--ax-drop);height:var(--ax-drop);border-radius:10px;display:grid;place-items:center;background:var(--c);background:linear-gradient(145deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ax-drop svg{width:15px;height:15px;fill:rgba(255,255,255,.82)}
.ax-drop.light svg{fill:rgba(31,34,41,.22)}
.ax-names{display:grid;min-width:0}
body.ui-unified #content .ax .ax-n1{display:block;font-size:var(--ax-fs-body);font-weight:600!important;line-height:1.25;color:var(--ax-ink);min-width:0}
body.ui-unified #content .ax .ax-n2{display:block;font-size:var(--ax-fs-small)!important;color:var(--ax-mute);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ax-price{text-align:right;color:var(--ax-soft);white-space:nowrap;font-variant-numeric:tabular-nums}
.ax-qty{justify-self:center}
.ax-stepper{display:flex;width:108px;height:32px;border:1px solid var(--ax-ctl-line);border-radius:var(--ax-r-ctl);overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}
.ax-stepper button{flex:none;width:32px;padding:0;border:0;background:#f4f4f6;color:var(--ax-soft);font:inherit;font-size:17px;line-height:1;cursor:pointer;transition:background .12s,color .12s}
.ax-stepper button:hover{background:rgba(217,35,24,.1);color:var(--ax-red)}
.ax-stepper button:active{transform:scale(.9)}
body.ui-unified #content .ax .ax-stepper input{flex:1 1 auto;width:44px!important;min-width:0;height:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:none!important}
body.ui-unified #content .ax .ax-stepper input:focus-visible{outline:0!important;box-shadow:none!important;background:var(--ax-red-tint-2)!important}
.ax-stepper:focus-within{border-color:var(--ax-red);box-shadow:0 0 0 4px var(--ax-red-ring)}
.ax-item.has-qty .ax-stepper{border-color:rgba(217,35,24,.55);box-shadow:0 0 0 3px rgba(217,35,24,.08)}
.ax-subtotal{text-align:right;font-weight:600;white-space:nowrap;color:var(--ax-mute);font-variant-numeric:tabular-nums}
.ax-item.has-qty .ax-subtotal{color:var(--ax-red)}
.ax-subtotal.muted{font-weight:500}

/* Barra de resumo: fluxo normal, fundo neutro, borda superior, sem sombra */
.ax-sumbar{display:flex;align-items:center;gap:26px;padding:14px 14px 14px var(--ax-pad-x);background:var(--ax-surface-2);border-color:var(--ax-line);border-top:2px solid #cfd3da;box-shadow:none}
.ax-tier{flex:1 1 auto;min-width:0}
body.ui-unified #content .ax .ax-tier p{margin:0 0 7px;min-height:18px;font-size:12.5px;color:var(--ax-soft);line-height:1.45}
.ax-tier p b{color:var(--ax-ink)}
.ax-track{height:6px;border-radius:99px;background:#d9dce2;overflow:hidden}
.ax-track i{display:block;height:100%;width:0;border-radius:inherit;background:var(--ax-red);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.ax-tier.ok .ax-track i{background:var(--ax-ok)}
body.ui-unified #content .ax .ax-tier.ok p,body.ui-unified #content .ax .ax-tier.ok p b{color:var(--ax-ok-ink)}
body.ui-unified #content .ax .ax-tier small{display:block;margin-top:6px;font-size:var(--ax-fs-small)!important;color:var(--ax-mute)}
.ax-k{display:grid;gap:1px;text-align:right;flex:none}
body.ui-unified #content .ax .ax-k small{font-size:var(--ax-fs-small)!important;color:var(--ax-mute)}
body.ui-unified #content .ax .ax-k b{font-size:16px;font-weight:600!important;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
body.ui-unified #content .ax .ax-k-credit b{color:var(--ax-ok-ink)}
.ax-sumbar .ax-btn.primary{flex:none}

/* =========================================================
   1b. NOVO PEDIDO — etapa 2 (Revisar e confirmar)
   ========================================================= */
.ax-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
.ax-review-main{overflow:hidden}
.ax-review-row,.ax-cols-review{grid-template-columns:var(--ax-drop) minmax(0,1fr) 104px 84px 120px}
.ax-cols-review>span:nth-child(4){text-align:right}
.ax-qty-read{text-align:right;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.ax-review-row .ax-subtotal{color:var(--ax-ink)}
.ax-review-main>.ax-note{margin:12px var(--ax-pad-x)!important}
.ax-review-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 24px;border-top:1px solid var(--ax-line);font-weight:600;color:var(--ax-soft)}
body.ui-unified #content .ax .ax-review-total strong{font-size:17px;font-weight:600!important;color:var(--ax-ink);font-variant-numeric:tabular-nums}
.ax-review-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;padding:14px 24px 18px;border-top:1px solid var(--ax-line-2);background:var(--ax-surface-3)}
.ax-review-facts>div{display:grid;gap:2px;min-width:0;align-content:start}
body.ui-unified #content .ax .ax-review-facts small{font-size:var(--ax-fs-small)!important;color:var(--ax-mute)}
.ax-review-facts b{font-size:14px;font-variant-numeric:tabular-nums}
.ax-review-facts span{font-size:var(--ax-fs-meta);color:var(--ax-soft)}
.ax-review-side{padding:16px 18px 18px}
body.ui-unified #content .ax .ax-side-title{margin:0 0 4px!important;font-size:var(--ax-fs-section)!important;font-weight:600!important}
.ax-metric{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:8px 0;border-bottom:1px solid var(--ax-line-2);font-size:13px}
.ax-metric>span{color:var(--ax-mute)}
.ax-metric>b{text-align:right;font-variant-numeric:tabular-nums}
body.ui-unified #content .ax .ax-metric>small{flex-basis:100%;text-align:right;font-size:var(--ax-fs-small)!important;color:var(--ax-mute)}
.ax-side-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 0 12px;font-weight:600;color:var(--ax-soft)}
body.ui-unified #content .ax .ax-side-total strong{font-size:21px;font-weight:600!important;letter-spacing:-.02em;color:var(--ax-ink);font-variant-numeric:tabular-nums}
.ax-review-side .ax-confirm{margin:0 0 12px!important;padding:10px 12px!important;background:var(--ax-surface-3)!important}
.ax-side-actions{display:grid;gap:8px}
body.ui-unified #content .ax .ax-side-actions .ax-btn{width:100%}

/* =========================================================
   2. PROPRIETÁRIO → CLIENTES
   ========================================================= */
.ax-clients-card{overflow:hidden}
body.ui-unified #content .ax .ax-toolbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap;gap:12px!important;margin:0!important;padding:14px var(--ax-pad-x)!important;min-height:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--ax-line-2)!important;box-shadow:none!important}
body.ui-unified #content .ax .ax-search{position:relative;flex:1 1 320px;min-width:0;height:auto;max-height:var(--ax-ctl-h);display:flex;align-items:center;margin:0;padding:0;border:0;background:none}
.ax-search svg{position:absolute;left:13px;width:16px;height:16px;stroke:var(--ax-mute);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}
body.ui-unified #content .ax .ax-search input{padding:0 38px!important}
body.ui-unified #content .ax .ax-search button{position:absolute;right:6px;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ax-mute);font-size:18px;line-height:1;place-items:center;cursor:pointer}
body.ui-unified #content .ax .ax-search button:hover{background:var(--ax-surface-2);color:var(--ax-ink)}
body.ui-unified #content .ax .ax-inline{display:flex!important;align-items:center;gap:10px;flex:0 0 auto}
body.ui-unified #content .ax .ax-inline select{width:200px}
body.ui-unified #content .ax .ax-table{width:100%!important;min-width:0!important;border-collapse:collapse;table-layout:fixed;margin:0!important}
body.ui-unified #content .ax .ax-table tbody tr{background:transparent!important}
body.ui-unified #content .ax .ax-table th{height:var(--ax-cols-h)!important;padding:0 14px!important;background:var(--ax-surface-2);border:0!important;color:var(--ax-mute)!important;font-size:var(--ax-fs-cols)!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;text-align:left;white-space:nowrap;vertical-align:middle!important}
body.ui-unified #content .ax .ax-table td{height:auto!important;padding:9px 14px!important;border:0!important;border-top:1px solid var(--ax-line-2)!important;font-size:var(--ax-fs-body)!important;vertical-align:middle!important;overflow-wrap:normal!important}
body.ui-unified #content .ax .ax-table :is(th,td):first-child{padding-left:var(--ax-pad-x)!important}
body.ui-unified #content .ax .ax-table :is(th,td):last-child{padding-right:var(--ax-pad-x)!important}
.ax-clients-table tbody tr{transition:background .15s}
body.ui-unified #content .ax .ax-clients-table tbody tr:hover{background:var(--ax-red-tint-2)!important}
.ax-clients-table th:nth-child(2){width:27%}.ax-clients-table th:nth-child(3){width:19%}
body.ui-unified #content .ax .ax-clients-table :is(th,td).ax-c-eq{width:76px;text-align:center}
body.ui-unified #content .ax .ax-clients-table :is(th,td).ax-c-act{width:96px;text-align:right}
body.ui-unified #content .ax .ax-clients-table td{height:58px!important}
body.ui-unified #content .ax .ax-n1-sm{font-size:13px;font-weight:600!important}
.ax-cmeta{display:none}
.ax-eq{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 10px;border:1px solid #f1c9c5;border-radius:99px;background:var(--ax-red-tint);color:var(--ax-red);font:inherit;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,border-color .15s}
button.ax-eq:hover{background:#f7d6d2;border-color:#e8a9a3}
.ax-eq.off{border-color:transparent;background:#f1f2f4;color:var(--ax-mute);cursor:default}
body.ui-unified #content .ax .ax-empty-row td{height:auto!important;padding:36px 24px!important;text-align:center}
.ax-empty-row b{display:block;font-size:15px;color:var(--ax-ink)}.ax-empty-row span{display:block;margin-top:4px;font-size:13px;color:var(--ax-soft)}

/* =========================================================
   3. PROPRIETÁRIO → CONFIGURAÇÃO DE MODELO
   ========================================================= */
.ax-actionbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.ax-state{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ax-mute);white-space:nowrap}
.ax-dot{width:8px;height:8px;border-radius:50%;background:#c3c7cf;flex:none}
.ax-actionbar.dirty .ax-dot{background:#e0a100;box-shadow:0 0 0 3px rgba(224,161,0,.16)}
.ax-actionbar.dirty .ax-state{color:#8a5a00;font-weight:600}
.ax-actions{display:flex;gap:8px}
body.ui-unified #content .ax .ax-actionbar .ds-note{margin:0!important;padding:8px 12px!important;border-radius:var(--ax-r-ctl)!important;font-size:12.5px;max-width:520px}
/* Ficha do modelo */
.ax-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px var(--ax-pad-x)}
.ax-identity-photo{display:grid;gap:6px;justify-items:center;width:88px}
body.ui-unified #content .ax .ax-identity-photo .ds-sheet-tile{width:88px;height:72px!important;border:1px solid var(--ax-line-2);border-radius:var(--ax-r-item);background:var(--ax-surface-2);display:grid;place-items:center;overflow:hidden;text-align:center}
body.ui-unified #content .ax .ax-identity-photo .ds-sheet-tile img{width:100%;height:100%;object-fit:contain}
body.ui-unified #content .ax .ax-identity-photo .ds-sheet-tile .ds-sub{font-size:var(--ax-fs-small)!important;line-height:1.3;color:var(--ax-mute);padding:6px}
.ax-identity-photo .ds-photo-actions{display:flex;flex-wrap:wrap;width:100%;gap:6px;justify-content:center}
body.ui-unified #content .ax .ax-identity-photo .ds-photo-msg{font-size:var(--ax-fs-small);color:var(--ax-warn-ink);max-width:180px}
.ax-identity-main{min-width:0;display:grid;gap:2px}
.ax-identity-name{font-size:16px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-facts{display:flex;flex-wrap:wrap;gap:4px 22px;margin:6px 0 0}
.ax-facts>div{display:flex;gap:6px;font-size:12.5px;min-width:0}
.ax-facts dt{color:var(--ax-mute)}.ax-facts dd{margin:0;font-weight:600;color:var(--ax-ink)}
/* Seções */
.ax-sec{overflow:hidden}
body.ui-unified #content .ax .ax-sec>summary{display:none!important}
.ax-sec-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-height:52px;padding:10px var(--ax-pad-x)}
.ax-sec-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
body.ui-unified #content .ax .ax-sec-title h3{margin:0!important;font-size:var(--ax-fs-section)!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.3!important}
.ax-sec-actions{display:flex;align-items:center;gap:10px}
.ax-params{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:16px 20px;padding:2px var(--ax-pad-x) 18px}
/* Produto Conta Azul selecionado (marcação compartilhada selectedProductCard) */
body.ui-unified #content .ax .ds-product-box{min-height:var(--ax-ctl-h);padding:4px 5px 4px 13px;border:1px solid var(--ax-ctl-line);border-radius:var(--ax-r-ctl);background:#fcfcfd}
body.ui-unified #content .ax .ds-product{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
body.ui-unified #content .ax .ds-product b{display:block;font-size:13.5px;font-weight:600!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ui-unified #content .ax .ds-product .ds-sub{margin:1px 0 0;font-size:var(--ax-fs-small)!important;color:var(--ax-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-unified #content .ax .ds-product>div{min-width:0}
/* V12.5.20 — o seletor ocupa a largura disponível; o texto cede espaço
   ao botão Alterar, sem deixar o conteúdo intrínseco escapar do box. */
body.ui-unified #content .ax .ds-product-box{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
body.ui-unified #content .ax .ds-product-box>.ds-product{flex:1 1 0;width:100%;min-width:0}
body.ui-unified #content .ax .ds-product>div{flex:1 1 0}
body.ui-unified #content .ax .ds-btn{flex:none;display:inline-flex!important;align-items:center;justify-content:center;height:30px!important;min-height:30px!important;padding:0 11px!important;border:1px solid #d3d6dc!important;border-radius:9px!important;background:#fff!important;color:var(--ax-soft)!important;font:inherit;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;white-space:nowrap;cursor:pointer}
body.ui-unified #content .ax .ds-btn:hover{border-color:#b9bdc6!important;color:var(--ax-ink)!important;background:var(--ax-surface-3)!important}
body.ui-unified #content .ax .ax-edit-table .ds-btn.danger{border-color:transparent!important;background:transparent!important;color:var(--ax-mute)!important;font-size:17px!important;width:30px;padding:0!important}
body.ui-unified #content .ax .ax-edit-table .ds-btn.danger:hover{background:var(--ax-red-tint)!important;color:var(--ax-red)!important}
body.ui-unified #content .ax label.ds-btn{position:relative;overflow:hidden}
body.ui-unified #content .ax label.ds-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
/* Tabelas de edição */
body.ui-unified #content .ax .ax-edit-table td{padding:8px 14px!important}
body.ui-unified #content .ax .ax-edit-table select{height:34px!important;min-height:34px!important;font-size:13px!important}
body.ui-unified #content .ax .ax-edit-table .ds-stepper{display:inline-grid;grid-template-columns:30px 44px 30px;height:32px;border:1px solid var(--ax-ctl-line);border-radius:var(--ax-r-ctl);overflow:hidden;background:#fff}
body.ui-unified #content .ax .ax-edit-table .ds-stepper button{border:0;padding:0;background:#f4f4f6;color:var(--ax-soft);font:inherit;font-size:16px;cursor:pointer}
body.ui-unified #content .ax .ax-edit-table .ds-stepper button:hover{background:rgba(217,35,24,.1);color:var(--ax-red)}
body.ui-unified #content .ax .ax-edit-table .ds-stepper input{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:center;font-weight:600;font-size:13px!important}
body.ui-unified #content .ax .ax-edit-table .ds-stepper:focus-within{border-color:var(--ax-red);box-shadow:0 0 0 3px var(--ax-red-ring)}
body.ui-unified #content .ax .ax-edit-table .muted-inline{font-size:var(--ax-fs-meta);color:var(--ax-mute)}
body.ui-unified #content .ax .ax-edit-table .col-action{width:56px;text-align:right}
body.ui-unified #content .ax .ax-edit-table .ds-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--ax-ok-tint);color:var(--ax-ok-ink)}
body.ui-unified #content .ax .ax-edit-table .model-table-empty{height:auto!important;padding:22px var(--ax-pad-x)!important;text-align:center;color:var(--ax-mute);font-size:13px!important}
body.ui-unified #content .ax .ax-edit-table tbody tr:hover{background:var(--ax-surface-3)}
.ax-serial-table th:nth-child(2){width:150px}.ax-serial-table th:nth-child(3){width:210px}.ax-serial-table th:nth-child(4){width:64px}
.ax-maint-table th:nth-child(1){width:190px}.ax-maint-table th:nth-child(3){width:140px}.ax-maint-table th:nth-child(4){width:200px}.ax-maint-table th:nth-child(5){width:64px}
.ax-linked-table th:nth-child(2){width:200px}.ax-linked-table th:nth-child(3){width:90px}.ax-linked-table th:nth-child(4){width:64px}
/* Documentos: Tipo | Status | Arquivo | Tamanho | Ações */
.ax-docs{padding:0 0 4px}
.ax-doc{display:grid;grid-template-columns:minmax(140px,1fr) 108px minmax(0,1.4fr) 76px 330px;align-items:center;gap:14px;min-height:56px;padding:9px var(--ax-pad-x);border-top:1px solid var(--ax-line-2)}
.ax-doc-cols{min-height:var(--ax-cols-h);padding-top:0;padding-bottom:0;border-top:0;background:var(--ax-surface-2);color:var(--ax-mute);font-size:var(--ax-fs-cols);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ax-doc-cols>span:nth-child(5){text-align:right}
body.ui-unified #content .ax .ax-doc-type h4{margin:0!important;font-size:13.5px!important;font-weight:600!important}
.ax-status{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}
.ax-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ax-status.ok{background:var(--ax-ok-tint);color:var(--ax-ok-ink)}
.ax-status.off{background:#f1f2f4;color:var(--ax-mute)}
.ax-doc-file{min-width:0}
body.ui-unified #content .ax .ax-doc-file b{display:block;font-size:13px;font-weight:500!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-doc-size{color:var(--ax-soft);white-space:nowrap;font-variant-numeric:tabular-nums}
.ax-doc-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.ax-doc-upload{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px}
body.ui-unified #content .ax .ax-doc .ds-btn.danger{color:var(--ax-red)!important;border-color:transparent!important;background:transparent!important}
body.ui-unified #content .ax .ax-doc .ds-btn.danger:hover{background:var(--ax-red-tint)!important}
body.ui-unified #content .ax .ax-doc .ds-upload{position:relative;display:inline-flex!important;align-items:center;height:30px;margin:0!important;padding:0 11px;border:1px solid var(--ax-red)!important;border-radius:9px;background:#fff;color:var(--ax-red)!important;font-size:12.5px!important;font-weight:600!important;white-space:nowrap;cursor:pointer;overflow:hidden;text-transform:none!important;letter-spacing:0!important}
body.ui-unified #content .ax .ax-doc .ds-upload:hover{background:var(--ax-red-tint)}
body.ui-unified #content .ax .ax-doc .ds-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
body.ui-unified #content .ax .ax-doc .ds-upload:focus-within{outline:2px solid var(--ax-red);outline-offset:2px}
body.ui-unified #content .ax .ax-doc .ds-upload.off{border:1px dashed var(--ax-line)!important;color:var(--ax-mute)!important;cursor:default}
body.ui-unified #content .ax .ax-upload-hint{font-size:var(--ax-fs-small)!important;color:var(--ax-mute);white-space:nowrap}
.ax-docs>.ds-doc-grid,.ax-docs>.model-document-grid{display:block!important}
body.ui-unified #content .ax .ax-docs>details{margin:6px var(--ax-pad-x) 10px!important;font-size:13px}
body.ui-unified #content .ax .ax-docs>details>summary{color:var(--ax-soft);font-size:12.5px!important}
body.ui-unified #content .ax .ax-docs>details .line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--ax-line-2)}
body.ui-unified #content .ax .ax-docs:not(:empty){min-height:20px}

/* =========================================================
   RESPONSIVO
   ========================================================= */
/* Notebook estreito / tablet paisagem */
@media(max-width:1180px){
 .ax-row{gap:12px;padding:0 18px;grid-template-columns:var(--ax-drop) minmax(0,1fr) 100px 112px 96px}
 .ax-review-row,.ax-cols-review{grid-template-columns:var(--ax-drop) minmax(0,1fr) 96px 72px 104px}
 .ax-review-layout{grid-template-columns:minmax(0,1fr) 290px}
 .ax-doc{grid-template-columns:minmax(120px,1fr) 100px minmax(0,1.2fr) 70px 200px;gap:12px}
 .ax-doc-actions{flex-direction:column;align-items:flex-end;gap:4px}
 .ax-doc-upload{flex-direction:column;align-items:flex-end;gap:2px}
 .ax-params{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ax-params .span-product{grid-column:1/-1;order:-1}
 .ax-sumbar{flex-wrap:wrap;gap:12px 26px}
 .ax-tier{flex:1 1 100%}
 .ax-sumbar .ax-k:first-of-type{margin-left:auto}
 body.ui-unified #content .ax .ax-edit-table .ds-product b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .ax-maint-table th:nth-child(1){width:170px}.ax-maint-table th:nth-child(4){width:178px}
}
/* Pedido: notebook com sidebar — descrição técnica segue visível; review empilha */
@media(max-width:1100px){
 .ax-review-layout{grid-template-columns:minmax(0,1fr)}
 .ax-review-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .ax-review-side>.ax-side-title,.ax-review-side>.ax-side-total,.ax-review-side>.ax-confirm,.ax-review-side>.ax-side-actions{grid-column:1/-1}
 .ax-side-actions{grid-template-columns:1fr auto}
 body.ui-unified #content .ax .ax-side-actions .ax-btn{width:auto}
 body.ui-unified #content .ax .ax-side-actions .ax-btn.primary{width:100%}
}
/* Tablet (drawer) */
@media(max-width:900px){
 body.ui-unified #content .ax,
 body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax){padding:2px 6px 24px}
 .ax-head{padding-left:50px;margin-bottom:14px}
 .ax-back{margin-left:-50px;padding-left:50px}
 body.ui-unified:is([data-route="order"],[data-route="clients"],[data-route="models"]) #content>.ds:not(.ax) .ds-page-head{padding-left:50px!important}
 .ax-steps{flex-basis:100%;margin:2px 0 0 -50px}
 /* Clientes: composição própria (sem tabela esmagada) */
 .ax-clients-table,.ax-clients-table tbody{display:block}
 .ax-clients-table thead{display:none}
 .ax-clients-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 12px;padding:11px var(--ax-pad-x);border-top:1px solid var(--ax-line-2)}
 .ax-clients-table tbody tr:first-child{border-top:0}
 body.ui-unified #content .ax .ax-clients-table td,body.ui-unified #content .ax .ax-clients-table td:first-child,body.ui-unified #content .ax .ax-clients-table td:last-child{display:block;height:auto!important;padding:0!important;border:0!important;width:auto!important}
 body.ui-unified #content .ax .ax-clients-table td.ax-c-contact,body.ui-unified #content .ax .ax-clients-table td.ax-c-resp{display:none}
 .ax-cmeta{display:grid;gap:1px;margin-top:3px}
 body.ui-unified #content .ax .ax-clients-table .ax-c-name>.ax-n1{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 body.ui-unified #content .ax .ax-clients-table .ax-empty-row td{padding:30px 16px!important}
 /* Modelo */
 .ax-identity{grid-template-columns:auto minmax(0,1fr);gap:14px}
 .ax-identity-actions{grid-column:1/-1;justify-self:start}
 .ax-head-actions{margin-left:0;flex-basis:100%;justify-content:space-between}
}
/* Edição do modelo em telas estreitas: linhas viram blocos compactos */
@media(max-width:900px){
 .ax-edit-table,.ax-edit-table tbody{display:block}
 .ax-edit-table thead{display:none}
 .ax-edit-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px var(--ax-pad-x);border-top:1px solid var(--ax-line-2)}
 body.ui-unified #content .ax .ax-edit-table td,body.ui-unified #content .ax .ax-edit-table td:first-child,body.ui-unified #content .ax .ax-edit-table td:last-child{display:block;padding:0!important;border:0!important;height:auto!important;width:auto!important}
 .ax-edit-table td:first-child{grid-column:1/-1}
 .ax-edit-table td.col-action{grid-column:2;grid-row:1;align-self:start}
 .ax-edit-table tr td:first-child:not(:only-child){grid-column:1}
 .ax-maint-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
 .ax-maint-table td:nth-child(1){grid-column:1/3!important}
 .ax-maint-table td:nth-child(2){grid-column:1/-1!important;grid-row:2}
 .ax-maint-table td:nth-child(3){grid-column:1;grid-row:3}
 .ax-maint-table td:nth-child(4){grid-column:2/-1;grid-row:3}
 .ax-maint-table td.col-action{grid-column:3!important;grid-row:1}
 .ax-serial-table tr{grid-template-columns:auto minmax(0,1fr) auto}
 .ax-serial-table td:nth-child(1){grid-column:1/3!important}
 .ax-serial-table td:nth-child(2){grid-column:1;grid-row:2}
 .ax-serial-table td:nth-child(3){grid-column:2/-1;grid-row:2}
 .ax-serial-table td.col-action{grid-column:3!important;grid-row:1}
 .ax-linked-table tr{grid-template-columns:minmax(0,1fr) auto auto}
 .ax-linked-table td:nth-child(1){grid-column:1/3!important}
 .ax-linked-table td:nth-child(2){grid-column:1;grid-row:2}
 .ax-linked-table td:nth-child(3){grid-column:2;grid-row:2;align-self:center}
 .ax-linked-table td.col-action{grid-column:3!important;grid-row:1}
 .ax-edit-table .model-table-empty{grid-column:1/-1}
 .ax-edit-table tr.ds-table-empty{display:block}
 body.ui-unified #content .ax .ax-maint-table td:nth-child(2)>.ds-product{flex-wrap:wrap;justify-content:flex-start}
 body.ui-unified #content .ax .ax-maint-table td:nth-child(2)>.ds-product>.ds-product{flex:1 1 100%}
 body.ui-unified #content .ax .ax-edit-table select{max-width:none}
}
@media(max-width:760px){
 /* Documentos: bloco compacto por documento */
 .ax-doc-cols{display:none!important}
 .ax-doc{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t s" "f z" "a a";gap:4px 12px;padding:12px var(--ax-pad-x);min-height:0}
 .ax-docs>.ds-doc-grid>.ax-doc:first-child,.ax-docs>.model-document-grid>.ax-doc:first-child{border-top:0}
 .ax-doc-type{grid-area:t}.ax-doc-status{grid-area:s;justify-self:end}.ax-doc-file{grid-area:f}.ax-doc-size{grid-area:z;justify-self:end;font-size:var(--ax-fs-meta)}
 .ax-doc-actions{grid-area:a;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:6px}
 .ax-doc-upload{flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap}
 .ax-doc.is-empty .ax-doc-file,.ax-doc.is-empty .ax-doc-size{display:none}
 /* Seções recolhíveis no mobile */
 body.ui-unified #content .ax .ax-sec>summary{display:flex!important;align-items:center;gap:10px;min-height:50px;padding:0 var(--ax-pad-x)!important;font-size:var(--ax-fs-section)!important;font-weight:600;cursor:pointer;list-style:none}
 body.ui-unified #content .ax .ax-sec>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--ax-mute);border-bottom:2px solid var(--ax-mute);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
 body.ui-unified #content .ax .ax-sec[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
 body.ui-unified #content .ax .ax-sec[open]>summary{border-bottom:1px solid var(--ax-line-2)}
 .ax-sec.ds-mobile-disclosure .ax-sec-title{display:none}
 .ax-sec.ds-mobile-disclosure .ax-sec-head{min-height:0;padding:10px var(--ax-pad-x);justify-content:flex-start}}
/* Telefone */
@media(max-width:680px){
 body.ui-unified #content .ax{padding:0 0 24px}
 .ax-card{border-radius:12px}
 .ax-head{gap:8px 12px}
 .ax-title{flex-basis:100%}
 .ax-steps{margin:4px 0 0 -50px;font-size:12px}
 /* Pedido */
 .ax-filters{grid-template-columns:1fr;gap:12px;padding:14px var(--ax-pad-x)}
 .ax-cols:not(.ax-cols-review){display:none}
 .ax-list .ax-row{grid-template-columns:var(--ax-drop) minmax(0,1fr) auto;grid-template-areas:"d n t" "d p q";align-items:center;gap:3px 12px;padding:11px var(--ax-pad-x)}
 .ax-list .ax-row>.ax-drop{grid-area:d;align-self:start;margin-top:2px}
 .ax-list .ax-row>.ax-names{grid-area:n}
 .ax-list .ax-row>.ax-price{grid-area:p;text-align:left;font-size:12.5px}
 .ax-list .ax-row>.ax-qty{grid-area:q;justify-self:end}
 .ax-list .ax-row>.ax-subtotal{grid-area:t;font-size:13px}
 body.ui-unified #content .ax .ax-list .ax-n2{display:none} /* como no protótipo: no telefone, nome + preço; descrição completa segue na etapa 2 */

 .ax-sumbar{flex-wrap:wrap;gap:12px 18px;padding:14px var(--ax-pad-x)}
 .ax-tier{flex:1 1 100%;order:-1}
 .ax-k{text-align:left}
 .ax-sumbar .ax-btn.primary{flex:1 1 100%}
 /* Revisão */
 .ax-cols-review{display:none!important}
 .ax-review-row{grid-template-columns:var(--ax-drop) minmax(0,1fr) auto;grid-template-areas:"d n t" "d p q";gap:3px 12px;padding:11px var(--ax-pad-x)}
 .ax-review-row>.ax-drop{grid-area:d;align-self:start;margin-top:2px}.ax-review-row>.ax-names{grid-area:n}.ax-review-row>.ax-price{grid-area:p;text-align:left;font-size:12.5px}.ax-review-row>.ax-qty-read{grid-area:q}.ax-review-row>.ax-subtotal{grid-area:t}
 .ax-review-total{padding:12px var(--ax-pad-x)}
 .ax-review-facts{grid-template-columns:1fr;padding:12px var(--ax-pad-x) 14px}
 .ax-review-side{grid-template-columns:1fr!important}
 .ax-side-actions{grid-template-columns:1fr!important}
 body.ui-unified #content .ax .ax-side-actions .ax-btn{width:100%!important}
 /* Clientes */
 body.ui-unified #content .ax .ax-toolbar{padding:12px var(--ax-pad-x)!important;gap:10px!important}
 .ax-search{flex-basis:100%}
 body.ui-unified #content .ax .ax-inline{flex:1 1 100%}
 body.ui-unified #content .ax .ax-inline select{flex:1;width:auto}
 .ax-clients-table tr{gap:2px 10px}
 body.ui-unified #content .ax .ax-clients-table .ax-btn.small{padding:0 10px}
 /* Modelo */
 .ax-params{grid-template-columns:1fr}
 .ax-identity{padding:12px var(--ax-pad-x);gap:12px}
 .ax-identity-photo{width:72px}
 body.ui-unified #content .ax .ax-identity-photo .ds-sheet-tile{width:72px;height:60px!important}
 .ax-facts{gap:2px 14px}
 .ax-head-actions .ax-actionbar{width:100%;justify-content:space-between}
 .ax-actions{flex:1;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){.ax *,.ax *::before,.ax *::after,#appView .amica-nav *{transition:none!important;animation:none!important}}

/* Transições restritas a propriedades visuais (evita que "transition:all" legado anime visibility/height) */
body.ui-unified #content .ax :is(.ds-btn,.ds-upload,.ds-stepper button,select,input){transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s!important}
body.ui-unified #content .ax .ax-edit-table tbody tr{background:transparent!important}
body.ui-unified #content .ax .ax-edit-table tbody tr:hover{background:var(--ax-surface-3)!important}

/* ---------- V12.5.23: unificação visual curta — somente itens aprovados desta rodada ---------- */
/* Fundo um pouco mais escuro para destacar superfícies brancas. */
:root{--ax-bg:#dfe3e8}

/* Logo: restaura a aplicação maior já aprovada, centralizada na faixa superior. */
html body #appView .amica-brand{height:80px!important;min-height:80px!important;padding:0 18px!important;justify-content:center!important}
html body #appView .amica-brand img{width:180px!important;max-width:180px!important;height:auto!important;max-height:74px!important;object-fit:contain!important}

/* Sidebar: grupo ativo usa a mesma linguagem do item direto ativo do Cliente. */
html body #appView .amica-nav .nav-group.has-active>.nav-group-toggle{
  background:#fbeceb!important;color:var(--ax-red)!important;font-weight:600!important
}
html body #appView .amica-nav .nav-group.has-active>.nav-group-toggle .nav-icon{
  background:var(--ax-red)!important;color:#fff!important
}
html body #appView .amica-nav .nav-group.has-active>.nav-group-toggle .nav-chevron{color:var(--ax-red)!important}

@media(max-width:900px){
 html body #appView .amica-brand{height:72px!important;min-height:72px!important}
 html body #appView .amica-brand img{width:170px!important;max-width:170px!important;max-height:66px!important}
}


/* ---------- V12.5.24: sidebar — somente ajustes aprovados ---------- */
/* Mesmo menu para Cliente e Owner: sem categorias textuais exclusivas. */
html body #appView .amica-nav .nav-section-label{display:none!important}
/* Bloco da marca separado da navegação por divisor sutil. */
html body #appView .amica-brand{border-bottom:1px solid var(--ax-line)!important}
/* Mais respiro entre marca e primeiro item do menu. */
html body #appView .amica-nav{padding-top:14px!important}
@media(max-width:900px){
 html body #appView .amica-nav{padding-top:12px!important}
}

/* ---------- V12.5.25: acabamento curto aprovado ---------- */
/* 1. Títulos do piloto/modelo seguem a mesma hierarquia global em negrito. */
body.ui-unified #content .ax :is(h1,h2,h3,h4),
body.ui-unified #content .ax .ax-title h1,
body.ui-unified #content .ax .ax-sec-title h3{font-weight:700!important}

/* 2. Foto do modelo: conjunto único, sem botões empilhados/soltos. */
.ax-identity-photo{width:148px;justify-items:center;align-self:start}
body.ui-unified #content .ax .ax-identity-photo .ds-sheet-tile{width:104px;height:86px!important}
.ax-identity-photo .ds-photo-actions{display:flex;flex-wrap:nowrap;width:auto;gap:6px;justify-content:center}
body.ui-unified #content .ax .ax-identity-photo .ds-photo-actions .ds-btn{padding:0 9px!important;font-size:12px!important;white-space:nowrap}

/* 3. Cabeçalho do editor de modelo: ações Salvar/Cancelar sempre acessíveis durante a rolagem. */
body.ui-unified #content .model-screen>[data-model-head]{
  position:sticky;
  top:0;
  z-index:30;
  background:var(--ax-bg);
  padding:8px 0 6px;
  margin-top:-8px;
}
body.ui-unified #content .model-screen>[data-model-head] .ax-head{
  margin-bottom:10px;
}
body.ui-unified #content .model-screen>[data-model-head]::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:rgba(31,34,41,.08);
  pointer-events:none;
}
@media(max-width:900px){
  .ax-identity-photo{width:112px}
  body.ui-unified #content .ax .ax-identity-photo .ds-sheet-tile{width:88px;height:72px!important}
  .ax-identity-photo .ds-photo-actions{flex-wrap:wrap}
  body.ui-unified #content .model-screen>[data-model-head]{padding-top:4px;margin-top:-4px}
}

/* V12.5.40 — Chat: contador de não lidas (variante do .ax-count existente), recibos e aviso do Dashboard. */
.ax-count.chat-unread{height:18px;min-width:18px;justify-content:center;padding:0 6px;margin-left:auto;background:var(--ax-red);color:#fff;font-size:11px}
.nav-direct .ax-count.chat-unread,.nav-subitem .ax-count.chat-unread,.nav-group-toggle .ax-count.chat-unread{margin-left:auto;flex:0 0 auto}
.nav-group.open>.nav-group-toggle .ax-count.chat-unread{display:none}
button .ax-count.chat-unread{margin-left:8px;vertical-align:middle}
.support-message .chat-receipt{margin-left:8px;font-size:11px;color:var(--ax-mute)}
.support-message .chat-receipt[data-state=read]{color:var(--ax-ok)}
#chatPendingNotice .btn{margin-left:8px}
.portal-toast.chat-toast{cursor:pointer;text-align:left;border:0;font:inherit}
html body #appView .amica-sidebar-footer .amica-logout.chat-prefs-btn{gap:0;padding:0 8px!important}
html body #appView .amica-sidebar-footer .amica-logout.chat-prefs-btn::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E") center/16px 16px no-repeat}
#mobileNavToggle[data-chat-unread]{position:relative!important}
@media (max-width:900px){html body.ui-unified #content>#chatPendingNotice.notice{margin-top:46px!important}}
#mobileNavToggle[data-chat-unread]::after{content:attr(data-chat-unread);position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--ax-red);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
/* Piloto WhatsApp — Central (reaproveita support-*; só layout de duas colunas). */
.wa-central{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:0;padding:0!important;min-height:560px}
.wa-list{border-right:1px solid var(--ax-line,#e5e7eb);overflow:auto;max-height:680px;padding:10px;display:flex;flex-direction:column;gap:8px}
.wa-list .wa-conv{position:relative;text-align:left;width:100%;cursor:pointer}
.wa-list .wa-conv.active{outline:2px solid var(--ax-red)}
.wa-list .wa-conv .chat-unread{position:absolute;top:10px;right:10px}
.wa-thread-col{display:flex;flex-direction:column;min-width:0}
.wa-thread-col .support-chat-stream-wrap{flex:1;min-height:360px}
.wa-link{display:flex;gap:8px;align-items:center}
@media (max-width:900px){.wa-central{grid-template-columns:1fr}.wa-list{border-right:0;max-height:260px}}
.wa-thread-col .support-composer-actions{display:flex;align-items:center;gap:12px}
.wa-thread-col .support-composer-actions .btn{flex:0 0 auto;width:auto;margin-left:auto}
/* Chamado: relatório e linha do tempo (homologação WhatsApp). */
.support-report .support-report-text{white-space:pre-wrap;margin-top:8px;color:var(--ax-ink)}
.support-timeline{margin:0 18px 10px;font-size:13px}
.support-timeline summary{cursor:pointer;font-weight:600;color:var(--ax-soft);padding:6px 0}
.support-timeline ol{margin:6px 0 0;padding-left:18px;max-height:220px;overflow:auto}
.support-timeline li{margin:0 0 8px}
.support-timeline-note{white-space:pre-wrap;color:var(--ax-soft);margin-top:2px}
.wa-tickets{flex-wrap:wrap;justify-content:flex-end}
.wa-ticket-chip{display:inline-flex;gap:4px}
.wa-ticket-chip.active>.btn:first-child{border-color:var(--ax-red);color:var(--ax-red)}
.wa-active-hint{margin:6px 0 0;font-size:12px;flex-basis:100%;text-align:right}
#waHead{flex-wrap:wrap;gap:8px}
/* Homologação WhatsApp — correções de diagramação encontradas nas telas reais. */
.wa-list .wa-conv{display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:left;width:100%;padding:12px 14px;border:1px solid var(--ax-line,#e5e7eb);border-radius:12px;background:#fff;cursor:pointer;font:inherit;color:inherit;min-height:0;height:auto}
.wa-list .wa-conv.active{outline:2px solid var(--ax-red);outline-offset:-1px}
.wa-conv-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.wa-conv-top .client-eyebrow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-list .wa-conv .chat-unread{position:static;margin:0}
.wa-conv-name{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.wa-conv-sub{color:var(--ax-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-conv-tags{display:flex;flex-wrap:wrap;gap:6px}
.wa-thread-col .support-composer-actions .support-attach-button{flex:0 0 auto;width:auto;margin-left:auto}
.wa-thread-col .support-composer-actions .btn.primary{margin-left:0}
.wa-msg-error{margin:6px 0 0;font-size:12px;color:#8f1d14}
.chat-receipt[data-state=failed]{color:#8f1d14}
.support-internal-modal .support-chat-header{padding-right:52px}
.support-admin-actions[hidden]{display:none!important}
details.support-report{margin:0 18px 10px}
details.support-report summary{cursor:pointer;line-height:1.45}
details.support-report .support-report-text{max-height:150px;overflow:auto}
@media (max-width:767px){.wa-thread-col .support-composer-actions{flex-wrap:wrap}.wa-thread-col .support-composer-actions small{flex-basis:100%}.support-admin-actions{flex-wrap:wrap}}
.wa-list .wa-conv{flex-shrink:0}
.support-admin-toolbar[hidden],.support-admin-basic[hidden]{display:none!important}
#waChannel{margin-right:6px;vertical-align:middle}
@media (max-width:900px){.wa-list{max-height:300px}details.support-report .support-report-text{max-height:110px}}
/* Modal interno do chamado: posição fixa de cada bloco na grade (relatório e linha do tempo não deslocam a conversa nem o campo de resposta). */
html body .support-internal-modal.support-chat-shell.client-invite-modal{grid-template-rows:auto auto auto minmax(160px,1fr) auto auto!important}
.support-internal-modal>.support-chat-header{grid-row:1}
.support-internal-modal>.support-admin-toolbar{grid-row:2}
.support-internal-modal>.support-report{grid-row:3}
.support-internal-modal>.support-chat-stream-wrap{grid-row:4}
.support-internal-modal>.support-timeline{grid-row:5;margin:6px 24px}
.support-internal-modal>.support-composer,.support-internal-modal>.notice{grid-row:6}
.support-internal-modal>.notice{margin:10px 24px 14px}
.chat-receipt{white-space:nowrap}
@media (max-width:900px){html body.ui-unified #content .standard-page-head:not(.ax *)>div:first-child{display:block!important}html body.ui-unified #content .standard-page-head:not(.ax *) p{margin-top:4px!important}}
/* Cabeçalho de página no celular: a base de 320px (largura no desktop) virava ALTURA no layout em coluna. */
@media (max-width:900px){html:root body.ui-unified #content :is(.standard-page-head,.client-page-head,.ds-page-head):not(.ax *)>div:first-child{flex:0 0 auto!important;display:block!important;min-height:0!important}}
/* Formulários longos de chamado (encerrar/reabrir): o conteúdo rola dentro do modal e os botões ficam sempre acessíveis. */
html body .support-close-modal.client-invite-modal{max-height:calc(90vh - 6px)!important;overflow-y:auto!important}
html body .support-close-modal>.client-invite-actions{position:sticky;bottom:0;background:#fff;z-index:1}
@media (max-width:760px){html body .support-close-modal.client-invite-modal{max-height:calc(96vh - 6px)!important}}
.wa-thread-col .support-composer-actions{display:flex!important;grid-template-columns:none!important;align-items:center}
.wa-thread-col .support-composer-actions .support-attach-button{width:auto!important;flex:0 0 auto!important;margin-left:auto}
@media (max-width:900px){.support-internal-modal .support-chat-header p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}}
@media (max-width:900px){html body.ui-unified:not(.customer-portal) #appView #content.amica-content{padding-top:64px!important}}
/* Bateria 01 (V1): rótulo que envolve checkbox/radio — caixa e texto na mesma linha (a regra global "label{display:block!important}" empurrava o texto para baixo). */
html body label:has(> input[type="checkbox"]),html body label:has(> input[type="radio"]){display:flex!important;align-items:center;gap:8px}
html body label.permission-item:has(> input[type="checkbox"]){align-items:flex-start!important}
html body label:has(> input[type="checkbox"])>input,html body label:has(> input[type="radio"])>input{flex:0 0 auto;margin:0!important}

/* AUDITORIA_UX_2026-10-14: A-01, A-02, A-06, A-07 only. */
html body #appView #content #machineContractPdfBox{display:block;min-width:0}
html body #appView #content #machineContractPdfBox>.contract-doc-add{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;height:auto!important;min-height:0!important;margin:10px 0!important;position:static!important}
html body #appView #content #machineContractPdfBox input[type=file]{display:block!important;position:static!important;flex:1 1 260px!important;width:100%!important;max-width:430px!important;min-width:0!important;height:auto!important;min-height:44px!important;line-height:normal!important;margin:0!important;padding:10px!important;box-sizing:border-box!important}
html body #appView #content #machineContractPdfBox>small{display:block!important;position:static!important;clear:both!important;margin:10px 0 0!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere}
html body #appView #content .v4-agenda .v4-agenda-head{display:flex!important;justify-content:flex-start!important}
html body #appView #content .v4-agenda .ux-agenda-filters{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:12px!important}
html body #appView #content .v4-agenda .ux-agenda-filters>.v4-field{flex:0 1 170px!important;min-width:0!important}
html body #appView #content .v4-agenda .ux-agenda-filters>.v4-field.grow{flex:1 1 250px!important}
html body #appView #content .v4-agenda .ux-agenda-filters>.v4-monthbar{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;margin:0 0 0 auto!important;padding:0!important;gap:12px!important;min-width:0!important;border:0!important;background:transparent!important}
html body #appView #content .v4-agenda .ux-agenda-filters .v4-monthlabel{font-size:16px!important;font-weight:700!important;min-width:120px!important;text-align:center!important;white-space:nowrap!important}
html body #appView #content .v4-agenda .ux-agenda-filters .v4-monthbar button{color:var(--ax-red)!important;width:40px!important;height:40px!important;flex:none!important}
html body #appView .amica-nav :is(.nav-direct.active,.nav-group.has-active>.nav-group-toggle) .nav-icon{background:var(--ax-red)!important;color:#fff!important}
html body #appView #content .v4-agenda .v4-summary-strip{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body #appView #content .v4-agenda .v4-summary-strip>div{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important;min-width:0!important;min-height:34px!important;height:auto!important;white-space:nowrap!important;padding:8px 12px!important}
html body #appView #content .v4-agenda .v4-summary-strip>div span{white-space:nowrap!important}
@media(max-width:600px){html body #appView #content .v4-agenda .ux-agenda-filters>.v4-field{flex:1 1 140px!important}html body #appView #content .v4-agenda .ux-agenda-filters>.v4-field.grow{flex-basis:100%!important}html body #appView #content .v4-agenda .ux-agenda-filters>.v4-monthbar{flex-basis:100%!important;justify-content:flex-end!important}html body #appView #content #machineContractPdfBox>.contract-doc-add{align-items:stretch!important}html body #appView #content #machineContractPdfBox input[type=file]{max-width:100%!important}}