:root{--bg:#f5f6fc;--surface:#fff;--surface-2:#f8f8fd;--text:#202236;--muted:#85879a;--border:#e9eaf2;--accent:#7655f6;--accent-2:#a99aff;--accent-soft:#f0edff;--shadow:0 8px 30px rgba(36,32,78,.045);--radius:16px;--font-scale:1;--density:1;--sidebar:248px}
*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale));scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:26px 16px 18px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20;transition:transform .2s}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 32px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:white;font-weight:800;font-size:20px;background:linear-gradient(145deg,var(--accent),#9b83ff);box-shadow:0 5px 14px #7655f633}.brand b{display:block;font-size:15px;letter-spacing:.14em}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:1px}.side-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#a2a3b4;padding:0 12px 10px}.nav-list{display:grid;gap:4px}.nav-link{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:var(--muted);text-align:left;font-size:13px;font-weight:500;transition:background .16s,color .16s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.nav-icon{width:20px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:16px 8px 0;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.connection-dot{width:7px;height:7px;border-radius:50%;background:#b9bac7}.status-pill{margin-left:auto;padding:3px 7px;border-radius:6px;background:var(--surface-2);font-size:10px}.main-area{margin-left:var(--sidebar);min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.breadcrumb span:first-child{font-weight:700;letter-spacing:.1em}.breadcrumb b{font-weight:600;color:var(--text)}.crumb-sep{opacity:.5}.top-actions{display:flex;align-items:center;gap:16px}.local-badge{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.local-badge i{width:6px;height:6px;background:#35b786;border-radius:50%}.avatar{border:0;background:var(--accent-soft);color:var(--accent);font-weight:800;width:34px;height:34px;border-radius:12px}.view{max-width:1220px;margin:0 auto;padding:36px 38px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;margin:0 0 8px}.page-heading h1{font-size:clamp(25px,3vw,32px);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:700}.page-heading p{color:var(--muted);font-size:13px;margin:9px 0 0}.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 5px 12px #7655f626}.btn-primary:hover{background:#6543ed}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-danger{background:#fff0f0;color:#c74343;border-color:#f8dede}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.menu-toggle{display:none}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:calc(21px * var(--density));box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card h2,.card h3{margin:0;font-size:14px;letter-spacing:-.02em}.card-subtitle{font-size:11px;color:var(--muted);margin:5px 0 0}.section-title{font-size:15px;font-weight:700;letter-spacing:-.025em;margin:0 0 15px}.welcome-card{background:linear-gradient(115deg,var(--surface) 0%,color-mix(in srgb,var(--accent-soft) 58%,var(--surface)) 100%);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;margin-bottom:17px;overflow:hidden;position:relative}.welcome-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;right:12%;top:-105px;box-shadow:0 0 0 24px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 50px color-mix(in srgb,var(--accent) 2%,transparent)}.welcome-card h1{font-size:28px;letter-spacing:-.05em;margin:0}.welcome-card p{font-size:12px;color:var(--muted);margin:8px 0 0}.date-chip{position:relative;z-index:1;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 13px;font-size:11px;color:var(--muted)}.date-chip strong{display:block;color:var(--text);font-size:12px}.quick-card{display:flex;align-items:center;gap:13px;min-height:96px;cursor:pointer;transition:transform .15s,border .15s}.quick-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.quick-icon{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:19px}.quick-card h3{font-size:12px}.quick-card p{margin:4px 0 0;font-size:10px;color:var(--muted)}.arrow{margin-left:auto;color:#b2b2c1}.home-lower{margin-top:24px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:32px 16px;color:var(--muted)}.empty-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);color:#9b9db0;font-size:20px;margin-bottom:12px}.empty-state strong{font-size:12px;color:var(--text);font-weight:600}.empty-state p{font-size:11px;max-width:270px;line-height:1.7;margin:6px 0 0}.status{font-size:10px;font-weight:600;padding:5px 8px;border-radius:7px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.status.offline{background:#f2f1f8;color:#7c7c91}.status.ready{background:#eaf8f1;color:#26845d}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:11px;color:var(--muted);font-weight:600}.input,.select,.textarea{width:100%;min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px;font-size:12px;outline:none}.textarea{min-height:150px;resize:vertical;line-height:1.65}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.search-row{display:flex;gap:10px;align-items:center;margin-bottom:16px}.search-row .input{max-width:350px}.list{display:grid;gap:9px}.list-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.list-row-main{flex:1;min-width:0}.list-row-main strong{display:block;font-size:12px;overflow-wrap:anywhere}.list-row-main small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.row-actions{display:flex;gap:6px;align-items:center}.small-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:6px 8px;border-radius:8px;font-size:10px}.small-btn:hover{color:var(--accent)}.tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:var(--surface-2);border-radius:12px;margin-bottom:17px}.tab{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:8px;font-size:11px;font-weight:600}.tab.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 7px #24204e0a}.note-editor{max-width:850px}.editor-title{font-size:24px!important;font-weight:700;letter-spacing:-.04em;border:0!important;padding:8px 0!important;background:transparent!important}.editor-body{min-height:48vh;border:0!important;padding:8px 0!important;background:transparent!important;font-size:14px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.file-drop{border:1px dashed #d7d4ed;border-radius:14px;padding:25px;text-align:center;background:var(--surface-2)}.file-drop strong{display:block;font-size:12px}.file-drop p{font-size:11px;color:var(--muted);margin:5px 0 13px}.file-list-icon{width:35px;height:35px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px}.settings-menu{align-self:start;display:grid;gap:4px;padding:9px}.settings-menu button{border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;color:var(--muted);font-size:11px}.settings-menu button.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:12px;display:block}.setting-row p{font-size:10px;color:var(--muted);margin:4px 0 0;max-width:440px}.setting-control{min-width:135px;max-width:190px}.switch{width:38px;height:22px;appearance:none;background:#d9d9e4;border-radius:99px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.switch:before{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch:checked{background:var(--accent)}.switch:checked:before{transform:translateX(16px)}.color-options{display:flex;gap:8px}.color-dot{width:25px;height:25px;border:2px solid var(--surface);outline:1px solid var(--border);border-radius:50%;padding:0}.color-dot.selected{outline:2px solid var(--text)}.chat-panel{display:flex;flex-direction:column;min-height:60vh}.chat-area{flex:1;display:grid;place-items:center}.chat-compose{display:flex;gap:8px;border:1px solid var(--border);background:var(--surface-2);border-radius:13px;padding:7px;margin-top:18px}.chat-compose textarea{border:0;background:transparent;resize:vertical;min-height:40px;max-height:120px;flex:1;padding:9px;outline:none;color:var(--text);font-size:12px}.chat-compose button{align-self:flex-end}.chat-message{padding:12px 14px;border-radius:12px;background:var(--surface-2);font-size:12px;margin:8px 0;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{margin-left:auto;background:var(--accent-soft);color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#17152a75;display:grid;place-items:center;padding:18px;z-index:50;backdrop-filter:blur(4px)}.modal{width:min(100%,500px);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 25px 90px #0002}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:0;font-size:17px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast-region{position:fixed;right:20px;bottom:20px;display:grid;gap:8px;z-index:80}.toast{background:var(--text);color:#fff;border-radius:10px;padding:11px 15px;box-shadow:var(--shadow);font-size:12px;animation:toast-in .2s ease-out}.toast.error{background:#a93242}.warning-box{padding:13px 14px;background:#fff8e8;border:1px solid #f4e7c7;border-radius:11px;color:#7d6226;font-size:11px;line-height:1.7}.info-box{padding:13px 14px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:11px;color:var(--text);font-size:11px;line-height:1.7}.stat-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px}.stat-line:last-child{border:0}.muted{color:var(--muted)}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.span-2{grid-column:1/-1}.mobile-nav{display:none}.overlay{display:none}
@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"]{--bg:#141520;--surface:#1d1f2c;--surface-2:#242636;--text:#f0f0fa;--muted:#a2a4b9;--border:#303244;--accent-soft:#30284e;--shadow:0 8px 30px #0002}html[data-theme="dark"] .welcome-card{background:linear-gradient(115deg,var(--surface),#27223c)}html[data-theme="dark"] .warning-box{background:#302a1c;border-color:#55472a;color:#f1d795}html[data-theme="dark"] .status.ready{background:#20392f;color:#8ce1b9}html[data-theme="dark"] .btn-danger{background:#3c252a;border-color:#5a3038;color:#ffb7bf}html[data-theme="dark"] .empty-icon{background:#292b3c}html[data-theme="dark"] .nav-link.active{background:var(--accent-soft)}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.view{padding:28px 24px 60px}.topbar{padding:0 24px}}
@media(max-width:760px){:root{--sidebar:250px}.sidebar{transform:translateX(-105%);box-shadow:15px 0 50px #0001}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:60px;padding:0 17px}.menu-toggle{display:grid}.breadcrumb{margin-right:auto;margin-left:12px}.local-badge{display:none}.view{padding:25px 16px 100px}.page-heading{align-items:flex-start;margin-bottom:21px}.page-heading h1{font-size:26px}.page-heading p{max-width:300px}.page-heading>.btn{padding:9px 10px;font-size:11px;white-space:nowrap}.welcome-card{padding:23px 19px;align-items:flex-start;flex-direction:column;gap:15px}.welcome-card h1{font-size:25px}.date-chip{padding:8px 11px}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-2{grid-template-columns:1fr;gap:12px}.quick-card{padding:13px;min-height:85px;gap:9px}.quick-icon{width:34px;height:34px;font-size:16px;border-radius:11px}.quick-card h3{font-size:11px}.quick-card p{font-size:9px}.arrow{display:none}.card{padding:17px}.settings-layout{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto}.settings-menu button{white-space:nowrap}.setting-row{gap:12px}.setting-control{min-width:110px}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;gap:2px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(18px);z-index:30}.mobile-nav .nav-link{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px 3px;min-width:0;flex:1;border-radius:9px;text-align:center;font-size:9px}.mobile-nav .nav-icon{font-size:17px;width:auto}.mobile-nav .nav-link:nth-child(n+6){display:none}.sidebar-bottom{margin-top:auto}.overlay.show{display:block;position:fixed;inset:0;background:#17152a55;z-index:15}.vehicle-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.editor-title{font-size:22px!important}.editor-body{min-height:42vh}.search-row{align-items:stretch}.search-row .input{max-width:none;flex:1;min-width:0}.toast-region{left:12px;right:12px;bottom:80px}.toast{text-align:center}}
@media(max-width:380px){.grid-4,.grid-3{grid-template-columns:1fr}.quick-card{min-height:72px}.page-heading{gap:8px}.page-heading>.btn{font-size:10px}.date-chip{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.profile-chip{display:flex;align-items:center;gap:10px}.profile-photo{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-weight:800}.money-value{font-size:25px;font-weight:750;letter-spacing:-.04em;margin:5px 0}.metric-label{font-size:11px;color:var(--muted)}.metric-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.auth-shell{max-width:460px;margin:7vh auto;padding:26px}.auth-brand{text-align:center;margin-bottom:25px}.auth-brand .brand-mark{margin:0 auto 12px}.auth-brand h1{font-size:22px;margin:0}.auth-brand p{font-size:12px;color:var(--muted)}.field-hint{font-size:10px;color:var(--muted);line-height:1.6}.connection-state{display:flex;align-items:center;gap:8px;font-size:11px}.connection-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#aaa}.connection-state.ok:before{background:#35b786}.connection-state.bad:before{background:#d74b5d}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:160px;padding:12px 0}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;font-size:9px;color:var(--muted)}.chart-bar{width:min(24px,65%);min-height:2px;border-radius:6px 6px 2px 2px;background:var(--accent)}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th,.data-table td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th{font-size:10px;color:var(--muted);font-weight:600}.amount-positive{color:#21835c}.amount-negative{color:#c44b5b}.integration-card{display:flex;flex-direction:column;gap:12px}.integration-card .btn{align-self:flex-start}.auth-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:15px}.auth-actions button{font-size:11px}.field-row{display:flex;gap:10px}.field-row>*{flex:1;min-width:0}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.money-value{font-size:22px}.profile-chip .profile-meta{display:none}.table-wrap{margin:0 -8px}.data-table th,.data-table td{padding:10px 7px}.auth-shell{margin:3vh auto;padding:16px}}


/* FRIDAY 1.1 — motion system, accessibility and mobile navigation refinements */
:root{--motion-fast:150ms;--motion-normal:240ms;--motion-slow:360ms}
@keyframes friday-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes friday-pop{0%{opacity:0;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}
@keyframes friday-toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes friday-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}}
.view > *{animation:friday-enter var(--motion-normal) cubic-bezier(.2,.7,.2,1) both}
.view .grid > .card,.view .grid > .quick-card,.view .list-row,.view .integration-card{animation:friday-enter var(--motion-normal) cubic-bezier(.2,.7,.2,1) both}
.view .grid > :nth-child(2),.view .list-row:nth-child(2){animation-delay:25ms}
.view .grid > :nth-child(3),.view .list-row:nth-child(3){animation-delay:50ms}
.view .grid > :nth-child(4),.view .list-row:nth-child(4){animation-delay:75ms}
.card,.btn,.icon-button,.nav-link,.tab,.small-btn,.quick-card,.input,.select,.textarea,.profile-photo{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease}
.card:hover{box-shadow:var(--shadow),0 8px 26px color-mix(in srgb,var(--accent) 5%,transparent)}
.btn:hover,.small-btn:hover,.icon-button:hover{transform:translateY(-1px)}
.btn:active,.small-btn:active,.icon-button:active{transform:translateY(0) scale(.98)}
.nav-link.active .nav-icon{animation:friday-pop 220ms ease both}
.brand-mark{transition:transform 220ms ease,box-shadow 220ms ease}
.brand:hover .brand-mark{transform:rotate(-5deg) scale(1.04);box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 25%,transparent)}
.modal-backdrop{animation:friday-pop 160ms ease both;backdrop-filter:blur(5px)}
.modal{animation:friday-enter 220ms cubic-bezier(.2,.7,.2,1) both}
.toast{animation:friday-toast-in 220ms cubic-bezier(.2,.7,.2,1) both}
.status.ready{animation:friday-pulse 2.8s ease-in-out infinite}
.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)}
.mobile-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav .nav-link{flex:0 0 auto;min-width:66px;max-width:100px}
.mobile-nav .nav-link:nth-child(n){display:flex}
.mobile-nav .nav-link span:last-child{white-space:nowrap}
@media(max-width:760px){.mobile-nav{justify-content:flex-start;padding-left:8px;padding-right:8px}.mobile-nav .nav-link{min-width:65px}.mobile-nav .nav-link span:last-child{font-size:9px}.view > *{animation-duration:200ms}.card:hover{box-shadow:var(--shadow)}}
@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-normal:0ms;--motion-slow:0ms}*,*:before,*:after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* FRIDAY 1.2 — dashboard inspirado na referência Vertix */
:root{--bg:#f3f1f5;--surface:#fff;--surface-2:#f7f6f9;--text:#24232d;--muted:#898792;--border:#eceaf0;--accent:#7655f6;--accent-2:#a99aff;--accent-soft:#f0edff;--shadow:0 7px 24px rgba(39,31,62,.035);--sidebar:76px;--radius:17px}
body{background:var(--bg)}.app-shell{background:var(--bg)}.sidebar{width:var(--sidebar);padding:24px 10px 14px;align-items:center;border:0;background:transparent}.brand{padding:0 0 28px;justify-content:center;gap:0}.brand .brand-mark{width:39px;height:39px;border-radius:50%;font-size:18px}.brand>span:last-child,.side-label,.sidebar-bottom>span:not(.status-pill){display:none}.nav-list{width:100%;gap:8px}.nav-link{justify-content:center;padding:11px 5px;border-radius:14px;min-height:43px;position:relative}.nav-link .nav-icon{font-size:18px}.nav-link>span:last-child{display:none}.nav-link.active{background:#24232b;color:#fff;box-shadow:0 5px 14px #25232b18}.nav-link.active .nav-icon{color:#fff}.sidebar-bottom{padding:15px 0 0;justify-content:center;border:0}.status-pill{display:none}.main-area{margin-left:var(--sidebar)}.topbar{height:78px;padding:0 28px;background:rgba(243,241,245,.92);border:0;gap:20px}.top-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.top-brand .brand-mark{width:32px;height:32px;border-radius:50%;font-size:16px}.top-brand b{font-size:13px;letter-spacing:.04em}.top-nav{display:flex;align-items:center;gap:3px;padding:5px;background:#fff;border:1px solid #efedf2;border-radius:30px}.top-nav-link{border:0;background:transparent;border-radius:24px;padding:10px 15px;color:#777580;font-size:11px;white-space:nowrap;transition:all .2s}.top-nav-link:hover{color:var(--text);background:#f6f5f8}.top-nav-link.active{background:#24232b;color:white;box-shadow:0 3px 9px #24232b18}.top-actions{gap:15px;margin-left:auto}.local-badge{display:none}.profile-chip{display:flex;align-items:center;gap:9px!important;border-radius:25px!important;padding:5px 10px!important;background:#fff!important;border:1px solid var(--border)!important}.profile-chip .profile-photo{width:31px;height:31px;border-radius:50%;font-size:12px}.profile-meta{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:10px}.profile-meta small{font-size:9px;color:var(--muted);font-weight:400}.profile-chevron{color:var(--muted);padding-left:5px}.view{max-width:1540px;padding:22px 28px 54px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0 23px;padding:0 1px}.dashboard-welcome h1{font-size:clamp(25px,2.8vw,35px);font-weight:600;letter-spacing:-.055em;margin:0;color:#25242c}.dashboard-welcome>div:first-child>p:last-child{font-size:12px;color:var(--muted);margin:7px 0 0}.dashboard-welcome .eyebrow{display:none}.date-chip{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-size:10px;color:var(--muted);text-align:right}.date-chip strong{display:block;font-size:11px;color:var(--text);text-transform:capitalize}.dashboard-top-grid{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(290px,1fr) minmax(300px,1.05fr);gap:15px;align-items:stretch}.balance-panel{padding:22px 21px 16px;display:flex;flex-direction:column}.balance-panel .card-head{align-items:flex-start;margin-bottom:18px}.balance-number{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.05em;margin:6px 0 0;font-weight:700}.balance-actions{display:flex;gap:8px;margin-bottom:20px}.balance-actions .btn{border-radius:22px;padding:10px 14px;font-size:10px}.balance-actions .btn-primary{background:#24232b;box-shadow:none}.wallet-strip{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#f8f7fa;border-radius:13px;padding:10px}.wallet-strip>div{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 7px;background:#fff;border:1px solid #f0eef3;border-radius:10px}.wallet-strip span,.wallet-strip small{font-size:9px;color:var(--muted)}.wallet-strip strong{font-size:17px;line-height:1.2}.metric-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-tile{padding:17px 16px;display:flex;flex-direction:column;justify-content:space-between;min-height:130px}.metric-tile-head{display:flex;align-items:center;justify-content:space-between;color:#777580;font-size:10px}.metric-tile-head span:last-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f3f1f5;font-size:13px}.metric-tile>strong{font-size:clamp(20px,2vw,27px);letter-spacing:-.05em;line-height:1.2;overflow-wrap:anywhere}.metric-tile>small{font-size:9px;color:var(--muted)}.tile-income{background:linear-gradient(145deg,#f18a78,#e9564b);color:#fff;border-color:transparent}.tile-income .metric-tile-head,.tile-income>small{color:#fff9}.tile-income .metric-tile-head span:last-child{background:#ffffff30;color:#fff}.tile-expense .metric-tile-head span:last-child{background:#f2f0f5}.income-panel{padding:21px 20px 14px;min-width:0}.income-panel .card-head{align-items:flex-start}.income-panel h2,.activity-panel h2,.shortcut-panel h2{font-size:14px}.finance-chart{height:178px;display:flex;gap:12px;padding:12px 4px 0}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#aaa7b2;padding-bottom:25px;white-space:nowrap}.finance-chart .chart-bars{flex:1;height:100%;padding:0;align-items:stretch;justify-content:center}.finance-chart .chart-column{height:100%;justify-content:flex-end;gap:7px}.chart-pair{height:148px;display:flex;align-items:flex-end;justify-content:center;gap:7px;width:100%}.chart-pair .chart-bar{display:block;width:min(26px,32%);border-radius:6px 6px 3px 3px;min-height:0;transition:height .5s cubic-bezier(.2,.8,.2,1)}.income-bar{background:#ec705e}.expense-bar{background:#292832}.chart-column small{font-size:9px;color:var(--muted)}.chart-legend{margin-top:10px;justify-content:flex-end}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:15px;margin-top:15px}.activity-panel,.shortcut-panel{padding:20px;min-width:0}.activity-tools{display:flex;align-items:center;gap:7px}.activity-tools .input{width:130px;padding:8px 10px;font-size:10px;border-radius:20px}.activity-tools .small-btn{border-radius:20px;padding:8px 11px}.activity-panel .data-table{font-size:10px}.activity-panel .data-table th{background:#f8f7fa;color:#777580;font-size:9px}.activity-panel .data-table th:first-child{border-radius:7px 0 0 7px}.activity-panel .data-table th:last-child{border-radius:0 7px 7px 0}.activity-panel .data-table td{padding:13px 9px}.shortcut-list{display:grid;gap:7px}.shortcut{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:1px solid transparent;background:transparent;padding:10px 8px;border-radius:12px;color:var(--text);transition:background .18s,transform .18s}.shortcut:hover{background:#f8f7fa;transform:translateX(2px)}.shortcut-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.shortcut-icon.purple{background:#f0edff;color:#7655f6}.shortcut-icon.coral{background:#fff0ec;color:#e56e5a}.shortcut-icon.blue{background:#eaf2ff;color:#477fe4}.shortcut-icon.dark{background:#efeff2;color:#42414b}.shortcut>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.shortcut b{font-size:11px}.shortcut small{font-size:9px;color:var(--muted)}.shortcut-arrow{margin-left:auto;color:#a6a3ae}.card{box-shadow:0 4px 20px rgba(37,31,51,.025);border-color:#eeecf1}.page-heading h1{font-weight:650}.btn-primary{background:#25242c}.btn-primary:hover{background:#393742}.metric-icon{background:#f1edff}.mobile-nav{background:rgba(255,255,255,.94)}
@media(max-width:1200px){.dashboard-top-grid{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}.income-panel{grid-column:1/-1}.income-panel .finance-chart{max-width:650px}.top-nav-link{padding:9px 10px}.topbar{padding:0 20px;gap:12px}}
@media(max-width:760px){:root{--sidebar:250px}.sidebar{width:250px;align-items:stretch;padding:22px 15px;background:var(--surface);border-right:1px solid var(--border)}.brand{justify-content:flex-start;gap:10px;padding:0 10px 27px}.brand>span:last-child,.side-label,.nav-link>span:last-child{display:block}.nav-link{justify-content:flex-start;padding:11px 12px}.nav-link.active{background:#24232b}.sidebar-bottom{justify-content:flex-start;border-top:1px solid var(--border);padding:15px 8px 0}.sidebar-bottom>span:not(.status-pill){display:block}.status-pill{display:inline-block}.main-area{margin-left:0}.topbar{height:65px;padding:0 14px;gap:10px}.top-brand{display:none}.top-nav{display:none}.profile-meta,.profile-chevron{display:none!important}.profile-chip{padding:4px!important}.view{padding:22px 14px 100px}.dashboard-welcome{align-items:flex-start;margin:2px 0 17px}.dashboard-welcome h1{font-size:26px}.dashboard-welcome>div:first-child>p:last-child{max-width:240px;font-size:11px}.date-chip{padding:8px 9px;font-size:9px}.dashboard-top-grid{grid-template-columns:1fr;gap:11px}.balance-panel{padding:18px}.metric-pair{gap:9px}.metric-tile{min-height:115px;padding:14px}.metric-tile>strong{font-size:22px}.income-panel{grid-column:auto;padding:17px}.dashboard-lower-grid{grid-template-columns:1fr;gap:11px;margin-top:11px}.activity-panel,.shortcut-panel{padding:16px}.activity-panel .card-head{align-items:flex-start;flex-direction:column}.activity-tools{width:100%}.activity-tools .input{flex:1;width:auto}.table-wrap{max-width:100%}.activity-panel .data-table th,.activity-panel .data-table td{padding:10px 7px}.wallet-strip{gap:6px;padding:7px}.wallet-strip>div{padding:7px 5px}.wallet-strip strong{font-size:15px}.mobile-nav{justify-content:flex-start}.top-actions{margin-left:auto}}
@media(max-width:400px){.dashboard-welcome{flex-direction:column}.date-chip{text-align:left}.metric-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-actions{flex-wrap:wrap}.wallet-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-panel .data-table{font-size:9px}}
html[data-theme="dark"]{--bg:#17161e;--surface:#22212b;--surface-2:#2b2935;--text:#f4f2f8;--muted:#aaa6b5;--border:#363440;--accent-soft:#332b4c;--shadow:0 7px 24px #0002}html[data-theme="dark"] .topbar{background:rgba(23,22,30,.92)}html[data-theme="dark"] .top-nav,html[data-theme="dark"] .profile-chip,html[data-theme="dark"] .date-chip{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] .top-nav-link.active,html[data-theme="dark"] .nav-link.active,html[data-theme="dark"] .balance-actions .btn-primary{background:#111015;color:#fff}html[data-theme="dark"] .dashboard-welcome h1{color:var(--text)}html[data-theme="dark"] .wallet-strip,html[data-theme="dark"] .wallet-strip>div,html[data-theme="dark"] .activity-panel .data-table th,html[data-theme="dark"] .shortcut:hover{background:var(--surface-2);border-color:var(--border)}html[data-theme="dark"] .metric-tile-head span:last-child{background:#3b3945}html[data-theme="dark"] .tile-income{background:linear-gradient(145deg,#bb5c52,#8e3937)}

/* FRIDAY 1.3 — refinamento visual, ícones SVG consistentes e motion acessível */
:root{--bg:#f4f5fb;--surface:#fff;--surface-2:#f8f8fc;--text:#242334;--muted:#77798d;--border:#e8e8f1;--accent:#7655f6;--accent-2:#a99aff;--accent-soft:#f0edff;--shadow:0 10px 34px rgba(39,35,76,.055);--radius:18px;--sidebar:228px;--motion-fast:160ms;--motion-base:240ms;--motion-slow:380ms}
html{scroll-behavior:smooth}body{background:var(--bg);letter-spacing:-.008em;-webkit-font-smoothing:antialiased}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}.ui-icon{display:block;flex:none;stroke:currentColor;transition:transform var(--motion-base) ease,color var(--motion-base) ease}.app-shell{background:var(--bg)}
.sidebar{padding:25px 14px 18px;background:var(--surface);border-color:var(--border);box-shadow:4px 0 22px rgba(38,34,70,.018);transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1),box-shadow var(--motion-base)}.brand{padding:0 10px 30px}.brand-mark{border-radius:14px;background:linear-gradient(145deg,#8b6bff,#6c4be7);box-shadow:0 6px 16px #7655f62b}.brand b{letter-spacing:.08em}.side-label{padding-left:12px;color:#a1a1b1;font-size:9px}.nav-list{gap:5px}.nav-link{min-height:43px;padding:10px 12px;gap:12px;border:1px solid transparent;border-radius:12px;font-size:12px;color:var(--muted);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),border-color var(--motion-fast)}.nav-link:hover{transform:translateX(2px);background:var(--surface-2)}.nav-link.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.nav-icon{display:grid;place-items:center;width:21px;height:21px;font-size:0}.nav-link.active .nav-icon{transform:scale(1.04)}.sidebar-bottom{border-color:var(--border)}.main-area{min-width:0}.topbar{height:74px;padding:0 clamp(18px,3vw,40px);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent)}.top-brand{gap:10px}.top-brand .brand-mark{box-shadow:0 4px 12px #7655f622}.top-nav{padding:4px;background:var(--surface);border-color:var(--border);box-shadow:0 3px 14px rgba(35,32,66,.025)}.top-nav-link{padding:9px 14px;font-size:11px;transition:background var(--motion-base),color var(--motion-base),transform var(--motion-base)}.top-nav-link:active{transform:scale(.97)}.top-nav-link.active{background:var(--text);color:white;box-shadow:0 3px 9px #24232b16}.profile-chip{gap:10px!important;max-width:min(280px,30vw);box-shadow:0 2px 10px rgba(35,32,66,.025);transition:border-color var(--motion-base),transform var(--motion-base)}.profile-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important}.profile-meta b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view{max-width:1510px;padding:30px clamp(18px,3vw,40px) 64px}.dashboard-welcome{margin:6px 0 24px;animation:friday-rise .48s both}.dashboard-welcome h1{font-size:clamp(26px,2.6vw,36px);font-weight:650;letter-spacing:-.055em}.dashboard-welcome>div:first-child>p:last-child{font-size:13px;line-height:1.6}.date-chip{min-width:130px;border-radius:13px;background:var(--surface);border-color:var(--border);padding:11px 14px;box-shadow:0 3px 12px rgba(35,32,66,.025)}.date-chip strong{font-size:11px}.dashboard-top-grid{gap:16px}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:border-color var(--motion-base),box-shadow var(--motion-base),transform var(--motion-base);animation:friday-rise .48s both}.dashboard-top-grid>.card:nth-child(1){animation-delay:40ms}.dashboard-top-grid>.metric-pair{animation:friday-rise .48s 90ms both}.dashboard-top-grid>.card:nth-child(3){animation-delay:140ms}.dashboard-lower-grid>.card:first-child{animation-delay:170ms}.dashboard-lower-grid>.card:last-child{animation-delay:220ms}.card h2,.card h3{font-weight:650}.balance-panel{padding:23px 22px 18px}.balance-panel .card-head{margin-bottom:20px}.metric-label{font-size:11px;color:var(--muted)}.balance-number{font-size:clamp(25px,2.2vw,33px);letter-spacing:-.055em}.card-subtitle{font-size:11px;line-height:1.55}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:0}.balance-actions{gap:9px;margin-bottom:21px}.balance-actions .btn{min-height:39px;border-radius:11px;font-size:11px;padding:10px 14px}.btn{min-height:38px;border-radius:11px;transition:transform var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 20%,transparent)}.btn-primary:hover{background:#6745ed;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 25%,transparent)}.btn-secondary{background:var(--surface);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.wallet-strip{gap:8px;padding:9px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px}.wallet-strip>div{gap:4px;padding:10px 9px;background:var(--surface);border:1px solid var(--border);border-radius:11px;transition:transform var(--motion-base),border-color var(--motion-base)}.wallet-strip>div:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.wallet-strip span,.wallet-strip small{font-size:10px}.wallet-strip strong{font-size:19px;letter-spacing:-.04em}.metric-pair{gap:12px}.metric-tile{min-height:132px;padding:17px 17px 16px;gap:12px;border-radius:16px}.metric-tile-head{font-size:11px}.metric-tile-icon{display:grid!important;place-items:center;width:30px!important;height:30px!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--muted)!important}.metric-tile>strong{font-size:clamp(21px,1.9vw,29px);font-weight:700;letter-spacing:-.055em}.metric-tile>small{font-size:10px}.tile-income{background:linear-gradient(145deg,#ed897b,#dc6258);border-color:transparent;color:#fff;box-shadow:0 9px 22px rgba(218,93,80,.14)}.tile-income .metric-tile-head,.tile-income>small{color:rgba(255,255,255,.86)}.tile-income .metric-tile-icon{background:#ffffff27!important;color:#fff!important}.tile-expense .metric-tile-icon{color:#d86b61!important}.income-panel{padding:22px 21px 17px}.income-panel .card-head{gap:15px}.income-panel h2,.activity-panel h2,.shortcut-panel h2{font-size:14px}.finance-chart{height:190px;padding-top:17px}.chart-y{font-size:10px;color:var(--muted)}.chart-pair{height:155px;gap:8px}.chart-pair .chart-bar{width:min(27px,34%);border-radius:7px 7px 3px 3px;transform-origin:bottom;animation:bar-grow .7s cubic-bezier(.2,.8,.2,1) both}.chart-pair .income-bar{background:#e97867}.chart-pair .expense-bar{background:#353441}.chart-column small{font-size:10px}.chart-legend{gap:13px;font-size:10px;color:var(--muted)}.dashboard-lower-grid{gap:16px;margin-top:16px}.activity-panel,.shortcut-panel{padding:21px}.activity-panel .card-head{margin-bottom:17px}.activity-tools .input{border-radius:11px;font-size:11px;padding:9px 11px}.activity-tools .small-btn{border-radius:11px;padding:9px 12px}.data-table{border-collapse:separate;border-spacing:0;font-size:11px}.data-table th{font-weight:650;color:var(--muted);background:var(--surface-2)}.data-table th:first-child{border-radius:9px 0 0 9px}.data-table th:last-child{border-radius:0 9px 9px 0}.data-table td{border-bottom:1px solid var(--border)}.shortcut-list{gap:5px}.shortcut{padding:11px 9px;border-radius:13px;gap:12px;transition:background var(--motion-base),transform var(--motion-base),border-color var(--motion-base)}.shortcut:hover{background:var(--surface-2);transform:translateX(3px)}.shortcut-icon{width:39px;height:39px;border-radius:12px;font-size:0;transition:transform var(--motion-base)}.shortcut:hover .shortcut-icon{transform:scale(1.05)}.shortcut-icon.purple{background:#f0edff;color:#7655f6}.shortcut-icon.coral{background:#fff0ed;color:#d96758}.shortcut-icon.blue{background:#edf3ff;color:#4b79d8}.shortcut-icon.dark{background:#f0f0f5;color:#555466}.shortcut b{font-size:12px}.shortcut small{font-size:10px}.shortcut-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--muted);transition:transform var(--motion-base),color var(--motion-base),background var(--motion-base)}.shortcut:hover .shortcut-arrow{transform:translate(2px,-2px);color:var(--accent);background:var(--accent-soft)}.empty-state{border:1px dashed var(--border);border-radius:15px;padding:28px 16px}.empty-icon{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:0;display:grid;place-items:center}.status{font-size:10px;border-radius:999px;padding:5px 9px}.status.offline{background:var(--surface-2);color:var(--muted)}.status.ready{background:#e9f8f0;color:#20794f}.icon-button{width:40px;height:40px;border-radius:12px;transition:transform var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}.icon-button:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));color:var(--accent)}.mobile-nav{border:1px solid var(--border);box-shadow:0 8px 30px rgba(28,24,54,.12);backdrop-filter:blur(18px)}
@keyframes friday-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{from{transform:scaleY(.08);opacity:.45}to{transform:scaleY(1);opacity:1}}
html[data-theme="dark"]{--bg:#17161e;--surface:#22212b;--surface-2:#2a2934;--text:#f4f2f8;--muted:#aaa6b7;--border:#393744;--accent-soft:#332b4c;--shadow:0 10px 30px rgba(0,0,0,.13)}html[data-theme="dark"] .topbar{background:rgba(23,22,30,.9);border-color:var(--border)}html[data-theme="dark"] .top-nav,html[data-theme="dark"] .profile-chip,html[data-theme="dark"] .date-chip{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] .top-nav-link.active,html[data-theme="dark"] .nav-link.active{background:var(--accent-soft);color:#c2b5ff;box-shadow:none}html[data-theme="dark"] .balance-actions .btn-primary{background:var(--accent);color:white}html[data-theme="dark"] .wallet-strip{background:#1d1c25;border-color:var(--border)}html[data-theme="dark"] .wallet-strip>div{background:var(--surface);border-color:var(--border)}html[data-theme="dark"] .metric-tile-icon{background:#353340!important;color:#c3bfce!important}html[data-theme="dark"] .tile-income{background:linear-gradient(145deg,#b85f56,#91413e);box-shadow:none}html[data-theme="dark"] .chart-pair .expense-bar{background:#c3bfd0}html[data-theme="dark"] .shortcut-icon.purple{background:#332b4c;color:#c3b5ff}html[data-theme="dark"] .shortcut-icon.coral{background:#412b2b;color:#ffb3a8}html[data-theme="dark"] .shortcut-icon.blue{background:#263247;color:#a8c5ff}html[data-theme="dark"] .shortcut-icon.dark{background:#34323f;color:#d1ccdf}html[data-theme="dark"] .shortcut:hover{background:var(--surface-2)}html[data-theme="dark"] .data-table th{background:var(--surface-2)}html[data-theme="dark"] .status.ready{background:#1d3a2e;color:#91e2b8}
@media(max-width:1200px){.dashboard-top-grid{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}.income-panel{grid-column:1/-1}.income-panel .finance-chart{max-width:680px}}
@media(max-width:760px){.sidebar{box-shadow:12px 0 40px rgba(25,20,50,.13)}.view{padding:22px 14px 108px}.dashboard-welcome{gap:13px}.dashboard-welcome h1{font-size:27px}.dashboard-top-grid{grid-template-columns:1fr;gap:12px}.metric-pair{gap:10px}.metric-tile{min-height:120px}.income-panel{grid-column:auto}.dashboard-lower-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.activity-panel,.shortcut-panel{padding:17px}.mobile-nav{justify-content:flex-start;gap:4px}.mobile-nav .nav-link{flex:0 0 auto;min-width:56px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:9px}.mobile-nav .nav-icon{width:22px;height:22px}.mobile-nav .nav-link>span:last-child{display:block}.mobile-nav .nav-link.active{background:var(--accent-soft);color:var(--accent)}.topbar{height:66px;padding:0 14px}.top-actions{gap:8px}.profile-chip{max-width:48vw}.profile-meta{display:none!important}}
@media(max-width:420px){.dashboard-welcome{align-items:flex-start}.dashboard-welcome h1{font-size:24px}.date-chip{min-width:auto;padding:8px 10px}.metric-tile{padding:13px;min-height:112px}.metric-tile>strong{font-size:21px}.wallet-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-strip>div{padding:8px 6px}.wallet-strip span,.wallet-strip small{font-size:9px}.wallet-strip strong{font-size:16px}.balance-actions{flex-wrap:wrap}.activity-tools{width:100%}.activity-tools .input{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* FRIDAY 1.4 — legibilidade, alinhamento e arquivos pessoais */
:root{--sidebar:212px}
.sidebar{padding-left:13px;padding-right:13px}
.main-area{margin-left:var(--sidebar)}
.view{width:100%;max-width:1450px;padding-left:clamp(24px,3.2vw,46px);padding-right:clamp(24px,3.2vw,46px)}
.topbar{padding-left:clamp(22px,3vw,42px);padding-right:clamp(22px,3vw,42px)}
.profile-meta b,.profile-meta small,.profile-chip,.topbar .profile-meta{color:var(--text)!important}
.profile-meta small{color:var(--muted)!important}
html[data-theme="dark"]{--bg:#17161f;--surface:#22212c;--surface-2:#2b2936;--text:#f5f3fb;--muted:#b6b2c5;--border:#403d4d;--accent-soft:#342b50;--shadow:0 12px 34px rgba(0,0,0,.18)}
html[data-theme="dark"] body,html[data-theme="dark"] #app{color:var(--text)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .card,html[data-theme="dark"] .modal,html[data-theme="dark"] .profile-chip,html[data-theme="dark"] .top-nav,html[data-theme="dark"] .date-chip{color:var(--text)}
html[data-theme="dark"] .sidebar{background:#1d1c26;border-right-color:var(--border)}
html[data-theme="dark"] .side-label,html[data-theme="dark"] .muted,html[data-theme="dark"] .field-hint,html[data-theme="dark"] .card-subtitle,html[data-theme="dark"] .page-heading p{color:var(--muted)}
html[data-theme="dark"] .input,html[data-theme="dark"] .select,html[data-theme="dark"] .textarea,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#1d1c26;color:var(--text);border-color:var(--border);color-scheme:dark}
html[data-theme="dark"] .input::placeholder,html[data-theme="dark"] .textarea::placeholder{color:#9691a8}
html[data-theme="dark"] .small-btn,html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .tab,html[data-theme="dark"] .settings-menu button{background:var(--surface-2);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .status.offline{background:#34313f;color:#d0cbdc}
html[data-theme="dark"] .status.ready{background:#1f4034;color:#9be5c0}
html[data-theme="dark"] .top-nav-link.active{background:var(--accent-soft);color:#d2c6ff}
html[data-theme="dark"] .btn-danger{background:#472b32;color:#ffc1c8;border-color:#603740}
html[data-theme="dark"] .upload-dropzone{background:#1c1b25;border-color:#5b5276;color:var(--text)}
.document-hero{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:19px 21px}.document-hero-icon,.document-file-icon,.vehicle-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:var(--accent-soft);color:var(--accent)}.document-hero>div:nth-child(2){flex:1;min-width:0}.document-hero h2{margin:0;font-size:15px}.document-hero p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.document-grid,.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.document-card{padding:18px;min-width:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.document-card:hover,.vehicle-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 12px 30px rgba(20,15,50,.08)}.document-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.document-card h3{font-size:14px;overflow-wrap:anywhere}.document-meta{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 12px;overflow-wrap:anywhere}.document-related{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.document-actions{display:flex;align-items:center;gap:8px;padding-top:13px;margin-top:13px;border-top:1px solid var(--border)}.document-actions .btn-primary{margin-right:auto}.upload-dropzone{display:grid;justify-items:center;gap:8px;padding:20px 16px;margin-bottom:17px;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:15px;background:var(--surface-2);text-align:center}.upload-dropzone strong{font-size:13px}.upload-dropzone p{font-size:11px;color:var(--muted);margin:0 0 4px;line-height:1.6}.upload-dropzone .input{max-width:100%;font-size:11px}.vehicle-info{display:flex;align-items:center;gap:9px;margin-bottom:17px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-card{padding:18px;min-width:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.vehicle-card-head{display:flex;align-items:center;gap:12px}.vehicle-icon{background:var(--surface-2)}.vehicle-card-title{flex:1;min-width:0}.vehicle-card-title h3{font-size:14px;overflow-wrap:anywhere}.vehicle-card-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.vehicle-details{display:flex;gap:20px;flex-wrap:wrap;padding:14px 0;margin-top:13px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.vehicle-details span{display:grid;gap:3px}.vehicle-details small{font-size:10px;color:var(--muted)}.vehicle-details b{font-size:11px;color:var(--text)}.vehicle-docs-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px}.vehicle-docs-head strong{display:flex;align-items:center;gap:7px;font-size:12px}.vehicle-doc-list{display:grid;gap:7px;margin-top:10px}.vehicle-doc-row{display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:var(--surface-2);min-width:0}.vehicle-doc-icon{color:var(--accent)}.vehicle-doc-name{display:grid;gap:2px;flex:1;min-width:0}.vehicle-doc-name b{font-size:11px;overflow-wrap:anywhere}.vehicle-doc-name small{font-size:10px;color:var(--muted)}.vehicle-no-docs{font-size:11px;margin:10px 0 0}.vehicle-card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:15px}.vehicle-card-actions .btn{font-size:11px}.vehicle-upload-inline{margin-top:15px}
@media(max-width:900px){.document-grid,.vehicle-grid{grid-template-columns:1fr}.view{padding-left:22px;padding-right:22px}.topbar{padding-left:20px;padding-right:20px}}
@media(max-width:760px){:root{--sidebar:280px}.sidebar{width:min(280px,86vw);transform:translateX(-105%)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.view{padding-left:15px;padding-right:15px}.document-hero{align-items:flex-start;flex-wrap:wrap}.document-hero .status{margin-left:64px}.document-actions{flex-wrap:wrap}.vehicle-card-actions .btn{flex:1}.topbar{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.document-card,.vehicle-card{transition:none}}

/* FRIDAY 1.5 — menu compacto com rótulos visíveis e microanimações */
:root{--sidebar:188px;--motion-fast:150ms;--motion-base:220ms;--motion-slow:360ms}
.sidebar{width:var(--sidebar);padding:20px 10px 14px;gap:0;overflow-y:auto;overflow-x:hidden;transition:width var(--motion-base) cubic-bezier(.2,.8,.2,1),transform var(--motion-base) cubic-bezier(.2,.8,.2,1),background var(--motion-base);}
.main-area{margin-left:var(--sidebar);transition:margin-left var(--motion-base) cubic-bezier(.2,.8,.2,1)}
.brand{gap:9px;padding:0 8px 22px;min-height:48px;flex-shrink:0}
.brand-mark{width:34px;height:34px;flex:0 0 34px;border-radius:11px;font-size:17px}
.brand b{font-size:13px;letter-spacing:.04em}.brand small{font-size:10px}
.side-label{padding:0 10px 8px;font-size:9px;letter-spacing:.14em}
.nav-list{gap:3px}
.nav-link{position:relative;min-height:39px;padding:8px 10px;gap:10px;border-radius:10px;font-size:11px;line-height:1.25;white-space:normal;}
.nav-link>span:last-child{display:block;flex:1;min-width:0;overflow-wrap:anywhere}
.nav-icon{width:19px;height:19px;flex:0 0 19px}
.nav-icon .ui-icon{width:17px;height:17px}
.nav-link.active{box-shadow:inset 3px 0 0 var(--accent);padding-left:9px}
.nav-link:hover{transform:translateX(2px)}
.nav-link:active{transform:scale(.985)}
.sidebar-bottom{gap:6px;padding:12px 5px 0;font-size:9px;flex-wrap:wrap}
.sidebar-bottom>span:nth-child(2){flex:1;min-width:0;line-height:1.35}
.status-pill{margin-left:13px;padding:2px 5px;font-size:9px}
.topbar{padding-left:clamp(16px,2.2vw,30px);padding-right:clamp(16px,2.2vw,30px)}
.view{padding-left:clamp(20px,2.5vw,34px);padding-right:clamp(20px,2.5vw,34px)}
/* Entrada suave do menu e dos itens, sem atrasos longos */
.sidebar .brand{animation:friday-menu-enter .38s both}
.sidebar .side-label{animation:friday-menu-enter .38s 35ms both}
.sidebar .nav-link{animation:friday-menu-enter .32s both}
.sidebar .nav-link:nth-child(1){animation-delay:45ms}.sidebar .nav-link:nth-child(2){animation-delay:65ms}.sidebar .nav-link:nth-child(3){animation-delay:85ms}.sidebar .nav-link:nth-child(4){animation-delay:105ms}.sidebar .nav-link:nth-child(5){animation-delay:125ms}.sidebar .nav-link:nth-child(6){animation-delay:145ms}.sidebar .nav-link:nth-child(7){animation-delay:165ms}.sidebar .nav-link:nth-child(8){animation-delay:185ms}.sidebar .nav-link:nth-child(9){animation-delay:205ms}
@keyframes friday-menu-enter{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes friday-soft-pulse{0%,100%{box-shadow:inset 3px 0 0 var(--accent)}50%{box-shadow:inset 3px 0 0 var(--accent),0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}}
.nav-link.active .nav-icon{animation:friday-icon-pop .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes friday-icon-pop{0%{transform:scale(.82)}65%{transform:scale(1.12)}100%{transform:scale(1)}}
.card,.document-card,.vehicle-card,.quick-card,.shortcut{will-change:transform}
.card:hover{border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}
.ui-icon{transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1),color var(--motion-base)}
button:hover>.nav-icon .ui-icon,button:hover>.ui-icon{transform:translateY(-1px)}
.btn-primary:hover,.icon-button:hover{filter:saturate(1.06)}
.toast{animation:friday-toast-in .24s cubic-bezier(.2,.8,.2,1) both}
@keyframes friday-toast-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-theme="dark"] .sidebar{background:#1c1b25;border-right-color:var(--border)}
html[data-theme="dark"] .nav-link{color:#b9b5c7}
html[data-theme="dark"] .nav-link:hover{background:#292733;color:#f5f3fb}
html[data-theme="dark"] .nav-link.active{background:#332b4c;color:#d2c6ff}
html[data-theme="dark"] .side-label{color:#a9a4b8}
@media(max-width:1000px){:root{--sidebar:176px}.sidebar{padding-left:8px;padding-right:8px}.nav-link{gap:8px;padding-left:8px;padding-right:8px}.nav-link.active{padding-left:7px}}
@media(max-width:760px){:root{--sidebar:280px}.sidebar{width:min(280px,84vw);padding:22px 13px 16px}.main-area{margin-left:0}.nav-link{min-height:43px;font-size:12px;padding:10px 12px;gap:11px}.nav-link.active{padding-left:11px}.sidebar-bottom{font-size:10px}.topbar{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){.sidebar .brand,.sidebar .side-label,.sidebar .nav-link,.nav-link.active .nav-icon,.toast{animation:none!important}.card,.document-card,.vehicle-card,.quick-card,.shortcut,.ui-icon,.sidebar,.main-area{will-change:auto;transition:none!important}}


/* FRIDAY 1.6 — submenu de documentos e hover harmonizado com os temas */
:root{--hover-bg:color-mix(in srgb,var(--accent) 8%,var(--surface));--hover-border:color-mix(in srgb,var(--accent) 24%,var(--border));--hover-text:var(--text);--hover-shadow:0 5px 16px color-mix(in srgb,var(--accent) 7%,transparent)}
button,a,.card,.document-card,.vehicle-card,.shortcut,.nav-link,.nav-sub-link,.top-nav-link,.small-btn,.tab,.settings-menu button{ -webkit-tap-highlight-color:transparent }
.nav-group{display:grid;gap:2px;min-width:0}
.nav-parent-row{display:flex;align-items:center;gap:2px;min-width:0}
.nav-parent-row>.nav-parent{flex:1;min-width:0}
.nav-submenu-toggle{display:grid;place-items:center;flex:0 0 25px;width:25px;height:30px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background-color var(--motion-base) ease,color var(--motion-base) ease,transform var(--motion-base) ease,border-color var(--motion-base) ease}
.nav-submenu-toggle:hover{background:var(--hover-bg);color:var(--accent);border-color:var(--hover-border)}
.nav-submenu-toggle.expanded svg{transform:rotate(180deg)}
.nav-submenu-toggle svg{transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1)}
.nav-submenu{display:grid;gap:2px;margin:1px 0 6px 21px;padding:4px 0 4px 10px;border-left:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));animation:friday-submenu-in .22s cubic-bezier(.2,.8,.2,1) both}
.nav-submenu[hidden]{display:none}
.nav-sub-link{display:flex;align-items:center;gap:8px;width:100%;min-height:31px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:10.5px;text-align:left;line-height:1.3;cursor:pointer;transition:background-color var(--motion-base) ease,color var(--motion-base) ease,border-color var(--motion-base) ease,transform var(--motion-base) ease}
.nav-sub-link:hover{background:var(--hover-bg);color:var(--hover-text);border-color:var(--hover-border);transform:translateX(2px)}
.nav-sub-link.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 18%,transparent);font-weight:650}
.nav-sub-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:color-mix(in srgb,var(--muted) 65%,transparent);transition:background-color var(--motion-base) ease,transform var(--motion-base) ease}
.nav-sub-link.active .nav-sub-dot,.nav-sub-link:hover .nav-sub-dot{background:var(--accent);transform:scale(1.15)}
@keyframes friday-submenu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/* Unifica hovers para não introduzir cores fora da paleta ativa. */
.nav-link:hover,.top-nav-link:hover,.small-btn:hover,.tab:hover,.settings-menu button:hover{background:var(--hover-bg);color:var(--hover-text);border-color:var(--hover-border)}
.card:hover,.document-card:hover,.vehicle-card:hover{border-color:var(--hover-border);box-shadow:var(--hover-shadow)}
.shortcut:hover{background:var(--hover-bg);color:var(--hover-text)}
.btn-secondary:hover,.icon-button:hover{background:var(--hover-bg);color:var(--accent);border-color:var(--hover-border);filter:none}
.btn-primary:hover{filter:brightness(1.045);box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 20%,transparent)}
html[data-theme="dark"]{--hover-bg:color-mix(in srgb,var(--accent) 17%,var(--surface-2));--hover-border:color-mix(in srgb,var(--accent) 38%,var(--border));--hover-text:var(--text);--hover-shadow:0 8px 22px rgba(0,0,0,.16)}
html[data-theme="dark"] .nav-link:hover,html[data-theme="dark"] .top-nav-link:hover,html[data-theme="dark"] .small-btn:hover,html[data-theme="dark"] .tab:hover,html[data-theme="dark"] .settings-menu button:hover{background:var(--hover-bg);color:var(--text);border-color:var(--hover-border)}
html[data-theme="dark"] .nav-sub-link{color:var(--muted)}html[data-theme="dark"] .nav-sub-link:hover{background:var(--hover-bg);color:var(--text)}html[data-theme="dark"] .nav-sub-link.active{background:var(--accent-soft);color:#d2c6ff}
html[data-theme="dark"] .btn-secondary:hover,html[data-theme="dark"] .icon-button:hover{background:var(--hover-bg);color:#d2c6ff;border-color:var(--hover-border)}
@media(max-width:1000px){.nav-submenu{margin-left:17px;padding-left:8px}.nav-sub-link{font-size:10px;padding-left:6px;padding-right:5px}}
@media(max-width:760px){.nav-submenu{margin-left:25px}.nav-sub-link{min-height:36px;font-size:12px}.nav-submenu-toggle{flex-basis:30px;width:30px;height:36px}}
@media(prefers-reduced-motion:reduce){.nav-submenu,.nav-sub-link,.nav-submenu-toggle,.nav-submenu-toggle svg{animation:none!important;transition:none!important}}
html[data-motion="off"] .nav-submenu,html[data-motion="off"] .nav-sub-link,html[data-motion="off"] .nav-submenu-toggle,html[data-motion="off"] .nav-submenu-toggle svg{animation:none!important;transition:none!important}


/* FRIDAY 1.7 — notificações legíveis, sem cores invertidas e coerentes com os temas */
:root{
  --toast-bg:#ffffff;
  --toast-text:#242238;
  --toast-border:#e7e3f4;
  --toast-shadow:0 14px 42px rgba(22,18,45,.16),0 3px 10px rgba(22,18,45,.08);
  --toast-success:#16845b;
  --toast-success-bg:#eaf8f1;
  --toast-error:#c53d4c;
  --toast-error-bg:#fff0f1;
}
.toast-region{
  position:fixed;right:24px;bottom:24px;left:auto;top:auto;
  display:grid;gap:10px;width:min(390px,calc(100vw - 32px));
  z-index:9999;pointer-events:none;
}
.toast{
  position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;
  align-items:center;gap:11px;width:100%;min-width:0;
  padding:13px 12px;border:1px solid var(--toast-border);border-radius:14px;
  background:var(--toast-bg);color:var(--toast-text);text-align:left;
  box-shadow:var(--toast-shadow);font-size:13px;font-weight:550;line-height:1.45;
  pointer-events:auto;overflow-wrap:anywhere;backdrop-filter:blur(16px);
  animation:friday-toast-enter .28s cubic-bezier(.2,.8,.2,1) both;
}
.toast-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;flex-shrink:0}
.toast-success .toast-symbol{background:var(--toast-success-bg);color:var(--toast-success)}
.toast-error .toast-symbol{background:var(--toast-error-bg);color:var(--toast-error)}
.toast-message{min-width:0;color:var(--toast-text)}
.toast-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#77758a;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.toast-close:hover{background:var(--hover-bg);color:var(--toast-text);transform:scale(1.04)}
.toast-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.toast-leaving{animation:friday-toast-exit .2s ease-in both}
@keyframes friday-toast-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes friday-toast-exit{to{opacity:0;transform:translateY(6px) scale(.985)}}
html[data-theme="dark"]{
  --toast-bg:#24222f;--toast-text:#f5f3fb;--toast-border:#3a3749;
  --toast-shadow:0 16px 42px rgba(0,0,0,.35),0 3px 10px rgba(0,0,0,.18);
  --toast-success:#65d6a5;--toast-success-bg:#203d35;
  --toast-error:#ff929c;--toast-error-bg:#47272e;
}
html[data-theme="dark"] .toast-message{color:#f5f3fb}
html[data-theme="dark"] .toast-close{color:#b8b3c8}
html[data-theme="dark"] .toast-close:hover{background:#383447;color:#fff}
@media(max-width:760px){
  .toast-region{left:12px;right:12px;bottom:82px;top:auto;width:auto}
  .toast{padding:12px;border-radius:13px;font-size:12px;grid-template-columns:32px minmax(0,1fr) 26px;gap:9px}
  .toast-symbol{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){.toast,.toast-leaving{animation:none!important}}
html[data-motion="off"] .toast,html[data-motion="off"] .toast-leaving{animation:none!important}

/* FRIDAY 1.8 — navegação móvel simplificada e acesso rápido a documentos */
.mobile-nav{display:none!important}
@media(max-width:760px){
  .view{padding-bottom:34px!important}
  .sidebar{z-index:45}
  .topbar{position:sticky;top:0;z-index:20}
  .dashboard-documents{margin-top:16px;padding:20px}
  .home-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}
.dashboard-documents{margin-top:17px;padding:21px;min-width:0;animation:friday-rise .45s .12s both}
.dashboard-documents .card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.dashboard-documents h2{font-size:14px;font-weight:650;margin:0}
.home-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-document-tile{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:4px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background var(--motion-base),border-color var(--motion-base),transform var(--motion-base),box-shadow var(--motion-base)}
.home-document-tile:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 36%,var(--border));transform:translateY(-2px);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 8%,transparent)}
.home-document-tile:active{transform:scale(.985)}
.home-document-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.home-document-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.home-document-label{min-width:0;font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.home-document-count{font-size:9px;color:var(--muted);line-height:1.35}
html[data-theme="dark"] .home-document-tile{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .home-document-tile:hover{background:var(--surface-2)}
@media(max-width:1100px){.home-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.dashboard-documents{padding:15px}.home-document-grid{gap:7px}.home-document-tile{padding:9px;grid-template-columns:31px minmax(0,1fr);column-gap:8px}.home-document-icon{width:31px;height:31px}.home-document-label{font-size:10px}}

/* FRIDAY 1.8.1 — cabeçalho de documentos compacto em telas móveis */
@media (max-width: 760px) {
  .document-hero {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 14px;
    margin-bottom: 14px;
  }
  .document-hero-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    grid-column: 1;
    grid-row: 1;
  }
  .document-hero > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
  }
  .document-hero h2 {
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: normal;
    word-break: normal;
  }
  .document-hero p {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.5;
    overflow-wrap: break-word;
  }
  .document-hero .status {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    margin: 0 !important;
    white-space: nowrap;
    font-size: 10px;
  }
}
@media (max-width: 380px) {
  .document-hero {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    padding: 12px;
  }
  .document-hero-icon {
    width: 36px;
    height: 36px;
  }
}


/* FRIDAY 1.9 — correção responsiva geral, especialmente cartões de contas financeiras */
.account-list-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;grid-template-areas:"icon details balance" "actions actions actions";align-items:center;column-gap:12px;row-gap:12px;min-width:0;}
.account-list-row>.file-list-icon{grid-area:icon;}
.account-list-row>.list-row-main{grid-area:details;min-width:0;width:100%;}
.account-list-row>.list-row-main strong{overflow-wrap:normal;word-break:normal;white-space:normal;line-height:1.4;}
.account-list-row>.list-row-main small{line-height:1.55;overflow-wrap:anywhere;word-break:normal;}
.account-meta{display:block;margin-top:4px;}
.account-list-row>.account-current-balance{grid-area:balance;white-space:nowrap;font-size:clamp(12px,2vw,15px);font-variant-numeric:tabular-nums;}
.account-row-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:7px;padding-top:10px;border-top:1px solid var(--border);min-width:0;}
.account-row-actions .small-btn{min-height:34px;padding:7px 10px;font-size:11px;white-space:normal;}
#new-account{flex-shrink:0;white-space:nowrap;}
#finance-content,.card,.list,.list-row{min-width:0;}
.list-row-main small{overflow-wrap:anywhere;word-break:normal;}
.data-table{min-width:580px;}
.table-wrap{max-width:100%;overscroll-behavior-x:contain;}
@media(max-width:760px){
 .view{padding:22px 14px 42px;}
 .page-heading{align-items:flex-start;gap:12px;margin-bottom:18px;}
 .page-heading h1{font-size:clamp(23px,6vw,29px);}
 .page-heading p{font-size:12px;line-height:1.55;}
 .card{padding:15px;border-radius:15px;}
 .card-head{align-items:flex-start;gap:10px;flex-wrap:wrap;}
 .card-head>div{min-width:0;flex:1 1 180px;}
 .card-head .btn{flex:0 0 auto;max-width:100%;}
 #finance-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px;gap:4px;}
 #finance-tabs::-webkit-scrollbar{display:none;}
 #finance-tabs .tab{flex:0 0 auto;white-space:nowrap;padding:9px 10px;}
 .account-list-row{grid-template-columns:32px minmax(0,1fr) auto;column-gap:9px;padding:12px;row-gap:10px;}
 .account-list-row>.file-list-icon{width:32px;height:32px;}
 .account-list-row>.list-row-main strong{font-size:12px;}
 .account-list-row>.list-row-main small{font-size:10px;}
 .account-list-row>.account-current-balance{font-size:12px;max-width:42vw;white-space:normal;text-align:right;overflow-wrap:anywhere;}
 .account-row-actions{gap:6px;padding-top:9px;}
 .account-row-actions .small-btn{flex:1 1 auto;min-width:0;}
 .search-row{align-items:stretch;flex-wrap:wrap;}
 .search-row .input{max-width:none;flex:1 1 100%;}
 .form-grid,.settings-layout{grid-template-columns:minmax(0,1fr);}
 .list-row:not(.account-list-row){flex-wrap:wrap;}
 .list-row:not(.account-list-row)>.list-row-main{flex:1 1 calc(100% - 52px);}
 .list-row:not(.account-list-row)>.row-actions{flex:1 1 100%;flex-wrap:wrap;}
 .row-actions .small-btn{min-height:32px;}
}
@media(max-width:390px){
 .view{padding-left:11px;padding-right:11px;}
 .card{padding:12px;}
 .account-list-row{grid-template-columns:29px minmax(0,1fr);grid-template-areas:"icon details" "balance balance" "actions actions";}
 .account-list-row>.account-current-balance{text-align:left;max-width:none;padding-left:38px;font-size:14px;}
 .account-row-actions .small-btn{flex:1 1 100%;}
 #new-account{padding:9px 10px;font-size:11px;}
 .page-heading h1{font-size:23px;}
}
@media(prefers-reduced-motion:reduce){.account-list-row,.account-row-actions,.account-list-row .small-btn{transition:none!important;animation:none!important}}