*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f7fb;background:#07090d}body{background:#07090d url('background.png') center/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#05070beF,#07090dcc 45%,#07090dE8),linear-gradient(#07090dbb,#07090deF);z-index:-1}.app{min-height:100vh;display:flex}.sidebar{width:235px;background:#05070beF;border-right:1px solid #ffffff12;color:#b9c1cf;padding:22px 13px;display:flex;flex-direction:column;gap:7px;position:fixed;inset:0 auto 0 0;backdrop-filter:blur(14px);z-index:10}.brand{padding:5px 13px 27px;color:#fff}.brand-mark{font-size:28px;font-weight:900;letter-spacing:-1.5px}.brand-mark:before{content:"";display:inline-block;width:70px;height:3px;background:#e50920;vertical-align:middle;margin-right:7px;border-radius:9px}.brand-mark span,.mobile-brand span{color:#e50920}.brand small{display:block;color:#667084;font-size:9px;letter-spacing:2px;margin-top:5px}.nav{border:0;background:transparent;color:#aab3c2;text-align:left;padding:13px 14px;border-radius:10px;font-size:14px;cursor:pointer;display:flex;gap:13px;align-items:center;transition:.18s}.nav span{width:21px;text-align:center}.nav.active,.nav:hover{background:linear-gradient(90deg,#a90517,#5d0710);color:#fff;box-shadow:0 8px 25px #e509201f}.sidebar-bottom{margin-top:auto;color:#667084;padding:14px}main{margin-left:235px;width:calc(100% - 235px);padding:24px 34px 50px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mobile-brand{display:none}.welcome h1{margin:0;font-size:28px}.welcome p{margin:4px 0;color:#7f899a}.top-actions{display:flex;gap:10px;align-items:center}.top-actions input{width:310px}.add-btn{background:#e50920;color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:850;cursor:pointer;box-shadow:0 8px 25px #e509202c}.hero{background:linear-gradient(110deg,#10090cE8,#14171fD9);border:1px solid #ffffff12;color:white;border-radius:17px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 50px #0008}.hero:after{content:"";position:absolute;inset:auto -70px -130px auto;width:300px;height:300px;border-radius:50%;background:#e5092016}.hero small{color:#8d98a9;font-weight:800;letter-spacing:2px}.hero h2{margin:5px 0;font-size:26px}.hero p{margin:0;color:#929cad}.hero-car{font-size:64px;z-index:1;filter:drop-shadow(0 8px 15px #000)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.stat{background:#0d1118E8;border:1px solid #ffffff0f;border-radius:13px;padding:16px;box-shadow:0 12px 35px #0007;min-height:102px}.stat-icon{float:left;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;margin-right:11px;background:#161c26}.stat-icon.red{color:#ff1b35}.stat-icon.blue{color:#2290ff}.stat-icon.green{color:#27d17c}.stat-icon.orange{color:#ff9d27}.stat small{color:#7f899a}.stat b{display:block;font-size:23px;margin-top:9px;color:#fff}.shortcut-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:0 0 17px}.shortcut{position:relative;text-align:left;border:1px solid #ffffff12;border-radius:13px;padding:17px 12px 16px 55px;background:#0d1118E8;color:#fff;cursor:pointer;box-shadow:0 8px 28px #0006;min-height:92px;transition:.18s}.shortcut:hover{transform:translateY(-3px);border-color:#e5092066}.shortcut i{position:absolute;left:13px;top:18px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-style:normal;background:#171d27}.shortcut b,.shortcut small{display:block}.shortcut b{font-size:14px}.shortcut small{color:#7d8798;margin-top:5px;font-size:11px}.shortcut>span{position:absolute;right:12px;top:33px;color:#727d8e;font-size:22px}.red-card{border-color:#e5092066;background:linear-gradient(135deg,#310b10,#10141b)}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lower{margin-top:14px}.panel{background:#0b0f15E8;border:1px solid #ffffff0d;border-radius:14px;padding:18px;box-shadow:0 12px 35px #0007}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-title h3{margin:0;font-size:15px}.text-btn{border:0;background:none;color:#e61a2d;font-weight:750;cursor:pointer}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff0b}.row:last-child{border:0}.muted{color:#778294;font-size:12px}.money{font-weight:800;white-space:nowrap}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-head h2{margin:0;font-size:25px}.page-head p{margin:4px 0;color:#7e899a}.filters{display:flex;gap:10px;margin-bottom:14px}.filters input,.filters select,.big-search,.top-actions input{border:1px solid #ffffff14;background:#0c1017;color:#f4f7fb;border-radius:10px;padding:12px;font:inherit;outline:none}.filters input,.big-search{flex:1}.filters select{width:190px}.cards-list{display:grid;gap:10px}.service-card{background:#0d1118E8;border:1px solid #ffffff0c;border-radius:13px;padding:16px;display:grid;grid-template-columns:125px 1fr auto auto;gap:14px;align-items:center}.service-card strong{font-size:17px;color:#fff}.service-card span{display:block;color:#7e899a;font-size:12px;margin-top:4px}.service-card button{border:1px solid #ffffff14;background:#151b24;color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.vehicle-grid,.customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.vehicle-card,.customer-card{background:#0d1118E8;border:1px solid #ffffff0d;border-radius:14px;padding:18px;box-shadow:0 10px 28px #0006}.vehicle-card{cursor:pointer}.vehicle-card:hover,.customer-card:hover{border-color:#e5092055;transform:translateY(-2px)}.vehicle-card .plate{background:#e8edf312;display:inline-block;padding:5px 9px;border-radius:5px;margin-bottom:10px;font-weight:900}.vehicle-card h3,.customer-card h3{margin:0}.vehicle-card p,.customer-card p{color:#7e899a;font-size:13px}.customer-card{cursor:pointer}.customer-head{display:flex;justify-content:space-between;gap:10px}.customer-count{color:#e50920;font-weight:800}.customer-meta{display:flex;flex-wrap:wrap;gap:8px;color:#8b95a6;font-size:.83rem;margin-top:10px}.tag{padding:5px 8px;border:1px solid #ffffff10;border-radius:99px;background:#121821}.calendar-list{display:grid;gap:10px}.calendar-item{background:#0d1118E8;border:1px solid #ffffff0d;border-radius:13px;padding:16px;display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center}.finance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.finance-cards>div{background:#0d1118E8;border:1px solid #ffffff0d;padding:20px;border-radius:14px}.finance-cards small{color:#7e899a;display:block}.finance-cards b{display:block;font-size:25px;margin-top:7px}.main-fin{border-bottom:3px solid #1dcc76!important}.finance-table-head{display:grid;grid-template-columns:1fr 130px 130px 150px 150px;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff18;color:#7f899a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.finance-table-head span:not(:first-child){text-align:right}.finance-row{display:grid;grid-template-columns:1fr 130px 130px 150px 150px;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff0b;color:#c8d0dc}.finance-row span:not(.finance-service),.finance-row b{text-align:right}.finance-service{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:15px;z-index:30;backdrop-filter:blur(5px)}.hidden{display:none}.modal-box{width:min(760px,100%);max-height:92vh;overflow:auto;background:#0d1118;border:1px solid #ffffff15;border-radius:17px;padding:22px;box-shadow:0 25px 80px #000}.detail-box{width:min(850px,100%)}.modal-title{display:flex;justify-content:space-between;align-items:flex-start}.modal-title h2{margin:0 0 5px}.modal-title p{margin:0;color:#7f899a}.modal-title button{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}label{display:block;color:#aab3c1;font-size:12px;font-weight:800;margin-bottom:11px}label small{font-weight:500;color:#697485}input,select,textarea{width:100%;margin-top:6px;border:1px solid #ffffff14;border-radius:9px;padding:10px;font:inherit;color:#fff;background:#080c12}textarea{min-height:72px;resize:vertical}.profit-box{background:#111a17;border:1px solid #1dcc7630;border-radius:9px;padding:12px;margin:5px 0 15px;color:#46dc91}.profit-box b{float:right}.actions{display:flex;justify-content:flex-end;gap:9px}.actions button{border:0;border-radius:9px;padding:11px 17px;font-weight:800;cursor:pointer}.cancel{background:#202630;color:#dce2eb}.save{background:#e50920;color:#fff}.plate-hint{display:block;font-style:normal;font-size:.78rem;margin-top:5px}.plate-found{color:#27d17c}.plate-new{color:#6f7c8e}.detail-section{margin-top:17px}.detail-section h3{font-size:14px;margin:0 0 9px}.vehicle-detail{border:1px solid #ffffff0e;border-radius:11px;padding:13px;margin-bottom:9px;background:#0a0e14}.vehicle-detail-head{display:flex;justify-content:space-between;gap:10px}.vehicle-detail-head strong{font-size:16px}.history{margin-top:9px;padding-top:9px;border-top:1px solid #ffffff0b}.history-item{display:flex;justify-content:space-between;padding:7px 0;color:#8d97a6;font-size:12px}.empty{padding:25px;text-align:center;color:#697486;border:1px dashed #ffffff15;border-radius:11px}.bottom-nav{display:none}@media(max-width:1050px){.shortcut-grid{grid-template-columns:repeat(3,1fr)}.top-actions input{width:230px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{display:none}main{margin:0;width:100%;padding:16px 14px 90px}.mobile-brand{display:block;font-size:20px}.welcome{display:none}.topbar{margin-bottom:17px}.top-actions input{display:none}.top-actions .add-btn span{display:none}.shortcut-grid{grid-template-columns:1fr 1fr}.two-panels{grid-template-columns:1fr}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:67px;padding-bottom:env(safe-area-inset-bottom);background:#070a0feF;border-top:1px solid #ffffff12;z-index:20;justify-content:space-around;backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:none;color:#7c8798;font-size:17px;flex:1;min-width:0;padding:5px 2px 3px}.bottom-nav button.active{color:#fff}.bottom-nav small{display:block;font-size:9px;margin-top:2px;white-space:nowrap}.service-card{grid-template-columns:1fr 1fr}.service-card button{grid-column:2}.calendar-item{grid-template-columns:75px 1fr}.calendar-item .money{display:none}}@media(max-width:560px){.hero{padding:19px}.hero-car{font-size:45px}.stats{gap:8px}.stat{padding:13px}.stat b{font-size:18px}.shortcut-grid{gap:8px}.shortcut{padding:14px 8px 13px 48px}.shortcut i{left:8px}.shortcut>span{display:none}.page-head h2{font-size:22px}.filters{flex-direction:column}.filters select{width:100%}.service-card{grid-template-columns:1fr}.service-card button{grid-column:auto}.form-grid{grid-template-columns:1fr}.finance-cards{grid-template-columns:1fr}.finance-table-head{grid-template-columns:1fr 90px 80px 105px 100px;gap:7px;font-size:9px}.finance-row{grid-template-columns:1fr 90px 80px 105px 100px;gap:7px}.finance-row b{display:block}.finance-row span:not(.finance-service),.finance-row b{text-align:right}}

.brand-badge{width:34px;height:34px;min-width:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:9px;font-weight:800;letter-spacing:-.3px;box-shadow:0 3px 10px rgba(0,0,0,.25);overflow:hidden}
.brand-badge.mercedes{font-size:18px;font-weight:400}
.brand-badge.audi{font-size:14px;letter-spacing:-4px;padding-right:3px}
.brand-badge.bmw,.brand-badge.vw{font-size:8px;border:2px solid #d7dce3}
.vehicle-title-row,.vehicle-brand{display:flex;align-items:center;gap:10px}
.vehicle-title-row strong{font-size:1.05rem}

.expense-panel{margin-bottom:14px}
.expense-add{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 15px}
.expense-add input{border:1px solid #ffffff14;background:#0c1017;color:#fff;border-radius:10px;padding:11px;font:inherit}
.expense-add input:first-child{flex:1;min-width:190px}
.expense-add input:nth-child(2){width:150px}
.expense-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ffffff0b}
.expense-item-main{display:flex;align-items:center;gap:10px}
.expense-item-name{font-weight:800}
.expense-item-value{font-weight:800;color:#ff6573}
.expense-delete{border:1px solid #ffffff14;background:#161b23;color:#9aa5b5;border-radius:8px;padding:7px 10px;cursor:pointer}
.service-expenses-box{grid-column:1/-1;background:#090d13;border:1px solid #ffffff10;border-radius:12px;padding:13px;margin-top:2px}
.section-mini-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:8px}
.section-mini-title small{color:#748093}
.service-expense-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #ffffff0a}
.service-expense-row label{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer}
.service-expense-row input[type=checkbox]{accent-color:#e50920;width:17px;height:17px}
.service-expense-amount{color:#ff6876;font-weight:800;white-space:nowrap}
.service-expenses-empty{color:#687386;font-size:12px;padding:6px 0}
.expense-total{display:flex;justify-content:flex-end;margin-top:8px;color:#fff;font-weight:800}

.service-expenses-box .section-mini-title small{display:block}

/* =========================
   B&BAuto — Mobile / Tablet
   ========================= */

html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;overflow-x:hidden;overscroll-behavior-x:none}
button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
input,select,textarea{font-size:16px}

/* Tablet landscape: keep sidebar but compact it */
@media (max-width:1100px) and (min-width:701px){
  .sidebar{width:190px;padding:18px 9px}
  .brand-mark{font-size:23px}
  main{margin-left:190px;width:calc(100% - 190px);padding:20px 22px 40px}
  .top-actions input{width:230px}
  .shortcut-grid{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .two-panels{grid-template-columns:1fr}
  .vehicle-grid,.customer-grid{grid-template-columns:repeat(2,1fr)}
}

/* Phone + portrait tablet */
@media (max-width:700px){
  body{
    background-position:center top;
    background-attachment:scroll;
  }
  body:before{
    background:linear-gradient(180deg,#05070bf2 0%,#07090df5 38%,#07090dfc 100%);
  }

  .app{display:block;min-height:100dvh}
  .sidebar{display:none}
  main{
    margin:0;
    width:100%;
    max-width:none;
    padding:calc(12px + env(safe-area-inset-top)) 12px calc(82px + env(safe-area-inset-bottom));
  }

  .topbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:11px;
    margin-bottom:13px;
  }
  .mobile-brand{
    display:block;
    font-size:21px;
    padding:2px 2px 0;
  }
  .welcome h1{font-size:21px;line-height:1.15}
  .welcome p{font-size:12px;margin-top:4px}
  .top-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
  }
  .top-actions input{width:100%;min-width:0}
  .top-actions .add-btn{white-space:nowrap;padding:12px 13px}
  .top-actions .add-btn span{display:none}

  .hero{
    padding:16px 17px;
    min-height:105px;
    border-radius:14px;
  }
  .hero h2{font-size:21px}
  .hero p{font-size:12px}
  .hero-car{font-size:42px}

  .stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:10px 0;
  }
  .stat{
    min-height:84px;
    padding:12px;
  }
  .stat-icon{width:30px;height:30px;margin-right:8px}
  .stat small{font-size:10px}
  .stat b{font-size:18px;margin-top:7px}

  .shortcut-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-bottom:11px;
  }
  .shortcut{
    min-height:83px;
    padding:13px 9px 12px 48px;
  }
  .shortcut i{left:9px;top:14px;width:31px;height:31px}
  .shortcut b{font-size:12px}
  .shortcut small{font-size:10px}
  .shortcut>span{right:8px;top:28px}

  .two-panels{grid-template-columns:1fr;gap:10px}
  .lower{margin-top:10px}
  .panel{padding:13px;border-radius:12px}
  .panel-title h3{font-size:13px}
  .row{padding:10px 0;font-size:12px}

  .page-head{
    align-items:flex-start;
    gap:10px;
    margin-bottom:12px;
  }
  .page-head h2{font-size:21px}
  .page-head p{font-size:11px}
  .page-head .add-btn{padding:10px 11px;font-size:12px}

  .filters{display:grid;grid-template-columns:1fr;gap:8px}
  .big-search,.filters input,.filters select{width:100%}

  .service-card{
    grid-template-columns:1fr;
    gap:8px;
    padding:13px;
  }
  .service-card button{width:100%;padding:10px}
  .vehicle-grid,.customer-grid{grid-template-columns:1fr;gap:9px}
  .vehicle-card,.customer-card{padding:14px}
  .calendar-item{grid-template-columns:1fr;gap:7px;padding:13px}
  .finance-cards{grid-template-columns:1fr 1fr;gap:8px}
  .finance-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:5px;
    padding:10px 0;
  }
  .finance-row span:nth-child(2){display:none}
  .finance-row span:nth-child(3){display:block}
  .finance-row b{text-align:right}

  /* Bottom navigation */
  .bottom-nav{
    display:flex !important;
    position:fixed;
    z-index:50;
    left:8px;right:8px;
    bottom:calc(7px + env(safe-area-inset-bottom));
    height:62px;
    padding:5px;
    border:1px solid #ffffff16;
    border-radius:17px;
    background:#070a10f2;
    backdrop-filter:blur(18px);
    box-shadow:0 10px 40px #000b;
  }
  .bottom-nav button{
    flex:1;
    min-width:0;
    border:0;
    background:transparent;
    color:#8c96a6;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font-size:18px;
  }
  .bottom-nav button small{font-size:9px}
  .bottom-nav button.active{
    color:#fff;
    background:#b20718;
  }

  /* Modal becomes a full-screen sheet on phones */
  .modal{
    align-items:flex-end;
    padding:0;
  }
  .modal-box{
    width:100%;
    max-width:none;
    max-height:94dvh;
    overflow:auto;
    border-radius:18px 18px 0 0;
    padding:16px;
    padding-bottom:calc(18px + env(safe-area-inset-bottom));
  }
  .modal-title{
    position:sticky;
    top:-16px;
    z-index:3;
    background:#0c1017;
    padding:4px 0 12px;
  }
  .form-grid{grid-template-columns:1fr}
  .form-grid label{min-width:0}
  .actions{
    position:sticky;
    bottom:0;
    background:#0c1017;
    padding-top:10px;
  }
  .actions button{min-height:46px}
  textarea{min-height:90px}

  .detail-box{max-height:94dvh}
  .vehicle-detail{padding:12px}
  .history-item{font-size:12px}

  /* Prevent wide tables/content from breaking viewport */
  .panel,.service-card,.vehicle-card,.customer-card,.calendar-item,.finance-cards,.finance-row{
    min-width:0;
    max-width:100%;
  }
}

/* Small phones */
@media (max-width:390px){
  main{padding-left:9px;padding-right:9px}
  .stats{grid-template-columns:1fr 1fr}
  .stat b{font-size:16px}
  .top-actions{grid-template-columns:1fr auto}
  .add-btn{padding-left:11px;padding-right:11px}
  .bottom-nav{left:5px;right:5px}
}

.bottom-nav{display:none}
@media(max-width:700px){.bottom-nav{display:flex !important}}

/* B&B Auto — estados de serviço */
.service-actions{display:flex;gap:8px;flex-wrap:wrap}
.danger-action{border-color:#7f1d1d!important;color:#fecaca!important}
.service-cancelled{opacity:.62}
.service-cancelled .tag,.service-cancelled span{color:#fca5a5}

/* B&B Auto — eliminação permanente */
.danger-delete{border-color:#991b1b!important;color:#fca5a5!important;background:rgba(127,29,29,.16)!important}

.quick-progress{font-weight:700;border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:8px;cursor:pointer;background:#2563a8;color:#fff}.quick-complete,.quick-paid{font-weight:700;border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:8px;cursor:pointer}.quick-complete{background:#1d6f42;color:#fff}.quick-paid{background:#9a7410;color:#fff}.service-actions{display:flex;flex-wrap:wrap;gap:6px}


/* Navegação interna: voltar / dashboard */
.view-nav{display:flex;gap:10px;align-items:center;margin:0 0 12px;flex-wrap:wrap}
.view-nav button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer;min-height:42px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.view-nav button:active{transform:scale(.98)}
.view-nav .home-btn{background:rgba(225,29,46,.16);border-color:rgba(225,29,46,.35)}
@media(max-width:700px){.view-nav{margin-bottom:10px}.view-nav button{flex:1;min-width:130px;padding:11px 12px;font-size:14px}}

/* B&BAuto - contraste do fundo */
body::before{
 content:"";
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.42);
 z-index:-1;
 pointer-events:none;
}

/* B&BAuto - botão Novo Cliente */
.client-add-btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:linear-gradient(135deg,#1f2937,#111827);
  color:#fff;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.client-add-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 8px 22px rgba(0,0,0,.30);
}
.client-add-btn:active{transform:translateY(0)}
.client-add-icon{
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.10);
  font-size:19px;line-height:1;
}
#newClientModal .modal-card{
  width:min(520px,calc(100vw - 28px));
}
#newClientModal small{
  opacity:.65;
  font-weight:400;
}

.danger-outline{
  border:1px solid rgba(239,68,68,.55);
  background:rgba(127,29,29,.22);
  color:#fecaca;
  border-radius:10px;
  padding:8px 11px;
  cursor:pointer;
  font-weight:700;
}
.danger-outline:hover{
  background:rgba(127,29,29,.38);
  border-color:rgba(239,68,68,.8);
}

.vehicle-history-card{width:min(680px,calc(100vw - 28px));max-height:88vh;overflow:auto}
.history-date-item{border-bottom:1px solid rgba(255,255,255,.09)}
.history-date-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 8px;background:transparent;border:0;color:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:left}
.history-detail{margin:0 8px 12px;padding:13px 14px;border-radius:10px;background:rgba(0,0,0,.22);line-height:1.65}
.vehicle-history-open{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}

.danger-outline{position:relative;z-index:5;pointer-events:auto}
.vehicle-history-open{position:relative;z-index:5;pointer-events:auto}

.vehicle-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.vehicle-actions button{position:relative;z-index:20;pointer-events:auto}
.edit-btn{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:inherit;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:700}.edit-btn:hover{background:rgba(255,255,255,.12)}

.parts-placeholder{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.parts-placeholder-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:30px;margin-bottom:14px}.parts-placeholder h3{margin:0 0 8px}.parts-placeholder p{margin:0;max-width:520px}

/* Agenda: filtro e organizar separados */
.agenda-tools{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 16px}
.agenda-filter-btn{border:1px solid #ffffff18;background:#111722;color:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}
.agenda-filter-btn:hover{background:#171e2b}
.agenda-organize-btn{border:1px solid #ffffff18;background:#111722;color:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;margin-left:auto}.agenda-organize-btn:hover{background:#171e2b}
.agenda-sort-menu{position:absolute;top:42px;right:0;z-index:30;min-width:180px;background:#0b1018;border:1px solid #ffffff18;border-radius:11px;padding:6px;box-shadow:0 12px 30px #0009}
.agenda-filter-menu{position:absolute;top:42px;left:0;z-index:30;min-width:235px;background:#0b1018;border:1px solid #ffffff18;border-radius:11px;padding:12px;box-shadow:0 12px 30px #0009}
.agenda-filter-statuses{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-bottom:11px;border-bottom:1px solid #ffffff12}.agenda-filter-statuses b{font-size:11px;color:#8f9aac;text-transform:uppercase;letter-spacing:.6px;text-align:left}.agenda-status-filter,.agenda-sort-btn{width:100%;border:0;background:transparent;color:#dbe1ea;text-align:left;padding:8px 9px;border-radius:7px;font:inherit;font-size:13px;cursor:pointer}.agenda-status-filter:hover,.agenda-sort-btn:hover{background:#171e2b}.agenda-status-filter.is-active,.agenda-sort-btn.is-active{background:#2a0d12;color:#fff;font-weight:750;border-left:3px solid #e50920;padding-left:6px}.agenda-sort-btn{width:100%;white-space:nowrap;padding:8px 9px;font-size:12px}

.customer-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px;position:relative}
.customer-tools .big-search{flex:1;margin:0}
.customer-organize-wrap{position:relative;margin-left:auto}
.customer-organize-wrap .agenda-sort-menu{right:0;left:auto;top:42px;z-index:30}
@media(max-width:560px){.customer-tools{align-items:stretch}.customer-organize-wrap .agenda-organize-btn{white-space:nowrap}.customer-tools .big-search{min-width:0}}


/* Detalhes do serviço */
.service-details-modal{width:min(600px,100%)}
.service-details-description{background:#080c12;border:1px solid #ffffff12;border-radius:11px;padding:16px;color:#e5e9ef;line-height:1.6;white-space:pre-wrap;min-height:90px}
.return-history-actions{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff12}.return-history{margin-top:10px;display:grid;gap:8px}.return-history.hidden{display:none}.return-history-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#080c12;border:1px solid #ffffff0e;border-radius:10px;padding:12px}.return-history-row>div{min-width:0}.return-history-row b,.return-history-row span,.return-history-row small{display:block}.return-history-row span{color:#778294;font-size:11px;margin-top:3px}.return-history-row small{color:#aeb7c5;font-size:12px;margin-top:5px}.return-history-row strong{white-space:nowrap;color:#ff6b7a}

/* Peças de Reposição — catálogo informativo */
.replacement-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:start}
.replacement-vehicles-panel,.replacement-detail-panel{min-width:0}
.replacement-search{margin:0 0 12px;width:100%;box-sizing:border-box}
.replacement-vehicle-list{display:flex;flex-direction:column;gap:7px;max-height:62vh;overflow:auto;padding-right:2px}
.replacement-vehicle-card{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 16px;gap:9px;align-items:center;text-align:left;background:#0d121b;border:1px solid #ffffff10;color:#e8edf5;border-radius:11px;padding:10px;cursor:pointer;font:inherit}
.replacement-vehicle-card:hover{background:#141b27;border-color:#ffffff1c}.replacement-vehicle-card.is-selected{background:#241015;border-color:#e50920}
.replacement-car-icon{width:34px;height:34px;border-radius:9px;background:#ffffff08;display:grid;place-items:center;font-size:18px}.replacement-car-info{min-width:0}.replacement-car-info b,.replacement-car-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replacement-car-info small{margin-top:3px;color:#8f9aac;font-size:11px}.replacement-count{font-size:10px;color:#8f9aac;white-space:nowrap}
.replacement-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.replacement-detail-head small{font-size:10px;color:#8f9aac;letter-spacing:.8px}.replacement-detail-head h3{margin:4px 0}.replacement-detail-head p{margin:0;color:#8f9aac}.replacement-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.replacement-note{margin:16px 0 12px;padding:10px 12px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff05;color:#aeb8c8;font-size:12px}.replacement-table-wrap{overflow:auto}.replacement-table{width:100%;border-collapse:collapse;min-width:680px}.replacement-table th,.replacement-table td{padding:11px 10px;border-bottom:1px solid #ffffff0d;text-align:left;font-size:12px}.replacement-table th{color:#8f9aac;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.replacement-table td:nth-child(3),.replacement-table td:nth-child(4),.replacement-table th:nth-child(3),.replacement-table th:nth-child(4){text-align:right}.replacement-table td:nth-child(5),.replacement-table th:nth-child(5){text-align:center}.table-actions{white-space:nowrap;text-align:right!important}.table-actions button{min-width:34px;padding:7px}.table-empty{text-align:center!important;color:#8f9aac;padding:30px!important}.parts-empty-detail{text-align:center;padding:60px 20px;color:#8f9aac}.parts-empty-detail>div{font-size:38px;margin-bottom:10px}.replacement-form-note{margin:4px 0 14px;padding:10px;border-radius:8px;background:#ffffff06;color:#9da8b9;font-size:12px}
@media(max-width:820px){.replacement-layout{grid-template-columns:1fr}.replacement-vehicle-list{max-height:none}.replacement-detail-head{flex-direction:column}.replacement-detail-actions{justify-content:flex-start}.replacement-table{min-width:650px}}

.replacement-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;color:#9da8b9;font-size:12px}.replacement-breadcrumb button{border:0;background:none;color:#e50920;padding:0;cursor:pointer;font:inherit}.replacement-hierarchy-panel{padding:14px}.replacement-level-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.replacement-level-head h3{margin:0}.replacement-level-head p{margin:4px 0 0}.replacement-hierarchy-list{display:flex;flex-direction:column;gap:8px}.replacement-hierarchy-card{display:flex;align-items:stretch;background:#0d121b;border:1px solid #ffffff10;border-radius:12px;overflow:hidden}.replacement-hierarchy-main{flex:1;min-width:0;border:0;background:transparent;color:#e8edf5;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;padding:12px;cursor:pointer;font:inherit}.replacement-hierarchy-main:hover{background:#141b27}.replacement-hierarchy-main span:nth-child(2){min-width:0}.replacement-hierarchy-main b,.replacement-hierarchy-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replacement-hierarchy-main small{margin-top:3px;color:#8f9aac;font-size:11px}.replacement-level-icon{width:34px;height:34px;border-radius:9px;background:#ffffff08;display:grid;place-items:center;font-size:18px}.replacement-card-actions{display:flex;align-items:center;gap:5px;padding:0 8px;border-left:1px solid #ffffff0b}.replacement-card-actions button{min-width:34px;padding:7px}.replacement-level-head>.add-btn{white-space:nowrap}
@media(max-width:600px){.replacement-level-head{align-items:flex-start;flex-direction:column}.replacement-level-head>.add-btn{width:100%}.replacement-hierarchy-main{grid-template-columns:36px minmax(0,1fr) 16px}.replacement-card-actions{padding:0 5px}.replacement-card-actions button{min-width:30px;padding:6px}}

/* Peças em Stock */
.stock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-2px 0 14px}.stock-stat{background:#0d1118E8;border:1px solid #ffffff0d;border-radius:13px;padding:15px}.stock-stat small{display:block;color:#7e899a;font-size:11px}.stock-stat b{display:block;font-size:21px;margin-top:6px}.stock-alert b{color:#ff9d27}.stock-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.stock-toolbar .big-search{margin:0}.stock-filter-wrap{position:relative}.stock-filter-menu{right:0;left:auto;top:42px;min-width:170px}.stock-list{display:grid;gap:9px}.stock-card{display:grid;grid-template-columns:minmax(230px,1.5fr) 100px 170px auto;gap:14px;align-items:center;background:#0d1118E8;border:1px solid #ffffff0d;border-radius:13px;padding:13px}.stock-card.is-low{border-color:#ff9d2744}.stock-card.is-zero{border-color:#e5092055}.stock-main{display:flex;align-items:center;gap:11px;min-width:0}.stock-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff08;font-size:18px;flex:none}.stock-info{min-width:0}.stock-info b,.stock-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-info small{margin-top:3px;color:#7e899a;font-size:11px}.stock-qty{text-align:center}.stock-qty strong{display:block;font-size:21px}.stock-qty small{font-size:10px;color:#8f9aac}.stock-prices span{display:flex;justify-content:space-between;gap:8px;color:#7e899a;font-size:11px}.stock-prices b{color:#e6ebf2}.stock-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.stock-actions button{border:1px solid #ffffff14;background:#151b24;color:#fff;border-radius:8px;padding:8px 9px;cursor:pointer;font-size:11px;font-weight:750}.stock-actions button:hover{background:#202735}.stock-actions .danger-outline{background:rgba(127,29,29,.22)}
@media(max-width:1050px){.stock-stats{grid-template-columns:repeat(2,1fr)}.stock-card{grid-template-columns:1fr 90px}.stock-prices{grid-column:1/2}.stock-actions{grid-column:2/3;grid-row:2;justify-content:flex-end}}
@media(max-width:560px){.stock-toolbar{align-items:stretch}.stock-toolbar .big-search{min-width:0}.stock-card{grid-template-columns:1fr}.stock-prices,.stock-actions{grid-column:auto;grid-row:auto}.stock-actions{justify-content:flex-start}.stock-stats{gap:8px}.stock-stat{padding:12px}.stock-stat b{font-size:17px}}

/* Confirmação de eliminação permanente */
.delete-choice-box{width:min(520px,100%);text-align:center}
.delete-choice-box .modal-title{justify-content:center}
.delete-choice-info{margin:18px 0 20px;padding:15px;border:1px solid #ffffff12;border-radius:12px;background:#10151d;color:#aeb7c5;line-height:1.5}
.delete-choice-info strong{color:#fff}
.delete-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.delete-choice-actions button{border:0;border-radius:10px;padding:13px 12px;font-weight:800;cursor:pointer}
.delete-cancel-finance{background:#e50920;color:#fff}
.delete-keep-finance{background:#1dcc76;color:#06120b}
.delete-choice-cancel{margin-top:10px;width:100%;background:#202630;color:#dce2eb;border:0;border-radius:10px;padding:11px;font-weight:700;cursor:pointer}
.finance-archived{opacity:.9}
.finance-archived .finance-service{color:#c7b27a}
@media(max-width:560px){.delete-choice-actions{grid-template-columns:1fr}}

.iva-row{display:flex;align-items:center;gap:10px;margin:8px 0 10px;color:#8b95a6;font-size:12px}.iva-toggle{border:1px solid #ffffff18;background:#151b24;color:#fff;border-radius:9px;padding:9px 13px;font-weight:800;cursor:pointer}.iva-toggle.active{background:#1d6f42;border-color:#36d98a;color:#fff}.profit-box .iva-line{margin-top:7px;padding-top:7px;border-top:1px solid #ffffff0b;color:#f0c36b}.profit-box .total-line{margin-top:9px;padding-top:9px;border-top:1px solid #1dcc7630;font-size:14px}

.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.payment-summary>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}.payment-summary span{display:block;font-size:12px;opacity:.7;margin-bottom:5px}.payment-summary b{font-size:18px}.payment-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.partial-payment-area{display:grid;gap:10px;padding:14px;border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:10px}.partial-payment-area label{display:grid;gap:6px}.finance-debt{display:block;font-size:11px;opacity:.75;margin-top:3px}.service-partial{border-left:3px solid #f0b429}@media(max-width:600px){.payment-summary{grid-template-columns:1fr}.payment-choice-actions{grid-template-columns:1fr}}

/* Faturação */
.invoice-modal-box{width:min(1500px,100%);max-height:94vh;overflow:hidden}.invoice-editor-title{margin-bottom:10px}.invoice-workspace{display:grid;grid-template-columns:minmax(360px,500px) minmax(520px,1fr);gap:14px;min-height:0;height:calc(94vh - 100px)}.invoice-editor-panel{overflow:auto;padding-right:6px}.invoice-preview-panel{overflow:auto;background:#090d13;border:1px solid #ffffff0d;border-radius:12px;padding:14px}.invoice-editor-section{background:#0d121b;border:1px solid #ffffff0d;border-radius:12px;padding:13px;margin-bottom:10px}.invoice-editor-section h3{margin:0 0 10px;font-size:13px}.invoice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.invoice-form-grid label{display:grid;gap:5px;font-size:11px;color:#9aa5b6}.invoice-form-grid input,.invoice-editor-section textarea,.invoice-item-editor input{width:100%;box-sizing:border-box;background:#080c12;border:1px solid #ffffff12;color:#fff;border-radius:8px;padding:9px;font:inherit}.invoice-editor-section textarea{resize:vertical}.invoice-items-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.add-btn.small{padding:8px 10px;font-size:11px}.invoice-item-editor{display:grid;grid-template-columns:100px minmax(130px,1.4fr) 100px 62px 82px 58px 32px;gap:5px;margin-bottom:6px}.invoice-item-editor button{border:0;border-radius:8px;background:#7f1d1d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:38px}.invoice-item-editor button:hover{background:#b91c1c}.invoice-remove-line{display:flex;align-items:center;justify-content:center}.invoice-editor-actions{display:flex;gap:8px;justify-content:flex-end;position:sticky;bottom:0;padding:10px 0;background:linear-gradient(transparent,#090d13 20%)}
.invoice-sheet{background:#fff;color:#15191d;max-width:210mm;margin:0 auto;min-height:297mm;padding:12mm;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.invoice-top{height:52mm;display:flex;justify-content:space-between;overflow:hidden}.invoice-brand{padding:5mm 0 0 3mm}.invoice-logo{font-size:43px;font-weight:950;line-height:.75;font-style:italic}.invoice-logo span{letter-spacing:-3px}.invoice-logo b{display:block;font-size:35px;letter-spacing:3px}.invoice-tag{margin-top:6mm;font-size:10px;letter-spacing:1.2px}.invoice-hero-car{width:52%;background:linear-gradient(135deg,#eee,#fff);display:flex;align-items:center;justify-content:center}.invoice-header-car{width:100%;height:100%;object-fit:cover}.invoice-car-silhouette{font-size:92px;filter:grayscale(1);opacity:.88}.invoice-redline{height:3px;background:#e50920}.invoice-title-row,.invoice-two-boxes,.invoice-bottom{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:6mm}.invoice-title-row h1{font-size:30px;margin:0 0 5mm;font-weight:950}.invoice-meta{display:grid;grid-template-columns:25mm 1fr;gap:2.5mm 5mm;font-size:11px}.invoice-box{border:1px solid #d8dce1;border-radius:3mm;overflow:hidden;padding:0 5mm 4mm;background:#fff}.invoice-box h3{background:#eceeef;margin:0 -5mm 4mm;padding:3mm 5mm;font-size:12px}.invoice-box>div:not(.invoice-notes){display:grid;grid-template-columns:36mm 1fr;gap:2mm;font-size:10px;margin-top:1.7mm}.invoice-notes{font-size:10px;line-height:1.5}.invoice-table{width:100%;border-collapse:collapse;margin-top:6mm;font-size:9.5px}.invoice-table th{background:#111;color:#fff;padding:3mm 2.5mm;text-align:left}.invoice-table td{border-bottom:1px solid #d9dce0;padding:2.5mm 2.5mm}.invoice-table td:nth-child(3),.invoice-table th:nth-child(3){text-align:center}.invoice-table td:nth-child(4),.invoice-table td:nth-child(6),.invoice-table th:nth-child(4),.invoice-table th:nth-child(6){text-align:right}.invoice-section-row td{background:#e50920;color:#fff;font-weight:900;padding:2.5mm}.invoice-empty-row{text-align:center}.invoice-payment{align-self:start}.invoice-totals{border:1px solid #d8dce1;border-radius:3mm;overflow:hidden}.invoice-totals>div{display:flex;justify-content:space-between;padding:3mm 5mm;font-size:11px}.invoice-grand{background:#e50920;color:#fff;font-size:14px!important;font-weight:900}.invoice-footer{display:flex;justify-content:space-between;align-items:end;margin-top:6mm;min-height:27mm}.invoice-footer b,.invoice-footer small{display:block}.invoice-footer small{font-size:9px;margin-top:2mm}.invoice-footer-car-img{width:58%;max-height:29mm;object-fit:contain;object-position:right bottom}.invoice-contact-line{border-top:1px solid #aaa;margin-top:4mm;padding-top:3mm;display:flex;justify-content:space-between;font-size:9px}
@media(max-width:1100px){.invoice-workspace{grid-template-columns:1fr}.invoice-preview-panel{min-height:800px}.invoice-modal-box{max-height:96vh}.invoice-editor-panel{max-height:48vh}}
@media(max-width:650px){.invoice-form-grid{grid-template-columns:1fr}.invoice-item-editor{grid-template-columns:1fr 1fr}.invoice-item-editor .inv-item-description,.invoice-item-editor .inv-item-section{grid-column:span 2}.invoice-preview-panel{padding:6px}.invoice-sheet{transform-origin:top left;min-width:760px}.invoice-editor-actions{flex-wrap:wrap}.invoice-editor-actions button{flex:1}}

.invoice-iva-control{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#9aa5b6;font-size:11px}.invoice-iva-control .iva-toggle{border:1px solid #ffffff18;background:#151b24;color:#fff;border-radius:9px;padding:9px 13px;font-weight:800;cursor:pointer}.invoice-iva-control .iva-toggle.active{background:#1d6f42;border-color:#36d98a;color:#fff}

/* Faturas / Orçamentos */
.invoice-archive-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:14px 0 18px;flex-wrap:wrap}
.invoice-archive-tools .big-search{flex:1;min-width:260px}
.invoice-archive-tabs{display:flex;gap:8px;background:#11151b;padding:5px;border-radius:12px}
.invoice-archive-tab{border:0;background:transparent;color:#aeb5bf;padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}
.invoice-archive-tab.is-active{background:#e50920;color:#fff}
.invoice-archive-list{display:grid;gap:10px}
.invoice-archive-card{display:flex;align-items:center;gap:14px;background:#11151b;border:1px solid #252b33;border-radius:14px;padding:14px 16px}
.invoice-archive-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.invoice-archive-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e50920;color:#fff;font-size:20px;flex:none}
.invoice-archive-main>div:last-child{display:grid;gap:3px;min-width:0}
.invoice-archive-main b{font-size:15px;color:#fff}
.invoice-archive-main small,.invoice-archive-total small{color:#8e98a5}
.invoice-archive-total{text-align:right;min-width:120px;display:grid;gap:3px}
.invoice-archive-total b{font-size:16px;color:#fff}
.invoice-open-btn{border:1px solid #3a424d;background:#1b2027;color:#fff;border-radius:9px;padding:9px 14px;font-weight:800;cursor:pointer}
.invoice-open-btn:hover{border-color:#e50920}
.invoice-empty-state{text-align:center;padding:42px 20px}
.invoice-empty-icon{font-size:38px;margin-bottom:8px}
.invoice-empty-state h3{margin:0 0 6px;color:#fff}.invoice-empty-state p{margin:0;color:#8e98a5}
@media(max-width:700px){.invoice-archive-card{align-items:flex-start;flex-wrap:wrap}.invoice-archive-total{margin-left:auto}.invoice-open-btn{width:100%}.invoice-archive-tabs{width:100%}.invoice-archive-tab{flex:1}}

/* ==================== iPhone / Mobile safety ==================== */
@media(max-width:900px){
  main{padding-bottom:calc(110px + env(safe-area-inset-bottom));}
  .bottom-nav{height:67px;padding-bottom:env(safe-area-inset-bottom);}
  .modal-box{max-height:calc(92vh - env(safe-area-inset-bottom));padding-bottom:calc(22px + env(safe-area-inset-bottom));}
  .actions{padding-bottom:calc(6px + env(safe-area-inset-bottom));}
}
@media(max-width:650px){
  .invoice-editor-actions{bottom:env(safe-area-inset-bottom);padding-bottom:calc(10px + env(safe-area-inset-bottom));}
}


/* Ações do arquivo de faturas */
.invoice-archive-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.invoice-delete-btn{border:1px solid rgba(229,9,32,.35);background:rgba(229,9,32,.08);color:#e50920;border-radius:10px;padding:10px 12px;cursor:pointer;font-size:16px;transition:.15s ease}
.invoice-delete-btn:hover{background:#e50920;color:#fff;transform:translateY(-1px)}
.invoice-delete-btn:active{transform:translateY(0)}
@media(max-width:760px){.invoice-archive-actions{width:100%;margin-left:0}.invoice-open-btn{flex:1}.invoice-delete-btn{min-width:46px}}

.invoice-quote-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.quote-icon{background:#2b4f9c}.invoice-archive-actions .invoice-open-btn{min-width:90px}

/* ==================== Definições B&B AUTO ==================== */
:root{--bb-accent:#e50920}
.settings-trigger{border:0;background:transparent;cursor:pointer;width:100%;text-align:left;font:inherit;color:#667084;padding:14px;border-radius:10px}
.settings-trigger:hover{background:#ffffff08;color:#fff}
.settings-modal-box{width:min(1100px,100%);max-height:94vh}
.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:18px}
.settings-tabs{display:grid;align-content:start;gap:6px}
.settings-tab{border:1px solid #ffffff0b;background:#10151d;color:#9ba5b5;border-radius:10px;padding:11px;text-align:left;font-weight:800;cursor:pointer}
.settings-tab:hover,.settings-tab.active{background:linear-gradient(90deg,color-mix(in srgb,var(--bb-accent) 28%,#10151d),#10151d);color:#fff;border-color:color-mix(in srgb,var(--bb-accent) 45%,transparent)}
.settings-content{min-width:0}
.settings-panel{display:none;background:#0a0e14;border:1px solid #ffffff0b;border-radius:13px;padding:18px}
.settings-panel.active{display:block}
.settings-panel h3{margin:0 0 5px;font-size:18px}.settings-help{margin:0 0 17px;color:#7d8797;font-size:12px}
.settings-subhead{font-size:12px;font-weight:900;color:#fff;margin:18px 0 10px;padding-bottom:7px;border-bottom:1px solid #ffffff0b}
.settings-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}
.settings-upload-row{display:grid;grid-template-columns:1fr 220px;gap:15px;align-items:center;margin-top:10px}
.settings-logo-preview{min-height:80px;border:1px dashed #ffffff18;border-radius:10px;display:grid;place-items:center;color:#6e798a;font-size:11px;overflow:hidden}
.settings-logo-preview img{max-width:100%;max-height:80px;object-fit:contain}
.settings-bg-preview{min-height:100px;border-radius:10px;border:1px solid #ffffff10;background:#080c12 center/cover no-repeat;display:flex;align-items:end;padding:10px;color:#fff;font-size:11px}
.settings-data-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-note{margin-top:15px;border:1px solid #ffffff0c;background:#111720;border-radius:10px;padding:12px;color:#8e99a8;font-size:12px;line-height:1.5}.settings-note.danger{border-color:#e5092030;color:#e8a3aa}.settings-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:15px;border-top:1px solid #ffffff0b}
.bb-light{color:#1b2027!important;background:#eef1f5!important}.bb-light:before{background:linear-gradient(90deg,#ffffffcc,#ffffffee 45%,#ffffffdd)!important}.bb-light .sidebar,.bb-light .topbar,.bb-light .panel,.bb-light .stat,.bb-light .shortcut,.bb-light .service-card,.bb-light .vehicle-card,.bb-light .customer-card,.bb-light .calendar-item,.bb-light .finance-cards>div,.bb-light .modal-box{background:#f8fafc!important;color:#1b2027;border-color:#d9dee6}.bb-light .welcome h1,.bb-light .page-head h2,.bb-light .panel-title h3,.bb-light .stat b,.bb-light .shortcut b,.bb-light .service-card strong,.bb-light .vehicle-card h3,.bb-light .customer-card h3{color:#1b2027}.bb-light input,.bb-light select,.bb-light textarea{background:#fff;color:#1b2027;border-color:#ccd3dd}.bb-light .nav{color:#5e6878}.bb-light .nav.active{color:#fff}.bb-light .settings-panel{background:#fff;color:#1b2027}.bb-light .settings-tab{background:#f0f3f7;color:#5e6878}.bb-light .settings-tab.active{color:#1b2027}
body.bb-no-bg{background-image:none!important}
.add-btn,.save,.quick-paid,.nav.active{--bb-local-accent:var(--bb-accent)}
.add-btn,.save{background:var(--bb-accent)!important}.nav.active{background:linear-gradient(90deg,color-mix(in srgb,var(--bb-accent) 72%,#000),color-mix(in srgb,var(--bb-accent) 38%,#000))!important}.text-btn,.muted strong{color:var(--bb-accent)}
@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow:auto}.settings-tab{white-space:nowrap}.settings-upload-row{grid-template-columns:1fr}.settings-choice-grid{grid-template-columns:1fr}}

/* ==================== Navegação responsiva iPhone + Tablet ==================== */
@media (max-width:1100px){
  .sidebar{display:none}
  .app{display:block;min-height:100dvh}
  main{margin:0;width:100%;max-width:none;padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .mobile-brand{display:block}
  .bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:67px;padding-bottom:env(safe-area-inset-bottom);background:#070a0feF;border-top:1px solid #ffffff12;z-index:50;justify-content:space-around;backdrop-filter:blur(14px)}
  .bottom-nav button{border:0;background:none;color:#7c8798;font-size:17px;flex:1;min-width:0;padding:5px 2px 3px;cursor:pointer}
  .bottom-nav button.active{color:#fff}
  .bottom-nav small{display:block;font-size:9px;margin-top:2px;white-space:nowrap}
  .mobile-more-menu{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:60;background:#0a0e14;border:1px solid #ffffff16;border-radius:16px;box-shadow:0 20px 60px #000b;padding:12px}
  .mobile-more-menu.hidden{display:none}
  .mobile-more-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 10px;border-bottom:1px solid #ffffff0b}
  .mobile-more-head button{border:0;background:#171d27;color:#fff;border-radius:8px;width:34px;height:34px;font-size:22px}
  .mobile-more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:10px}
  .mobile-more-grid button{border:1px solid #ffffff10;background:#111722;color:#e8edf5;border-radius:11px;padding:14px 8px;font:inherit;font-weight:800;cursor:pointer}
  .mobile-more-grid button span{display:block;font-size:11px;margin-top:6px}
}
@media (min-width:701px) and (max-width:1100px){
  .topbar{margin-bottom:18px}
  .top-actions input{display:block}
}

@media (max-width:1100px){ .modal{z-index:100;} .mobile-more-menu{z-index:90;} }

/* Atalhos adicionais no Início */
.shortcut-grid .shortcut[data-view="services"],
.shortcut-grid .shortcut[data-view="invoices"]{cursor:pointer}

/* Agenda calendário mensal */
.agenda-calendar-wrap{background:#0b1018;border:1px solid #ffffff10;border-radius:15px;overflow:hidden}
.agenda-month-nav{display:flex;align-items:center;gap:6px;margin-top:3px}.agenda-month-nav p{margin:0;min-width:145px;text-align:center;font-size:13px;font-weight:800;color:#cbd3df}.agenda-month-btn,.agenda-today-btn{border:1px solid #ffffff12;background:#111722;color:#fff;border-radius:8px;cursor:pointer;font:inherit;font-weight:800}.agenda-month-btn{width:32px;height:30px;font-size:22px;line-height:1}.agenda-today-btn{height:30px;padding:0 10px;font-size:11px;color:#cbd3df}.agenda-month-btn:hover,.agenda-today-btn:hover{background:#1a2230}.agenda-month-nav .agenda-today-btn{margin-left:2px}
.agenda-weekdays,.agenda-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.agenda-weekdays{background:#111722;border-bottom:1px solid #ffffff10}
.agenda-weekdays div{text-align:center;padding:10px 4px;color:#8d97a6;font-size:11px;font-weight:800;text-transform:uppercase}
.agenda-day{min-height:112px;border:0;border-right:1px solid #ffffff09;border-bottom:1px solid #ffffff09;background:#0b1018;color:#e8edf5;text-align:left;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font:inherit}
.agenda-day:hover{background:#111824}.agenda-day.empty-day{cursor:default;background:#080c12}
.agenda-day strong{font-size:14px}.agenda-day.is-today strong{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e50920;color:#fff}
.agenda-day.has-services{box-shadow:inset 0 2px 0 #e50920}.agenda-day-services{display:grid;gap:4px;min-width:0}
.agenda-day-service{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#151c27;border-radius:6px;padding:4px 5px;color:#cbd3df;font-size:10px}
.agenda-day-more{color:#e50920;font-size:10px;font-weight:800}.agenda-hint{color:#7d8797;font-size:12px;padding:10px 2px}
.agenda-day-modal-box{width:min(650px,100%)}.agenda-day-body{display:grid;gap:8px;max-height:65vh;overflow:auto}
.agenda-day-detail{width:100%;border:1px solid #ffffff0d;background:#0d121b;color:#fff;border-radius:11px;padding:12px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:10px;align-items:center;cursor:pointer;font:inherit}
.agenda-day-detail:hover{background:#151c27}.agenda-day-detail div{min-width:0}.agenda-day-detail b,.agenda-day-detail span,.agenda-day-detail small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agenda-day-detail span{color:#9da8b8;font-size:11px;margin-top:4px}.agenda-day-detail small{color:#d4d9e2;font-size:12px;margin-top:5px}
.agenda-day-detail em{font-style:normal;color:#e50920;font-size:10px;font-weight:800;white-space:nowrap}.agenda-day-detail>strong{font-size:22px;color:#758093}
@media(max-width:700px){.agenda-day{min-height:88px;padding:6px}.agenda-weekdays div{font-size:9px;padding:8px 2px}.agenda-day-service{font-size:9px;padding:3px 4px}.agenda-day-service:nth-child(n+3){display:none}.agenda-day strong{font-size:12px}}
@media(max-width:480px){.agenda-day{min-height:72px}.agenda-day-detail{grid-template-columns:minmax(0,1fr) auto 14px;padding:10px}}

/* ==================== Mobile/tablet FINAL ==================== */
@media (max-width:1100px), (pointer:coarse) and (max-width:1400px){
  .sidebar{display:none!important}
  .app{display:block;min-height:100dvh}
  main{margin:0!important;width:100%!important;max-width:none!important;padding:16px 14px calc(124px + env(safe-area-inset-bottom))!important}
  .mobile-brand{display:block;font-size:20px}
  .welcome{display:none}
  .topbar{margin-bottom:17px}
  .top-actions input{display:none}
  .top-actions .add-btn span{display:none}
  .bottom-nav{position:fixed!important;display:flex!important;left:0;right:0;bottom:0;height:67px;padding:0 4px env(safe-area-inset-bottom)!important;background:rgba(7,10,15,.97);border-top:1px solid #ffffff18;z-index:1000;justify-content:space-around;align-items:stretch;backdrop-filter:blur(14px);box-sizing:content-box}
  .bottom-nav button{border:0!important;background:none!important;color:#7c8798!important;font-size:18px!important;line-height:1;flex:1 1 0;min-width:0;max-width:170px;padding:7px 2px 5px!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
  .bottom-nav button.active{color:#fff!important}
  .bottom-nav button small{display:block;font-size:10px!important;line-height:1.1;margin:0!important;white-space:nowrap}
  .mobile-more-menu{position:fixed!important;left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:1100!important;background:#0a0e14;border:1px solid #ffffff18;border-radius:16px;box-shadow:0 20px 60px #000b;padding:12px;max-height:calc(100dvh - 105px);overflow:auto}
  .mobile-more-menu.hidden{display:none!important}
  .mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:10px}
  .mobile-more-grid button{min-height:58px}
  .page-head{gap:10px;flex-wrap:wrap}
  .page-head>.add-btn{margin-left:auto}
  .form-grid{grid-template-columns:1fr 1fr}
  .modal{z-index:1200!important;padding:10px!important}
  .modal-box{max-height:calc(94dvh - env(safe-area-inset-bottom));padding:16px}
  .actions{padding-bottom:calc(6px + env(safe-area-inset-bottom))}
  .invoice-editor-actions{bottom:env(safe-area-inset-bottom)}
  .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-panels{grid-template-columns:1fr}
}

@media (max-width:600px), (pointer:coarse) and (max-width:700px){
  main{padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(124px + env(safe-area-inset-bottom))!important}
  .shortcut-grid{gap:8px}
  .shortcut{padding:14px 8px 13px 48px}
  .shortcut i{left:8px}
  .shortcut>span{display:none}
  .page-head h2{font-size:22px}
  .filters{flex-direction:column}
  .filters select{width:100%}
  .service-card{grid-template-columns:1fr!important}
  .service-card button{grid-column:auto!important}
  .form-grid{grid-template-columns:1fr!important}
  .finance-cards{grid-template-columns:1fr}
  .customer-tools{display:flex;gap:8px;align-items:center}
  .customer-tools .big-search{min-width:0}
  .agenda-month-nav{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .agenda-month-nav p{min-width:120px;flex:1}
  .agenda-calendar-wrap{overflow:hidden}
  .agenda-weekdays div{padding:8px 2px;font-size:9px}
  .agenda-day{min-height:82px;padding:5px;gap:4px}
  .agenda-day strong{font-size:11px}
  .agenda-day.is-today strong{width:22px;height:22px}
  .agenda-day-service{font-size:8px;padding:3px 3px;border-radius:4px}
  .agenda-day-more{font-size:8px}
  .agenda-hint{font-size:11px}
  .agenda-day-detail{grid-template-columns:minmax(0,1fr) auto 14px;padding:10px;gap:7px}
  .top-actions .add-btn{padding:9px 11px}
}

@media (min-width:701px) and (max-width:1400px) and (pointer:coarse){
  main{padding-left:20px!important;padding-right:20px!important}
  .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .two-panels{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr 1fr}
  .bottom-nav button{font-size:19px!important}
  .bottom-nav button small{font-size:10px!important}
}


/* ==================== Compras ==================== */
.purchase-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:15px}
.purchase-action-card{border:1px solid #ffffff12;background:#0d1118E8;border-radius:15px;padding:20px;text-align:left;color:#fff;cursor:pointer;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;transition:.18s}
.purchase-action-card:hover{border-color:#e5092055;transform:translateY(-1px)}
.purchase-action-card>span{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:#151b24;display:flex;align-items:center;justify-content:center;font-size:22px}
.purchase-action-card b{font-size:16px}.purchase-action-card small{color:#7f899a;margin-top:3px}
.purchase-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.purchase-summary-grid>div{background:#0d1118E8;border:1px solid #ffffff0d;border-radius:13px;padding:16px}.purchase-summary-grid small{display:block;color:#7e899a}.purchase-summary-grid b{display:block;margin-top:6px;font-size:20px}
.purchase-list{display:grid;gap:0}.purchase-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff0b}.purchase-row:last-child{border-bottom:0}.purchase-row-main{display:flex;align-items:center;gap:11px;min-width:0}.purchase-icon{width:38px;height:38px;border-radius:10px;background:#151b24;display:flex;align-items:center;justify-content:center;flex:none}.purchase-row-main b{display:block}.purchase-row-main small{display:block;color:#788497;margin-top:3px}.purchase-row-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.purchase-row-side strong{white-space:nowrap}.purchase-status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.purchase-status.is-paid{background:#4b171d;color:#ff8994}.purchase-status.is-donation{background:#18261e;color:#5ee29a}.purchase-delete{border:1px solid #ffffff14;background:#161b23;color:#9aa5b5;border-radius:8px;padding:7px 10px;cursor:pointer}.purchase-type-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.purchase-type-actions button{border:1px solid #ffffff14;border-radius:13px;padding:18px;background:#11161e;color:#fff;cursor:pointer;text-align:left}.purchase-type-actions button:hover{border-color:#ffffff35}.purchase-type-actions span{display:block;font-size:25px;margin-bottom:7px}.purchase-type-actions b{display:block;font-size:16px}.purchase-type-actions small{display:block;color:#7f899a;margin-top:4px}.purchase-paid-btn{border-color:#e5092040!important}.purchase-donation-btn{border-color:#2ecc7140!important}.purchase-finance-row .finance-service strong{color:#ff6975}
@media(max-width:700px){.purchase-action-grid{grid-template-columns:1fr}.purchase-summary-grid{grid-template-columns:1fr 1fr}.purchase-row{align-items:flex-start}.purchase-row-side{flex-direction:column;align-items:flex-end}.purchase-type-actions{grid-template-columns:1fr}.purchase-action-card{padding:16px}.purchase-summary-grid>div{padding:13px}.purchase-summary-grid b{font-size:17px}}
@media(max-width:430px){.purchase-row{gap:8px}.purchase-row-main{max-width:55%}.purchase-row-side{gap:6px}.purchase-delete{padding:6px 8px;font-size:11px}}

/* Compras - tabelas separadas */
.purchase-tables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.purchase-table-panel{overflow:hidden}.purchase-table-wrap{overflow-x:auto}.purchase-table{width:100%;border-collapse:collapse;min-width:560px}.purchase-table th,.purchase-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;font-size:13px}.purchase-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8f9bad;background:rgba(255,255,255,.025)}.purchase-table td:nth-child(2){white-space:nowrap}.purchase-empty-cell{text-align:center!important;color:#8f9bad;padding:28px!important}.purchase-table .purchase-delete{margin:0}.add-btn.small{padding:9px 12px;font-size:12px}
@media(max-width:900px){.purchase-tables-grid{grid-template-columns:1fr}.purchase-table{min-width:520px}}

/* ==================== Mobile universal / touch devices final ==================== */
@media (pointer: coarse) and (min-width: 901px) and (max-width: 1600px){
  .app{display:block;min-height:100dvh}
  .sidebar{display:none!important}
  main{margin:0!important;width:100%!important;max-width:none!important;padding:16px 20px calc(124px + env(safe-area-inset-bottom))!important}
  .mobile-brand{display:block;font-size:20px}
  .welcome{display:none}
  .topbar{margin-bottom:17px}
  .top-actions input{display:none}
  .top-actions .add-btn span{display:none}
  .bottom-nav{position:fixed!important;display:flex!important;left:0;right:0;bottom:0;height:67px;padding:0 6px env(safe-area-inset-bottom)!important;background:rgba(7,10,15,.97);border-top:1px solid #ffffff18;z-index:1000;justify-content:space-around;align-items:stretch;backdrop-filter:blur(14px);box-sizing:content-box}
  .bottom-nav button{border:0!important;background:none!important;color:#7c8798!important;font-size:19px!important;line-height:1;flex:1 1 0;min-width:0;max-width:220px;padding:7px 4px 5px!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
  .bottom-nav button.active{color:#fff!important}
  .bottom-nav button small{display:block;font-size:10px!important;line-height:1.1;margin:0!important;white-space:nowrap}
  .mobile-more-menu{position:fixed!important;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:1100!important;background:#0a0e14;border:1px solid #ffffff18;border-radius:16px;box-shadow:0 20px 60px #000b;padding:12px;max-height:calc(100dvh - 105px);overflow:auto}
  .mobile-more-menu.hidden{display:none!important}
  .mobile-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:10px}
  .mobile-more-grid button{min-height:62px}
  .page-head{gap:10px;flex-wrap:wrap}
  .page-head>.add-btn{margin-left:auto}
  .form-grid{grid-template-columns:1fr 1fr}
  .modal{z-index:1200!important;padding:12px!important}
  .modal-box{max-height:calc(94dvh - env(safe-area-inset-bottom));padding:18px}
  .actions{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  .invoice-editor-actions{bottom:env(safe-area-inset-bottom)}
  .shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .two-panels{grid-template-columns:1fr 1fr}
  .purchase-tables-grid{grid-template-columns:1fr 1fr}
}

@media (pointer: coarse) and (max-width: 1200px){
  .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two-panels{grid-template-columns:1fr}
  .purchase-tables-grid{grid-template-columns:1fr}
  .purchase-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (pointer: coarse) and (max-width: 700px){
  main{padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(124px + env(safe-area-inset-bottom))!important}
  .mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.finance-card-editable{position:relative;padding-bottom:52px!important}.finance-edit-btn{position:absolute;right:12px;bottom:12px;border:1px solid #ffffff14;background:#151b24;color:#cbd3df;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.finance-edit-btn:hover,.finance-edit-btn.is-manual{border-color:#e50920;color:#fff;background:#4b0b12}.finance-edit-box{max-width:560px}.finance-edit-note{background:#111820;border:1px solid #ffffff10;border-radius:10px;padding:12px;color:#8e99aa;font-size:12px;margin:8px 0 15px}.bb-light .finance-edit-btn{background:#f0f3f7;color:#455064;border-color:#ccd3dd}.bb-light .finance-edit-note{background:#f3f6f9;color:#5d6878;border-color:#dce2e9}
@media(max-width:560px){.finance-card-editable{padding-bottom:50px!important}.finance-edit-btn{right:9px;bottom:9px;padding:6px 8px}.finance-edit-box{width:100%}}

.finance-inline-editing{padding-bottom:18px!important}.finance-inline-editing small{margin-bottom:8px}.finance-inline-form{margin-top:8px}.finance-inline-input{font-size:20px!important;font-weight:800!important;margin-top:0!important;padding:10px 11px!important;background:#080c12!important;border-color:#e50920!important}.finance-inline-actions{display:flex;gap:7px;margin-top:9px}.finance-inline-actions button{border:1px solid #ffffff14;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.finance-inline-cancel{background:#202630;color:#dce2eb}.finance-inline-save{background:#e50920;color:#fff;border-color:#e50920!important}.bb-light .finance-inline-input{background:#fff!important;color:#1e2733!important;border-color:#e50920!important}