@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#17243a;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--blue:#1458a8;--ink:#17243a;--muted:#718096;--line:#e7ebf1;--green:#20835a;--red:#bb4550;--amber:#a66a13}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1260px)/2));gap:54px}.brand{display:flex;align-items:center;gap:10px;color:#163b69;text-decoration:none;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;white-space:nowrap}.brand small{display:block;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.6px;color:#7990a8}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#e8f2ff;border-radius:11px;color:#1458a8;font-size:13px}nav{display:flex;gap:26px;height:100%;align-items:center;flex:1}nav a{height:100%;display:flex;align-items:center;color:#748198;text-decoration:none;font-size:13px;position:relative}nav a.active{color:var(--blue);font-weight:700}nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue);border-radius:3px 3px 0 0}.user-chip{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;white-space:nowrap}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f2ff;color:#1458a8}.role{font-size:10px;color:#64748b;background:#f1f4f8;padding:4px 7px;border-radius:20px}.shell{max-width:1260px;margin:38px auto;padding:0 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#7290ae;margin:0 0 7px}.page-heading h1{font:800 27px Manrope,sans-serif;margin:0 0 5px;letter-spacing:-.5px}.muted{color:var(--muted);font-size:12px;margin:0}.button{border:0;border-radius:8px;padding:11px 16px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #1458a822}.outline{color:#315273;background:#fff;border:1px solid #dbe3ed}.notice{display:flex;gap:13px;align-items:center;background:#f0f6ff;border:1px solid #deebfc;padding:12px 15px;border-radius:10px;margin:0 0 20px;color:#3a5e86}.notice>span{font-size:20px}.notice b{font-size:12px}.notice p{font-size:11px;color:#69809c;margin:3px 0 0}.toolbar{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:12px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:6px;min-width:160px}.field span{font-size:10px;font-weight:700;color:#718096}.field select,.field input{height:39px;border:1px solid #dce3ec;border-radius:7px;padding:0 11px;color:#27364b;background:#fff;font:500 12px 'DM Sans',sans-serif;outline-color:#8bb7e9}.grow{flex:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.stat-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-weight:700}.stat-icon.red{background:#fff0f0;color:#bd4a50}.stat-icon.amber{background:#fff6e8;color:#ae741e}.stat-icon.green{background:#e9f8f0;color:#258252}.stat-icon.blue{background:#eaf3ff;color:#326ba9}.stat-card div{display:grid;gap:4px}.stat-card .muted{font-size:11px}.stat-card strong{font:800 19px Manrope,sans-serif;letter-spacing:-.4px}.stat-card small{font-size:10px;color:#99a3b2}.content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.panel h2{font:700 15px Manrope,sans-serif;margin:0 0 4px}.panel-heading .muted{font-size:11px}.text-button{background:none;border:0;color:var(--blue);font:700 11px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#9aa5b4;font-weight:700;padding:10px 9px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:13px 9px;border-bottom:1px solid #f0f2f5;color:#344256}tbody tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700}.pill.danger{background:#fff0f0;color:#b33e49}.pill.warning{background:#fff6e8;color:#a36b16}.pill.neutral{background:#f0f3f7;color:#66758a}.pill.success{background:#eaf7ef;color:#24784e}.company-list{margin:0 0 15px}.company-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.company-row:last-child{border-bottom:0}.company-logo{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#eaf5ef;color:#2f8055;font-size:10px;font-weight:700}.company-logo.lavender{background:#f1edff;color:#7259b6}.company-logo.peach{background:#fff0e9;color:#b86b43}.company-row>div{display:grid;gap:3px;flex:1}.company-row b,.file-row b,.guide-row b{font-size:11px}.company-row small,.file-row small,.guide-row small{font-size:9px;color:#99a3b2}.dot{width:7px;height:7px;border-radius:50%}.green-dot{background:#42ad77}.amber-dot{background:#e5a443}.icon-button{border:1px solid #dce3ec;border-radius:7px;background:#fff;color:var(--blue);font-size:19px;width:31px;height:31px;cursor:pointer}.full{width:100%}.footnote{text-align:center;color:#99a3b2;font-size:10px;margin:22px 0}.client-shell{max-width:1160px}.company-picker{min-width:230px}.company-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;padding:17px 20px}.company-summary>div{display:grid;gap:6px}.summary-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#98a3b2;font-weight:700}.company-summary b{font-size:11px}.client-stats{grid-template-columns:repeat(3,1fr)}.file-list{display:grid}.file-row,.guide-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f5}.file-row:last-child,.guide-row:last-child{border-bottom:0}.file-icon{width:31px;height:35px;display:grid;place-items:center;border-radius:6px;background:#fff1f0;color:#bd4b50;font-size:8px;font-weight:800}.file-row>div,.guide-row>div{display:grid;gap:4px;flex:1}.download{width:29px;height:29px;border:1px solid #dce5ed;background:#fff;border-radius:7px;color:var(--blue);font-size:16px;cursor:pointer}.guide-row .pill{margin-right:3px}.transactions{margin-top:16px}.dialog-card{width:min(480px,calc(100vw - 34px));border:0;border-radius:14px;padding:25px;box-shadow:0 22px 80px #14243a33;position:relative}.dialog-card::backdrop{background:#14243a66;backdrop-filter:blur(2px)}.dialog-card h2{font:800 21px Manrope,sans-serif;margin:0 0 5px}.dialog-card>.muted{margin-bottom:20px}.dialog-card .field{margin:13px 0}.close{position:absolute;right:17px;top:13px;background:none;border:0;font-size:24px;color:#8190a1;cursor:pointer}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.topbar{gap:22px;padding:0 18px}.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.company-summary{flex-wrap:wrap}.company-summary>div{min-width:135px}.company-summary .text-button{margin-left:auto}}@media(max-width:640px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 16px;gap:12px}.topbar nav{order:3;flex-basis:100%;height:38px;gap:20px}.topbar nav a{height:38px}.user-chip{margin-left:auto}.role{display:none}.shell{margin:25px auto;padding:0 14px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.page-heading h1{font-size:23px}.toolbar{align-items:stretch;flex-wrap:wrap}.field{flex:1;min-width:130px}.toolbar .button{flex:1}.stats{gap:9px}.stat-card{padding:12px;gap:9px}.stat-card strong{font-size:16px}.stat-icon{width:32px;height:32px}.client-stats{grid-template-columns:1fr}.company-summary{gap:16px}.company-summary>div{width:42%}.company-picker{width:100%}.panel{padding:15px}.guide-row{gap:7px}.guide-row b{font-size:10px}.guide-row .pill{font-size:8px}.two-fields{grid-template-columns:1fr}}
.account-filters{display:flex;gap:7px;margin:-3px 0 11px}.filter-chip{border:1px solid #dce3ec;border-radius:20px;background:#fff;color:#62748a;padding:6px 11px;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.filter-chip.selected{background:#eaf3ff;border-color:#bdd7f4;color:#1458a8}.row-actions{display:flex;gap:6px}.row-action{border:0;background:transparent;color:#1458a8;font:600 10px 'DM Sans',sans-serif;cursor:pointer;padding:5px}.row-action.delete{color:#b84a50}.helper{font-size:10px;line-height:1.5;color:#7d8ca0;background:#f5f8fc;border-radius:7px;padding:9px 11px;margin:12px 0}.import-dialog{width:min(900px,calc(100vw - 28px));max-width:900px}.import-preview-wrap{max-height:320px;min-height:90px;border:1px solid #edf0f4;border-radius:8px}.import-preview-wrap table{min-width:770px}.import-preview-wrap td{padding:8px 6px}.import-preview-wrap input,.import-preview-wrap select{min-width:92px;max-width:150px;height:32px;border:1px solid #dce3ec;border-radius:5px;padding:0 7px;font:11px 'DM Sans',sans-serif}.import-preview-wrap input[type=number]{width:105px}.import-preview-wrap .description-input{min-width:150px}.empty-cell{text-align:center;color:#96a2b2;padding:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.file-picker input{height:auto;padding:9px}.account-type{font-size:9px;font-weight:700;color:#57708c}.status-toggle{border:0;background:none;padding:0;cursor:pointer}.account-empty{text-align:center;padding:20px;color:#8996a7;font-size:11px}
.sample-download{display:inline-block;text-decoration:none;margin:2px 0 5px}
html{scroll-behavior:smooth}.topbar{position:sticky;top:0;z-index:30}.client-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:20px}.client-sidebar{position:sticky;top:90px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 9px;display:grid;gap:3px}.client-sidebar p{font-size:9px;letter-spacing:1px;color:#9aa5b4;font-weight:700;padding:2px 9px 8px;margin:0}.client-sidebar a{display:flex;align-items:center;gap:9px;padding:10px 9px;border-radius:7px;color:#617188;text-decoration:none;font-size:11px;font-weight:600;transition:background .15s,color .15s}.client-sidebar a span{width:17px;text-align:center;color:#8296ae;font-size:14px}.client-sidebar a:hover,.client-sidebar a:focus{background:#edf5ff;color:#1458a8}.client-content{min-width:0}.client-content .company-summary{margin-bottom:15px}.client-content .stats{margin-bottom:15px}.client-content .content-grid{margin-bottom:15px}.client-content [id]{scroll-margin-top:92px}.client-layout{scroll-behavior:smooth}@media(max-width:850px){.client-layout{grid-template-columns:1fr;gap:10px}.client-sidebar{top:72px;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;padding:8px;margin:0 0 7px;z-index:20;box-shadow:0 4px 10px #17243a0d}.client-sidebar p{display:none}.client-sidebar a{flex:none;padding:9px 11px}.client-content [id]{scroll-margin-top:135px}}@media(max-width:640px){.client-sidebar{top:105px;margin-left:-14px;margin-right:-14px;border-radius:0;border-left:0;border-right:0}.client-sidebar a{font-size:10px}.client-content [id]{scroll-margin-top:155px}}
:root{--blue:#00546e;--ink:#14344c;--muted:#718093;--line:#e2e9ed}.brand{color:#00546e}.brand-mark{background:#00546e;color:#fff}.brand small{color:#b48a24}.avatar{background:#e7f0f2;color:#00546e}.topbar nav a.active{color:#00546e}.topbar nav a.active:after{background:#c99e2d}.eyebrow{color:#00546e}.primary,.button.primary{background:#00546e;color:#fff}.primary:hover,.button.primary:hover{background:#003e55}.outline{color:#00546e;border-color:#bfd0d6}.outline:hover{background:#eef5f6}.text-button{color:#00546e}.icon-button{color:#00546e;border-color:#c9d8dc}.download{color:#00546e;border-color:#c9d8dc}.filter-chip.selected{background:#e6f0f2;border-color:#b8cdd2;color:#00546e}.client-sidebar{background:#153b5b;border-color:#153b5b;box-shadow:0 8px 22px #14344c1c}.client-sidebar p{color:#90a9ba}.client-sidebar a{color:#d9e4ec}.client-sidebar a span{color:#9eb7c7}.client-sidebar a:hover,.client-sidebar a:focus{background:#294f6f;color:#fff}.client-sidebar a:hover span,.client-sidebar a:focus span{color:#e1b542}.client-sidebar a:active{box-shadow:inset 3px 0 #d7aa36}.client-sidebar a[href]:focus-visible{outline:2px solid #e3bf60;outline-offset:1px}.stat-icon.blue{background:#e8f1f3;color:#00546e}.company-logo{color:#00546e;background:#e7f0f2}.page-heading h1{color:#14344c}.sample-download{color:#00546e}@media(max-width:850px){.client-sidebar{box-shadow:0 6px 14px #102c4430}.client-sidebar a:hover,.client-sidebar a:focus{background:#294f6f}}
.client-sidebar a.current{position:relative;background:#294f6f;color:#fff}.client-sidebar a.current:before{content:'';position:absolute;left:-9px;top:7px;bottom:7px;width:3px;border-radius:0 4px 4px 0;background:#d9af43}.client-sidebar a.current span{color:#e1b542}
.staff-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:20px}.staff-layout .client-sidebar{top:90px}.staff-layout .client-content [id]{scroll-margin-top:100px}.staff-panel{margin:0 0 16px}.staff-panel .panel-heading{align-items:flex-start}.staff-layout .toolbar{margin:0 0 16px}.staff-layout .stats{margin:0 0 16px}.staff-layout .client-sidebar a.current{box-shadow:inset 3px 0 #d9af43}@media(max-width:850px){.staff-layout{grid-template-columns:1fr;gap:10px}.staff-layout .client-sidebar{top:72px;margin:0 0 7px}.staff-layout .client-content [id]{scroll-margin-top:135px}}@media(max-width:640px){.staff-layout .client-sidebar{top:105px;margin-left:-14px;margin-right:-14px}.staff-layout .client-content [id]{scroll-margin-top:155px}.staff-panel .panel-heading{flex-direction:column;align-items:flex-start}}
.app-switch{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.app-switch:hover{background:#e8f1f3;color:#003e55}@media(max-width:640px){.app-switch{order:2;margin-left:auto;padding:9px 10px}.user-chip{order:3;margin-left:0}.topbar nav{order:4}}
.integ-logo{display:block;width:92px;height:50px;object-fit:contain;flex:none}.brand-divider{display:block;width:1px;height:30px;background:#dce6e9;flex:none}.brand-portal{max-width:105px;font:700 9px/1.35 'DM Sans',sans-serif;letter-spacing:1.05px;color:#00546e}.topbar .brand{gap:12px}@media(max-width:900px){.integ-logo{width:82px;height:45px}.brand-portal{max-width:95px}}@media(max-width:640px){.topbar .brand{gap:7px}.integ-logo{width:68px;height:38px}.brand-divider{height:25px}.brand-portal{max-width:76px;font-size:8px;letter-spacing:.7px}}
/* Correção de espaço do cabeçalho do Portal do Cliente */
.topbar .brand{flex:0 0 auto;min-width:max-content}.topbar nav{min-width:0}.integ-logo{flex:0 0 92px}.brand-portal{flex:0 0 auto}@media(max-width:1050px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:10px 18px;padding-top:10px;padding-bottom:10px}.topbar nav{order:4;flex:0 0 100%;height:38px;gap:22px}.app-switch{margin-left:auto}.user-chip{margin-left:0}}@media(max-width:640px){.integ-logo{flex-basis:68px}.topbar nav{order:4;flex:0 0 100%;height:36px;gap:17px}.topbar nav a{font-size:12px}.brand-portal{max-width:76px}}
.route-hidden{display:none!important}.client-content .content-grid.route-single{grid-template-columns:minmax(0,1fr)}
/* Azul mais vivo inspirado na referência enviada para os menus laterais */
.client-sidebar{background:linear-gradient(180deg,#2c9fbd 0%,#2187b1 48%,#176c9b 100%);border-color:#2187b1}
.client-sidebar p{color:#d8f0f7}
.client-sidebar a{color:#f0f9fc}
.client-sidebar a span{color:#c3e7f1}
.client-sidebar a:hover,.client-sidebar a:focus,.client-sidebar a.current{background:rgba(255,255,255,.16);color:#fff}
.client-sidebar a.current:before{background:#f0ca55}
.client-sidebar a.current span,.client-sidebar a:hover span,.client-sidebar a:focus span{color:#fff}

/* Layout com navegação lateral contínua, inspirado na referência enviada */
body[data-view="cliente"],body[data-view="equipe"]{min-height:100vh;background:#f4f7fb}
body[data-view="cliente"] .topbar,body[data-view="equipe"] .topbar{height:72px;margin-left:246px;width:calc(100% - 246px);padding:0 34px;gap:18px;box-shadow:0 1px 0 #e5ebf0}
body[data-view="cliente"] .topbar .brand,body[data-view="equipe"] .topbar .brand{display:none}
body[data-view="cliente"] .topbar nav,body[data-view="equipe"] .topbar nav{display:none}
body[data-view="cliente"] .topbar .user-chip,body[data-view="equipe"] .topbar .user-chip{margin-left:auto}
body[data-view="equipe"] .topbar .app-switch{display:none}
body[data-view="cliente"] .shell,body[data-view="equipe"] .shell{max-width:none;width:auto;margin:32px 34px 0 280px;padding:0 0 0}
.client-layout,.staff-layout{display:block;min-height:calc(100vh - 72px)}
.client-sidebar{position:fixed;inset:0 auto 0 0;width:246px;height:100vh;z-index:50;border:0;border-radius:0;padding:20px 16px 18px;display:flex;flex-direction:column;align-items:stretch;gap:5px;overflow-y:auto;background:linear-gradient(180deg,#2c9fbd 0%,#2187b1 48%,#176c9b 100%);box-shadow:3px 0 16px #153b5b22}
.sidebar-brand{display:flex;align-items:center;gap:11px;min-height:74px;margin:0 2px 24px;padding:0 7px;color:#fff;text-decoration:none;font-size:11px;line-height:1.35;font-weight:800;letter-spacing:.9px}
.sidebar-brand img{width:88px;height:48px;object-fit:contain;padding:4px;background:#fff;border-radius:6px}
.sidebar-brand span{max-width:98px}
.client-sidebar p{color:#d8f0f7;font-size:9px;letter-spacing:1.35px;padding:0 10px 8px;margin:0 0 3px}
.client-sidebar a:not(.sidebar-brand):not(.sidebar-taskflow){position:relative;min-height:42px;padding:10px 11px;border-radius:8px;color:#f0f9fc;font-size:12px;font-weight:600}
.client-sidebar a:not(.sidebar-brand):not(.sidebar-taskflow) span{color:#c3e7f1}
.client-sidebar a:hover,.client-sidebar a:focus,.client-sidebar a.current{background:rgba(255,255,255,.16);color:#fff}
.client-sidebar a.current:before{left:0;top:8px;bottom:8px;background:#f0ca55}
.client-sidebar a.current span,.client-sidebar a:hover span,.client-sidebar a:focus span{color:#fff}
.sidebar-help,.sidebar-taskflow{margin-top:auto;padding:14px 13px;border:1px solid #ffffff40;border-radius:10px;color:#fff}
.sidebar-help{display:grid;gap:6px;background:#ffffff12;font-size:11px}
.sidebar-help span{font-size:10px;line-height:1.5;color:#e3f4fa}
.sidebar-taskflow{display:flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:10px;background:#fff;color:#176c9b;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 5px 12px #123c5220}
.sidebar-taskflow:hover{background:#eaf8fc;color:#114e70}
.staff-layout .client-sidebar{top:0}
.client-content{min-width:0}
.page-heading{min-height:92px}
.notice{max-width:none}
.client-sidebar a:focus-visible,.sidebar-taskflow:focus-visible{outline:2px solid #f4d66f;outline-offset:2px}
@media(max-width:850px){body[data-view="cliente"] .topbar,body[data-view="equipe"] .topbar{margin:0;width:100%;padding:0 18px}.client-sidebar,.staff-layout .client-sidebar{position:relative;inset:auto;width:auto;height:auto;min-height:0;border-radius:11px;margin:0 0 16px;padding:10px;display:flex;flex-direction:row;align-items:center;gap:5px;overflow-x:auto;box-shadow:0 5px 14px #153b5b22}.sidebar-brand{display:none}.client-sidebar p{display:none}.client-sidebar a:not(.sidebar-brand):not(.sidebar-taskflow){flex:none;min-height:38px;white-space:nowrap;padding:9px 10px;font-size:10px}.sidebar-taskflow,.sidebar-help{display:none}body[data-view="cliente"] .shell,body[data-view="equipe"] .shell{margin:22px 18px 0;padding:0}.client-layout,.staff-layout{min-height:0}}

/* Ajustes finais do layout lateral (sobrescreve qualquer regra anterior) */
body[data-view="cliente"] .topbar,body[data-view="equipe"] .topbar{margin-left:246px!important;width:calc(100% - 246px)!important;padding:0 34px!important;gap:18px!important}
body[data-view="cliente"] .topbar .brand,body[data-view="equipe"] .topbar .brand,body[data-view="cliente"] .topbar nav,body[data-view="equipe"] .topbar nav{display:none!important}
body[data-view="equipe"] .topbar .app-switch{display:none!important}
body[data-view="cliente"] .topbar .user-chip,body[data-view="equipe"] .topbar .user-chip{margin-left:auto!important}
body[data-view="cliente"] .shell,body[data-view="equipe"] .shell{max-width:none!important;width:auto!important;margin:32px 34px 0 280px!important;padding:0 0 0!important}
.client-layout,.staff-layout{display:block!important;min-height:calc(100vh - 72px)!important}
.client-sidebar,.staff-layout .client-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:246px!important;height:100vh!important;min-height:100vh!important;z-index:100!important;border:0!important;border-radius:0!important;margin:0!important;padding:20px 16px 18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;overflow-y:auto!important;background:linear-gradient(180deg,#2c9fbd 0%,#2187b1 48%,#176c9b 100%)!important;box-shadow:3px 0 16px #153b5b22!important}
.sidebar-brand{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:74px!important;margin:0 0 24px!important;padding:0 7px!important;overflow:hidden!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.7px!important}
.sidebar-brand img{display:block!important;flex:0 0 88px!important;width:88px!important;max-width:88px!important;height:48px!important;object-fit:contain!important;padding:3px!important;background:#fff!important;border-radius:6px!important}
.sidebar-brand span{display:block!important;max-width:112px!important;color:#fff!important}
.client-sidebar p{display:block!important;color:#d8f0f7!important;font-size:9px!important;letter-spacing:1.35px!important;padding:0 10px 8px!important;margin:0 0 3px!important}
.client-sidebar a:not(.sidebar-brand):not(.sidebar-taskflow){display:flex!important;flex:none!important;position:relative!important;min-height:42px!important;padding:10px 11px!important;border-radius:8px!important;color:#f0f9fc!important;font-size:12px!important;font-weight:600!important;white-space:normal!important}
.client-sidebar a.current{background:rgba(255,255,255,.16)!important;color:#fff!important}
.client-sidebar a.current:before{left:0!important;top:8px!important;bottom:8px!important;background:#f0ca55!important}
.sidebar-help,.sidebar-taskflow{margin-top:auto!important;padding:14px 13px!important;border:1px solid #ffffff40!important;border-radius:10px!important;color:#fff!important}
.sidebar-help{display:grid!important;gap:6px!important;background:#ffffff12!important;font-size:11px!important}
.sidebar-taskflow{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#176c9b!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important}
@media(max-width:850px){body[data-view="cliente"] .topbar,body[data-view="equipe"] .topbar{margin:0!important;width:100%!important;padding:0 18px!important}.client-sidebar,.staff-layout .client-sidebar{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;border-radius:11px!important;margin:0 0 16px!important;padding:10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;overflow-x:auto!important}.sidebar-brand,.client-sidebar p{display:none!important}.client-sidebar a:not(.sidebar-brand):not(.sidebar-taskflow){flex:none!important;min-height:38px!important;white-space:nowrap!important;padding:9px 10px!important;font-size:10px!important}.sidebar-taskflow,.sidebar-help{display:none!important}body[data-view="cliente"] .shell,body[data-view="equipe"] .shell{margin:22px 18px 0!important;padding:0!important}.client-layout,.staff-layout{min-height:0!important}}

/* Marca lateral mais leve: logo no alto e identificação em uma linha */
.sidebar-brand{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;min-height:110px!important;margin:0 0 16px!important;padding:0 7px!important}
.sidebar-brand img{flex:0 0 58px!important;width:112px!important;max-width:112px!important;height:58px!important}
.sidebar-brand span{max-width:none!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:1.05px!important;line-height:1.2!important}

/* Nome do portal em destaque e perfil logo abaixo */
.sidebar-brand{align-items:flex-start!important;gap:9px!important}
.sidebar-brand-text{display:flex!important;flex-direction:column!important;gap:3px!important;white-space:normal!important;max-width:none!important}
.sidebar-brand-text strong{font-size:10px!important;line-height:1.2!important;letter-spacing:1px!important;color:#fff!important}
.sidebar-brand-text small{font-size:10px!important;line-height:1.2!important;letter-spacing:.2px!important;font-weight:500!important;color:#e0f4fa!important}

/* Força o subtítulo a ficar abaixo do nome, inclusive em estilos antigos em cache */
.sidebar-brand-text{display:block!important;white-space:normal!important;line-height:1.25!important}
.sidebar-brand-text strong{display:block!important;white-space:nowrap!important;margin:0 0 3px!important}
.sidebar-brand-text small{display:block!important;white-space:nowrap!important}

/* Identificação do perfil em amarelo, como o detalhe ativo do menu */
.sidebar-brand-text small{color:#f0ca55!important}

/* Login e proteção visual enquanto o Firebase confirma a sessão */
.auth-pending .shell{visibility:hidden!important}
.portal-logout{margin-left:10px!important}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#edf4f7,#f6f8fb 60%,#e5f0f3)}
.login-card{width:min(430px,100%);background:#fff;border:1px solid #e1e8ec;border-radius:16px;padding:34px;box-shadow:0 18px 55px #14344c18}
.login-logo{width:120px;height:66px;object-fit:contain;margin:0 auto 14px;display:block}
.login-title{text-align:center;color:#00546e;font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0 0 20px}
.login-card h1{text-align:center;font:800 23px Manrope,sans-serif;color:#14344c;margin:0 0 7px}
.login-subtitle{text-align:center;color:#718093;font-size:12px;line-height:1.5;margin:0 0 22px}
.login-card .field{margin:0 0 15px}
.login-card .field input{height:43px}
.login-message{padding:10px 12px;background:#fff2f0;color:#a33d37;border:1px solid #f0d3d0;border-radius:8px;font-size:12px;line-height:1.45}
.login-help{text-align:center;color:#8390a0;font-size:11px;margin:19px 0 0}
 .form-error{color:#b42332;background:#fff2f2;border:1px solid #f3c9cd;border-radius:7px;padding:9px 11px;font-size:11px;margin:0}.button:disabled{opacity:.65;cursor:wait}