*{box-sizing:border-box}:root{--bg:#070b18;--panel:rgba(10,18,39,.72);--panel-border:rgba(118,153,220,.22);--text:#f5f7ff;--muted:#9aa8c6;--cyan:#19d5f3;--blue:#3d6dff;--purple:#c335ef}html,body{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 22% 20%,rgba(0,128,255,.14),transparent 32%),radial-gradient(circle at 78% 74%,rgba(92,55,255,.12),transparent 30%),linear-gradient(135deg,#060a14 0%,#080d1c 55%,#090d20 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.login-page{min-height:100vh;display:flex;flex-direction:column}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(130px);pointer-events:none;opacity:.12}.ambient-one{left:-180px;bottom:-170px;background:var(--purple)}.ambient-two{right:10%;top:-240px;background:#006eff}.login-header{width:min(1240px,calc(100% - 48px));margin:0 auto;min-height:145px;display:flex;align-items:center;justify-content:space-between}.brand-logo{width:500px;max-width:60vw;display:block}.core-badge{display:flex;align-items:center;gap:9px;color:#a9b7d4;font-size:12px;letter-spacing:.15em;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:999px;padding:10px 15px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2ce5bd;box-shadow:0 0 12px rgba(44,229,189,.8)}.login-layout{width:min(1240px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.8fr 1.25fr .8fr;align-items:center;gap:60px}.eyebrow{color:#8292b4;font-size:11px;font-weight:600;letter-spacing:.28em}.login-intro h1{margin:18px 0 20px;font-size:clamp(48px,5vw,76px);line-height:.96;letter-spacing:-.055em}.login-intro h1 span{background:linear-gradient(90deg,#b6c9ff,#9287ff 48%,#4ee4ef);-webkit-background-clip:text;background-clip:text;color:transparent}.login-intro>p{color:var(--muted);line-height:1.7;max-width:380px}.feature-list{margin-top:45px;display:grid;gap:22px}.feature{display:flex;align-items:center;gap:16px}.feature-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(61,109,255,.25);border-radius:12px;background:rgba(25,80,180,.08);color:#65c9ff;font-size:11px}.feature strong,.feature small{display:block}.feature strong{font-size:14px;margin-bottom:4px}.feature small{color:#8190ae}.login-card{position:relative;padding:44px;border:1px solid var(--panel-border);border-radius:20px;background:linear-gradient(145deg,rgba(16,30,61,.78),rgba(7,14,31,.76));box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 60px rgba(31,104,255,.07);backdrop-filter:blur(24px)}.login-card-head{display:flex;align-items:center;gap:18px}.login-symbol{width:54px;height:54px;object-fit:contain}.login-card h2{margin:7px 0 0;font-size:27px;letter-spacing:-.025em}.login-description{margin:20px 0 32px;color:var(--muted);line-height:1.6}.login-error{margin-bottom:22px;padding:12px 15px;color:#ffb9c5;font-size:13px;background:rgba(255,56,96,.09);border:1px solid rgba(255,81,114,.2);border-radius:10px}.login-form label{display:block;margin:0 0 9px;color:#d9e0ef;font-size:12px;font-weight:600}.input-wrap{height:54px;margin-bottom:21px;display:flex;align-items:center;border:1px solid rgba(127,158,218,.3);border-radius:11px;background:rgba(12,27,57,.6)}.input-wrap:focus-within{border-color:rgba(48,204,255,.7);box-shadow:0 0 0 3px rgba(28,190,255,.07)}.field-icon{margin-left:17px;color:#8094ba}.input-wrap input{min-width:0;flex:1;height:100%;padding:0 15px;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:14px}.input-wrap input::placeholder{color:#647492}.password-toggle{width:48px;height:100%;border:0;background:transparent;color:#8297bd;cursor:pointer}.login-button{width:100%;height:52px;margin-top:6px;padding:0 21px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;background:linear-gradient(100deg,#10d4ed 0%,#3974ff 52%,#c62ee9 100%);color:white;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 12px 35px rgba(56,99,255,.22)}.login-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-top:34px}.login-footer span{height:1px;background:rgba(255,255,255,.09)}.login-footer small{color:#64789f;font-size:9px;letter-spacing:.3em}.login-art{text-align:center}.login-art img{width:min(100%,330px);opacity:.56;filter:saturate(.9) drop-shadow(0 0 45px rgba(38,122,255,.12))}.login-art p{margin-top:28px;color:#8291b2;font-size:11px;line-height:2;letter-spacing:.34em}.page-footer{width:min(1240px,calc(100% - 48px));margin:60px auto 0;padding:25px 0 30px;display:flex;justify-content:space-between;color:#586886;font-size:11px}@media(min-width:761px){.brand-logo{transform:translateX(-102px)}}@media(max-width:1050px){.login-layout{grid-template-columns:.75fr 1.25fr}.login-art{display:none}}@media(max-width:760px){.login-header{width:min(100% - 32px,560px);min-height:110px}.brand-logo{width:240px;max-width:65%}.core-badge{font-size:9px;padding:8px 10px}.login-layout{width:min(100% - 32px,520px);display:block;margin-top:20px}.login-intro{display:none}.login-card{padding:30px 24px}.page-footer{width:min(100% - 32px,520px);margin-top:35px;gap:15px;flex-direction:column;text-align:center}}
.app-page{min-height:100vh;background:radial-gradient(circle at 72% 12%,rgba(42,92,255,.08),transparent 28%),linear-gradient(135deg,#060a14 0%,#080d1c 60%,#090d20 100%)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:28px 18px;display:flex;flex-direction:column;background:rgba(5,10,22,.88);border-right:1px solid rgba(255,255,255,.07);backdrop-filter:blur(24px)}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:4px 10px 28px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand img{width:42px;height:42px;object-fit:contain}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:15px;letter-spacing:.13em}.sidebar-brand span{margin-top:4px;color:#687997;font-size:10px}.sidebar-nav{display:grid;gap:6px;margin-top:28px}.nav-item{min-height:47px;padding:0 13px;display:flex;align-items:center;gap:13px;color:#8e9db9;text-decoration:none;font-size:13px;border:1px solid transparent;border-radius:10px}.nav-item:hover{color:white;background:rgba(255,255,255,.035)}.nav-item.active{color:white;background:linear-gradient(90deg,rgba(20,187,239,.11),rgba(83,80,255,.08));border-color:rgba(44,170,255,.17)}.nav-icon{width:25px;color:#59cfff;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto}.sidebar-company{margin:20px 10px 0;padding-top:20px;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.07);color:#62718d;font-size:10px}.app-main{grid-column:2;min-width:0;padding:34px 42px 60px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.07)}.app-topbar h1{margin:7px 0 0;font-size:27px}.topbar-actions{display:flex;align-items:center;gap:24px}.environment-switch{display:flex;padding:4px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:10px}.environment-switch form{margin:0}.environment-button{height:32px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#71809d;font-size:9px;font-weight:700;letter-spacing:.12em;cursor:pointer}.environment-button.active{color:#dffff8;background:rgba(32,214,176,.11);box-shadow:inset 0 0 0 1px rgba(45,226,188,.17)}.environment-button.test-active{color:#ffe0ff;background:rgba(211,55,239,.13);box-shadow:inset 0 0 0 1px rgba(211,55,239,.22)}.user-menu{display:flex;align-items:center;gap:11px}.user-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(22,210,239,.18),rgba(160,53,238,.18));border:1px solid rgba(91,156,255,.2);color:#c9f8ff;font-weight:700}.user-info strong,.user-info span{display:block}.user-info strong{font-size:12px}.user-info span{margin-top:2px;color:#6f7e99;font-size:9px}.logout-button{margin-left:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);color:#8492ad;font-size:10px;cursor:pointer}.environment-banner{min-height:44px;margin-top:24px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(44,226,188,.13);border-radius:10px;background:rgba(32,214,176,.035);color:#7f91aa;font-size:10px}.environment-banner>div{display:flex;align-items:center;gap:9px}.environment-banner strong{color:#9debdc;font-size:9px;letter-spacing:.13em}.test-banner{border-color:rgba(211,55,239,.25);background:rgba(211,55,239,.055)}.test-banner strong{color:#f0a8ff}.test-banner .status-dot{background:#d946ef;box-shadow:0 0 12px rgba(217,70,239,.8)}.dashboard-heading{margin:38px 0 27px;display:flex;justify-content:space-between;align-items:end;gap:30px}.dashboard-heading h2{margin:0;font-size:28px}.dashboard-heading p{margin:8px 0 0;color:#7786a2;font-size:12px}.primary-action{min-height:42px;padding:0 17px;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:linear-gradient(100deg,#16cce8,#426cff 55%,#ae36e9);color:white;font-size:11px;font-weight:700;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card,.dashboard-panel{border:1px solid rgba(110,145,207,.13);background:linear-gradient(145deg,rgba(14,27,55,.62),rgba(8,15,32,.58));box-shadow:0 20px 55px rgba(0,0,0,.11);backdrop-filter:blur(16px)}.stat-card{min-height:145px;padding:19px;border-radius:13px}.stat-top,.stat-bottom{display:flex;align-items:center;justify-content:space-between}.stat-top{color:#7585a2;font-size:8px;font-weight:700;letter-spacing:.1em}.stat-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(50,177,255,.14);border-radius:8px;color:#59cfff;background:rgba(27,126,220,.055)}.stat-card>strong{display:block;margin:19px 0;font-size:25px}.stat-bottom{color:#61708c;font-size:9px}.dashboard-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-panel{min-height:270px;padding:22px;border-radius:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.065)}.panel-head h3{margin:6px 0 0;font-size:16px}.panel-head a{color:#7195ca;text-decoration:none;font-size:9px}.empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:43px;height:43px;margin-bottom:14px;display:grid;place-items:center;border-radius:11px;background:rgba(36,132,255,.055);border:1px solid rgba(64,153,255,.12);color:#54c9ff}.empty-state strong{font-size:12px}.empty-state span{margin-top:6px;color:#65738e;font-size:10px}.activity-panel{min-height:auto;margin-top:16px}.activity-item{min-height:75px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.activity-dot{width:8px;height:8px;border-radius:50%;background:#32dcb9;box-shadow:0 0 13px rgba(50,220,185,.5)}.activity-item strong,.activity-item span{display:block}.activity-item strong{font-size:11px}.activity-item span,.activity-item time{margin-top:4px;color:#64728c;font-size:9px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-info{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto}.sidebar-nav,.sidebar-bottom{display:none}.sidebar-brand{padding-bottom:4px;border:0}.app-main{padding:22px 16px 40px}.app-topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.environment-banner{align-items:flex-start;flex-direction:column;padding:13px}.dashboard-heading{align-items:flex-start;flex-direction:column}.stats-grid,.dashboard-grid{grid-template-columns:1fr}}

.link-button{text-decoration:none;justify-content:center}.customer-toolbar{margin:38px 0 22px}.customer-toolbar h2{margin:0;font-size:25px}.customer-toolbar p,.form-title p,.detail-head p{color:#7585a2;font-size:12px}.customer-table-wrap{overflow:auto;border:1px solid rgba(110,145,207,.13);border-radius:14px;background:rgba(8,15,32,.58)}.customer-table{width:100%;border-collapse:collapse;min-width:760px}.customer-table th{text-align:left;padding:15px 18px;color:#657693;font-size:9px;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.07)}.customer-table td{padding:17px 18px;color:#9ba9c2;font-size:11px;border-bottom:1px solid rgba(255,255,255,.055)}.customer-table tr:last-child td{border-bottom:0}.customer-table td strong,.customer-table td small{display:block;color:#edf3ff}.customer-table td small{margin-top:4px;color:#71809b}.mono-number{font-family:ui-monospace,monospace;color:#65d9ef}.status-pill{display:inline-block;padding:6px 9px;border-radius:999px;color:#89ead7;background:rgba(44,229,189,.08);border:1px solid rgba(44,229,189,.14);font-size:8px;font-weight:700;letter-spacing:.1em}.row-link,.back-link{color:#73a9df;text-decoration:none}.customer-empty{margin-top:20px}.customer-empty .primary-action{margin-top:22px}.form-page{width:min(960px,calc(100% - 40px));margin:0 auto;padding:55px 0 80px}.back-link{font-size:11px}.form-title{margin:35px 0 25px}.form-title h1,.detail-head h1{margin:8px 0 0;font-size:30px}.business-form{display:grid;gap:16px}.form-card{padding:24px;border:1px solid rgba(110,145,207,.15);border-radius:14px;background:linear-gradient(145deg,rgba(14,27,55,.62),rgba(8,15,32,.58))}.form-card h2{margin:0 0 22px;font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:8px;color:#8797b5;font-size:10px;font-weight:600}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid textarea{width:100%;padding:13px 14px;border:1px solid rgba(127,158,218,.25);border-radius:9px;outline:0;background:rgba(7,16,35,.7);color:#fff;font:inherit;resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:rgba(48,204,255,.65)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.secondary-action{padding:0 17px;min-height:42px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#9aa8c2;text-decoration:none;font-size:11px}.detail-head{margin:35px 0 25px;display:flex;align-items:center;justify-content:space-between}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-list{display:grid;grid-template-columns:120px 1fr;gap:13px;margin:0;font-size:11px}.detail-list dt{color:#6f7f9b}.detail-list dd{margin:0;color:#d9e2f3}.address-block,.notes-text{color:#a7b4cc;font-size:12px;line-height:1.8}.customer-next{margin-top:16px}@media(max-width:650px){.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.form-page{padding-top:30px}.detail-head{align-items:flex-start;gap:20px;flex-direction:column}}

.simple-module{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:45px 0 80px}.module-top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.module-top .back-link{display:block;margin-bottom:24px}.module-top h1{margin:7px 0 0;font-size:30px}.module-table{margin-top:22px}.business-form select{width:100%;padding:13px 14px;border:1px solid rgba(127,158,218,.25);border-radius:9px;outline:0;background:#091326;color:#fff;font:inherit}.offer-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.offer-card-head h2{margin:0}.secondary-button{padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.03);color:#aab7cf;cursor:pointer}.offer-item-row{display:grid;grid-template-columns:minmax(220px,2fr) .55fr .55fr .8fr 34px;gap:10px;align-items:end;margin-top:10px}.offer-item-row label{display:grid;gap:7px;color:#8797b5;font-size:9px;font-weight:600}.offer-item-row input{width:100%;padding:12px;border:1px solid rgba(127,158,218,.22);border-radius:8px;background:rgba(7,16,35,.7);color:#fff}.remove-row{height:41px;border:1px solid rgba(255,100,130,.15);border-radius:8px;background:rgba(255,70,100,.05);color:#cf8090;cursor:pointer}.inline-action{display:inline-flex;margin-top:14px;width:max-content}.module-gap{margin-top:16px}@media(max-width:760px){.simple-module{width:min(100% - 32px,650px);padding-top:28px}.module-top{align-items:flex-start;flex-direction:column}.offer-item-row{grid-template-columns:1fr 1fr}.offer-item-row label:first-child{grid-column:span 2}.remove-row{width:41px}}

/* V3 shared application shell */
.disabled-nav{opacity:.42;cursor:default}.module-heading{margin:38px 0 25px}.module-heading h2{margin:7px 0 0;font-size:26px}.module-heading p{margin:8px 0 0;color:#7786a2;font-size:12px}.app-form{max-width:960px}.app-main>.detail-head{margin-top:38px}
@media(max-width:760px){
  .sidebar{position:sticky;top:0;z-index:20;padding:12px 12px 8px;background:rgba(5,10,22,.96)}
  .sidebar-brand{padding:0 4px 9px}.sidebar-brand img{width:34px;height:34px}.sidebar-brand span{display:none}
  .sidebar-nav{display:flex!important;overflow-x:auto;gap:5px;margin-top:5px;padding-bottom:3px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}
  .sidebar-nav .nav-item{min-width:max-content;min-height:38px;padding:0 10px;font-size:10px}.sidebar-nav .nav-icon{width:auto}
  .sidebar-bottom{display:none!important}.app-main{padding-top:16px}
  .app-topbar{gap:14px;padding-bottom:15px}.app-topbar>div:first-child{display:none}.topbar-actions{gap:10px}
  .user-menu{margin-left:auto}.logout-button{padding:7px 8px}.environment-banner{margin-top:12px}
}

/* V4 - unmistakable test mode */
.app-page.test-mode{background:radial-gradient(circle at 54% 22%,rgba(225,45,57,.12),transparent 36%),radial-gradient(circle at 80% 76%,rgba(145,26,42,.09),transparent 32%),linear-gradient(135deg,#090a12 0%,#0b0d18 58%,#110b13 100%)}
.app-page.test-mode:after{content:"";position:fixed;z-index:50;pointer-events:none;inset:0;box-shadow:inset 0 0 0 2px rgba(255,65,77,.65),inset 0 0 70px rgba(220,25,45,.10)}
.global-test-warning{position:relative;z-index:4;min-height:46px;margin-top:20px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,75,85,.35);border-radius:10px;background:linear-gradient(90deg,rgba(165,20,30,.70),rgba(106,14,28,.58));box-shadow:0 10px 35px rgba(165,20,30,.12);color:#ffd9dc;font-size:10px}
.global-test-warning>div{display:flex;align-items:center;gap:9px}.global-test-warning strong{font-size:10px;letter-spacing:.16em;color:#fff}.test-flask{font-size:16px;color:#ffadb4}
.test-watermark{position:fixed;z-index:0;pointer-events:none;user-select:none;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-12deg);font-size:clamp(80px,14vw,220px);font-weight:900;letter-spacing:.04em;color:rgba(255,47,61,.035);white-space:nowrap}
.test-mode .app-main>*:not(.test-watermark){position:relative;z-index:1}.test-mode .sidebar{border-right-color:rgba(255,60,75,.16)}.test-mode .sidebar-company .status-dot{background:#ff4d5e;box-shadow:0 0 12px rgba(255,77,94,.75)}
.test-mode .stat-card,.test-mode .dashboard-panel,.test-mode .form-card,.test-mode .customer-table-wrap{border-color:rgba(255,73,87,.15)}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.settings-explain{color:#7e8da8;font-size:11px;line-height:1.7}
.mode-chip{padding:7px 10px;border-radius:999px;background:rgba(44,229,189,.08);border:1px solid rgba(44,229,189,.15);color:#8debd8;font-size:8px;font-weight:800;letter-spacing:.12em}.mode-chip-test{background:rgba(255,65,80,.09);border-color:rgba(255,65,80,.22);color:#ff9aa4}
.environment-choice{display:grid;gap:11px;margin-top:22px}.environment-choice form{margin:0}.mode-choice{width:100%;min-height:72px;padding:14px 16px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid rgba(127,158,218,.17);border-radius:11px;background:rgba(7,16,35,.56);color:#dce5f5;cursor:pointer}
.mode-choice span strong,.mode-choice span small{display:block}.mode-choice span small{margin-top:5px;color:#71809b;font-size:9px}.mode-choice b{color:#7fe8d2;font-size:8px;letter-spacing:.12em}.selected-production{border-color:rgba(44,229,189,.30);background:rgba(44,229,189,.045)}.test-choice.selected-test{border-color:rgba(255,70,84,.42);background:rgba(180,24,40,.10)}.test-choice.selected-test b{color:#ff929d}
.settings-status{margin-top:24px}.pending-pill{color:#ffc27c;background:rgba(255,166,60,.08);border-color:rgba(255,166,60,.16)}
@media(max-width:760px){.global-test-warning{align-items:flex-start;flex-direction:column;padding:12px 13px;gap:6px}.settings-grid{grid-template-columns:1fr}.test-watermark{font-size:22vw}}

/* V5 offer finalization */
.issued-pill{color:#9fd5ff;background:rgba(63,140,255,.09);border-color:rgba(63,140,255,.18)}
.finalize-box{min-height:130px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.finalize-box h3{margin:7px 0 5px;font-size:17px}.finalize-box p{margin:0;color:#71809b;font-size:10px;line-height:1.6}
.hash-preview{font-family:ui-monospace,monospace;color:#7dcfe8}
@media(max-width:760px){.finalize-box{align-items:flex-start;flex-direction:column}}

/* V5.1 finalize modal */
.bs-modal-backdrop[hidden]{display:none!important}.bs-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,5,12,.78);backdrop-filter:blur(10px)}
.bs-modal{position:relative;width:min(520px,100%);padding:30px;border:1px solid rgba(105,143,210,.22);border-radius:18px;background:linear-gradient(145deg,#0d1528,#080d19);box-shadow:0 30px 90px rgba(0,0,0,.55);color:#e8eef9}
.test-mode .bs-modal{border-color:rgba(255,70,84,.35);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 55px rgba(180,24,40,.12)}
.bs-modal-close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:#71809b;font-size:25px;cursor:pointer}.bs-modal-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:12px;background:rgba(63,140,255,.08);border:1px solid rgba(63,140,255,.15);font-size:21px}
.bs-modal h2{margin:8px 0 10px;font-size:22px}.bs-modal p{margin:0;color:#8594af;font-size:11px;line-height:1.7}.bs-modal p strong{color:#dbe7fb}
.modal-test-note{margin-top:18px;padding:11px 12px;border:1px solid rgba(255,70,84,.25);border-radius:9px;background:rgba(180,24,40,.1);color:#ffabb3;font-size:9px;font-weight:700;letter-spacing:.04em}
.bs-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px}.bs-modal-actions form{margin:0}.modal-button{cursor:pointer}.modal-open{overflow:hidden}
.app-error-banner{margin:24px 0 0;padding:13px 16px;display:flex;gap:8px;flex-direction:column;border:1px solid rgba(255,80,90,.25);border-radius:10px;background:rgba(150,20,35,.12);color:#ffb5bc;font-size:10px}.app-error-banner strong{color:#fff}
@media(max-width:600px){.bs-modal{padding:25px 20px}.bs-modal-actions{align-items:stretch;flex-direction:column-reverse}.bs-modal-actions form,.bs-modal-actions button{width:100%}}

/* V5.4 - modal must escape app stacking contexts */
.bs-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  margin:0 !important;
  background:rgba(2,5,12,.82) !important;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.bs-modal-backdrop[hidden]{display:none !important}
.bs-modal{
  position:relative !important;
  z-index:2147483001 !important;
  width:min(520px,calc(100vw - 32px)) !important;
  max-height:calc(100dvh - 48px);
  overflow:auto;
  margin:0 !important;
}
@media(max-width:600px){
  .bs-modal-backdrop{padding:16px !important}
  .bs-modal{width:100% !important;max-height:calc(100dvh - 32px)}
}

/* V5.5 - readability pass */
.app-page{font-size:15px}
.app-page .nav-item{font-size:12px}
.app-page .sidebar-company strong{font-size:12px}
.app-page .sidebar-company small{font-size:10px}
.app-page .eyebrow{font-size:12px}
.app-page .app-topbar h1{font-size:24px}
.app-page .module-heading h2{font-size:29px}
.app-page .module-heading p,
.app-page .customer-toolbar p,
.app-page .form-title p,
.app-page .detail-head p{font-size:13px}
.app-page .customer-table th{font-size:10px}
.app-page .customer-table td{font-size:13px}
.app-page .status-pill{font-size:9px}
.app-page .form-card h2{font-size:17px}
.app-page .form-grid label{font-size:12px}
.app-page .form-grid input,
.app-page .form-grid textarea,
.app-page .business-form select{font-size:14px}
.app-page .detail-list{font-size:13px}
.app-page .address-block,
.app-page .notes-text{font-size:13px}
.app-page .primary-action,
.app-page .secondary-action,
.app-page .secondary-button{font-size:12px}
.app-page .finalize-box h3{font-size:19px}
.app-page .finalize-box p{font-size:12px}
.app-page .global-test-warning,
.app-page .global-test-warning strong{font-size:11px}
.app-page .bs-modal p{font-size:13px}
.app-page .modal-test-note{font-size:10px}
.app-page .settings-explain{font-size:13px}
.app-page .mode-choice span small{font-size:11px}
@media(max-width:760px){
  .app-page{font-size:16px}
  .app-page .customer-table td{font-size:13px}
}

/* V5.6 customer search + product catalog */
.search-combobox{position:relative;margin-top:7px}.search-combobox>input[type=search]{width:100%}
.search-results{position:absolute;z-index:200;top:calc(100% + 7px);left:0;right:0;max-height:310px;overflow:auto;padding:6px;border:1px solid rgba(92,139,214,.28);border-radius:11px;background:#0b1324;box-shadow:0 22px 55px rgba(0,0,0,.45)}
.search-result{display:block;width:100%;padding:12px 13px;border:0;border-radius:8px;background:transparent;color:#dce6f7;text-align:left;font:inherit;cursor:pointer}.search-result:hover{background:rgba(52,157,255,.10);color:#fff}.search-empty{padding:12px;color:#71809b;font-size:12px}
.field-help{display:block;margin-top:7px;color:#64738d;font-size:10px;font-weight:400}
.product-row{grid-template-columns:minmax(180px,1.15fr) minmax(220px,1.6fr) 100px 100px 130px 36px!important}.product-picker-label{min-width:0}.card-subline{margin:4px 0 0;color:#71809b;font-size:11px}
.settings-products{margin-top:16px}.product-create-form{display:grid;grid-template-columns:1fr 1.6fr 120px 130px auto;gap:10px;align-items:end;margin-top:20px}.product-create-form label{color:#8795ae;font-size:11px}.product-create-form input{width:100%;margin-top:7px}.product-create-form .primary-action{min-height:42px}
.product-list{margin-top:22px;border-top:1px solid rgba(120,151,205,.12)}.product-list-row{display:grid;grid-template-columns:1fr 100px 120px 120px;gap:16px;align-items:center;padding:14px 2px;border-bottom:1px solid rgba(120,151,205,.10);font-size:12px}.product-list-row>div strong,.product-list-row>div span{display:block}.product-list-row>div span{margin-top:4px;color:#71809b}.product-disabled{opacity:.45}.product-empty{margin-top:18px}
.list-search{display:flex;align-items:center;gap:9px;max-width:420px;margin:0 0 14px;padding:0 13px;border:1px solid rgba(112,146,204,.17);border-radius:10px;background:rgba(7,15,31,.58)}.list-search span{color:#58cfff;font-size:18px}.list-search input{width:100%;height:43px;border:0!important;background:transparent!important;outline:0;color:#dce6f7}
@media(max-width:1050px){.product-row{grid-template-columns:1fr 1fr!important}.product-row .remove-row{align-self:end}.product-create-form{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.product-row,.product-create-form{grid-template-columns:1fr!important}.product-list-row{grid-template-columns:1fr auto}.product-list-row>span{display:none}}

/* V5.7 polished catalog + BS Core searchable product picker */
.settings-products{margin-top:18px;border:0!important;background:transparent!important;padding:0!important}
.catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.catalog-head h2{margin:5px 0 6px;font-size:25px}.catalog-head p{max-width:760px;margin:0;color:#7e8da7;font-size:12px;line-height:1.6}.catalog-count{min-width:96px;padding:12px 18px;border:1px solid rgba(70,190,255,.18);border-radius:13px;background:rgba(8,20,39,.75);text-align:center}.catalog-count strong{display:block;font-size:19px;color:#e7f2ff}.catalog-count span{font-size:9px;color:#71819c;text-transform:uppercase;letter-spacing:.12em}
.catalog-create-card,.catalog-list-card{border:1px solid rgba(78,119,184,.22);border-radius:16px;background:linear-gradient(135deg,rgba(10,22,43,.92),rgba(16,17,39,.88));padding:22px 24px}.catalog-list-card{margin-top:14px}.catalog-create-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.catalog-create-title h3,.catalog-list-head h3{margin:0;font-size:16px}.catalog-create-title p,.catalog-list-head p{margin:4px 0 0;color:#71819c;font-size:10px}.catalog-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(61,170,255,.25);border-radius:10px;background:rgba(26,100,187,.10);color:#50d2ff;font-size:20px}
.product-create-form{grid-template-columns:minmax(180px,1fr) minmax(260px,1.6fr) 105px 125px auto!important;gap:12px!important}.product-create-form label{font-size:10px!important;text-transform:uppercase;letter-spacing:.07em}.product-create-form label>span{color:#ff5c75}.product-create-form input{height:43px!important;border-radius:9px!important;background:#091326!important;border:1px solid rgba(101,137,197,.27)!important;color:#e8f0ff!important;padding:0 12px!important}.product-create-form input:focus{outline:none!important;border-color:#36c9ff!important;box-shadow:0 0 0 3px rgba(54,201,255,.08)}
.catalog-list-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(116,146,195,.10)}.product-list{margin-top:0!important;border:0!important}.product-list-row{grid-template-columns:minmax(280px,1fr) 90px 120px 80px 115px!important;padding:15px 4px!important}.product-list-main{display:flex!important;align-items:center;gap:11px}.product-dot{width:8px;height:8px;border-radius:50%;background:#39d2ff;box-shadow:0 0 12px rgba(57,210,255,.45)}.product-meta span{display:block;color:#64738d;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.product-meta strong{display:block;margin-top:3px;font-size:12px}.catalog-status{justify-self:start;padding:5px 8px;border-radius:999px;border:1px solid rgba(140,150,170,.18);color:#7d8799;font-size:8px;letter-spacing:.1em}.catalog-status.active{border-color:rgba(34,211,168,.24);background:rgba(34,211,168,.07);color:#65e5c3}.catalog-empty{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;color:#71819c}.catalog-empty-icon{font-size:25px;color:#44cfff;margin-bottom:8px}.catalog-empty strong{color:#dce7f8;font-size:13px}.catalog-empty span{margin-top:5px;font-size:10px}
.product-combobox{position:relative;margin-top:7px}.product-combobox .product-picker{margin-top:0!important;width:100%}.product-search-results{position:absolute;z-index:500;top:calc(100% + 7px);left:0;width:max(100%,360px);max-width:520px;max-height:330px;overflow:auto;padding:7px;border:1px solid rgba(67,162,233,.27);border-radius:12px;background:#091326;box-shadow:0 22px 55px rgba(0,0,0,.55)}.product-search-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border:0;border-bottom:1px solid rgba(117,146,194,.08);border-radius:8px;background:transparent;color:#e4edfb;text-align:left;cursor:pointer}.product-search-result:last-child{border-bottom:0}.product-search-result:hover,.product-search-result:focus{outline:none;background:linear-gradient(90deg,rgba(34,170,240,.12),rgba(146,52,255,.08))}.product-result-main{display:block;min-width:0}.product-result-main strong{display:block;font-size:12px}.product-result-main small{display:block;overflow:hidden;margin-top:4px;color:#71819c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-result-price{flex:none;padding:5px 8px;border-radius:7px;background:rgba(50,199,255,.08);color:#63d9ff;font-size:10px;font-weight:700}.product-search-empty{padding:15px 12px}.product-search-empty strong,.product-search-empty span{display:block}.product-search-empty strong{font-size:11px;color:#dce7f8}.product-search-empty span{margin-top:4px;color:#71819c;font-size:9px}
@media(max-width:1100px){.product-create-form{grid-template-columns:1fr 1fr!important}.product-list-row{grid-template-columns:1fr 90px 110px!important}.product-list-row .catalog-status,.product-list-row form{justify-self:start}}
@media(max-width:650px){.catalog-head{align-items:flex-start}.catalog-count{display:none}.product-create-form{grid-template-columns:1fr!important}.product-list-row{grid-template-columns:1fr 1fr!important}.product-search-results{width:min(420px,calc(100vw - 64px))}}

/* V5.8 company master data */
.company-settings{margin-top:18px}.masterdata-badge{padding:7px 11px;border:1px solid rgba(55,205,255,.22);border-radius:999px;background:rgba(55,205,255,.07);color:#62dcff;font-size:8px;letter-spacing:.14em}
.company-settings-form{display:grid;gap:12px}.masterdata-card{padding:21px 23px;border:1px solid rgba(78,119,184,.20);border-radius:15px;background:linear-gradient(135deg,rgba(9,21,41,.92),rgba(15,17,38,.88))}
.masterdata-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.masterdata-card-title>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(55,196,255,.20);border-radius:9px;background:rgba(42,139,220,.08);color:#56d3ff;font-size:9px;letter-spacing:.08em}.masterdata-card-title h3{margin:0;font-size:15px}.masterdata-card-title p{margin:4px 0 0;color:#71809a;font-size:10px}
.masterdata-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.masterdata-grid-3{grid-template-columns:1fr 1fr 1fr}.masterdata-grid label,.masterdata-full{position:relative;color:#8796af;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.masterdata-grid input,.masterdata-full textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(100,137,197,.25);border-radius:9px;background:#091326;color:#e8f0ff;padding:11px 12px;font:inherit;text-transform:none;letter-spacing:normal}.masterdata-grid input:focus,.masterdata-full textarea:focus{outline:none;border-color:#3bc9ff;box-shadow:0 0 0 3px rgba(59,201,255,.07)}.masterdata-grid label small{position:absolute;right:10px;bottom:12px;color:#66758d;text-transform:none}.masterdata-grid .span-2{grid-column:span 2}
.settings-toggle{display:flex;align-items:center;gap:12px;margin-top:17px;padding:13px 14px;border:1px solid rgba(95,129,185,.16);border-radius:11px;background:rgba(5,13,27,.35);cursor:pointer}.settings-toggle>input[type=checkbox]{position:absolute;opacity:0}.toggle-ui{position:relative;width:38px;height:21px;flex:none;border-radius:999px;background:#28344b;transition:.2s}.toggle-ui:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#aab5c8;transition:.2s}.settings-toggle input:checked+.toggle-ui{background:rgba(40,201,255,.30);box-shadow:inset 0 0 0 1px rgba(64,213,255,.45)}.settings-toggle input:checked+.toggle-ui:after{transform:translateX(17px);background:#58dcff}.settings-toggle strong,.settings-toggle small{display:block}.settings-toggle strong{font-size:11px;color:#dce7f8}.settings-toggle small{margin-top:3px;color:#71809a;font-size:9px}
.masterdata-savebar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid rgba(72,185,245,.22);border-radius:13px;background:rgba(7,16,32,.94);box-shadow:0 18px 50px rgba(0,0,0,.34);backdrop-filter:blur(12px)}.masterdata-savebar strong,.masterdata-savebar span{display:block}.masterdata-savebar strong{font-size:11px}.masterdata-savebar span{margin-top:3px;color:#71809a;font-size:9px}
@media(max-width:850px){.masterdata-grid,.masterdata-grid-3{grid-template-columns:1fr}.masterdata-grid .span-2{grid-column:auto}.masterdata-savebar{align-items:flex-start;flex-direction:column}.masterdata-savebar .primary-action{width:100%}}
.invoice-item-row{position:relative;margin-top:12px;padding:16px;border:1px solid rgba(86,123,180,.20);border-radius:12px;background:rgba(5,13,27,.38)}.invoice-item-meta{display:grid;grid-template-columns:110px 140px 180px 42px;gap:10px;align-items:end;margin-top:12px}.invoice-product-results{display:none;position:absolute;z-index:50;max-width:420px;padding:5px;border:1px solid rgba(75,169,225,.25);border-radius:10px;background:#0a1529;box-shadow:0 18px 40px rgba(0,0,0,.4)}.invoice-product-option{display:block;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:#eaf3ff;text-align:left;cursor:pointer}.invoice-product-option:hover{background:rgba(54,185,245,.09)}.invoice-product-option strong,.invoice-product-option span{display:block}.invoice-product-option span{color:#71809a;font-size:9px}.danger-lite{height:39px;border:1px solid rgba(255,95,112,.22);border-radius:9px;background:rgba(255,74,94,.06);color:#ff8090}.invoice-total{display:flex;justify-content:flex-end;gap:50px;padding:18px 15px}.draft-notice{display:flex;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid rgba(255,190,70,.18);border-radius:11px;background:rgba(255,183,57,.05)}@media(max-width:800px){.invoice-item-meta{grid-template-columns:1fr 1fr}}

/* V5.12 – Payment note field */
.payment-note-field {
    width: 100%;
    min-height: 82px;
    box-sizing: border-box;
    padding: 14px 16px;
    border: 1px solid #263b61;
    border-radius: 10px;
    background: #091329;
    color: #f5f7ff;
    font: inherit;
    resize: vertical;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.payment-note-field::placeholder {
    color: #71809d;
}

.payment-note-field:focus {
    border-color: #18c8e8;
    box-shadow: 0 0 0 2px rgba(24, 200, 232, .08);
}

/* V5.12 Payment note – final */
.payment-note-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 16px;
}

.business-form .payment-note-field {
    width: 100%;
    min-height: 90px;
    box-sizing: border-box;
    padding: 14px 16px;
    border: 1px solid #263b61;
    border-radius: 10px;
    background: #091329;
    color: #f5f7ff;
    font: inherit;
    line-height: 1.5;
    resize: vertical;
    outline: none;
}

.business-form .payment-note-field:focus {
    border-color: #18c8e8;
    box-shadow: 0 0 0 2px rgba(24, 200, 232, .08);
}

.business-form .payment-note-field::placeholder {
    color: #71809d;
}


/* BS CORE DESKTOP READABILITY V2 */
@media (min-width: 900px) {

    /* Navigation */
    .app-page .nav-item {
        font-size: 15px;
    }

    .app-page .sidebar-brand strong {
        font-size: 16px;
    }

    .app-page .sidebar-brand span {
        font-size: 12px;
    }

    .app-page .sidebar-company {
        font-size: 12px;
    }

    /* Kleine Bereichsüberschriften */
    .app-page .eyebrow {
        font-size: 13px;
    }

    /* Benutzer oben rechts */
    .app-page .user-info strong {
        font-size: 14px;
    }

    .app-page .user-info span {
        font-size: 12px;
    }

    .app-page .logout-button {
        font-size: 12px;
    }

    /* Dashboard */
    .app-page .dashboard-heading p,
    .app-page .module-heading p {
        font-size: 14px;
    }

    .app-page .stat-top {
        font-size: 11px;
    }

    .app-page .stat-bottom {
        font-size: 12px;
    }

    .app-page .stat-card > strong {
        font-size: 27px;
    }

    .app-page .panel-head h3 {
        font-size: 18px;
    }

    .app-page .panel-head a {
        font-size: 12px;
    }

    .app-page .empty-state strong {
        font-size: 14px;
    }

    .app-page .empty-state span {
        font-size: 12px;
    }

    .app-page .primary-action {
        font-size: 13px;
    }

    /* Tabellen */
    .app-page .customer-table th {
        font-size: 12px;
    }

    .app-page .customer-table td {
        font-size: 14px;
    }

    .app-page .customer-table td small {
        font-size: 12px;
    }

    .app-page .status-pill {
        font-size: 11px;
    }

    /* Formulare */
    .app-page .form-grid label,
    .app-page .offer-item-row label,
    .app-page .product-create-form label,
    .app-page .masterdata-grid label,
    .app-page .masterdata-full {
        font-size: 13px !important;
    }

    .app-page .form-grid input,
    .app-page .form-grid textarea,
    .app-page .business-form select,
    .app-page .offer-item-row input,
    .app-page .product-create-form input,
    .app-page .masterdata-grid input,
    .app-page .masterdata-full textarea {
        font-size: 15px;
    }

    .app-page .field-help,
    .app-page .card-subline {
        font-size: 12px;
    }

    /* Detailseiten */
    .app-page .detail-list {
        font-size: 14px;
    }

    .app-page .address-block,
    .app-page .notes-text {
        font-size: 14px;
    }

    .app-page .finalize-box p {
        font-size: 13px;
    }

    /* Einstellungen / Produktkatalog */
    .app-page .settings-explain {
        font-size: 14px;
    }

    .app-page .mode-choice span small {
        font-size: 12px;
    }

    .app-page .catalog-head p {
        font-size: 14px;
    }

    .app-page .catalog-create-title p,
    .app-page .catalog-list-head p {
        font-size: 12px;
    }

    .app-page .product-list-row {
        font-size: 14px;
    }

    .app-page .product-meta span {
        font-size: 11px;
    }

    .app-page .product-meta strong {
        font-size: 14px;
    }

    .app-page .catalog-status,
    .app-page .masterdata-badge,
    .app-page .mode-chip {
        font-size: 10px;
    }

    .app-page .masterdata-card-title p {
        font-size: 12px;
    }

    .app-page .settings-toggle strong {
        font-size: 13px;
    }

    .app-page .settings-toggle small {
        font-size: 12px;
    }

    /* TESTMODUS */
    .app-page .global-test-warning {
        font-size: 12px;
    }

    .app-page .global-test-warning strong {
        font-size: 12px;
    }

    /* Modale */
    .app-page .bs-modal p {
        font-size: 14px;
    }

    .app-page .modal-test-note {
        font-size: 11px;
    }
}


/* BS CORE V5.14 – UI feedback and interaction */
.primary-action, .secondary-action, .link-button, button, a.row-link { cursor:pointer; }
.primary-action, .secondary-action {
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease, background .16s ease;
}
.primary-action:hover { transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 8px 24px rgba(34,197,246,.12); }
.secondary-action:hover { transform:translateY(-1px); border-color:#6d7fa3; filter:brightness(.96); box-shadow:0 8px 22px rgba(0,0,0,.14); }

.bs-toast {
    position:fixed; top:24px; right:28px; z-index:10050;
    width:min(430px,calc(100vw - 32px)); display:flex; align-items:flex-start; gap:12px;
    padding:15px 16px; border-radius:14px;
    background:rgba(9,19,41,.97); border:1px solid rgba(52,211,153,.42);
    box-shadow:0 18px 50px rgba(0,0,0,.38); backdrop-filter:blur(14px);
    animation:bsToastIn .24s ease-out;
}
.bs-toast-icon {
    width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;
    background:rgba(52,211,153,.14);color:#6ee7b7;font-weight:800;font-size:16px;
}
.bs-toast > div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:1px}
.bs-toast strong{font-size:14px;color:#f7fbff}
.bs-toast span{font-size:13px;line-height:1.45;color:#aebbd0}
.bs-toast-close{margin-left:auto;border:0;background:transparent;color:#8190aa;font-size:20px;line-height:1;padding:3px;cursor:pointer}
.bs-toast-close:hover{color:#fff}
.bs-toast-hide{opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}
@keyframes bsToastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.bs-toast{top:14px;right:16px;left:16px;width:auto}}

/* BS CORE V5.15 – mobile application shell */
.mobile-menu-button,.mobile-nav-backdrop{display:none}.detail-head-actions{display:flex;align-items:center;gap:10px}
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}.app-page{font-size:15px}.app-shell{display:block;width:100%;min-width:0}.app-main{width:100%;min-width:0;padding:76px 14px 32px}.app-main>*{max-width:100%}
  .mobile-menu-button{position:fixed;z-index:1002;top:14px;left:14px;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(93,151,230,.25);border-radius:11px;background:rgba(7,15,31,.94);box-shadow:0 10px 28px rgba(0,0,0,.28);cursor:pointer}.mobile-menu-button span{display:block;width:20px;height:2px;border-radius:2px;background:#dce8fa;transition:.2s}.mobile-menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-button.is-open span:nth-child(2){opacity:0}.mobile-menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-backdrop{position:fixed;z-index:999;inset:0;display:block;background:rgba(2,5,12,.68);backdrop-filter:blur(4px)}.mobile-nav-backdrop[hidden]{display:none!important}
  .sidebar{position:fixed!important;z-index:1001;inset:0 auto 0 0!important;width:min(84vw,310px)!important;height:100dvh!important;padding:74px 16px 20px!important;display:flex!important;transform:translateX(-105%);transition:transform .24s ease;background:#07101f!important;border-right:1px solid rgba(93,151,230,.2);box-shadow:25px 0 60px rgba(0,0,0,.38)}.sidebar.mobile-open{transform:translateX(0)}
  .sidebar-brand{padding:0 8px 18px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.sidebar-brand img{width:40px!important;height:40px!important}.sidebar-brand span{display:block!important}.sidebar-nav{display:grid!important;overflow:visible!important;gap:6px!important;margin-top:20px!important;padding:0!important}.sidebar-nav .nav-item{width:100%;min-width:0!important;min-height:46px!important;padding:0 13px!important;font-size:14px!important}.sidebar-nav .nav-icon{width:25px!important}.sidebar-bottom{display:block!important;margin-top:auto!important}
  body.nav-open{overflow:hidden}.app-topbar{min-height:44px;padding:0 0 15px 58px!important;display:flex!important;align-items:center!important;flex-direction:row!important;gap:10px!important}.app-topbar>div:first-child{display:block!important;min-width:0}.app-topbar .eyebrow{display:none}.app-topbar h1{margin:0!important;font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{width:auto!important;margin-left:auto}.user-avatar{width:34px;height:34px}.user-info{display:none!important}.logout-button{font-size:0!important;width:36px;height:34px;padding:0!important}.logout-button:after{content:'↪';font-size:18px}
  .global-test-warning{margin-top:10px!important;padding:10px 12px!important;gap:5px!important}.global-test-warning>span:last-child{font-size:11px;line-height:1.4}
  .dashboard-heading,.module-heading{margin:24px 0 18px!important}.dashboard-heading{gap:14px!important}.dashboard-heading h2,.module-heading h2{font-size:24px!important}.dashboard-heading .primary-action,.module-heading .primary-action{width:100%;justify-content:center}.stats-grid,.dashboard-grid,.detail-grid,.settings-grid{grid-template-columns:1fr!important}.stat-card{min-height:120px}.dashboard-panel,.form-card{padding:17px!important}
  .form-grid,.masterdata-grid,.masterdata-grid-3,.product-create-form,.product-row,.offer-item-row,.invoice-item-meta{grid-template-columns:1fr!important}.form-grid .span-2,.masterdata-grid .span-2,.offer-item-row label:first-child{grid-column:auto!important}.form-actions{width:100%;flex-direction:column-reverse;align-items:stretch}.form-actions>*{width:100%}.form-actions .primary-action,.form-actions .secondary-action{justify-content:center}.offer-card-head,.catalog-head,.catalog-list-head,.settings-card-head{align-items:flex-start!important;flex-direction:column!important}.product-search-results,.search-results{position:fixed!important;z-index:1200!important;left:14px!important;right:14px!important;top:auto!important;bottom:14px!important;width:auto!important;max-width:none!important;max-height:55dvh!important}
  .customer-table-wrap{overflow:visible!important;border:0!important;background:transparent!important}.customer-table{display:block!important;width:100%!important;min-width:0!important}.customer-table thead{display:none!important}.customer-table tbody{display:grid!important;gap:10px}.customer-table tr{display:block!important;padding:8px 14px!important;border:1px solid rgba(110,145,207,.16)!important;border-radius:13px!important;background:rgba(8,15,32,.72)!important}.customer-table td{display:grid!important;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr)!important;gap:10px!important;align-items:start!important;width:100%!important;padding:9px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;overflow-wrap:anywhere!important}.customer-table td:last-child{border-bottom:0!important}.customer-table td:before{content:attr(data-label);color:#657693;font-size:10px;font-weight:700;letter-spacing:.07em}.customer-table td[data-label=""]:before{content:'AKTION'}.customer-table .row-link{justify-self:start}.detail-head{margin:24px 0 18px!important;gap:14px!important;flex-direction:column!important}.detail-head h1{font-size:25px!important;overflow-wrap:anywhere}.detail-head-actions{width:100%;justify-content:space-between}.detail-list{grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr)!important;gap:10px!important}.finalize-box{padding:17px!important;gap:18px!important}.finalize-box .primary-action{width:100%;justify-content:center}.invoice-total{justify-content:space-between!important;gap:12px!important}.catalog-create-card,.catalog-list-card,.masterdata-card{padding:17px!important}.product-list-row{grid-template-columns:1fr!important}.masterdata-savebar{left:0;right:0}.bs-toast{top:14px!important;right:14px!important;left:70px!important;width:auto!important}.bs-modal-actions{width:100%}.bs-modal-actions .primary-action,.bs-modal-actions .secondary-action{width:100%;justify-content:center}.simple-module,.form-page{width:100%!important;padding-left:0!important;padding-right:0!important}.payment-note-field{max-width:100%}
}
@media(max-width:390px){.app-main{padding-left:10px;padding-right:10px}.customer-table td{grid-template-columns:82px minmax(0,1fr)!important}.bs-toast{left:14px!important;top:68px!important}.app-topbar h1{font-size:18px!important}}

/* BS CORE V5.15.1/2 – fixed TEST border + Toast */
.bs-toast{position:fixed!important;top:24px!important;right:28px!important;left:auto!important;transform:none!important;z-index:10050!important}
body.test-mode{border:0!important}body.test-mode::after{content:"";position:fixed;inset:0;border:2px solid rgba(239,68,68,.65);pointer-events:none;z-index:20000;box-sizing:border-box}
.contract-actions{display:flex;gap:10px;flex-wrap:wrap}.contract-summary{margin:0 0 18px}.contract-summary strong{font-size:22px}.contract-status-form{display:flex;gap:8px;align-items:center}.contract-status-form select{min-width:120px}
@media screen and (max-width:760px){body .bs-toast{position:fixed!important;top:18px!important;left:50vw!important;right:auto!important;width:calc(100vw - 32px)!important;max-width:520px!important;margin:0!important;translate:-50% 0!important;transform:none!important;box-sizing:border-box!important;z-index:10050!important;animation:bsMobileToastIn .24s ease-out!important}body .bs-toast.bs-toast-hide{opacity:0!important;translate:-50% -8px!important;transform:none!important;transition:opacity .22s ease,translate .22s ease!important}@keyframes bsMobileToastIn{from{opacity:0;translate:-50% -10px}to{opacity:1;translate:-50% 0}}.contract-actions,.contract-status-form{width:100%;flex-direction:column;align-items:stretch}.contract-status-form select{width:100%}}

/* =========================================================
   BS CORE V5.17 – GUI / UX cleanup
   ========================================================= */
.clickable-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.clickable-row:hover{background:rgba(35,74,128,.13)}.clickable-row:focus{outline:1px solid rgba(43,202,232,.45);outline-offset:-1px}.clickable-row .row-link{pointer-events:auto}.stat-link{text-decoration:none;color:inherit}.compact-stats .stat-card{min-height:126px}.command-grid{align-items:start}.command-panel{min-height:0}.action-list{display:flex;flex-direction:column;margin-top:8px}.action-list a{display:grid;grid-template-columns:1fr auto;gap:3px 16px;position:relative;padding:15px 30px 15px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;color:#e8effc}.action-list a:last-child{border-bottom:0}.action-list a:hover span{color:#63ddf2}.action-list span{font-size:13px}.action-list small{grid-column:1;color:#71809d;font-size:11px}.action-list i{position:absolute;right:3px;top:50%;transform:translateY(-50%);font-style:normal;color:#7195ca}.detail-head-clean{margin-bottom:18px}.detail-head-actions{display:flex;align-items:center;gap:10px}.detail-tabs{display:flex;gap:5px;margin:0 0 20px;padding:5px;border:1px solid rgba(110,145,207,.13);border-radius:12px;background:rgba(8,15,32,.58);overflow:auto}.detail-tabs button,.detail-tabs a{flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:#7f8da8;padding:10px 15px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.detail-tabs button:hover,.detail-tabs a:hover{color:#dce9ff;background:rgba(255,255,255,.035)}.detail-tabs button.active,.detail-tabs a.active{color:#eafcff;background:rgba(31,178,220,.10);box-shadow:inset 0 0 0 1px rgba(51,203,232,.18)}.detail-tabs span{margin-left:5px;color:#5ccfe5}.tab-panel{display:none}.tab-panel.active{display:block}.embedded-table{margin-top:16px}.compact-empty{min-height:115px}.settings-tabs{position:sticky;top:10px;z-index:30;backdrop-filter:blur(18px);margin-bottom:28px}.settings-anchor{scroll-margin-top:90px}.company-settings,.settings-products{scroll-margin-top:90px}
/* V5.16.1 contract status integrated */
.contract-status-form{display:flex;align-items:center;gap:8px}.contract-status-form select{min-width:118px;height:38px;padding:0 32px 0 12px;border:1px solid rgba(92,126,184,.28);border-radius:9px;background:#0a1429;color:#dce6f8;font:inherit;font-size:12px;outline:none;cursor:pointer;color-scheme:dark}.contract-status-form select:focus{border-color:#18c8e8;box-shadow:0 0 0 2px rgba(24,200,232,.08)}
@media(max-width:760px){.detail-head-actions{width:100%;justify-content:space-between}.detail-tabs{margin-left:-2px;margin-right:-2px}.detail-tabs button,.detail-tabs a{padding:10px 12px}.action-list a{padding-top:14px;padding-bottom:14px}.contract-status-form{width:100%}.contract-status-form select{flex:1;min-width:0}}
.detail-anchor{scroll-margin-top:85px}



/* BS Core V5.17.2 – semantische Statusfarben */
.status-pill.status-open{color:#ffd28a;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.38)}
.status-pill.status-overdue{color:#ff9b9b;background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.42)}
.status-pill.status-partial{color:#ffe08a;background:rgba(234,179,8,.11);border-color:rgba(234,179,8,.36)}
.status-pill.status-paid,.status-pill.status-accepted,.status-pill.status-active{color:#8ff0c9;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.40)}
.status-pill.status-rejected,.status-pill.status-paused{color:#ffc078;background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.40)}
.status-pill.status-finalized{color:#9ed0ff;background:rgba(59,130,246,.11);border-color:rgba(59,130,246,.34)}
.status-pill.status-draft,.status-pill.status-ended{color:#aab7cc;background:rgba(148,163,184,.09);border-color:rgba(148,163,184,.25)}


/* BS Core V5.17.3 – Angebotsstatus final
   Angenommen = grün, Abgelehnt = rot, Finalisiert = orange.
   Bewusst mit hoher Spezifität/!important, damit ältere Statusregeln
   diese Farben nicht wieder überschreiben. */

.status-pill.status-accepted,
.status-accepted,
.badge.status-accepted,
.status-badge.status-accepted,
.offer-status.status-accepted,
.status-pill.accepted,
.badge.accepted,
.status-badge.accepted {
    color: #86efac !important;
    background: rgba(34, 197, 94, .12) !important;
    border-color: rgba(34, 197, 94, .42) !important;
}

.status-pill.status-rejected,
.status-rejected,
.badge.status-rejected,
.status-badge.status-rejected,
.offer-status.status-rejected,
.status-pill.rejected,
.badge.rejected,
.status-badge.rejected {
    color: #fca5a5 !important;
    background: rgba(239, 68, 68, .12) !important;
    border-color: rgba(239, 68, 68, .45) !important;
}

.status-pill.status-issued,
.status-issued,
.badge.status-issued,
.status-badge.status-issued,
.offer-status.status-issued,
.status-pill.issued,
.badge.issued,
.status-badge.issued {
    color: #fdba74 !important;
    background: rgba(249, 115, 22, .12) !important;
    border-color: rgba(249, 115, 22, .45) !important;
}

/* BS Core V5.17.4 – Angebote klickbar + finale Angebotsfarben */
.bs-clickable-row { cursor:pointer; }
.bs-clickable-row:hover > td { background:rgba(35,70,110,.10); }
.bs-clickable-row:focus-visible { outline:1px solid rgba(45,200,235,.65); outline-offset:-1px; }

/* ANGENOMMEN */
.status-pill.status-accepted,.status-pill.accepted,.status-pill.accepted-pill {
 color:#86efac !important; background:rgba(34,197,94,.12) !important; border-color:rgba(34,197,94,.42) !important;
}
/* ABGELEHNT */
.status-pill.status-rejected,.status-pill.rejected,.status-pill.rejected-pill {
 color:#fca5a5 !important; background:rgba(239,68,68,.12) !important; border-color:rgba(239,68,68,.48) !important;
}
/* FINALISIERT: aktuelles Template nutzt issued-pill */
.status-pill.status-issued,.status-pill.issued,.status-pill.issued-pill {
 color:#fdba74 !important; background:rgba(249,115,22,.14) !important; border-color:rgba(249,115,22,.48) !important;
}

/* BS Core V5.17.4.1 – FINALISIERT korrekt orange */
.status-pill.status-finalized {
    color: #fdba74 !important;
    background: rgba(249, 115, 22, .14) !important;
    border-color: rgba(249, 115, 22, .48) !important;
}

/* BS Core V5.18.1 - Settings Tabs */
.settings-tabs{display:flex;gap:8px;align-items:center;padding:7px;margin:0 0 24px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(10,16,31,.72);overflow-x:auto;scrollbar-width:none}
.settings-tabs::-webkit-scrollbar{display:none}
.settings-tab{appearance:none;border:0;background:transparent;color:#93a4bd;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;padding:11px 17px;border-radius:10px;transition:.18s ease}
.settings-tab:hover{color:#e9f3ff;background:rgba(255,255,255,.045)}
.settings-tab.active{color:#fff;background:linear-gradient(135deg,rgba(20,184,230,.20),rgba(124,58,237,.18));box-shadow:inset 0 0 0 1px rgba(70,190,245,.24)}
.settings-panel[hidden],.settings-subpanel[hidden],.settings-savebar[hidden]{display:none!important}
.settings-panel{animation:bsSettingsIn .18s ease-out}
@keyframes bsSettingsIn{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
.settings-panel .company-settings,.settings-panel .settings-products{margin-top:0}
@media(max-width:760px){.settings-tabs{margin:0 -2px 18px;padding:6px;gap:5px}.settings-tab{padding:10px 13px;font-size:13px}}

/* BS Core V5.20 - Desktop readability
   Desktop only: improve small text without changing the approved mobile layout. */
@media (min-width: 901px) {
  /* Sidebar */
  .nav-item { font-size: 15px !important; }
  .sidebar-company { font-size: 13px !important; }

  /* General small/muted UI copy */
  .app-main small,
  .app-main .muted,
  .app-main .subtle,
  .app-main .meta,
  .app-main .helper,
  .app-main .hint {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  /* Eyebrows / compact uppercase labels */
  .eyebrow,
  .metric-label,
  .stat-label,
  .card-label {
    font-size: 12px !important;
    letter-spacing: .16em;
  }

  /* Dashboard cards and lists */
  .metric-card,
  .dashboard-card,
  .attention-card,
  .schedule-card {
    font-size: 14px;
  }

  .metric-card p,
  .dashboard-card p,
  .attention-card p,
  .schedule-card p,
  .metric-card span,
  .dashboard-card span,
  .attention-card span,
  .schedule-card span {
    line-height: 1.45;
  }

  /* Tables and ordinary form/UI text */
  table { font-size: 14px; }
  input, select, textarea, button { font-size: 14px; }

  /* Top bar */
  .user-info strong { font-size: 14px !important; }
  .user-info span { font-size: 12px !important; }
  .logout-button { font-size: 13px !important; }

  /* Keep status pills compact, but easier to read */
  .status-pill { font-size: 12px !important; }

  /* Test banner copy */
  .global-test-warning { font-size: 13px; }
}

/* BS Core V5.21 - Corrections */
.correction-panel{border-color:rgba(249,115,22,.28)!important}
.correction-action{border-color:rgba(249,115,22,.45)!important;color:#fdba74!important;cursor:pointer}
.correction-reason{display:block;text-align:left;margin:18px 0 4px;color:#cbd5e1;font-weight:700}
.correction-reason textarea{width:100%;margin-top:8px;box-sizing:border-box}
.correction-link-panel{border-color:rgba(148,163,184,.22)!important}
.status-pill.status-corrected,.status-pill.status-correction{color:#fdba74!important;background:rgba(249,115,22,.14)!important;border-color:rgba(249,115,22,.48)!important}
/* BS Core V5.22 - Correction workflow + invoice filters */
.correction-panel,.correction-link-panel{margin-top:18px!important}.correction-box{align-items:center}.correction-action{background:rgba(249,115,22,.08)!important;border:1px solid rgba(249,115,22,.42)!important;color:#fdba74!important;min-width:180px}.correction-action:hover{background:rgba(249,115,22,.14)!important;border-color:rgba(251,146,60,.7)!important}.correction-modal{width:min(860px,calc(100vw - 32px))!important;padding:30px!important}.correction-modal form{margin-top:20px}.correction-modal input,.correction-modal textarea,.correction-modal select{box-sizing:border-box;width:100%;border:1px solid #263b61;border-radius:10px;background:#091329;color:#f5f7ff;padding:12px 13px;font:inherit;outline:none}.correction-modal input:focus,.correction-modal textarea:focus{border-color:#18c8e8;box-shadow:0 0 0 2px rgba(24,200,232,.08)}.correction-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.correction-mode-card{display:flex;gap:12px;padding:15px;border:1px solid #263b61;border-radius:12px;background:rgba(9,19,41,.72);cursor:pointer}.correction-mode-card:has(input:checked){border-color:rgba(34,197,246,.6);background:rgba(34,197,246,.07)}.correction-mode-card input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:#22c5f6}.correction-mode-card span,.correction-mode-card strong,.correction-mode-card small{display:block}.correction-mode-card small{margin-top:4px;color:#8492ad;line-height:1.45}.correction-partial{margin:16px 0;padding:16px;border:1px solid rgba(75,96,132,.35);border-radius:13px;background:rgba(4,10,24,.34)}.correction-partial[hidden]{display:none!important}.correction-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.correction-section-head small{display:block;margin-top:3px;color:#8492ad}.correction-existing-list{display:grid;gap:8px}.correction-existing-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(50,70,108,.6);border-radius:10px;background:#091329;cursor:pointer}.correction-existing-row:has(input:checked){border-color:rgba(249,115,22,.52);background:rgba(249,115,22,.06)}.correction-existing-row input{width:17px;height:17px;accent-color:#f97316}.correction-existing-main strong,.correction-existing-main small{display:block}.correction-existing-main small{margin-top:3px;color:#8492ad}.correction-new-head{margin-top:18px}.compact-action{padding:8px 11px!important;min-height:36px!important}.correction-new-row{position:relative;display:grid;grid-template-columns:1.4fr 1.8fr .65fr .7fr .85fr 40px;gap:8px;align-items:end;margin-top:9px}.correction-new-row label{font-size:12px;color:#aebad0}.correction-new-row label input{margin-top:6px}.correction-product-search{position:relative}.correction-product-results{position:absolute;z-index:10;left:0;right:0;top:100%;margin-top:4px;border:1px solid #263b61;border-radius:10px;background:#081226;box-shadow:0 16px 35px rgba(0,0,0,.35);overflow:hidden}.correction-product-results[hidden]{display:none}.correction-product-results button{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid rgba(38,59,97,.55);background:transparent;color:#edf4ff;text-align:left}.correction-product-results button:hover{background:rgba(34,197,246,.08)}.correction-product-results strong,.correction-product-results span{display:block}.correction-product-results span{margin-top:3px;color:#8492ad;font-size:11px}.correction-remove{height:43px!important;cursor:pointer}.correction-reason{display:block;margin:17px 0 10px;color:#cbd5e1;font-weight:700}.correction-reason textarea{margin-top:8px;resize:vertical}.correction-summary-note{padding:11px 13px;border-radius:9px;background:rgba(34,197,246,.06);border:1px solid rgba(34,197,246,.16);color:#9eb0ca;font-size:12px}.invoice-filterbar{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(170px,.7fr) minmax(170px,.7fr) auto;gap:12px;align-items:end;margin:0 0 8px;padding:16px;border:1px solid rgba(38,59,97,.7);border-radius:13px;background:rgba(9,19,41,.7)}.invoice-filterbar label span{display:block;margin-bottom:7px;color:#8492ad;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.invoice-filterbar input,.invoice-filterbar select{width:100%;height:42px;box-sizing:border-box;border:1px solid #263b61;border-radius:9px;background:#091329;color:#f5f7ff;padding:0 12px;font:inherit;outline:none}.invoice-filterbar input:focus,.invoice-filterbar select:focus{border-color:#18c8e8;box-shadow:0 0 0 2px rgba(24,200,232,.08)}.invoice-filter-reset{height:42px!important;white-space:nowrap}.invoice-filter-meta{margin:8px 3px 13px;color:#71809a;font-size:12px}.invoice-filter-row[hidden]{display:none!important}.status-pill.status-correction,.status-pill.status-corrected{color:#fdba74!important;background:rgba(249,115,22,.14)!important;border-color:rgba(249,115,22,.48)!important}@media(max-width:900px){.correction-mode-grid{grid-template-columns:1fr}.correction-new-row{grid-template-columns:1fr 1fr}.correction-product-search,.correction-desc{grid-column:1/-1}.invoice-filterbar{grid-template-columns:1fr 1fr}.invoice-search{grid-column:1/-1}}@media(max-width:600px){.correction-modal{padding:22px!important}.correction-new-row{grid-template-columns:1fr}.correction-product-search,.correction-desc{grid-column:auto}.invoice-filterbar{grid-template-columns:1fr}.invoice-search{grid-column:auto}.correction-existing-row{grid-template-columns:22px 1fr}.correction-existing-row>b{grid-column:2}}

/* BS Core V5.23 - unified controls, semantic states, workspace tabs, filters */
.secondary-action,.secondary-button,.clean-secondary,.modal-button,.compact-action{
  min-height:40px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid rgba(105,132,181,.34)!important;border-radius:9px!important;background:rgba(13,25,49,.82)!important;
  color:#c9d4e8!important;text-decoration:none!important;font:inherit!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;
  box-shadow:none!important;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease!important
}
.secondary-action:hover,.secondary-button:hover,.clean-secondary:hover,.modal-button:hover,.compact-action:hover{background:rgba(22,39,72,.9)!important;border-color:rgba(75,187,236,.48)!important;color:#f3f8ff!important}
.secondary-action:active,.secondary-button:active,.clean-secondary:active{transform:translateY(1px)}
.correction-action{border-color:rgba(249,115,22,.42)!important;background:rgba(249,115,22,.08)!important;color:#fdba74!important}
.correction-action:hover{background:rgba(249,115,22,.14)!important;border-color:rgba(251,146,60,.7)!important}
.compact-action{min-height:38px!important;padding:0 12px!important}
.status-pill.status-paid,.status-pill.status-accepted,.status-pill.status-active{color:#6ee7b7!important;background:rgba(16,185,129,.12)!important;border-color:rgba(16,185,129,.42)!important}
.status-pill.status-open,.status-pill.status-finalized,.status-pill.status-correction{color:#fdba74!important;background:rgba(249,115,22,.12)!important;border-color:rgba(249,115,22,.42)!important}
.status-pill.status-overdue,.status-pill.status-rejected,.status-pill.status-ended{color:#fda4af!important;background:rgba(244,63,94,.11)!important;border-color:rgba(244,63,94,.38)!important}
.status-pill.status-partial{color:#7dd3fc!important;background:rgba(14,165,233,.11)!important;border-color:rgba(14,165,233,.38)!important}
.status-pill.status-draft,.status-pill.status-paused{color:#b8c2d6!important;background:rgba(148,163,184,.09)!important;border-color:rgba(148,163,184,.28)!important}
.status-pill.status-corrected{color:#c4b5fd!important;background:rgba(139,92,246,.12)!important;border-color:rgba(139,92,246,.42)!important}






.universal-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.35fr) auto;gap:12px;align-items:end;margin:0 0 16px;padding:15px;border:1px solid rgba(38,59,97,.7);border-radius:13px;background:rgba(9,19,41,.7)}
.universal-filterbar .filter-grow{min-width:0}.universal-filterbar label>span{display:block;margin-bottom:7px;color:#8492ad;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.universal-filterbar input,.universal-filterbar select,.payment-entry-modal input,.payment-entry-modal select,.payment-entry-modal textarea{width:100%;box-sizing:border-box;border:1px solid #263b61;border-radius:9px;background:#091329;color:#f5f7ff;padding:0 12px;font:inherit;outline:none}
.universal-filterbar input,.universal-filterbar select{height:42px}.payment-entry-modal input,.payment-entry-modal select{height:44px}.payment-entry-modal textarea{padding:11px 12px;resize:vertical}
.payment-entry-modal label{display:block;margin-top:12px;color:#c8d3e6;font-size:12px;font-weight:600}.payment-entry-modal label input,.payment-entry-modal label select,.payment-entry-modal label textarea{margin-top:7px}
.payment-entry-modal{width:min(680px,calc(100vw - 32px))!important}
@media(max-width:900px){.universal-filterbar{grid-template-columns:1fr 1fr}.universal-filterbar .filter-grow{grid-column:1/-1}}
@media(max-width:600px){.universal-filterbar{grid-template-columns:1fr}.universal-filterbar .filter-grow{grid-column:auto}}

/* BS Core V5.23.2 - browser-like workspace tabs */
.workspace-tabs.browser-tabs{position:relative;margin:14px 0 18px;padding:0 8px;border-bottom:1px solid rgba(73,96,139,.34)}
.workspace-tabs-track{display:flex;align-items:flex-end;gap:2px;min-height:39px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.workspace-tab{position:relative;display:flex;align-items:center;min-width:130px;max-width:245px;height:36px;margin-bottom:-1px;border:1px solid rgba(73,96,139,.25);border-bottom-color:rgba(73,96,139,.34);border-radius:10px 10px 0 0;background:rgba(6,13,28,.58);color:#7887a2;transition:.15s ease}
.workspace-tab:hover{background:rgba(14,26,50,.78);color:#bdc9dc}
.workspace-tab.active{z-index:2;height:39px;background:#0b1428;border-color:rgba(49,172,222,.42);border-bottom-color:#0b1428;color:#f1f7ff;box-shadow:0 -5px 18px rgba(0,0,0,.08)}
.workspace-tab.fixed{min-width:122px;cursor:default}.workspace-tab.fixed::before{content:'⌂';margin-left:11px;color:#67d7f4;font-size:12px}
.workspace-tab.dragging{opacity:.42}
.workspace-tab a{min-width:0;flex:1;padding:0 8px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none;font-size:11px;font-weight:600}
.workspace-tab.fixed a{padding-left:7px;padding-right:13px}
.workspace-tab button{flex:0 0 29px;width:29px;height:29px;margin-right:3px;border:0;border-radius:6px;background:transparent;color:#61718e;cursor:pointer;font-size:16px;line-height:1}
.workspace-tab button:hover{background:rgba(255,255,255,.07);color:#fff}
@media(max-width:900px){.workspace-tabs.browser-tabs{margin-top:10px;padding:0 4px}.workspace-tab{min-width:112px}}

/* BS Core V5.24 - Gutschriften */
.status-pill.status-credit{color:#93c5fd!important;background:rgba(59,130,246,.12)!important;border-color:rgba(59,130,246,.4)!important}
.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.credit-action{border-color:rgba(59,130,246,.42)!important;color:#93c5fd!important;background:rgba(59,130,246,.08)!important}
.credit-action:hover{background:rgba(59,130,246,.14)!important;border-color:rgba(96,165,250,.7)!important}
.credit-panel,.credit-link-panel{margin-top:16px}.credit-source-card{border-color:rgba(59,130,246,.28)!important}
.inline-doc-link{color:#7dd3fc;text-decoration:none;font-weight:700}.inline-doc-link:hover{text-decoration:underline}
@media(max-width:600px){.heading-actions{width:100%}.heading-actions>a{flex:1}}

/* BS Core V5.24.1 – Dokumentverknüpfungen */
.linked-documents{margin-top:14px;padding-top:14px;border-top:1px solid rgba(75,99,143,.22);display:grid;gap:9px}
.linked-document-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(75,99,143,.2);border-radius:10px;background:rgba(7,15,31,.34)}
.linked-document-row>div{display:grid;gap:3px}.linked-document-row strong{font-size:13px}
@media(max-width:600px){.linked-document-row{align-items:stretch;flex-direction:column}.linked-document-row .link-button{width:100%;text-align:center}}

/* BS Core V5.24.2 – Gutschriftpositionen + vollständige Dokumentübersicht */
.document-list{display:grid;gap:10px;width:100%}
.document-list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid rgba(75,99,143,.22);border-radius:12px;background:rgba(7,15,31,.30)}
.document-list-row>div{min-width:0}
.document-list-row h3{margin:3px 0 4px}
.document-list-row p{margin:0}
.document-list-primary{border-color:rgba(56,189,248,.30);background:rgba(14,165,233,.055)}
@media(max-width:600px){.document-list-row{align-items:stretch;flex-direction:column}.document-list-row .link-button{width:100%;text-align:center}}

/* BS Core V5.24.3 – Gutschriftbezug ausschließlich im Dokumente-Tab */
.document-list-row .primary-action,
.document-list-row .secondary-action{flex:0 0 auto}

/* BS Core V5.27 – Mahnwesen */
.reminder-panel{margin-top:16px}
.reminder-action{border-color:rgba(249,115,22,.34)!important;color:#fdba74!important}
.reminder-history{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.reminder-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid rgba(249,115,22,.16);border-radius:10px;background:rgba(249,115,22,.035)}
.reminder-history-row>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reminder-history-row strong{font-size:12px}.reminder-history-row small{color:#71809a;font-size:10px}
.status-pill.status-reminder{color:#fdba74!important;background:rgba(249,115,22,.13)!important;border-color:rgba(249,115,22,.38)!important}
.reminder-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.reminder-history-row{align-items:flex-start;flex-direction:column}.reminder-form-grid{grid-template-columns:1fr}}

/* BS Core V5.27.1 – Mahnwesen Polish */
.reminder-modal{width:min(680px,calc(100vw - 32px))!important;padding:30px!important}.reminder-modal form{margin-top:20px}.reminder-modal label{display:block;color:#cbd5e1;font-weight:700;font-size:13px}.reminder-modal label>input,.reminder-modal label>textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #263b61;border-radius:10px;background:#091329;color:#f5f7ff;padding:12px 13px;font:inherit;outline:none}.reminder-modal label>textarea{min-height:92px;resize:vertical}.reminder-modal label>input:focus,.reminder-modal label>textarea:focus{border-color:#18c8e8;box-shadow:0 0 0 2px rgba(24,200,232,.08)}.reminder-modal .reminder-form-grid{margin-bottom:14px}.reminder-modal .bs-modal-actions{margin-top:20px}.status-pill.status-reminder-danger{color:#fecdd3!important;background:rgba(225,29,72,.14)!important;border-color:rgba(244,63,94,.55)!important}.session-tabs,.app-tabs,.workspace-tabs{scrollbar-width:thin;scrollbar-color:#334a70 #080f20}.session-tabs::-webkit-scrollbar,.app-tabs::-webkit-scrollbar,.workspace-tabs::-webkit-scrollbar{height:8px}.session-tabs::-webkit-scrollbar-track,.app-tabs::-webkit-scrollbar-track,.workspace-tabs::-webkit-scrollbar-track{background:#080f20;border-radius:999px}.session-tabs::-webkit-scrollbar-thumb,.app-tabs::-webkit-scrollbar-thumb,.workspace-tabs::-webkit-scrollbar-thumb{background:#263b61;border:2px solid #080f20;border-radius:999px}.session-tabs::-webkit-scrollbar-thumb:hover,.app-tabs::-webkit-scrollbar-thumb:hover,.workspace-tabs::-webkit-scrollbar-thumb:hover{background:#18a9d0}

/* V5.28: searchable payment invoice picker + invoice workflow tabs */
.payment-invoice-picker{position:relative;margin-top:7px}.payment-invoice-picker>input[type=search]{margin-top:0!important}.payment-invoice-results{position:absolute;z-index:80;left:0;right:0;top:50px;max-height:320px;overflow:auto;border:1px solid #263b61;border-radius:11px;background:#081226;box-shadow:0 18px 45px rgba(0,0,0,.48);padding:5px}.payment-invoice-results[hidden]{display:none!important}.payment-invoice-results button{display:grid;grid-template-columns:1fr auto;gap:3px 14px;width:100%;padding:11px 12px;border:0;border-bottom:1px solid rgba(38,59,97,.45);background:transparent;color:#eef5ff;text-align:left;cursor:pointer;border-radius:7px}.payment-invoice-results button:last-child{border-bottom:0}.payment-invoice-results button:hover{background:rgba(34,197,246,.08)}.payment-invoice-results button strong{font-size:12px}.payment-invoice-results button span{grid-column:1;color:#8492ad;font-size:11px}.payment-invoice-results button b{grid-column:2;grid-row:1/3;align-self:center;color:#5ccfe5;font-size:11px;font-weight:600}.payment-invoice-results button[hidden]{display:none}.payment-invoice-selected{margin-top:7px;padding:8px 10px;border:1px solid rgba(34,197,246,.18);border-radius:8px;background:rgba(34,197,246,.055);color:#91a4c1;font-size:11px}.payment-invoice-selected[hidden]{display:none}.invoice-action-tab{margin-top:0!important;min-height:150px}.invoice-action-tab .panel-head{align-items:center}.reminder-history-tab{margin-top:20px;padding-top:0;border-top:0}.detail-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#263b61 #080f20}.detail-tabs::-webkit-scrollbar{height:6px}.detail-tabs::-webkit-scrollbar-track{background:#080f20;border-radius:999px}.detail-tabs::-webkit-scrollbar-thumb{background:#263b61;border-radius:999px}.detail-tabs::-webkit-scrollbar-thumb:hover{background:#18a9d0}@media(max-width:700px){.payment-invoice-results button{grid-template-columns:1fr}.payment-invoice-results button b{grid-column:1;grid-row:auto}}

/* V5.28.2: einheitliche BS-Core Aktionsbuttons ohne Cyan/Lila-Gradient */
.primary-action{background:rgba(10,24,49,.92)!important;border:1px solid rgba(72,126,207,.52)!important;color:#dceaff!important;box-shadow:none!important}
.primary-action:hover,.primary-action:focus{background:rgba(18,42,79,.96)!important;border-color:rgba(82,153,239,.72)!important;color:#fff!important}

/* V5.28.3 overview finalize */
.invoice-overview-finalize{display:flex;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid rgba(80,120,180,.16)}
.invoice-overview-finalize .secondary-action{cursor:pointer}


/* V5.28.4: standard actions + compact document menu */
.correction-action{background:rgba(12,28,56,.78)!important;border:1px solid rgba(91,132,199,.42)!important;color:#dbe8ff!important;min-width:0!important}
.correction-action:hover{background:rgba(22,39,72,.9)!important;border-color:rgba(75,187,236,.48)!important;color:#f3f8ff!important}
.invoice-doc-menu{position:relative;z-index:40}
.invoice-doc-menu>summary{list-style:none;user-select:none;gap:8px;white-space:nowrap;cursor:pointer;background:rgba(12,28,56,.78);border-color:rgba(91,132,199,.42);color:#dbe8ff}
.invoice-doc-menu>summary::-webkit-details-marker{display:none}
.doc-menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(54,201,244,.12);border:1px solid rgba(54,201,244,.24);color:#79d9f3;font-size:9px}
.invoice-doc-menu-popover{position:absolute;right:0;top:calc(100% + 8px);width:min(390px,calc(100vw - 40px));padding:7px;border:1px solid rgba(91,132,199,.28);border-radius:12px;background:#091329;box-shadow:0 18px 45px rgba(0,0,0,.42);display:grid;gap:4px}
.invoice-doc-menu-popover a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:8px;text-decoration:none;color:#dce8fa;border:1px solid transparent}
.invoice-doc-menu-popover a:hover{background:rgba(22,39,72,.9);border-color:rgba(75,187,236,.22)}
.invoice-doc-menu-popover span{display:grid;gap:3px;min-width:0}.invoice-doc-menu-popover small{font-size:8px;letter-spacing:.1em;color:#7589aa}.invoice-doc-menu-popover strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-doc-menu-popover b{font-size:9px;font-weight:600;color:#7fb6e9;white-space:nowrap}
@media(max-width:650px){.invoice-doc-menu{margin-left:auto}.invoice-doc-menu-popover{position:fixed;right:14px;left:14px;top:auto;width:auto}.detail-head-actions{overflow:visible!important}}

/* V5.28.6: Dokumentmenü vollständig deckend */
.invoice-doc-menu{isolation:isolate;z-index:999!important}
.invoice-doc-menu-popover{
  z-index:1000!important;
  background:#081226!important;
  background-color:#081226!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.invoice-doc-menu-popover a{
  background:#081226!important;
  opacity:1!important;
}
.invoice-doc-menu-popover a:hover{
  background:#102142!important;
}

/* V5.28.7: Dokumentmenü garantiert über dem Seiteninhalt */
.detail-head,
.detail-head-clean,
.detail-head-actions {
    position: relative;
    overflow: visible !important;
}

.detail-head {
    z-index: 1000 !important;
}

.detail-head-actions {
    z-index: 1001 !important;
}

.invoice-doc-menu {
    position: relative !important;
    z-index: 1002 !important;
    isolation: auto !important;
}

.invoice-doc-menu[open] {
    z-index: 9999 !important;
}

.invoice-doc-menu-popover {
    position: absolute !important;
    z-index: 10000 !important;
    background: #081226 !important;
    background-color: #081226 !important;
    opacity: 1 !important;
    isolation: isolate !important;
}

/* Einträge ebenfalls garantiert deckend */
.invoice-doc-menu-popover > a {
    background-color: #081226 !important;
}

.invoice-doc-menu-popover > a:hover {
    background-color: #102142 !important;
}


/* BS Core V5.29 – Vertragsdetail */
.contract-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contract-history{display:grid;gap:8px}.contract-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid rgba(91,132,199,.18);border-radius:10px;background:#0b1730;text-decoration:none;color:inherit}.contract-history-row:hover{border-color:rgba(75,187,236,.34);background:#102142}.contract-history-row>div{display:grid;gap:3px}.contract-history-row small{color:#71809a}.contract-history-row i{font-style:normal;color:#7fb6e9;font-size:11px}.contract-detail-status{display:flex;gap:10px;align-items:center;margin-top:14px}.contract-detail-status select{max-width:220px}@media(max-width:800px){.contract-detail-grid{grid-template-columns:1fr}.contract-history-row{grid-template-columns:1fr auto}.contract-history-row i{display:none}}
\n/* V5.29.2 Vertragspositionen */\n.contract-items-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:26px 0 10px}.contract-items-head h3{margin:3px 0 0}.contract-items{display:grid;gap:10px}.contract-item-row{display:grid;grid-template-columns:1.25fr 2fr .55fr .65fr .85fr 42px;gap:10px;align-items:end;padding:12px;border:1px solid rgba(91,132,199,.18);border-radius:12px;background:rgba(8,18,38,.55)}.contract-item-row label{min-width:0}.contract-item-remove{height:43px;border:1px solid rgba(224,70,92,.3);border-radius:9px;background:rgba(120,20,40,.12);color:#f28da0;cursor:pointer}.contract-total{display:flex;justify-content:flex-end;align-items:center;gap:22px;padding:18px 4px 22px}.contract-total span{color:#8292ad}.contract-total strong{font-size:18px}.contract-meta{border-top:1px solid rgba(91,132,199,.14);padding-top:22px}.contract-detail-items{display:grid;gap:8px;margin-top:12px}.contract-detail-items>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(91,132,199,.14);border-radius:9px}.contract-detail-items small{color:#8292ad}.contract-detail-items b{white-space:nowrap}.contract-detail-total{display:flex;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid rgba(91,132,199,.18)}@media(max-width:1050px){.contract-item-row{grid-template-columns:1fr 1fr 1fr}.contract-item-remove{width:42px}.contract-desc{grid-column:span 2}}@media(max-width:650px){.contract-item-row{grid-template-columns:1fr}.contract-desc{grid-column:auto}.contract-detail-items>div{grid-template-columns:24px 1fr}.contract-detail-items small,.contract-detail-items b{grid-column:2}}\n
/* V5.29.3 – Vertrags-UI konsistent mit BS Core */
.contract-item-row label,
.contract-detail-status {
  color:#8797b5;
  font-size:10px;
  font-weight:600;
}
.contract-item-row label{display:grid;gap:8px}
.contract-item-row input,
.contract-item-row select,
.contract-meta input,
.contract-meta select,
.contract-meta textarea,
.contract-detail-status select {
  width:100%;
  min-height:43px;
  padding:11px 13px;
  border:1px solid rgba(127,158,218,.25);
  border-radius:9px;
  outline:0;
  background:#071023;
  color:#edf3ff;
  font:inherit;
  color-scheme:dark;
}
.contract-item-row input:focus,
.contract-item-row select:focus,
.contract-meta input:focus,
.contract-meta select:focus,
.contract-meta textarea:focus,
.contract-detail-status select:focus {
  border-color:rgba(48,204,255,.65);
  box-shadow:0 0 0 2px rgba(48,204,255,.06);
}
.contract-item-row select option,
.contract-meta select option,
.contract-detail-status select option {
  background:#071023;
  color:#edf3ff;
}
.contract-meta textarea{min-height:92px;resize:vertical}
.contract-item-row{
  grid-template-columns:minmax(180px,1.2fr) minmax(260px,2.2fr) minmax(90px,.55fr) minmax(100px,.65fr) minmax(140px,.9fr) 42px;
}
.contract-desc input{min-width:0}
.contract-detail-status select{width:220px;max-width:100%}
@media(max-width:1150px){
  .contract-item-row{grid-template-columns:1fr 1.4fr .65fr .7fr .9fr 42px}
}
@media(max-width:900px){
  .contract-item-row{grid-template-columns:1fr 1fr 1fr}
  .contract-desc{grid-column:span 2}
}
@media(max-width:650px){
  .contract-item-row{grid-template-columns:1fr}
  .contract-desc{grid-column:auto}
}

/* V5.30 – echte Vertragsverwaltung */
.contract-status-pill{font-size:11px!important;padding:7px 12px!important}
.contract-detail-status select{font-size:13px!important;font-weight:600!important}
.contract-legal-fields{margin-top:24px;padding-top:22px;border-top:1px solid rgba(91,132,199,.14)}
.contract-legal-fields h3{margin:4px 0 14px}
.contract-legal-fields textarea{min-height:105px}
.contract-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.contract-terms-grid>div{padding:15px;border:1px solid rgba(91,132,199,.16);border-radius:10px;background:rgba(8,18,38,.45)}
.contract-terms-grid strong{display:block;margin-bottom:8px}
.contract-terms-grid p{white-space:pre-line;color:#aebbd0;line-height:1.55;margin:0}
@media(max-width:900px){.contract-terms-grid{grid-template-columns:1fr}}
\n\n/* V5.31.2 – saubere Checkbox für abweichende Erstabrechnung */
.contract-billing-override{align-content:start}
.contract-checkline{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:34px;
  margin-top:4px;
  color:#dce8fa;
  font-size:12px;
  font-weight:500;
  line-height:1.35;
  cursor:pointer;
}
.contract-checkline input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 18px;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(91,132,199,.55)!important;
  border-radius:5px!important;
  background:#071023!important;
  display:grid;
  place-content:center;
  cursor:pointer;
}
.contract-checkline input[type="checkbox"]::before{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #071023;
  border-bottom:2px solid #071023;
  transform:rotate(-45deg) scale(0);
  transition:transform .12s ease;
  margin-top:-2px;
}
.contract-checkline input[type="checkbox"]:checked{
  background:#39c8f4!important;
  border-color:#39c8f4!important;
}
.contract-checkline input[type="checkbox"]:checked::before{transform:rotate(-45deg) scale(1)}
.contract-checkline input[type="checkbox"]:focus-visible{outline:2px solid rgba(57,200,244,.35);outline-offset:2px}
.contract-billing-override>small{display:block;margin-top:3px;color:#8292ad;line-height:1.45}


/* V5.33 – Zwei-Faktor-Authentifizierung */
.twofa-card{grid-column:1/-1}.twofa-setup{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:start;margin-top:18px}.twofa-setup img{width:190px;height:190px;padding:10px;border-radius:12px;background:#fff}.twofa-setup code,.twofa-recovery code{display:block;padding:9px 11px;border:1px solid rgba(91,132,199,.22);border-radius:8px;background:#071023;color:#dce8fa;letter-spacing:.08em}.twofa-setup form{margin-top:14px}.twofa-setup label,.twofa-disable label{display:grid;gap:7px;color:#aebbd0;font-size:12px}.twofa-setup input,.twofa-disable input{padding:11px 13px;border:1px solid rgba(127,158,218,.25);border-radius:9px;background:#071023;color:#edf3ff;font:inherit}.twofa-disable{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:18px}.twofa-recovery{padding:18px;border:1px solid rgba(57,200,244,.25);border-radius:12px;background:rgba(57,200,244,.05)}.twofa-recovery p{color:#aebbd0}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}@media(max-width:700px){.twofa-setup{grid-template-columns:1fr}.twofa-disable{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}}

/* V5.34 Kommunikation */
.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comm-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(120,150,200,.15)}.comm-row div{display:grid;gap:4px}.comm-row small{color:#8092ad}.comm-lead{padding:12px 0;border-bottom:1px solid rgba(120,150,200,.15)}.comm-lead summary{cursor:pointer;font-weight:650}.comm-lead form{margin-top:12px;display:grid;gap:10px}.checkbox-row{display:flex!important;align-items:flex-start;gap:12px}.checkbox-row input{width:18px;height:18px;margin-top:3px}.checkbox-row span{display:grid;gap:3px}.checkbox-row small{color:#8191aa}@media(max-width:900px){.comm-grid{grid-template-columns:1fr}}

/* BS Core V5.34.1 – Marketing & SMTP UI */
.marketing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.marketing-card{padding:22px;border:1px solid rgba(91,132,199,.18);border-radius:14px;background:rgba(10,20,42,.72)}.marketing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.marketing-card-head h3{margin:4px 0 6px;font-size:19px}.marketing-card-head p{margin:0;color:#8292ad;line-height:1.5}.marketing-count{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid rgba(57,200,244,.25);border-radius:10px;background:rgba(57,200,244,.06);font-weight:700}.marketing-form{display:grid;gap:14px}.marketing-form label,.smtp-settings label{display:grid;gap:7px;color:#aebbd0;font-size:12px;font-weight:600}.marketing-form label>span{color:#62d7fa}.marketing-form input,.marketing-form textarea,.smtp-settings input,.smtp-settings select{width:100%;box-sizing:border-box;min-height:43px;padding:11px 13px;border:1px solid rgba(127,158,218,.25);border-radius:9px;outline:0;background:#071023;color:#edf3ff;font:inherit;color-scheme:dark}.marketing-form textarea{min-height:120px;resize:vertical;line-height:1.5}.marketing-form input:focus,.marketing-form textarea:focus,.smtp-settings input:focus,.smtp-settings select:focus{border-color:rgba(48,204,255,.65);box-shadow:0 0 0 2px rgba(48,204,255,.06)}.marketing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.marketing-form-grid .span-2{grid-column:span 2}.marketing-actions{display:flex;justify-content:flex-end;margin-top:2px}.marketing-list{margin-top:22px;padding-top:18px;border-top:1px solid rgba(91,132,199,.14)}.marketing-list>h4{margin:0 0 8px;font-size:13px;color:#dce8fa}.marketing-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(120,150,200,.13)}.marketing-row:last-child{border-bottom:0}.marketing-row>div{display:grid;gap:4px;min-width:0}.marketing-row small{color:#8092ad}.marketing-lead{border-bottom:1px solid rgba(120,150,200,.13)}.marketing-lead summary{display:flex;justify-content:space-between;gap:12px;padding:13px 0;cursor:pointer}.marketing-lead summary small{color:#8092ad}.marketing-lead-form{padding:6px 0 18px}.marketing-history{margin-bottom:28px}.marketing-empty{padding:14px 0;color:#8292ad}.smtp-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:18px}.smtp-card,.smtp-test-card{margin:0}.smtp-sender-title{margin-top:24px}.smtp-actions{display:flex;justify-content:flex-end;margin-top:20px}.smtp-test-card{align-self:start}.smtp-test-card>label{margin:16px 0}.smtp-settings select option{background:#071023;color:#edf3ff}@media(max-width:950px){.marketing-grid,.smtp-grid{grid-template-columns:1fr}}@media(max-width:650px){.marketing-form-grid{grid-template-columns:1fr}.marketing-form-grid .span-2{grid-column:auto}.marketing-card{padding:16px}.marketing-row,.marketing-lead summary{align-items:flex-start;flex-direction:column}}

/* V5.35 invoice e-mail */
.invoice-mail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.invoice-mail-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.invoice-mail-summary>div{border:1px solid var(--line,#243552);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:5px}.invoice-mail-summary small,.invoice-mail-log small{display:block;opacity:.68;margin-top:4px}.invoice-mail-history{border-top:1px solid rgba(120,145,185,.18);margin-top:16px;padding:22px 4px 4px}.invoice-mail-log{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0;border-top:1px solid rgba(120,145,185,.13)}.invoice-mail-log:first-of-type{margin-top:10px}.invoice-mail-compose textarea{min-height:250px;resize:vertical}@media(max-width:760px){.invoice-mail-summary{grid-template-columns:1fr}.invoice-mail-log{align-items:flex-start;flex-direction:column}}

/* V5.36 invoice email delivery status */
.invoice-send-head{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.invoice-sent-note{max-width:240px;color:#7f91ad;font-size:11px;text-align:right;line-height:1.35}.invoice-mail-list-status{display:flex;flex-direction:column;gap:3px}.invoice-mail-list-status strong{color:#6ee7b7;font-size:11px;letter-spacing:.05em}.invoice-mail-list-status small,.invoice-mail-list-empty{color:#7f91ad;font-size:11px}.invoice-resend-warning{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:13px 15px;border:1px solid rgba(34,197,246,.22);border-radius:11px;background:rgba(34,197,246,.055)}.invoice-resend-warning strong{color:#dff8ff}.invoice-resend-warning span{color:#8fa0bb;font-size:12px}.invoice-resend-modal{width:min(560px,calc(100vw - 32px))!important}.invoice-resend-modal p{color:#9eacc2;line-height:1.55}.invoice-resend-modal p strong{color:#eef6ff}@media(max-width:700px){.invoice-send-head{width:100%;align-items:stretch}.invoice-sent-note{text-align:left;max-width:none}}

/* V5.36.2 – keep invoice mail button aligned; sent note must not affect action-row height */
.invoice-send-head{
  position:relative;
  display:block;
  flex:0 0 auto;
}
.invoice-send-head .invoice-sent-note{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  width:max-content;
  max-width:240px;
  margin:0;
  white-space:nowrap;
  text-align:right;
}
@media(max-width:700px){
  .invoice-send-head{width:auto;align-items:initial}
  .invoice-send-head .invoice-sent-note{left:auto;right:0;text-align:right;max-width:none}
}

/* V5.36.3: Rechnungs-Mailstatus direkt am Versandbutton */
.app-page .invoice-mail-pending-button{
  background:rgba(67,34,8,.94)!important;
  border-color:rgba(245,158,11,.68)!important;
  color:#ffdda0!important;
}
.app-page .invoice-mail-pending-button:hover,
.app-page .invoice-mail-pending-button:focus{
  background:rgba(91,46,8,.98)!important;
  border-color:rgba(251,191,36,.88)!important;
  color:#fff1c7!important;
}
.app-page .invoice-mail-sent-button{
  background:rgba(6,55,43,.94)!important;
  border-color:rgba(52,211,153,.62)!important;
  color:#b9f6dc!important;
}
.app-page .invoice-mail-sent-button:hover,
.app-page .invoice-mail-sent-button:focus{
  background:rgba(7,75,57,.98)!important;
  border-color:rgba(110,231,183,.82)!important;
  color:#e4fff4!important;
}