/*
 * Tuygar Performance – Modernisierung V2
 * Rein visuelle Designschicht: vorhandene Abläufe und Berechtigungen bleiben bestehen.
 */
:root{
  --tp-bg:#080a0d;--tp-bg-soft:#0d1014;--tp-panel:#14181e;--tp-panel-2:#191e25;
  --tp-line:#2a313b;--tp-line-soft:#222831;--tp-text:#f5f7f9;--tp-muted:#8d98a5;
  --tp-red:#e21c25;--tp-red-bright:#ff3d46;--tp-green:#47c98a;
  --tp-radius-sm:8px;--tp-radius:12px;--tp-radius-lg:18px;
  --tp-shadow:0 18px 55px rgba(0,0,0,.32)
}
html{scroll-padding-top:82px}
body{background:var(--tp-bg);color:var(--tp-text);font-feature-settings:"kern";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.container{width:min(1380px,calc(100% - 48px))}
.site-header{height:72px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,10,13,.88);box-shadow:0 10px 35px rgba(0,0,0,.16);backdrop-filter:blur(20px) saturate(135%)}
.nav-wrap{height:72px}.brand{min-width:0;gap:11px}.brand-mark{position:relative;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(145deg,#f02932,#a80d15);box-shadow:0 10px 28px rgba(226,28,37,.2);font-size:.78rem;letter-spacing:.05em}.brand-mark:after{position:absolute;right:6px;bottom:6px;width:4px;height:4px;border-radius:50%;background:#fff;content:""}.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.12}.brand-copy strong{overflow:hidden;font-size:.79rem;letter-spacing:.075em;text-overflow:ellipsis;white-space:nowrap}.brand-copy small{margin-top:4px;color:#737e8b;font-size:.55rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.main-nav{gap:7px}.main-nav>a:not(.btn),.header-logout{padding:8px 10px;border-radius:7px;color:#aeb6c0;font-size:.74rem;font-weight:700;transition:.16s}.main-nav>a:not(.btn):hover,.header-logout:hover{background:rgba(255,255,255,.045);color:#fff}.main-nav .btn{min-height:38px;padding:8px 14px;border-radius:8px;font-size:.72rem}
.btn{border-radius:8px;background:linear-gradient(180deg,#ef252e,#cf141c);box-shadow:0 8px 22px rgba(202,20,28,.18);font-weight:800}.btn:hover{background:linear-gradient(180deg,#ff3c44,#df1a23);box-shadow:0 12px 28px rgba(202,20,28,.25)}.btn-secondary,.btn-dark{box-shadow:none}

/* Öffentliche Startseite */
.home-page{background:var(--tp-bg)}
.home-page .site-header{background:rgba(8,10,13,.82)}
.home-hero{min-height:720px;padding:92px 0 78px;background:radial-gradient(circle at 82% 20%,rgba(226,28,37,.2),transparent 28%),radial-gradient(circle at 12% 78%,rgba(53,66,82,.16),transparent 29%),linear-gradient(135deg,#080a0d 0%,#0b0e12 62%,#12090c 100%)}
.home-hero:before{background-size:64px 64px;opacity:.78}
.home-hero:after{position:absolute;top:0;right:0;width:44%;height:100%;border-left:1px solid rgba(255,255,255,.025);background:linear-gradient(90deg,transparent,rgba(255,255,255,.012));content:""}
.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(50px,7vw,105px)}
.home-status{padding:8px 12px;border-color:#333b46;background:rgba(18,22,28,.72);font-size:.62rem;letter-spacing:.11em}.home-status span{background:var(--tp-green);box-shadow:0 0 0 4px rgba(71,201,138,.12),0 0 18px rgba(71,201,138,.34)}
.home-hero h1{max-width:830px;margin:26px 0 24px;font-size:clamp(3.55rem,6.7vw,7rem);line-height:.88;letter-spacing:-.072em}.home-hero h1 em{background:linear-gradient(100deg,#ff4a52,#cf1119);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-hero-copy>p{max-width:660px;color:#a5afba;font-size:1rem;line-height:1.78}
.home-hero-actions{gap:13px;margin-top:32px}.home-primary-action{min-width:190px;min-height:48px}.home-text-link{min-height:48px;padding:0 10px;color:#cbd1d8;font-size:.73rem}
.home-confidence{max-width:680px;gap:0;margin-top:52px;border:0;border-top:1px solid #2b323c;border-bottom:1px solid #2b323c;border-radius:0;background:transparent}.home-confidence>span{position:relative;min-height:78px;padding:13px 18px;background:transparent}.home-confidence>span+span:before{position:absolute;top:16px;bottom:16px;left:0;width:1px;background:#2b323c;content:""}.home-confidence strong{font-size:.74rem}.home-confidence small{color:#717d89;font-size:.6rem}
.home-hero-visual{min-height:510px;border-color:#343c47;border-radius:20px;background:linear-gradient(145deg,rgba(29,34,42,.95),rgba(11,14,18,.98));box-shadow:0 38px 110px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.015) inset}.home-hero-visual:before{border-color:rgba(255,255,255,.028)}.home-hero-visual:after{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 28%);pointer-events:none;content:""}
.home-visual-top{position:relative;z-index:2;padding:18px 20px}.home-visual-top strong{display:flex;align-items:center;gap:7px;color:#dbe0e6}.home-visual-top strong i{width:6px;height:6px;border-radius:50%;background:var(--tp-green);box-shadow:0 0 0 4px rgba(71,201,138,.1)}
.home-car-stage{height:292px}.home-car{width:90%;stroke:#a4adb7;stroke-width:1.8}.home-car circle{stroke:var(--tp-red);stroke-width:3}.home-car-glow{background:rgba(226,28,37,.19);filter:blur(55px)}
.home-service-pulse{position:relative;z-index:2;margin:0 20px;border-color:#333b46;background:rgba(14,17,22,.86)}
.home-visual-steps{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 22px}.home-visual-steps>span{display:flex;align-items:center;gap:7px;min-width:0}.home-visual-steps b{display:grid;width:25px;height:25px;place-items:center;border:1px solid #353d47;border-radius:6px;color:#f0545a;font-family:Consolas,monospace;font-size:.54rem}.home-visual-steps small{color:#87919d;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.home-visual-steps>i{height:1px;flex:1;background:linear-gradient(90deg,#3d4652,#252b33)}
.home-service-strip{background:#0b0e12}.home-service-strip .container{min-height:68px;color:#7d8793}
.home-services{background:linear-gradient(180deg,#0b0e12,#090b0e)}.home-process-section{background:#0d1014}.home-about{background:#090b0e}.public-locations{background:#0c0f13}
.home-section-head{margin-bottom:42px}.home-section-head h2,.home-about-copy h2,.home-contact-card h2{font-size:clamp(2.25rem,4.2vw,4.1rem)}
.home-service-grid{gap:14px}.home-service-card{min-height:295px;padding:26px;border-color:#29313a;border-radius:14px;background:linear-gradient(145deg,#161b21,#101318);box-shadow:0 14px 40px rgba(0,0,0,.12)}.home-service-card:hover{transform:translateY(-5px);border-color:#535f6e;box-shadow:0 22px 55px rgba(0,0,0,.28)}.home-service-card:before{position:absolute;top:0;right:24px;left:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);content:""}.home-service-card h3{font-size:1.08rem}.home-service-card p{font-size:.76rem}
.home-process-grid{border-radius:14px}.home-process-grid article{min-height:190px;background:#14191f}.home-about-visual{border-radius:18px}.home-contact-card{border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.24)}
.public-locations .location-admin-card{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#171c22,#111419)}.public-locations .location-admin-card:before{position:absolute;top:0;right:0;left:0;height:2px;background:var(--location-color);content:""}

/* Öffentliche Unterseiten, Login und Formulare */
.public-shell:not(.home-page):not(.maintenance-mode-page) main{min-height:calc(100vh - 72px);background:radial-gradient(circle at 88% 5%,rgba(226,28,37,.075),transparent 25%),linear-gradient(180deg,#0a0d11,#080a0d)}
.public-shell .auth-shell{padding:76px 20px}.public-shell .form-card{border-color:#303844;border-radius:16px;background:linear-gradient(145deg,#161b21,#111419);box-shadow:0 26px 75px rgba(0,0,0,.35)}.public-shell .form-card h1{font-size:1.75rem;letter-spacing:-.035em}.public-shell .field label{color:#c4cbd3;font-size:.75rem}.public-shell .field input,.public-shell .field select,.public-shell .field textarea{min-height:44px;border-color:#303844;border-radius:8px;background:#0c0f13;color:#f3f5f7}.public-shell .field input:hover,.public-shell .field select:hover,.public-shell .field textarea:hover{border-color:#424d5a}.public-shell .field input:focus,.public-shell .field select:focus,.public-shell .field textarea:focus{border-color:#e34a51;box-shadow:0 0 0 3px rgba(227,74,81,.1)}
.public-shell .section>.container.split{align-items:start}.public-shell .section .panel{border-color:#2c343e;border-radius:12px;background:#13171c}.public-shell .section .form-card{width:100%}.public-shell .legal{padding-top:70px}.public-shell .legal h1{letter-spacing:-.04em}.public-shell .legal h2{font-size:1.2rem}.public-shell .legal p,.public-shell .legal li{color:#a6afb9}
.site-footer{padding:55px 0 22px;border-top-color:#242b33;background:#07090c}.footer-grid{gap:42px}.site-footer h4{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.site-footer p,.site-footer a{font-size:.75rem;line-height:1.75}.site-footer a:hover{color:#fff}.footer-bottom{border-top-color:#222831;color:#626d79}
:focus-visible{outline:2px solid #ff4d55;outline-offset:3px}

/* Betriebsportal und Administration */
.app-shell{
  --app-bg:#0b0e12;--app-sidebar:#0d1014;--app-surface:#15191f;--app-surface-2:#1a1f26;
  --app-surface-3:#222832;--app-border:#2b333d;--app-border-soft:#222831;--app-text:#f4f6f8;
  --app-muted:#8c97a4;--app-red:#e21c25;--app-red-hover:#f22c35;
  background:var(--app-bg);font-size:15px
}
.app-shell .site-header{height:66px;border-bottom-color:#252c35;background:rgba(9,12,16,.96);box-shadow:0 10px 32px rgba(0,0,0,.2);backdrop-filter:blur(18px)}
.app-shell .nav-wrap{height:66px;padding:0 20px}.app-shell .brand-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(145deg,#ef252e,#b50f17)}.app-shell .brand-copy strong{font-size:.76rem}.app-shell .brand-copy small{margin-top:4px;color:#6f7a87;font-size:.54rem;text-transform:uppercase;letter-spacing:.07em}
.app-shell .main-nav{gap:7px}.app-shell .header-user{min-height:43px;padding:5px 9px;border:1px solid transparent;border-radius:9px}.app-shell .header-user:hover{border-color:#2e3640;background:#151a20}.app-shell .header-avatar{border-radius:8px;background:linear-gradient(145deg,#2b323c,#1d2229)}.app-shell .header-logout{border-radius:7px}
.maintenance-admin-chip{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(231,174,65,.34);border-radius:999px;background:rgba(139,94,18,.13);color:#e9bd66!important;font-size:.64rem!important;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.maintenance-admin-chip i{width:7px;height:7px;border-radius:50%;background:#e7aa38;box-shadow:0 0 0 4px rgba(231,170,56,.1)}.maintenance-admin-chip:hover{border-color:rgba(245,190,82,.58);background:rgba(139,94,18,.22)!important;color:#ffd37b!important}
.app-shell .portal{grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 66px)}
.app-shell .sidebar{position:sticky;top:66px;height:calc(100vh - 66px);padding:0;overflow:hidden;border-right:1px solid #29313a;background:linear-gradient(180deg,#101419,#0c0f13)}
.workspace-sidebar-panel{display:flex;height:100%;flex-direction:column;padding:16px 13px 20px}.workspace-mobile-bar{display:none}
.app-shell .user-box{flex:0 0 auto;padding:11px;margin-bottom:14px;border-color:#2b333d;border-radius:10px;background:linear-gradient(145deg,#171c22,#13171c)}.app-shell .sidebar-avatar{width:37px;height:37px;border-radius:9px;background:#222832}.app-shell .sidebar-user strong{font-size:.76rem}.app-shell .sidebar-user small{font-size:.61rem}
.app-shell .quick-search{flex:0 0 auto;margin-bottom:11px}.app-shell .quick-search label{margin-bottom:6px;color:#66717e;font-size:.57rem}.app-shell .quick-search input{height:39px;border-color:#2a323c;background:#0a0d11}.app-shell .quick-search input:focus{border-color:#505c69;box-shadow:0 0 0 3px rgba(80,92,105,.1)}.app-shell .quick-search button{width:39px;background:#20262e}.app-shell .quick-search button:hover{background:#2a313a}
.app-shell .side-nav{display:grid;min-height:0;flex:1;align-content:start;gap:2px;overflow-y:auto;padding:0 3px 10px 0;scrollbar-color:#313944 transparent;scrollbar-width:thin}.app-shell .nav-section{margin:17px 9px 6px;color:#5c6774;font-size:.56rem;letter-spacing:.145em}.app-shell .side-nav a{position:relative;min-height:39px;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:#99a4b0;font-size:.71rem}.app-shell .side-nav a:hover{border-color:#29313b;background:#171c22;color:#fff}.app-shell .side-nav a.active{border-color:#343d48;background:linear-gradient(90deg,rgba(226,28,37,.14),#1a1f26 52%);box-shadow:0 8px 20px rgba(0,0,0,.14);color:#fff}.app-shell .side-nav a.active:before{top:8px;bottom:8px;left:-1px;width:3px;height:auto;border-radius:0 3px 3px 0;background:#f12d35}.app-shell .nav-icon{color:#707c89}.app-shell .side-nav a.active .nav-icon{color:#ff5960}
.app-shell .portal-main{position:relative;min-width:0;padding:25px 28px 46px;background:radial-gradient(circle at 96% 2%,rgba(226,28,37,.045),transparent 22%),var(--app-bg)}.app-shell .portal-main:before{position:fixed;z-index:0;inset:66px 0 0 258px;background-image:linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;content:""}.app-shell .portal-main>*{position:relative;z-index:1;width:100%;max-width:1600px}
.app-shell .portal-main>.portal-head,.app-shell .portal-main>*>.portal-head,.app-shell .portal-main>*>*>.portal-head,.app-shell .dashboard-toolbar{min-height:96px;margin-bottom:15px;padding:18px 20px;border-color:#303844;border-radius:13px;background:linear-gradient(115deg,#191e25,#14181e 75%);box-shadow:0 12px 36px rgba(0,0,0,.13)}.app-shell .portal-main>.portal-head:before,.app-shell .portal-main>*>.portal-head:before,.app-shell .portal-main>*>*>.portal-head:before,.app-shell .dashboard-toolbar:before{top:18px;bottom:18px;left:0;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#ff434b,#bc1018)}.app-shell .portal-head h1,.app-shell .dashboard-toolbar h1{font-size:1.45rem;letter-spacing:-.028em}.app-shell .eyebrow,.app-shell .page-kicker,.app-shell .section-label{color:#788391;font-size:.58rem;letter-spacing:.145em}
.app-shell .btn{min-height:38px;padding:8px 13px;border-radius:7px;background:linear-gradient(180deg,#ed252e,#cc131b);font-size:.71rem}.app-shell .btn:hover{background:linear-gradient(180deg,#ff3a43,#dd1821)}.app-shell .btn-secondary,.app-shell .btn-dark{border-color:#343d48;background:#1b2027;box-shadow:none}.app-shell .btn-secondary:hover,.app-shell .btn-dark:hover{border-color:#4a5664;background:#242a33}
.app-shell .panel,.app-shell .card,.app-shell .work-panel{border-color:#2b333d;border-radius:11px;background:linear-gradient(145deg,#161b21,#14181e);box-shadow:0 10px 30px rgba(0,0,0,.1)}.app-shell .panel{padding:18px;margin-bottom:15px}.app-shell .work-panel{overflow:hidden}.app-shell .work-panel>header{min-height:66px;padding:13px 16px;background:rgba(255,255,255,.012)}
.app-shell .metric-grid{gap:9px;margin-bottom:13px}.app-shell .metric-card{position:relative;min-height:78px;overflow:hidden;padding:12px 13px;border-color:#2c343e;border-radius:10px;background:linear-gradient(145deg,#171c22,#14181e);box-shadow:0 7px 22px rgba(0,0,0,.1)}.app-shell .metric-card:after{position:absolute;right:-28px;bottom:-48px;width:90px;height:90px;border:18px solid rgba(255,255,255,.015);border-radius:50%;content:""}.app-shell .metric-card:hover{transform:translateY(-2px);border-color:#46515f;background:#1a2027}.app-shell .metric-icon{border-color:#353e49;border-radius:9px;background:#20262e}.app-shell .metric-card strong{font-size:1.35rem;letter-spacing:-.035em}.app-shell .metric-card small{font-size:.64rem}.app-shell .metric-arrow{position:relative;z-index:1}
.app-shell .dashboard-layout{grid-template-columns:minmax(0,1fr) 310px;gap:13px}.app-shell .dashboard-primary,.app-shell .dashboard-side{gap:13px}.app-shell .dashboard-empty.compact{min-height:94px;padding:16px}.app-shell .dashboard-empty.compact>span{width:35px;height:35px}.app-shell .schedule-row,.app-shell .order-row{transition:.15s}.app-shell .schedule-row:hover,.app-shell .order-row:hover{background:#1a2027}.app-shell .quick-action-list{gap:0;background:#242b34}.app-shell .quick-action-list a{min-height:72px;padding:10px;background:#151a20}.app-shell .quick-action-list a:hover{background:#1d232b}.app-shell .quick-action-list a:last-child:nth-child(odd){grid-column:1/-1}.app-shell .focus-panel dl>div{min-height:43px}
.cashbook-panel{margin:15px 0}.cashbook-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#2b333d;border-bottom:1px solid #2b333d}.cashbook-summary article{display:flex;min-height:82px;justify-content:center;flex-direction:column;padding:13px 15px;background:#14191f}.cashbook-summary small{color:#808b98;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cashbook-summary strong{margin-top:7px;font-size:1rem}.cashbook-summary .cash-positive strong,.cash-amount-positive strong{color:#60d399}.cashbook-summary .cash-negative strong,.cash-amount-negative strong{color:#ff7d83}.cashbook-summary .cash-total{background:linear-gradient(145deg,rgba(226,28,37,.13),#171b21)}.cashbook-summary .cash-total strong{font-size:1.18rem;color:#fff}.cash-entry{margin:14px;border:1px solid #303844;border-radius:9px;background:#101419}.cash-entry summary{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;cursor:pointer}.cash-entry summary span{color:#7f8a97;font-size:.68rem}.cash-entry-form{display:grid;grid-template-columns:1.1fr .8fr .9fr .8fr 1.7fr 1fr auto;align-items:end;gap:9px;padding:0 14px 14px;border-top:1px solid #272f38}.cash-entry-form .field{margin-top:12px;margin-bottom:0}.cash-entry-form .btn{margin-bottom:1px;white-space:nowrap}.cashbook-table{margin:14px}.cash-type{display:inline-flex;padding:4px 7px;border:1px solid currentColor;border-radius:999px;font-size:.58rem;font-weight:800}.cash-type.positive{color:#55c98d;background:rgba(55,170,113,.08)}.cash-type.negative{color:#ef747a;background:rgba(226,28,37,.08)}.cash-auto{color:#77828e;font-size:.62rem}.cashbook-note{margin:0;padding:0 15px 15px;color:#727e8a;font-size:.67rem}
.app-shell .field label{color:#bcc4cd;font-size:.7rem}.app-shell .field input,.app-shell .field select,.app-shell .field textarea,.app-shell .inline-form input,.app-shell .inline-form select{min-height:41px;border-color:#303844;border-radius:7px;background:#0e1116;color:#eef1f4;font-size:.76rem}.app-shell .field input:hover,.app-shell .field select:hover,.app-shell .field textarea:hover{border-color:#3c4653}.app-shell .field input:focus,.app-shell .field select:focus,.app-shell .field textarea:focus{border-color:#e04a50;box-shadow:0 0 0 3px rgba(224,74,80,.09)}
.app-shell .search-panel{gap:9px;padding:11px;border-color:#2c343e;border-radius:10px;background:#14191f}.app-shell .search-panel input,.app-shell .search-panel select{min-height:40px;border-color:#303844;background:#0d1014}
.app-shell .table-wrap{border-color:#2d3540;border-radius:10px;background:#14191f;box-shadow:0 10px 30px rgba(0,0,0,.08)}.app-shell table{font-size:.73rem}.app-shell th{height:40px;padding:9px 11px;background:#1a1f26;color:#7e8996;font-size:.58rem;letter-spacing:.085em}.app-shell td{padding:10px 11px;border-color:#232a32}.app-shell tbody tr{transition:background .12s}.app-shell tbody tr:hover{background:#191f26}.app-shell .badge,.app-shell .status-pill{border-radius:99px;font-size:.6rem}
.app-shell .tabs,.app-shell .customer-file-tabs{gap:4px;padding:4px;border:1px solid #2c343e;border-radius:9px;background:#101419}.app-shell .tabs button,.app-shell .customer-file-tabs a{min-height:36px;border:0;border-radius:6px;background:transparent;color:#8f99a5}.app-shell .tabs button:hover,.app-shell .customer-file-tabs a:hover{background:#1c2229;color:#fff}.app-shell .tabs button.active,.app-shell .customer-file-tabs a.active{background:#252c35;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.app-shell .location-switcher{border-radius:11px!important;background:linear-gradient(110deg,#171c22,#13171c)!important}.app-shell .maintenance-box{border-color:#2d3540;border-radius:9px;background:#0f1318}.app-shell .pagination a{border-color:#303844;background:#151a20}.app-shell .pagination a.active,.app-shell .pagination a:hover{border-color:#e21c25;background:#e21c25}
.app-shell .create-dropdown[open]>.panel{border-color:#3a4450;border-radius:12px;background:#151a20;box-shadow:0 28px 90px rgba(0,0,0,.66)}

/* Tablet: kompakte, aufklappbare Bereichsnavigation statt langer Leiste. */
@media(max-width:1100px){
  .container{width:calc(100% - 32px)}
  .home-hero{min-height:auto}.home-hero-grid{grid-template-columns:1fr;gap:48px}.home-hero-copy{max-width:850px}.home-hero-visual{width:min(720px,100%)}
  .app-shell .portal{display:block;min-height:calc(100vh - 66px)}
  .app-shell .sidebar{position:sticky!important;z-index:35;top:66px!important;display:block!important;width:100%!important;height:52px!important;padding:0!important;overflow:visible!important;border-right:0;border-bottom:1px solid #2b333d;background:rgba(12,16,20,.98);box-shadow:0 10px 28px rgba(0,0,0,.2)}
  .workspace-mobile-bar{display:flex;height:51px;align-items:center;justify-content:space-between;padding:0 16px}
  .workspace-mobile-current{display:flex;min-width:0;align-items:center;gap:10px}.workspace-mobile-current>.nav-icon{color:#ff5b62}.workspace-mobile-current>span:last-child{display:flex;min-width:0;flex-direction:column;line-height:1.15}.workspace-mobile-current small{color:#67727f;font-size:.5rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.workspace-mobile-current strong{overflow:hidden;margin-top:3px;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
  .workspace-nav-toggle{display:grid;width:36px;height:36px;place-content:center;gap:4px;border:1px solid #303844;border-radius:8px;background:#171c22;cursor:pointer}.workspace-nav-toggle span{display:block;width:15px;height:1.5px;border-radius:2px;background:#c9d0d7;transition:.18s}.sidebar.is-open .workspace-nav-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.sidebar.is-open .workspace-nav-toggle span:nth-child(2){opacity:0}.sidebar.is-open .workspace-nav-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .app-shell .workspace-sidebar-panel{position:absolute;top:51px;right:0;left:0;display:none;height:auto;max-height:calc(100vh - 118px);padding:13px 16px 18px;overflow-y:auto;border-bottom:1px solid #303844;background:#0e1217;box-shadow:0 24px 55px rgba(0,0,0,.52)}.app-shell .sidebar.is-open .workspace-sidebar-panel{display:flex}
  .app-shell .sidebar .user-box{display:flex}.app-shell .sidebar .quick-search{display:block;width:100%;max-width:none;margin-bottom:10px}.app-shell .sidebar .quick-search label{display:block}
  .app-shell .sidebar .side-nav{display:grid;width:100%;overflow:visible}.app-shell .sidebar .side-nav .nav-section{display:block}.app-shell .sidebar .side-nav a{width:100%;min-height:40px;white-space:normal}.app-shell .sidebar .side-nav a.active:before{display:block}
  .app-shell .portal-main{padding:20px 18px 38px}.app-shell .portal-main:before{display:none}.app-shell .dashboard-layout{grid-template-columns:1fr}.app-shell .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cashbook-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.cash-entry-form{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-entry-form .btn{width:max-content}
}
@media(max-width:820px){
  .site-header,.nav-wrap{height:62px}.app-shell .site-header,.app-shell .nav-wrap{height:60px}.nav-toggle{border-radius:8px;background:#13171c}.brand-copy strong{max-width:270px}.brand-copy small{font-size:.49rem}
  .app-shell .sidebar{top:60px!important}.app-shell .workspace-sidebar-panel{max-height:calc(100vh - 112px)}
  .app-shell .portal-main{padding:15px 12px 32px}.app-shell .portal-main>.portal-head,.app-shell .portal-main>*>.portal-head,.app-shell .portal-main>*>*>.portal-head,.app-shell .dashboard-toolbar{min-height:0;padding:15px;border-radius:10px}.app-shell .portal-head h1,.app-shell .dashboard-toolbar h1{font-size:1.25rem}
  .app-shell .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .dashboard-side{grid-template-columns:1fr}
  .home-hero{padding:62px 0 56px}.home-hero:after{display:none}.home-hero h1{font-size:clamp(3rem,13vw,5.3rem)}.home-confidence{margin-top:38px}.home-section-head{gap:17px}.home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-shell .main-nav{border-color:#343d48;border-radius:12px;background:#12171d;box-shadow:0 26px 70px rgba(0,0,0,.64)}.public-shell .main-nav>a:not(.btn){min-height:42px;padding:10px 12px}.public-shell .main-nav .btn{width:100%}
}
@media(max-width:620px){
  .container{width:calc(100% - 24px)}.brand-copy strong{max-width:215px;font-size:.66rem}.brand-copy small{max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .home-hero{padding:44px 0 46px}.home-hero h1{margin-top:20px;font-size:clamp(2.75rem,14.2vw,4.4rem);line-height:.91}.home-hero-copy>p{font-size:.88rem}.home-hero-actions{align-items:stretch;flex-direction:column}.home-hero-actions .btn,.home-hero-actions .home-text-link{width:100%;justify-content:center}.home-confidence{grid-template-columns:1fr}.home-confidence>span{min-height:61px}.home-confidence>span+span:before{top:0;right:0;bottom:auto;width:auto;height:1px}.home-hero-visual{min-height:390px;border-radius:14px}.home-car-stage{height:215px}.home-service-pulse{margin-inline:12px}.home-visual-steps{padding:14px 12px}.home-visual-steps small{display:none}.home-service-grid{grid-template-columns:1fr}.home-service-card{min-height:245px}.home-section-head h2,.home-about-copy h2,.home-contact-card h2{font-size:2.15rem}.home-contact-card{padding:24px 18px}
  .workspace-mobile-bar{padding-inline:12px}.app-shell .workspace-sidebar-panel{padding-inline:12px}
  .app-shell .metric-grid{grid-template-columns:1fr}.app-shell .metric-card{min-height:82px}.app-shell .panel{padding:14px}.app-shell .work-panel>header{align-items:flex-start;min-height:60px}.app-shell .schedule-row,.app-shell .order-row{padding-inline:12px}
  .app-shell .search-panel{padding:9px}.app-shell .responsive-table-wrap{box-shadow:none}.app-shell table.responsive-table tbody tr{border-radius:10px;background:linear-gradient(145deg,#161b21,#13171c)}
  .maintenance-admin-chip span{display:none}.maintenance-admin-chip{width:34px;justify-content:center;padding:0}.cashbook-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cashbook-summary article{min-height:72px;padding:11px}.cash-entry summary{align-items:flex-start;flex-direction:column}.cash-entry-form{grid-template-columns:1fr}.cash-entry-form .btn{width:100%}.cashbook-table{margin:10px}.cashbook-note{padding-inline:11px}
}
@media(max-width:380px){.brand-copy strong,.brand-copy small{max-width:175px}.home-hero h1{font-size:2.65rem}.home-visual-top strong{font-size:.58rem}.home-service-pulse{padding:11px}.home-visual-steps b{width:23px;height:23px}}
