:root {
  color-scheme: light;
  --navy-950: #081823;
  --navy-900: #0e2433;
  --navy-800: #17394d;
  --blue-700: #145fc7;
  --blue-600: #1f73dd;
  --blue-100: #e8f2ff;
  --cyan-400: #26b9d3;
  --green-600: #159765;
  --green-100: #e7f8f0;
  --amber-600: #ae6809;
  --amber-100: #fff4d9;
  --red-600: #c93c47;
  --red-100: #ffebed;
  --slate-900: #17212b;
  --slate-700: #4b5c6d;
  --slate-500: #718191;
  --slate-300: #cad4dd;
  --slate-200: #e3e9ee;
  --slate-100: #f3f6f8;
  --white: #fff;
  --shadow: 0 14px 40px rgba(21, 49, 68, .09);
}

/* PC-Hardwareinventar */
.hardware-assets-button{display:inline-flex;align-items:center;gap:.55rem}.hardware-assets-button b{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;border-radius:999px;background:#e7f3f8;color:#087da5;font-size:.72rem}.hardware-assets-modal{width:min(1040px,calc(100vw - 2rem));max-height:min(850px,calc(100vh - 2rem));overflow:auto}.hardware-assets-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.2rem 0}.hardware-assets-toolbar label{display:grid;gap:.38rem;flex:1}.hardware-assets-toolbar label span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#637b89}.hardware-assets-toolbar input{width:100%;min-height:46px}.hardware-assets-toolbar>span{color:#657e8c;font-size:.82rem;white-space:nowrap}.hardware-asset-list{display:grid;gap:.65rem}.hardware-asset-card{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(160px,auto) 20px;align-items:center;gap:1rem;width:100%;padding:1rem;border:1px solid #d8e5eb;border-radius:13px;background:#fbfdfe;text-align:left;color:#153247;transition:.16s ease}.hardware-asset-card:hover{border-color:#9bcadb;background:#f3fafc;transform:translateY(-1px)}.hardware-pc-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e4f2f8;color:#087fa8;font-size:1.35rem}.hardware-asset-card>span:nth-child(2){display:grid;gap:.2rem;min-width:0}.hardware-asset-card strong{font-size:.96rem;color:#102a3b}.hardware-asset-card small{color:#68808e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hardware-asset-card em{color:#087fa8;font-size:.75rem;font-style:normal;font-weight:700}.hardware-asset-meta{display:grid;gap:.25rem;text-align:right}.hardware-asset-meta b{font-size:.78rem}.hardware-asset-meta small{max-width:260px}.hardware-asset-card>i{font-size:1.45rem;color:#6d8794;font-style:normal}.hardware-client-note{display:flex;gap:.8rem;margin-top:1rem;padding:.85rem 1rem;border-radius:11px;background:#eef7fa;color:#496a7a}.hardware-client-note>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#fff;color:#087fa8;font-weight:800}.hardware-client-note p{margin:0;font-size:.8rem;line-height:1.5}.hardware-asset-modal{width:min(1280px,calc(100vw - 2rem));max-height:min(900px,calc(100vh - 2rem));overflow:auto}.hardware-asset-head{display:flex;justify-content:space-between;gap:1.5rem;padding-bottom:1.1rem;border-bottom:1px solid #dce7ec}.hardware-asset-head h2{margin:.2rem 0;font-size:1.65rem}.hardware-asset-head p{margin:0;color:#687f8c}.hardware-identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.hardware-identity-grid>div{display:grid;gap:.25rem;padding:1rem;border:1px solid #dae6eb;border-radius:12px;background:#f8fbfc}.hardware-identity-grid span{font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#758b97}.hardware-identity-grid strong{overflow-wrap:anywhere;color:#123147}.hardware-identity-grid small{color:#718793}.hardware-assign-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:1rem;border-radius:12px;background:#eaf5f9;border:1px solid #cde3ec}.hardware-assign-form label{display:grid;gap:.42rem;font-weight:700}.hardware-assignment-readonly{padding:1rem;border-radius:12px;background:#edf7f2;color:#176a4c;font-weight:700}.hardware-detail-tabs{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:1.1rem;margin-top:1.2rem}.hardware-detail-tabs>section,.hardware-detail-tabs>aside{min-width:0}.hardware-detail-tabs header h3{margin:.2rem 0 1rem}.hardware-components{display:grid;gap:.85rem}.hardware-section{border:1px solid #dbe7ec;border-radius:12px;overflow:hidden}.hardware-section>h4{margin:0;padding:.7rem 1rem;background:#f1f6f8;color:#18384c}.hardware-component{padding:.8rem 1rem;border-top:1px solid #e2ebef}.hardware-section>h4+.hardware-component{border-top:0}.hardware-component header{margin-bottom:.45rem}.hardware-component dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .9rem;margin:0}.hardware-component dl>div{min-width:0}.hardware-component dt{color:#718793;font-size:.67rem;font-weight:800;text-transform:uppercase}.hardware-component dd{margin:.1rem 0 0;color:#17364a;overflow-wrap:anywhere}.hardware-report-list{display:grid;gap:.55rem}.hardware-report-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;padding:.8rem;border:1px solid #d9e6eb;border-radius:11px;color:#17364a;text-decoration:none;background:#fbfdfe}.hardware-report-row>span:first-child{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#fff0f0;color:#b32632;font-size:.68rem;font-weight:900}.hardware-report-row>span:nth-child(2){display:grid;gap:.18rem}.hardware-report-row small{color:#708691}.hardware-report-row i{grid-column:2;color:#087fa8;font-size:.75rem;font-style:normal;font-weight:700}.hardware-report-row:hover{border-color:#97c8d9;background:#f3fafc}
.inventory-hardware-serial-link{width:100%;margin-top:9px;padding:9px 10px;border:1px solid #c8dbea;border-radius:11px;background:#f4f9fd;color:#123c55;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.inventory-hardware-serial-link:hover{border-color:#0b8fc1;background:#eaf7fc}.inventory-hardware-serial-link span{font-weight:800;font-size:12px;letter-spacing:.02em}.inventory-hardware-serial-link small{font-size:10px;color:#5d7485;white-space:nowrap}
@media(max-width:900px){.hardware-identity-grid,.hardware-detail-tabs{grid-template-columns:1fr}.hardware-asset-card{grid-template-columns:42px minmax(0,1fr) 18px}.hardware-asset-meta{grid-column:2;text-align:left}.hardware-assign-form{grid-template-columns:1fr}.hardware-component dl{grid-template-columns:1fr}}
@media(max-width:560px){.hardware-assets-modal,.hardware-asset-modal{width:100vw;max-height:100vh;border-radius:0}.hardware-assets-toolbar{align-items:stretch;flex-direction:column}.hardware-assets-toolbar>span{align-self:flex-end}.hardware-identity-grid{grid-template-columns:1fr}.hardware-asset-card{padding:.8rem;gap:.65rem}.hardware-asset-meta small{white-space:normal}}

/* NEXORA 5.23 authentication */
.auth-page:has(.nexora-login-page){background:#f7faff;color:#0b1930;overflow:auto}
.nexora-login-page{min-height:100dvh;display:grid;place-items:start center;padding:48px 20px 32px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fff 0,#fbfcff 42%,#eef4ff 100%)}
.nexora-login-page:before,.nexora-login-page:after{content:"";position:absolute;border:1px solid rgba(63,123,221,.13);border-radius:50%;width:620px;height:620px}
.nexora-login-page:before{left:-430px;top:-505px;box-shadow:0 0 0 42px rgba(48,116,226,.025),0 0 0 84px rgba(48,116,226,.018)}
.nexora-login-page:after{right:-390px;bottom:-455px;box-shadow:0 0 0 48px rgba(48,116,226,.028),0 0 0 96px rgba(48,116,226,.02)}
.login-decoration{position:absolute;width:410px;height:410px;border-radius:78px;transform:rotate(45deg);background:linear-gradient(135deg,rgba(40,112,240,.025),rgba(59,130,246,.16));border:1px solid rgba(255,255,255,.78)}
.login-decoration:before{content:"";position:absolute;width:108px;height:108px;border-radius:12px;background-image:radial-gradient(circle,#78aef2 2.2px,transparent 2.5px);background-size:18px 18px;opacity:.6;transform:rotate(-45deg)}
.login-decoration-left{left:-205px;bottom:-115px}.login-decoration-left:before{right:40px;top:43px}
.login-decoration-right{right:-165px;top:-138px}.login-decoration-right:before{left:42px;bottom:34px}
.nexora-login-wrap{position:relative;z-index:2;width:min(100%,700px);display:flex;flex-direction:column;align-items:center}
.nexora-login-brand{height:82px;display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 26px;color:#07162e;filter:drop-shadow(0 8px 18px rgba(19,67,145,.08))}
.nexora-login-brand img{width:82px;height:82px;object-fit:contain}.nexora-login-brand span{display:flex;flex-direction:column;align-items:center}.nexora-login-brand strong{font-size:45px;line-height:.98;letter-spacing:.11em;font-weight:850}.nexora-login-brand small{margin-top:10px;color:#1165dd;font-size:13px;line-height:1;letter-spacing:.22em;font-weight:850}
.nexora-login-card{width:100%;background:rgba(255,255,255,.95);border:1px solid rgba(202,215,235,.82);border-radius:22px;padding:40px 62px 34px;box-shadow:0 24px 64px rgba(31,64,117,.12),0 4px 14px rgba(31,64,117,.05);backdrop-filter:blur(10px)}
.nexora-login-card h1{margin:0;text-align:center;font-size:clamp(30px,4vw,40px);letter-spacing:-.035em;color:#0a1830}
.nexora-login-copy{text-align:center;color:#718096;font-size:16px;line-height:1.55;margin:10px 0 30px}
.nexora-auth-form{gap:18px}.nexora-auth-form>label,.nexora-auth-form .form-grid>label{font-size:14px;font-weight:750;color:#1d2a3f;gap:8px}
.nexora-auth-form input{min-height:56px;border:1px solid #cad5e6;border-radius:11px;background:#fff;color:#101d32;padding:0 16px;font-size:16px;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.nexora-auth-form input:focus{outline:0;border-color:#1768e5;box-shadow:0 0 0 4px rgba(23,104,229,.11)}
.nexora-login-input,.nexora-password-field{position:relative;display:flex;align-items:center}.nexora-login-input>svg{position:absolute;left:17px;width:22px;height:22px;fill:none;stroke:#8e9bad;stroke-width:1.8;z-index:1}.nexora-login-input>input{width:100%;padding-left:52px}.nexora-password-field>button{position:absolute;right:9px;width:40px;height:40px;border:0;background:transparent;color:#64748b;border-radius:9px;cursor:pointer;font-size:17px}.nexora-password-field>button:hover{background:#eef4fb;color:#1265dc}.nexora-login-input.nexora-password-field>input{padding-right:54px}
.nexora-login-submit{min-height:54px;border:0;border-radius:10px;background:linear-gradient(135deg,#1263df,#1e72ef);box-shadow:0 9px 20px rgba(20,99,223,.22);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.nexora-login-submit:hover{transform:translateY(-1px);box-shadow:0 13px 24px rgba(20,99,223,.27)}.nexora-login-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.nexora-password-field>button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.nexora-login-security{border-top:1px solid #e3e9f1;margin-top:25px;padding-top:22px;display:flex;align-items:flex-start;gap:11px;color:#718096;font-size:13px;line-height:1.5}.nexora-login-security>span,.nexora-login-trust>span{display:grid;place-items:center;flex:0 0 auto;width:29px;height:29px;border-radius:9px;background:#e8f2ff;color:#1263df}.nexora-login-security span svg,.nexora-login-trust span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nexora-login-security p{margin:3px 0 0}
.nexora-login-trust{display:flex;align-items:center;gap:13px;margin:28px auto 0;color:#53657c}.nexora-login-trust>span{width:44px;height:44px;border-radius:50%}.nexora-login-trust>span svg{width:22px;height:22px}.nexora-login-trust p{display:flex;flex-direction:column;margin:0}.nexora-login-trust strong{font-size:14px;color:#223147}.nexora-login-trust small{font-size:12px;margin-top:2px}
.nexora-login-footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:38px;font-size:12px;color:#718096}.nexora-login-footer a{color:#2869cc;text-decoration:none}.nexora-login-footer i{width:1px;height:15px;background:#cbd5e1}.nexora-login-back{display:block;text-align:center;color:#1d65c9;font-size:14px;text-decoration:none}.nexora-otp-input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.48em;font-size:22px!important;font-weight:850;padding-left:calc(16px + .48em)!important}.nexora-two-factor-setup .eyebrow{text-align:center;color:#1768e5}.two-factor-secret{background:#f3f7fc;border:1px solid #d6e2f0;border-radius:14px;padding:15px 17px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:20px 0}.two-factor-secret span{font-size:12px;color:#64748b;font-weight:700}.two-factor-secret strong{grid-row:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#0d3064;letter-spacing:.08em;overflow-wrap:anywhere}.two-factor-secret button{grid-row:1/3;grid-column:2;border:1px solid #c5d5e9;background:#fff;border-radius:10px;color:#125fcf;font-weight:750;padding:0 14px}.two-factor-app-link{display:block;text-align:center;border:1px solid #c9d8eb;border-radius:10px;padding:13px;color:#155fc9;text-decoration:none;font-weight:750;margin-bottom:18px}
@media(max-width:700px){.nexora-login-page{padding:24px 14px 28px;overflow:auto}.nexora-login-brand{height:58px;gap:11px;margin-bottom:19px}.nexora-login-brand img{width:58px;height:58px}.nexora-login-brand strong{font-size:30px}.nexora-login-brand small{margin-top:7px;font-size:9px}.nexora-login-card{padding:30px 22px 25px;border-radius:20px}.nexora-login-card h1{font-size:29px}.nexora-login-copy{font-size:14px;margin-bottom:24px}.nexora-auth-form .form-grid{grid-template-columns:1fr}.nexora-login-footer{flex-wrap:wrap;gap:10px;margin-top:26px}.nexora-login-trust{padding:0 10px}.two-factor-secret{grid-template-columns:1fr}.two-factor-secret button{grid-row:auto;grid-column:auto;min-height:42px}}

* { box-sizing: border-box; }
html { min-height: 100%; overflow-y: scroll; scrollbar-gutter: stable; background: var(--slate-100); }
body { margin: 0; color: var(--slate-900); background: var(--slate-100); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: var(--blue-700); text-decoration: none; }
a:hover { text-decoration: underline; }
body.modal-open { overflow: hidden; }

.eyebrow { color: var(--blue-600); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.primary-button, .secondary-button, .ghost-button, .small-button, .danger-button {
  display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; padding: 0 16px;
  border-radius: 8px; font-size: 13px; font-weight: 800; cursor: pointer; transition: .15s ease;
}
.primary-button { color: #fff; background: var(--blue-700); border: 1px solid var(--blue-700); box-shadow: 0 6px 15px rgba(20,95,199,.18); }
.primary-button:hover { background: #0c50ad; border-color: #0c50ad; transform: translateY(-1px); }
.primary-button.wide { width: 100%; min-height: 46px; }
.secondary-button, .small-button { color: var(--blue-700); background: #fff; border: 1px solid #b9cae0; }
.secondary-button:hover, .small-button:hover { background: var(--blue-100); border-color: #8eadda; }
.ghost-button { color: var(--slate-700); background: #fff; border: 1px solid var(--slate-300); }
.small-button { min-height: 32px; padding: 0 11px; font-size: 11px; }
.danger-button { min-height: 34px; padding: 0 12px; color: #a52c35; font-size: 11px; background: var(--red-100); border: 1px solid #efb8bd; }
.danger-button:hover { color: #fff; background: var(--red-600); border-color: var(--red-600); }
.text-button { padding: 4px 0; color: var(--blue-700); font-size: 12px; font-weight: 800; background: none; border: 0; cursor: pointer; }
.text-button:hover { text-decoration: underline; }

.auth-page { min-height: 100vh; color: #eaf4f9; background: var(--navy-950); }
.auth-shell { display: grid; min-height: 100vh; place-items: center; padding: 28px; background-image: radial-gradient(circle at 15% 15%, rgba(31,115,221,.16), transparent 28%), radial-gradient(circle at 85% 80%, rgba(38,185,211,.09), transparent 30%); }
.auth-card { width: min(600px, 100%); padding: 34px; background: #102634; border: 1px solid rgba(134,191,218,.2); border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.auth-brand { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 34px; color: #fff; }
.auth-brand:hover { text-decoration: none; }
.auth-brand img { width: 44px; height: 44px; object-fit: contain; background: var(--navy-950); border-radius: 9px; }
.auth-brand span { display: flex; flex-direction: column; gap: 2px; }
.auth-brand strong { font-size: 15px; letter-spacing: .04em; }
.auth-brand small { color: #80a5b8; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.auth-card h1 { margin: 7px 0 8px; color: #fff; font-size: clamp(27px, 5vw, 36px); line-height: 1.1; letter-spacing: -.035em; }
.auth-copy { margin: 0 0 24px; color: #a7bdc8; font-size: 13px; line-height: 1.6; }
.auth-form { display: flex; flex-direction: column; gap: 14px; }
.auth-form label, .modal-form label, .settings-form label, .ticket-fields label { display: flex; flex-direction: column; gap: 6px; font-size: 10px; font-weight: 800; }
.auth-form label { color: #bdd0d9; }
.auth-form input, .modal-form input, .modal-form select, .modal-form textarea, .settings-form input, .ticket-fields input, .ticket-fields select {
  width: 100%; min-height: 42px; padding: 0 12px; color: var(--slate-900); background: #fff; border: 1px solid var(--slate-300); border-radius: 7px; outline: 0;
}
.auth-form input { color: #fff; background: #0c1f2b; border-color: #355165; }
.auth-form input:focus, .modal-form input:focus, .modal-form select:focus, .modal-form textarea:focus, .settings-form input:focus, .ticket-fields input:focus, .ticket-fields select:focus { border-color: var(--blue-600); box-shadow: 0 0 0 3px rgba(31,115,221,.13); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.password-hint, .fineprint { margin: -5px 0 0; color: #7799aa; font-size: 9px; line-height: 1.5; }
.privacy-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 21px; padding: 12px; color: #93adbb; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 9px; }
.privacy-note span { display: inline-flex; width: 20px; height: 20px; flex: 0 0 20px; align-items: center; justify-content: center; color: #073321; font-size: 10px; font-weight: 900; background: #67d4a1; border-radius: 50%; }
.privacy-note p { margin: 1px 0 0; font-size: 9px; line-height: 1.5; }
.back-link { display: inline-block; margin-top: 18px; color: #8eb2c3; font-size: 10px; font-weight: 700; }
.alert { margin-bottom: 16px; padding: 11px 13px; font-size: 11px; border-radius: 8px; }
.alert.error { color: #ffc5ca; background: rgba(201,60,71,.15); border: 1px solid rgba(238,117,126,.35); }
.alert.success { color: #a9e9cb; background: rgba(21,151,101,.15); border: 1px solid rgba(89,200,156,.3); }
.alert.warning { color:#78500f;background:#fff5dc;border:1px solid #ead49a; }
.accounting-load-warning{margin:0 0 16px;color:#78500f;font-size:11px}

.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; width: 258px; flex-direction: column; padding: 27px 18px 19px; overflow: auto; color: #dce9f1; background: var(--navy-950); border-right: 1px solid rgba(255,255,255,.07); }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 27px; color: #fff; }
.brand:hover { text-decoration: none; }
.brand img { width: 39px; height: 39px; object-fit: contain; background: var(--navy-950); border-radius: 8px; }
.brand > span { display: flex; flex-direction: column; gap: 3px; }
.brand strong { color: #fff; font-size: 16px; letter-spacing: .06em; }
.brand small { color: #86a6b8; font-size: 9px; font-weight: 700; letter-spacing: .18em; }
.main-nav { display: flex; flex-direction: column; gap: 13px; }
.nav-group { display: grid; gap: 4px; min-width: 0; }
.nav-group + .nav-group { padding-top: 12px; border-top: 1px solid rgba(255,255,255,.075); }
.nav-group-title { margin: 0; padding: 0 13px 5px; color: #6f92a5; font-size: 10px; font-weight: 800; letter-spacing: .13em; line-height: 1.2; text-transform: uppercase; }
.main-nav button { display: flex; width: 100%; align-items: center; gap: 12px; padding: 11px 13px; color: #aac0ce; font-size: 13px; font-weight: 700; text-align: left; background: transparent; border: 1px solid transparent; border-radius: 9px; cursor: pointer; }
.main-nav button:hover { color: #fff; background: rgba(255,255,255,.05); }
.main-nav button.active { color: #fff; background: #17384b; border-color: rgba(85,187,225,.18); box-shadow: inset 3px 0 0 var(--cyan-400); }
.main-nav button > span { display: inline-flex; width: 22px; align-items: center; justify-content: center; color: #75bfd4; font-size: 18px; font-weight: 400; }
.main-nav button > b { min-width: 24px; margin-left: auto; padding: 2px 7px; color: #d9f7ff; font-size: 10px; text-align: center; background: rgba(38,185,211,.2); border-radius: 99px; }
.sidebar-state { display: flex; align-items: center; gap: 11px; margin-top: auto; padding: 14px 12px; color: #a9c1cf; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 10px; }
.sidebar-state > div, .sidebar-user > div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.sidebar-state strong, .sidebar-user strong { color: #edf7fb; font-size: 11px; }
.sidebar-state small, .sidebar-user small { color: #7897a8; font-size: 9px; }
.state-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; background: #37ca88; border-radius: 50%; box-shadow: 0 0 0 4px rgba(55,202,136,.12); }
.sidebar-user { display: flex; align-items: center; gap: 10px; margin-top: 13px; padding: 13px 10px 0; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-user { margin-top: auto; }
.avatar { display: inline-flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; color: var(--navy-800); font-size: 10px; font-weight: 800; background: #dceaf2; border: 1px solid #c7dae5; border-radius: 10px; }
.sidebar-user .avatar { color: #e9f8fc; background: #21495f; border-color: #2d5a71; }
.avatar-round { border-radius: 50%; }
.avatar-xs { width: 25px; height: 25px; flex-basis: 25px; color: #0e5e91; font-size: 8px; background: #e1f3f8; border-radius: 50%; }
.main-area { width: calc(100% - 258px); min-width: 0; margin-left: 258px; }
.topbar { position: sticky; top: 0; z-index: 20; display: flex; height: 76px; align-items: center; justify-content: space-between; gap: 22px; padding: 0 34px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--slate-200); backdrop-filter: blur(12px); }
.topbar-title { display: flex; flex-direction: column; gap: 2px; }
.topbar-title strong { font-size: 16px; }
.topbar-actions { display: flex; align-items: center; gap: 14px; }
.save-state { display: flex; align-items: center; gap: 8px; color: var(--slate-500); font-size: 11px; font-weight: 700; }
.save-state.busy .state-dot { background: #e2a238; box-shadow: 0 0 0 4px rgba(226,162,56,.13); }
.logout-form { margin: 0; }
.icon-button, .row-arrow, .close-button, .mobile-menu { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; color: var(--slate-500); font-size: 19px; background: transparent; border: 0; border-radius: 7px; cursor: pointer; }
.icon-button:hover, .row-arrow:hover, .close-button:hover { color: var(--slate-900); background: var(--slate-100); }
.app-download-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu { display: none; }
.content-area { width: min(100%, 1540px); margin: 0 auto; padding: 34px 35px 52px; }
.modal.app-download-modal{width:min(920px,calc(100vw - 32px))}.app-download-center{display:grid;gap:18px}.app-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-download-card{display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:105px;padding:17px;color:#173247;background:#f8fbfd;border:1px solid #d9e6ed;border-radius:14px;box-shadow:0 3px 12px rgba(15,54,78,.035);transition:.16s ease}.app-download-card:hover{color:#0c5bc0;text-decoration:none;background:#fff;border-color:#9fc5df;box-shadow:0 10px 28px rgba(20,69,101,.1);transform:translateY(-1px)}.app-download-card.featured{background:linear-gradient(145deg,#eef7ff,#f8fcff);border-color:#bed8ec}.app-download-brand{display:grid;width:52px;height:52px;place-items:center;padding:8px;background:#fff;border:1px solid #dce8ee;border-radius:13px}.app-download-brand img{display:block;width:100%;height:100%;object-fit:contain}.app-download-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.app-download-card strong{font-size:13px}.app-download-card small{color:#607887;font-size:9px;line-height:1.45}.app-download-card em{margin-top:2px;color:#087fa8;font-size:8px;font-style:normal;font-weight:800}.app-download-card>i{display:grid;width:27px;height:27px;place-items:center;color:#0b68c9;font-size:18px;font-style:normal;background:#e7f2ff;border-radius:8px}.app-download-security{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#31596b;background:#edf8f4;border:1px solid #cee8dc;border-radius:11px}.app-download-security>span{display:grid;width:25px;height:25px;place-items:center;color:#fff;font-weight:900;background:#20a26d;border-radius:50%}.app-download-security p{display:flex;flex-direction:column;gap:2px;margin:0}.app-download-security strong{font-size:10px}.app-download-security small{color:#5b7885;font-size:8px}
.loading-state, .fatal-state { display: flex; min-height: 70vh; flex-direction: column; align-items: center; justify-content: center; color: var(--slate-500); }
.loading-state strong, .fatal-state strong { margin-top: 14px; color: var(--slate-900); }
.loading-state small { margin-top: 5px; }
.spinner { width: 34px; height: 34px; border: 3px solid #d9e4eb; border-top-color: var(--blue-600); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.page-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 27px; }
.page-intro h1 { margin: 7px 0 5px; font-size: clamp(25px,3vw,34px); line-height: 1.1; letter-spacing: -.035em; }
.page-intro p { margin: 0; color: var(--slate-500); font-size: 13px; }
.panel { background: #fff; border: 1px solid var(--slate-200); border-radius: 12px; box-shadow: 0 5px 20px rgba(32,60,82,.04); }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px 14px; }
.panel-head h2 { margin: 4px 0 0; font-size: 17px; letter-spacing: -.02em; }
.kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-bottom: 18px; }
.kpi-card { display: flex; min-height: 156px; flex-direction: column; padding: 18px; background: #fff; border: 1px solid var(--slate-200); border-radius: 12px; box-shadow: 0 4px 18px rgba(32,60,82,.04); }
.kpi-icon { position: relative; display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 17px; font-weight: 800; border: 1px solid currentColor; border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 5px 13px rgba(19,55,78,.07); }
.kpi-icon svg { width: 21px; height: 21px; overflow: visible; }
.dashboard-kpi-grid .kpi-card { position: relative; overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.dashboard-kpi-grid .kpi-card::after { position: absolute; top: -30px; right: -30px; width: 88px; height: 88px; content: ''; background: radial-gradient(circle, currentColor 0, transparent 68%); opacity: .035; pointer-events: none; }
.dashboard-kpi-grid .kpi-card:hover { border-color: #cbdbe5; box-shadow: 0 10px 27px rgba(24,61,85,.09); transform: translateY(-1px); }
.kpi-icon.blue { color: var(--blue-700); background: var(--blue-100); }
.kpi-icon.red { color: var(--red-600); background: var(--red-100); }
.kpi-icon.amber { color: var(--amber-600); background: var(--amber-100); }
.kpi-icon.green { color: var(--green-600); background: var(--green-100); }
.kpi-card > strong { font-size: 28px; letter-spacing: -.04em; }
.kpi-card > b { margin-top: 2px; font-size: 12px; }
.kpi-card > small { margin-top: 9px; color: var(--slate-500); font-size: 9px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.75fr); gap: 18px; margin-bottom: 18px; }
.focus-list { padding: 0 10px 10px; }
.focus-ticket { display: grid; width: 100%; grid-template-columns: 4px minmax(0,1fr) auto 18px; align-items: center; gap: 13px; padding: 13px 9px; text-align: left; background: #fff; border: 0; border-top: 1px solid var(--slate-200); cursor: pointer; }
.focus-ticket:hover { background: #f8fbfd; }
.priority-line { width: 4px; height: 38px; border-radius: 99px; }
.priority-line.critical { background: var(--red-600); }
.priority-line.high { background: #df8a1f; }
.focus-ticket > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.focus-ticket small { color: var(--blue-700); font-size: 9px; font-weight: 800; }
.focus-ticket strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.focus-ticket b { overflow: hidden; color: var(--slate-500); font-size: 9px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.focus-due { display: flex; flex-direction: column; align-items: flex-end; color: var(--slate-700); font-size: 10px; }
.focus-due small { color: var(--slate-500); }
.focus-ticket i { color: #91a1ad; font-size: 21px; font-style: normal; }
.system-status { display: flex; flex-direction: column; padding: 0 18px 15px; }
.system-status > div { display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px 2px; border-top: 1px solid var(--slate-200); }
.system-status p { display: flex; flex-direction: column; gap: 3px; margin: 0; }
.system-status p strong { font-size: 11px; }
.system-status p small { color: var(--slate-500); font-size: 9px; }
.system-status > div > b { color: var(--green-600); font-size: 9px; }
.recent-panel, .ticket-list-panel { overflow: hidden; }
.table-wrap { width: 100%; overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { padding: 10px 15px; color: var(--slate-500); font-size: 9px; font-weight: 800; text-align: left; text-transform: uppercase; letter-spacing: .08em; background: #f7f9fa; border-top: 1px solid var(--slate-200); border-bottom: 1px solid var(--slate-200); }
.data-table td { padding: 13px 15px; font-size: 10px; vertical-align: middle; border-bottom: 1px solid var(--slate-200); }
.data-table tbody tr:last-child td { border-bottom: 0; }
.ticket-table tbody tr { cursor: pointer; }
.ticket-table tbody tr:hover { background: #f7fbfd; }
.ticket-link { display: flex; min-width: 210px; flex-direction: column; gap: 4px; padding: 0; text-align: left; background: none; border: 0; cursor: pointer; }
.ticket-link small { color: var(--blue-700); font-size: 9px; font-weight: 800; }
.ticket-link strong { max-width: 300px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.priority-badge { display: inline-flex; width: max-content; align-items: center; padding: 4px 7px; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; border-radius: 5px; }
.priority-badge.critical { color: #b32934; background: var(--red-100); }
.priority-badge.high { color: #9e5d07; background: var(--amber-100); }
.priority-badge.medium { color: #1b61a5; background: var(--blue-100); }
.priority-badge.low { color: #58707e; background: #edf2f5; }
.status-badge { display: inline-flex; width: max-content; align-items: center; gap: 6px; padding: 5px 8px; color: var(--slate-700); font-size: 9px; font-weight: 800; background: #edf2f5; border-radius: 99px; }
.status-badge > span { width: 6px; height: 6px; background: #718796; border-radius: 50%; }
.status-badge.progress { color: #135ca9; background: var(--blue-100); }.status-badge.progress > span { background: var(--blue-600); }
.status-badge.waiting { color: #9a5f0e; background: var(--amber-100); }.status-badge.waiting > span { background: #d68a24; }
.status-badge.review { color: #755414; background: #fff0c2; }.status-badge.review > span { background: #b9851e; }
.status-badge.resolved { color: #16794f; background: var(--green-100); }.status-badge.resolved > span { background: var(--green-600); }
.customer-cell { display: block; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.assignee { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.filterbar { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 12px; background: #fff; border: 1px solid var(--slate-200); border-radius: 11px; }
.search-field { display: flex; min-width: 260px; flex: 1; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid var(--slate-300); border-radius: 7px; }
.search-field span { color: var(--slate-500); font-size: 18px; }
.search-field input { width: 100%; min-height: 38px; outline: 0; background: transparent; border: 0; }
.filterbar select { min-width: 145px; min-height: 40px; padding: 0 10px; color: var(--slate-700); font-size: 10px; font-weight: 700; background: #fff; border: 1px solid var(--slate-300); border-radius: 7px; }
.filterbar > span { min-width: 65px; color: var(--slate-500); font-size: 9px; text-align: right; }
.empty-state, .compact-empty { display: flex; min-height: 260px; flex-direction: column; align-items: center; justify-content: center; color: var(--slate-500); }
.empty-state > span { font-size: 31px; }.empty-state h2 { margin: 11px 0 4px; color: var(--slate-900); font-size: 16px; }.empty-state p { margin: 0; font-size: 11px; }
.compact-empty { min-height: 100px; padding: 20px; font-size: 10px; text-align: center; }
.customer-layout { display: grid; grid-template-columns: minmax(330px,.8fr) minmax(450px,1.35fr); gap: 18px; align-items: start; }
.customer-list, .customer-detail { overflow: hidden; }
.list-summary { display: flex; align-items: center; justify-content: space-between; padding: 15px 17px; border-bottom: 1px solid var(--slate-200); }
.list-summary strong { font-size: 11px; }.list-summary small { color: var(--slate-500); font-size: 9px; }
.customer-row { display: grid; width: 100%; grid-template-columns: 36px minmax(0,1fr) auto 17px; align-items: center; gap: 11px; padding: 13px 13px 13px 15px; text-align: left; background: #fff; border: 0; border-bottom: 1px solid var(--slate-200); cursor: pointer; }
.customer-row:hover { background: #f8fbfd; }.customer-row.active { background: #eef6fd; box-shadow: inset 3px 0 0 var(--blue-600); }
.customer-row > span:nth-child(2), .customer-row > b { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.customer-row > span:nth-child(2) strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.customer-row small { color: var(--slate-500); font-size: 8px; }.customer-row > b { align-items: center; font-size: 13px; }.customer-row > i { color: #8fa0ad; font-size: 20px; font-style: normal; }
.customer-detail { padding-bottom: 18px; }
.customer-detail-head { display: flex; align-items: center; gap: 14px; padding: 21px; border-bottom: 1px solid var(--slate-200); }
.company-avatar { display: inline-flex; width: 52px; height: 52px; flex: 0 0 52px; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 800; background: var(--navy-800); border-radius: 14px; }
.customer-detail-head h2 { margin: 4px 0 7px; font-size: 18px; }.service-tag { display: inline-flex; padding: 4px 7px; color: #156a51; font-size: 8px; background: var(--green-100); border-radius: 5px; }
.detail-actions { display: flex; gap: 7px; margin-left: auto; }
.customer-meta { display: grid; grid-template-columns: 1fr 120px; gap: 14px; margin: 16px 19px 3px; padding: 12px 14px; background: #f7f9fa; border: 1px solid var(--slate-200); border-radius: 9px; }
.customer-meta div { display: flex; flex-direction: column; gap: 4px; }.customer-meta small { color: var(--slate-500); font-size: 8px; font-weight: 700; text-transform: uppercase; }.customer-meta strong { font-size: 10px; }
.section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 17px 19px 8px; }.section-title h3 { margin: 3px 0 0; font-size: 13px; }
.contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 0 19px; }
.contact-card { display: grid; min-width: 0; grid-template-columns: 34px minmax(0,1fr) auto; gap: 9px; padding: 11px; border: 1px solid var(--slate-200); border-radius: 9px; }
.contact-card > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.contact-card strong { font-size: 10px; }.contact-card small { margin-bottom: 3px; color: var(--slate-500); font-size: 8px; }.contact-card a { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.mini-ticket-list { padding: 0 19px; }.mini-ticket { display: grid; width: 100%; grid-template-columns: 8px minmax(0,1fr) 17px; align-items: center; gap: 10px; padding: 10px 5px; text-align: left; background: none; border: 0; border-top: 1px solid var(--slate-200); cursor: pointer; }
.mini-ticket > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.mini-ticket strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.mini-ticket small { color: var(--slate-500); font-size: 8px; }.mini-ticket i { color: #8fa0ad; font-size: 19px; font-style: normal; }
.status-dot-large { width: 8px; height: 8px; background: #718796; border-radius: 50%; }.status-dot-large.progress { background: var(--blue-600); }.status-dot-large.waiting { background: #d68a24; }.status-dot-large.review { background: #b9851e; }.status-dot-large.resolved { background: var(--green-600); }
.danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 13px; margin: 20px 19px 0; padding: 12px; background: #fff7f7; border: 1px solid #f1d5d8; border-radius: 9px; }.danger-zone > div { display: flex; flex-direction: column; gap: 3px; }.danger-zone strong { color: #8b3037; font-size: 10px; }.danger-zone small { color: var(--slate-500); font-size: 8px; }
.role-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; margin-bottom: 16px; }.role-card { padding: 14px; background: #fff; border: 1px solid var(--slate-200); border-radius: 10px; }.role-card strong { font-size: 11px; }.role-card p { margin: 6px 0 0; color: var(--slate-500); font-size: 9px; line-height: 1.5; }
.user-cell { display: flex; align-items: center; gap: 9px; }.user-cell > span:nth-child(2) { display: flex; flex-direction: column; gap: 2px; }.user-cell strong { font-size: 10px; }.user-cell small { color: var(--slate-500); font-size: 8px; }
.role-badge, .active-badge, .backup-type { display: inline-flex; padding: 4px 7px; font-size: 8px; font-weight: 800; background: #edf2f5; border-radius: 5px; }.active-badge.yes { color: #16794f; background: var(--green-100); }.active-badge.no { color: #8c4349; background: var(--red-100); }.backup-type.manual { color: #1b61a5; background: var(--blue-100); }.backup-type.scheduled { color: #16794f; background: var(--green-100); }.backup-type.pre-restore { color: #9a5f0e; background: var(--amber-100); }
.backup-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-bottom: 15px; }.backup-summary article { display: flex; align-items: center; gap: 12px; padding: 15px; background: #fff; border: 1px solid var(--slate-200); border-radius: 10px; }.backup-summary .kpi-icon { margin: 0; }.backup-summary div { display: flex; flex-direction: column; gap: 3px; }.backup-summary small { color: var(--slate-500); font-size: 8px; font-weight: 700; text-transform: uppercase; }.backup-summary strong { font-size: 11px; }
.info-banner { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; padding: 12px 14px; color: #3e6072; background: #eaf4f8; border: 1px solid #d2e7ef; border-radius: 9px; }.info-banner > span { display: inline-flex; width: 21px; height: 21px; flex: 0 0 21px; align-items: center; justify-content: center; color: #fff; font-size: 10px; font-weight: 800; background: #3e8aae; border-radius: 50%; }.info-banner p { margin: 1px 0 0; font-size: 9px; line-height: 1.55; }
.privacy-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }.privacy-card { padding: 17px; }.privacy-card > span { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; color: var(--blue-700); font-size: 10px; font-weight: 800; background: var(--blue-100); border-radius: 8px; }.privacy-card h2 { margin: 12px 0 5px; font-size: 13px; }.privacy-card p { margin: 0; color: var(--slate-500); font-size: 9px; line-height: 1.55; }
.privacy-layout { display: grid; grid-template-columns: 1fr .8fr; gap: 16px; align-items: start; }.settings-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 4px 20px 18px; }.settings-form label { color: var(--slate-700); }.settings-form label small { color: var(--slate-500); font-size: 8px; font-weight: 400; }.settings-form .form-actions { padding: 13px 20px; border-top: 1px solid var(--slate-200); }
.inventory-list { padding: 0 20px 13px; }.inventory-list div { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-top: 1px solid var(--slate-200); }.inventory-list span { color: var(--slate-500); font-size: 9px; }.inventory-list strong { font-size: 14px; }.data-inventory > .danger-button, .data-inventory > .fineprint { margin-left: 20px; margin-right: 20px; }.data-inventory > .fineprint { margin-top: 9px; margin-bottom: 17px; color: var(--slate-500); }
code { padding: 3px 5px; color: #325467; font-family: Consolas, monospace; font-size: 8px; background: #edf2f5; border-radius: 4px; }

.overlay { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(5,20,31,.5); backdrop-filter: blur(3px); }
.drawer-overlay { justify-content: flex-end; padding: 0; }
.modal { width: min(570px,100%); max-height: calc(100vh - 40px); overflow-y: auto; background: #fff; border-radius: 14px; box-shadow: 0 25px 70px rgba(3,20,32,.28); animation: modalIn .16s ease-out; }
.modal.wide { width: min(690px,100%); }
.modal.drawer { display: flex; width: min(590px,100%); height: 100%; max-height: 100%; flex-direction: column; border-radius: 0; animation: drawerIn .18s ease-out; }
@keyframes modalIn { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes drawerIn { from { transform: translateX(28px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 19px; padding: 21px 23px 16px; border-bottom: 1px solid var(--slate-200); }.modal-head h2 { margin: 5px 0 3px; font-size: 21px; line-height: 1.25; letter-spacing: -.03em; }.modal-head p { margin: 0; color: var(--slate-500); font-size: 10px; line-height: 1.5; }
.modal-form { display: flex; flex-direction: column; gap: 13px; padding: 19px 23px 23px; }.modal-form label { color: var(--slate-700); }.modal-form textarea { min-height: 95px; padding-top: 10px; resize: vertical; }.modal-form label small { color: var(--slate-500); font-size: 8px; font-weight: 400; line-height: 1.4; }
.modal-form textarea.customer-company-name{height:58px;min-height:58px;max-height:82px;padding:10px 12px;overflow:auto;resize:vertical;font-weight:700;line-height:1.35}
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 5px; }
.check-row { flex-direction: row !important; align-items: center; gap: 9px !important; padding: 10px; background: var(--slate-100); border-radius: 7px; }.check-row input { width: 17px; min-height: 17px; }.check-row span { font-size: 10px; }
.inline-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px; background: #f7f9fa; border: 1px solid var(--slate-200); border-radius: 8px; }.inline-action > span { display: flex; flex-direction: column; gap: 2px; }.inline-action strong { font-size: 10px; }.inline-action small { color: var(--slate-500); font-size: 8px; }
.warning-box { padding: 13px; color: #7e4247; background: #fff4f4; border: 1px solid #f1d1d4; border-radius: 8px; }.warning-box strong { font-size: 11px; }.warning-box p { margin: 5px 0 8px; font-size: 9px; line-height: 1.5; }.warning-box code { color: #83363c; background: #f9e1e3; }
.drawer-scroll { flex: 1; padding: 18px 23px 30px; overflow-y: auto; }.drawer-badges { display: flex; gap: 7px; }.ticket-description { margin: 13px 0 18px; color: var(--slate-700); font-size: 11px; line-height: 1.65; }
.ticket-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px; background: #f7f9fa; border: 1px solid var(--slate-200); border-radius: 9px; }.ticket-fields label { color: var(--slate-700); }.ticket-fields input, .ticket-fields select { min-height: 36px; font-size: 9px; }
.drawer-section { margin-top: 21px; }.drawer-customer { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 11px; border: 1px solid var(--slate-200); border-radius: 8px; }.drawer-customer > div { display: flex; flex-direction: column; gap: 3px; }.drawer-customer strong { font-size: 10px; }.drawer-customer small { color: var(--slate-500); font-size: 8px; }
.note-form { margin-top: 8px; overflow: hidden; border: 1px solid var(--slate-300); border-radius: 8px; }.note-form textarea { display: block; width: 100%; min-height: 80px; padding: 10px; resize: vertical; outline: 0; border: 0; }.note-form > div { display: flex; align-items: center; justify-content: space-between; padding: 7px; background: #f7f9fa; border-top: 1px solid var(--slate-200); }.note-form small { color: var(--slate-500); font-size: 8px; }
.timeline { position: relative; margin-top: 11px; padding-left: 7px; }.timeline:before { position: absolute; top: 6px; bottom: 17px; left: 10px; width: 1px; content: ''; background: var(--slate-300); }.timeline-entry { position: relative; display: grid; grid-template-columns: 8px minmax(0,1fr); gap: 14px; padding-bottom: 16px; }.timeline-entry > span { position: relative; z-index: 1; width: 8px; height: 8px; margin-top: 4px; background: var(--blue-600); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #9fc6ef; }.timeline-entry > div { display: flex; flex-direction: column; gap: 3px; }.timeline-entry strong { font-size: 10px; }.timeline-entry p { margin: 0; color: var(--slate-700); font-size: 9px; line-height: 1.5; white-space: pre-wrap; }.timeline-entry small { color: var(--slate-500); font-size: 8px; }
.drawer-footer { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 23px; background: #f8fafb; border-top: 1px solid var(--slate-200); }.drawer-footer > span { color: var(--slate-500); font-size: 8px; }
.toast-region { position: fixed; right: 22px; bottom: 22px; z-index: 200; display: flex; width: min(360px,calc(100% - 44px)); flex-direction: column; gap: 8px; }.toast { padding: 12px 14px; color: #fff; font-size: 10px; font-weight: 700; background: var(--navy-900); border: 1px solid #315368; border-radius: 9px; box-shadow: 0 16px 34px rgba(7,30,45,.24); animation: modalIn .16s ease-out; }.toast.error { background: #722f35; border-color: #a74a52; }

@media (max-width: 1180px) {
  .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .customer-layout { grid-template-columns: minmax(290px,.7fr) minmax(390px,1.2fr); }
  .role-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .data-table th:nth-child(5), .data-table td:nth-child(5) { display: none; }
}

@media (max-width: 920px) {
  .sidebar { transform: translateX(-100%); transition: transform .18s ease; }
  .sidebar.mobile-open { transform: translateX(0); box-shadow: 20px 0 50px rgba(4,20,31,.25); }
  .main-area { width: 100%; margin-left: 0; }
  .mobile-menu { display: inline-flex; }
  .topbar { padding: 0 20px; }
  .content-area { padding: 26px 20px 42px; }
  .customer-layout, .privacy-layout { grid-template-columns: 1fr; }
  .save-state { display: none; }
}

@media (max-width: 680px) {
  .auth-shell { padding: 14px; }.auth-card { padding: 24px 19px; }.form-grid { grid-template-columns: 1fr; }
  .topbar { height: 67px; padding: 0 13px; }.topbar-title { display: none; }.topbar-actions { margin-left: auto; }.topbar-actions .primary-button { min-height: 37px; padding: 0 10px; font-size: 10px; }
  .content-area { padding: 22px 13px 36px; }.page-intro { align-items: flex-start; }.page-intro .secondary-button { min-height: 35px; padding: 0 10px; font-size: 9px; }
  .kpi-grid { gap: 9px; }.kpi-card { min-height: 145px; padding: 14px; }.kpi-card > strong { font-size: 24px; }.kpi-card > b { font-size: 10px; }
  .focus-ticket { grid-template-columns: 4px minmax(0,1fr) 17px; }.focus-due { display: none; }
  .filterbar { flex-wrap: wrap; }.search-field { min-width: 100%; }.filterbar select { min-width: 0; flex: 1; }.filterbar > span { width: 100%; text-align: left; }
  .data-table th, .data-table td { padding: 10px 8px; }.ticket-table th:nth-child(4), .ticket-table td:nth-child(4), .ticket-table th:nth-child(6), .ticket-table td:nth-child(6) { display: none; }.ticket-link { min-width: 150px; }
  .customer-meta, .contact-grid, .ticket-fields, .settings-fields { grid-template-columns: 1fr; }.customer-detail-head { align-items: flex-start; flex-wrap: wrap; }.detail-actions { width: 100%; margin-left: 66px; }
  .role-grid, .backup-summary, .privacy-grid { grid-template-columns: 1fr; }
  .modal-head, .modal-form, .drawer-scroll, .drawer-footer { padding-right: 16px; padding-left: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.customer-logo { width:70%; height:70%; object-fit:contain; border-radius:5px; }
.company-avatar .customer-logo { width:74%; height:74%; }
.customer-meta a { color:inherit; overflow-wrap:anywhere; }
.ticket-mail-choice { margin:12px 0; padding:12px; border-radius:14px; background:#eef9ff; border:1px solid #c7eaf7; }
.attachment-list { display:grid; gap:8px; margin:10px 0; }
.attachment-row { display:flex; align-items:center; gap:10px; padding:11px; border:1px solid var(--line); border-radius:13px; color:inherit; text-decoration:none; background:#fff; }
.attachment-row:hover { border-color:var(--blue); }
.attachment-row > span:first-child { font-size:1.25rem; }
.attachment-row strong,.attachment-row small { display:block; }
.attachment-row small { color:var(--muted); margin-top:3px; }
.attachment-upload { display:grid; gap:10px; margin-top:12px; padding:13px; border-radius:14px; background:#f6fafc; border:1px solid var(--line); }
.attachment-upload input[type=file] { max-width:100%; }
.attachment-upload .check-row,.note-form .check-row { margin:8px 0; }

/* Vollbreiter Ticket-Arbeitsplatz und skalierte Bedienoberfläche */
body { font-size: 15px; }
.content-area { width:100%; max-width:1720px; padding:30px 32px 52px; }
.sidebar-user { width:100%; color:inherit; text-align:left; background:transparent; border:0; cursor:pointer; }
.sidebar-user:hover { background:rgba(255,255,255,.045); border-radius:10px; }
.sidebar-user .profile-arrow { margin-left:auto; color:#7897a8; font-size:22px; }
.sidebar-user .avatar img,.avatar-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.avatar,.company-avatar { position:relative; overflow:hidden; }
.avatar-fallback { display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; }
.main-nav button { min-height:46px; font-size:14px; }
.data-table td { font-size:13px; }
.ticket-link strong { font-size:14px; }
.ticket-link small,.data-table th,.status-badge,.priority-badge { font-size:11px; }
.panel-head h2 { font-size:19px; }
.page-intro p { font-size:14px; }
.sidebar-state strong,.sidebar-user strong { font-size:12px; }.sidebar-state small,.sidebar-user small { font-size:10px; }
.kpi-card>b { font-size:13px; }.kpi-card>small { font-size:11px; line-height:1.45; }
.filterbar select,.filterbar>span { font-size:12px; }.search-field input { font-size:13px; }
.list-summary strong { font-size:13px; }.list-summary small { font-size:11px; }
.customer-row>span:nth-child(2) strong { font-size:13px; }.customer-row small { font-size:10px; }
.contact-card strong { font-size:12px; }.contact-card small,.contact-card a { font-size:10px; line-height:1.4; }
.mini-ticket strong { font-size:12px; }.mini-ticket small { font-size:10px; }
.section-title h3 { font-size:15px; }.service-tag,.active-badge { font-size:10px; }
.timeline-entry strong { font-size:12px; }.timeline-entry p { font-size:11px; }.timeline-entry small { font-size:10px; }

.workspace-tabs { position:sticky; top:76px; z-index:18; width:100%; padding:8px 24px 0; overflow-x:auto; background:rgba(243,246,248,.97); border-bottom:1px solid var(--slate-200); backdrop-filter:blur(10px); }
.ticket-tab-strip { display:flex; width:max-content; min-width:100%; gap:5px; }
.ticket-work-tab { display:flex; align-items:stretch; min-width:200px; max-width:310px; background:#e7edf1; border:1px solid #d3dde4; border-bottom:0; border-radius:10px 10px 0 0; }
.ticket-work-tab.active { background:#fff; border-color:#b9cbd8; box-shadow:0 -2px 12px rgba(20,52,75,.06); }
.ticket-work-tab > button:first-child { position:relative; display:flex; min-width:0; flex:1; flex-direction:column; gap:2px; padding:9px 10px; text-align:left; background:none; border:0; cursor:pointer; }
.ticket-work-tab small { color:var(--blue-700); font-size:9px; font-weight:900; }
.ticket-work-tab strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.ticket-work-tab > button:last-child { width:32px; color:var(--slate-500); background:none; border:0; cursor:pointer; }
.ticket-work-tab > button:last-child:hover { color:var(--red-600); background:var(--red-100); }
.tab-timer-dot { position:absolute; top:9px; right:4px; width:7px; height:7px; background:#e38a22; border-radius:50%; box-shadow:0 0 0 4px rgba(227,138,34,.15); }

.ticket-workspace { display:grid; gap:18px; }
.ticket-workspace-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:25px 27px; background:linear-gradient(135deg,#fff,#f8fbfd); border:1px solid var(--slate-200); border-radius:14px; box-shadow:var(--shadow); }
.ticket-heading { min-width:0; }
.ticket-heading-meta { display:flex; align-items:center; gap:8px; }
.ticket-workspace h1 { margin:9px 0 16px; font-size:clamp(25px,3vw,38px); line-height:1.12; letter-spacing:-.035em; }
.ticket-party { display:flex; flex-wrap:wrap; gap:14px 28px; }
.ticket-party > div { display:flex; align-items:center; gap:10px; }
.ticket-party > div > span:last-child { display:flex; flex-direction:column; gap:2px; }
.ticket-party small { color:var(--slate-500); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.ticket-party strong { font-size:13px; }
.ticket-party-avatar { width:42px; height:42px; flex-basis:42px; }
.contact-symbol { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; color:#fff; font-weight:900; background:var(--blue-700); border-radius:50%; }
.ticket-head-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.ticket-controls { display:grid; grid-template-columns:185px minmax(0,1fr); gap:20px; align-items:start; padding:18px 21px; background:#fff; border:1px solid var(--slate-200); border-radius:13px; }
.section-label { display:flex; flex-direction:column; gap:5px; padding-top:6px; }
.section-label small { color:var(--slate-500); font-size:10px; }
.ticket-control-form { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:10px; align-items:end; }
.ticket-control-form label,.information-form label,.work-complete-form label,.billing-form label { display:flex; flex-direction:column; gap:6px; color:var(--slate-700); font-size:10px; font-weight:800; }
.ticket-control-form input,.ticket-control-form select,.information-form textarea,.work-complete-form textarea,.billing-form textarea,.billing-form select,.profile-form textarea { width:100%; min-height:42px; padding:9px 11px; color:var(--slate-900); background:#fff; border:1px solid var(--slate-300); border-radius:8px; outline:0; }
.ticket-control-form input:focus,.ticket-control-form select:focus,.information-form textarea:focus,.work-complete-form textarea:focus,.billing-form textarea:focus,.billing-form select:focus { border-color:var(--blue-600); box-shadow:0 0 0 3px rgba(31,115,221,.12); }
.control-mail { align-self:end; min-height:42px; padding:7px!important; }
.ticket-control-readonly { display:grid; grid-template-columns:repeat(5,minmax(110px,1fr)); gap:12px; }
.ticket-control-readonly > div { display:flex; flex-direction:column; gap:7px; min-height:58px; justify-content:center; padding:9px 11px; background:var(--slate-100); border-radius:8px; }
.ticket-control-readonly small { color:var(--slate-500); font-size:9px; font-weight:800; text-transform:uppercase; }
.ticket-control-readonly strong { font-size:12px; }
.ticket-section-tabs { display:flex; gap:4px; padding:6px; overflow-x:auto; background:#e9eef2; border:1px solid #d7e0e6; border-radius:11px; }
.ticket-section-tabs button { position:relative; min-height:39px; padding:0 15px; color:var(--slate-700); font-size:11px; font-weight:800; white-space:nowrap; background:transparent; border:0; border-radius:7px; cursor:pointer; }
.ticket-section-tabs button:hover { color:var(--slate-900); background:rgba(255,255,255,.55); }
.ticket-section-tabs button.active { color:var(--blue-700); background:#fff; box-shadow:0 3px 9px rgba(24,54,75,.08); }
.ticket-section-content { min-height:430px; }
.ticket-overview-grid,.ticket-two-column { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr); gap:18px; align-items:start; }
.ticket-card-block { padding:22px 24px; background:#fff; border:1px solid var(--slate-200); border-radius:13px; box-shadow:0 4px 16px rgba(32,60,82,.035); }
.ticket-card-block h3 { margin:7px 0 15px; font-size:17px; }
.ticket-description-large { margin:13px 0 0; color:#314455; font-size:15px; line-height:1.75; white-space:pre-wrap; }
.ticket-facts { display:grid; gap:1px; overflow:hidden; background:var(--slate-200); border:1px solid var(--slate-200); border-radius:13px; }
.ticket-facts div { display:flex; flex-direction:column; gap:5px; padding:15px 17px; background:#fff; }
.ticket-facts small { color:var(--slate-500); font-size:9px; font-weight:800; text-transform:uppercase; }
.ticket-facts strong { font-size:12px; white-space:pre-wrap; }
.work-choice { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:18px; padding:22px 24px; color:#eaf6fc; background:linear-gradient(135deg,var(--navy-950),#173e54); border-radius:14px; box-shadow:0 14px 36px rgba(8,24,35,.14); }
.work-choice h3 { margin:6px 0 5px; color:#fff; font-size:19px; }.work-choice p { max-width:520px; margin:0; color:#a8c1cf; font-size:12px; line-height:1.5; }
.work-choice > div:last-child { display:flex; gap:10px; }
.choice-card { display:grid; width:210px; grid-template-columns:34px 1fr; gap:2px 9px; padding:12px; color:#cbdde7; text-align:left; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:10px; cursor:pointer; }
.choice-card:hover { background:rgba(255,255,255,.11); }.choice-card.primary { color:#fff; background:var(--blue-700); border-color:#3a83e5; }
.choice-card > span { grid-row:1/3; display:flex; width:34px; height:34px; align-items:center; justify-content:center; font-size:16px; background:rgba(255,255,255,.1); border-radius:8px; }
.choice-card strong { font-size:11px; }.choice-card small { color:#9eb7c5; font-size:8px; line-height:1.35; }.choice-card.primary small { color:#d7e9ff; }
.active-work-banner { display:flex; align-items:center; gap:18px; margin-top:18px; padding:17px 20px; background:#fff8e8; border:1px solid #f0d49c; border-radius:12px; }
.active-work-banner > div { display:flex; flex:1; flex-direction:column; gap:3px; }.active-work-banner strong { font-size:12px; }.active-work-banner small { color:var(--slate-500); font-size:9px; }.active-work-banner > b { font:800 24px/1 Consolas,monospace; color:#8f5a12; }
.pulse-dot { display:inline-block; width:10px; height:10px; background:#f09a2d; border-radius:50%; box-shadow:0 0 0 6px rgba(240,154,45,.14); animation:pulse 1.5s infinite; }
@keyframes pulse { 50% { box-shadow:0 0 0 10px rgba(240,154,45,0); } }
.activity-summary,.billing-suggestion,.billing-final-text { margin:14px 0 0; padding:16px; overflow:auto; color:#314455; font:12px/1.65 Arial,sans-serif; white-space:pre-wrap; background:#f6f9fb; border:1px solid var(--slate-200); border-radius:9px; }
.information-form,.work-complete-form,.billing-form { display:grid; gap:15px; margin-top:13px; }
.information-form textarea,.work-complete-form textarea,.billing-form textarea { resize:vertical; }
.file-count { display:flex; align-items:center; gap:10px; margin-top:17px; padding:14px; background:var(--slate-100); border-radius:9px; }.file-count strong { font-size:24px; }.file-count small { color:var(--slate-500); }
.start-work-panel { display:flex; min-height:330px; flex-direction:column; align-items:center; justify-content:center; padding:36px; text-align:center; background:#fff; border:1px solid var(--slate-200); border-radius:14px; }
.start-work-panel .work-icon { display:flex; width:62px; height:62px; align-items:center; justify-content:center; margin-bottom:16px; color:#fff; font-size:24px; background:var(--blue-700); border-radius:18px; box-shadow:0 12px 28px rgba(20,95,199,.2); }
.start-work-panel h2 { margin:8px 0; }.start-work-panel p { max-width:650px; margin:0 0 22px; color:var(--slate-500); line-height:1.65; }.foreign-timer { font:800 32px Consolas,monospace; }
.work-session-live { display:grid; grid-template-columns:310px minmax(0,1fr); gap:18px; }
.timer-display { position:sticky; top:150px; display:flex; min-height:260px; flex-direction:column; align-items:center; justify-content:center; gap:13px; padding:28px; color:#fff; background:linear-gradient(145deg,var(--navy-950),#16435b); border-radius:14px; }
.timer-display small { color:#acc4d0; text-align:center; }.timer-display strong { font:800 clamp(31px,4vw,48px) Consolas,monospace; letter-spacing:.04em; }
.work-complete-form { padding:23px; background:#fff; border:1px solid var(--slate-200); border-radius:14px; }
.work-form-intro h3 { margin:6px 0; font-size:20px; }.work-form-intro p { margin:0 0 8px; color:var(--slate-500); font-size:12px; line-height:1.55; }
.resolve-confirm { display:flex!important; flex-direction:row!important; align-items:flex-start; gap:11px!important; padding:14px; background:var(--green-100); border:1px solid #bfe6d3; border-radius:9px; }
.resolve-confirm input { width:18px; height:18px; }.resolve-confirm span { display:flex; flex-direction:column; gap:3px; }.resolve-confirm strong { color:#126c47; }.resolve-confirm small { color:#487263; font-weight:400; }
.finish-work-button { min-height:50px; }
.work-log { margin-top:18px; }.work-log article { display:grid; grid-template-columns:26px minmax(0,1fr); gap:11px; padding:15px 0; border-top:1px solid var(--slate-200); }.work-log article > div { display:flex; flex-direction:column; gap:4px; }.work-log p { margin:0; color:var(--slate-700); font-size:11px; line-height:1.5; white-space:pre-wrap; }.work-log small { color:var(--slate-500); font-size:9px; }
.section-inline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.billing-inline-status { display:flex; gap:16px; margin:13px 0; padding:14px; background:var(--blue-100); border-radius:9px; }.billing-inline-status strong { color:var(--blue-700); }
.running-label { display:block; margin-top:3px; color:var(--amber-600); font-size:9px; }

.billing-layout { display:grid; grid-template-columns:minmax(300px,.65fr) minmax(560px,1.35fr); gap:18px; align-items:start; }
.billing-list,.billing-detail { overflow:hidden; }.billing-list-row { display:flex; width:100%; align-items:center; gap:10px; padding:15px 16px; text-align:left; background:#fff; border:0; border-bottom:1px solid var(--slate-200); cursor:pointer; }.billing-list-row:hover,.billing-list-row.active { background:#eef6fd; }.billing-list-row.active { box-shadow:inset 3px 0 0 var(--blue-600); }.billing-list-row span { display:flex; min-width:0; flex:1; flex-direction:column; gap:4px; }.billing-list-row small { color:var(--blue-700); font-size:9px; font-weight:800; }.billing-list-row strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.billing-list-row b { color:var(--slate-500); font-size:9px; }.billing-list-row i { font-size:21px; font-style:normal; }
.billing-detail { padding:22px; }.billing-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.billing-detail-head h2 { margin:5px 0; font-size:22px; }.billing-detail-head p { margin:0; color:var(--slate-500); }
.billing-summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:20px 0; }.billing-summary-grid article { display:flex; flex-direction:column; gap:6px; padding:14px; background:var(--slate-100); border-radius:9px; }.billing-summary-grid small { color:var(--slate-500); font-size:9px; text-transform:uppercase; }.billing-summary-grid strong { font-size:12px; white-space:pre-wrap; }
.billing-section { margin-top:21px; }.billing-section h3 { margin:0 0 10px; font-size:15px; }.billing-time-row { display:grid; grid-template-columns:minmax(0,1fr) 120px 80px; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--slate-200); }.billing-time-row > span:first-child { display:flex; align-items:center; gap:8px; }.billing-time-row span,.billing-time-row b { font-size:10px; }
.billing-form { padding-top:17px; border-top:1px solid var(--slate-200); }.billing-finalize { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:20px; padding:15px; background:var(--green-100); border:1px solid #bce5d1; border-radius:10px; }.billing-finalize > div { display:flex; flex-direction:column; gap:3px; }.billing-finalize strong { color:#126c47; }.billing-finalize small { color:#487263; }.billing-open-ticket { margin-top:18px; }
.billing-text-review{padding-top:18px;border-top:1px solid var(--slate-200)}.billing-text-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.billing-text-columns>article{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#f7fafb;border:1px solid #dbe7ec;border-radius:12px}.billing-text-columns>article>header{display:flex;gap:9px;align-items:center;padding:11px 12px;background:#edf5f8;border-bottom:1px solid #dbe7ec}.billing-text-columns>article>header>span{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;color:#fff;font-size:9px;font-weight:900;background:#1683aa;border-radius:7px}.billing-text-columns>article>header strong,.billing-text-columns>article>header small{display:block}.billing-text-columns>article>header small{margin-top:2px;color:#6e8792;font-size:8px}.billing-text-columns pre{min-height:310px;max-height:520px;margin:0;padding:13px;overflow:auto;color:#294b5a;font:10px/1.6 var(--font-sans);white-space:pre-wrap}.billing-review-editor{display:grid;gap:10px;margin:0;padding:12px;border:0}.billing-review-editor textarea{min-height:245px}.billing-review-editor button{width:100%}
@media(max-width:1180px){.billing-text-columns{grid-template-columns:1fr}.billing-text-columns pre{min-height:150px;max-height:300px}.billing-review-editor textarea{min-height:180px}}

.customer-info-grid { display:grid; grid-template-columns:1fr 1.35fr .8fr; gap:10px; margin:17px 19px 5px; }.customer-info-grid article { display:flex; min-width:0; flex-direction:column; gap:7px; padding:15px; background:#f7f9fa; border:1px solid var(--slate-200); border-radius:9px; }.customer-info-grid span { color:var(--slate-500); font-size:8px; font-weight:900; letter-spacing:.08em; }.customer-info-grid strong { overflow-wrap:anywhere; font-size:11px; line-height:1.4; }.customer-info-grid small { color:var(--slate-500); font-size:9px; line-height:1.5; }.customer-row.inactive,.contact-card.inactive { opacity:.58; }.tag-row { display:flex; gap:6px; }.customer-active-switch span { display:flex; flex-direction:column; gap:3px; }.customer-active-switch small { color:var(--slate-500); font-weight:400; }

.profile-dialog-grid { display:grid; grid-template-columns:1.35fr .8fr; }.profile-dialog-grid .modal-form { align-self:start; }.password-form { margin:20px; background:var(--slate-100); border-radius:12px; }.password-form h3 { margin:0 0 4px; }.profile-avatar-editor { display:flex; align-items:center; gap:14px; }.profile-avatar { width:70px; height:70px; flex-basis:70px; font-size:18px; border-radius:18px; }.profile-avatar-editor > label { flex:1; }.profile-form textarea { resize:vertical; font-family:Consolas,monospace; font-size:11px; }
.modal.wide { width:min(820px,100%); }.modal-form label { font-size:11px; }.modal-form input,.modal-form select,.modal-form textarea { font-size:13px; }.billing-choice { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; padding:0; border:0; }.billing-choice legend { grid-column:1/-1; margin-bottom:7px; color:var(--slate-700); font-size:11px; font-weight:800; }.billing-choice label { display:flex; flex-direction:row; align-items:flex-start; gap:10px; padding:14px; background:var(--slate-100); border:1px solid var(--slate-200); border-radius:9px; cursor:pointer; }.billing-choice input { width:17px; min-height:17px; }.billing-choice span { display:flex; flex-direction:column; gap:4px; }.billing-choice strong { font-size:11px; }.billing-choice small { color:var(--slate-500); font-size:9px; font-weight:400; }
.attachment-row,.attachment-upload { border-color:var(--slate-200); }.attachment-row small { color:var(--slate-500); }.attachment-row:hover { border-color:var(--blue-600); }.attachment-upload { background:#f6fafc; }
.status-badge.billing { color:#7d4db3; background:#f1e9fb; }.status-badge.billing > span { background:#8b56bf; }.status-badge.closed { color:#40505d; background:#e5e9ec; }.status-badge.closed > span { background:#586b79; }.status-dot-large.billing { background:#8b56bf; }.status-dot-large.closed { background:#586b79; }

@media(max-width:1300px){.ticket-control-form{grid-template-columns:repeat(3,minmax(130px,1fr))}.ticket-overview-grid,.ticket-two-column{grid-template-columns:1fr .62fr}.work-choice{align-items:flex-start;flex-direction:column}.billing-layout{grid-template-columns:340px minmax(0,1fr)}.customer-info-grid{grid-template-columns:1fr 1fr}.customer-info-grid article:last-child{grid-column:1/-1}}
@media(max-width:1050px){.ticket-controls{grid-template-columns:1fr}.ticket-control-readonly{grid-template-columns:repeat(3,1fr)}.ticket-overview-grid,.ticket-two-column,.work-session-live{grid-template-columns:1fr}.timer-display{position:static;min-height:190px}.billing-layout{grid-template-columns:1fr}.profile-dialog-grid{grid-template-columns:1fr}.password-form{margin:0 20px 20px}.customer-info-grid{grid-template-columns:1fr}.customer-info-grid article:last-child{grid-column:auto}}
@media(max-width:920px){.workspace-tabs{top:76px;padding-left:12px}.ticket-workspace-head{flex-direction:column}.ticket-head-actions{justify-content:flex-start}.ticket-control-form{grid-template-columns:repeat(2,1fr)}.work-choice>div:last-child{width:100%;flex-direction:column}.choice-card{width:100%}}
@media(max-width:680px){.workspace-tabs{top:67px}.content-area{padding:16px 11px 32px}.ticket-workspace{gap:11px}.ticket-workspace-head,.ticket-controls,.ticket-card-block{padding:16px;border-radius:10px}.ticket-workspace h1{font-size:24px}.ticket-party{flex-direction:column}.ticket-control-form,.ticket-control-readonly{grid-template-columns:1fr}.ticket-section-tabs{border-radius:8px}.ticket-overview-grid,.ticket-two-column{gap:10px}.work-choice{padding:17px}.active-work-banner{align-items:flex-start;flex-direction:column}.billing-summary-grid{grid-template-columns:1fr}.billing-time-row{grid-template-columns:1fr auto}.billing-time-row>span:nth-child(2){display:none}.billing-choice{grid-template-columns:1fr}.profile-dialog-grid{display:block}.password-form{margin:0 16px 16px}.ticket-work-tab{min-width:170px}}

/* Neue Funktionen im bewährten Ticket-System-Design */
.customer-row .customer-logo,.company-avatar .customer-logo,.ticket-party-avatar .customer-logo{width:100%;height:100%;object-fit:contain}
.ticket-work-tab .tab-timer-dot{background:#e23a32;box-shadow:0 0 0 4px rgba(226,58,50,.18);animation:timer-blink .9s step-end infinite}
.sidebar-running{margin:18px 2px 10px;padding:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:12px}
.sidebar-running-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fff;font-size:10px}
.sidebar-running>button{display:flex;width:100%;align-items:center;gap:8px;padding:9px 7px;color:#dcebf3;text-align:left;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.07);cursor:pointer}
.sidebar-running>button>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.sidebar-running>button small{color:#7dbef1;font-size:8px;font-weight:900}
.sidebar-running>button strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-running>button b{color:#ffbaa9;font:800 9px Consolas,monospace}
.ticket-table-wrap{overflow:auto}
.table-customer{display:flex;align-items:center;gap:9px}
.customer-logo-frame{display:inline-flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;overflow:hidden;color:#658095;background:#fff;border:1px solid var(--slate-200);border-radius:10px}
.customer-logo-frame img{width:100%;height:100%;object-fit:contain;padding:3px}
.customer-logo-frame.empty{font-size:22px;background:#eef3f6}
.customer-logo-frame.mini{width:30px;height:30px;flex-basis:30px;border-radius:7px}
.ticket-party-avatar img{padding:4px}
.customer-logo-large{width:84px;height:84px;flex-basis:84px;border-radius:16px}
.customer-logo-large img{padding:6px}
@keyframes timer-blink{50%{opacity:.18;box-shadow:0 0 0 9px rgba(232,51,42,0)}}
.ticket-section-tabs button b{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;margin-left:4px;color:#fff;font-size:9px;background:#176aca;border-radius:9px}
.ticket-control-form .mail-choice{grid-column:1/-2;align-self:center}
.ticket-control-form>.primary-button{grid-column:-2/-1}
.mail-choice{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;color:#43586a!important;font-size:10px!important;font-weight:700!important}
.mail-choice input{width:17px!important;min-height:17px!important;flex:0 0 17px!important}
.description-form,.stack-form{display:grid;gap:14px;margin-top:15px}
.description-form label,.stack-form label{display:flex;flex-direction:column;gap:7px;color:var(--slate-700);font-size:10px;font-weight:850}
.description-form input,.description-form textarea,.stack-form input,.stack-form textarea{width:100%;padding:11px 12px;color:var(--slate-900);background:#fff;border:1px solid var(--slate-300);border-radius:9px;outline:0;resize:vertical}
.description-form input:focus,.description-form textarea:focus,.stack-form input:focus,.stack-form textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(31,115,221,.11)}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}
.information-layout{display:grid;gap:18px}
.info-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.info-compose{display:grid;gap:12px;padding:18px;border:1px solid var(--slate-200);border-radius:12px}
.info-compose.internal{background:#f7f9fb}
.info-compose.customer{background:#f3f9ff;border-color:#cfe3f5}
.info-compose>div{display:flex;flex-direction:column;gap:4px}
.info-compose strong{font-size:13px}
.info-compose small{color:var(--slate-500);font-size:10px;line-height:1.5}
.info-compose textarea{width:100%;padding:12px;resize:vertical;border:1px solid var(--slate-300);border-radius:9px}
.information-timeline{display:grid;gap:12px;margin-top:17px}
.information-entry{padding:17px 18px;background:#f8fafb;border:1px solid var(--slate-200);border-left:4px solid #71879a;border-radius:10px}
.information-entry.customer{background:#f5faff;border-left-color:#1e78d2}
.info-line{display:flex;align-items:center;gap:10px}
.info-line>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.info-line strong{font-size:11px}
.info-line small{color:var(--slate-500);font-size:9px}
.info-line>span:last-child{padding:5px 8px;color:#38536a;font-size:8px;font-weight:900;text-transform:uppercase;background:#e7edf1;border-radius:12px}
.information-entry.customer .info-line>span:last-child{color:#0c5fae;background:#ddecfb}
.information-entry p{margin:13px 0 0;color:#2e4354;font-size:12px;line-height:1.68}
.entry-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--slate-200)}
.entry-actions button,.danger-link{padding:0;color:#1a64a8;font-size:9px;font-weight:850;background:none;border:0;cursor:pointer}
.entry-actions .danger-link,.danger-link{color:#b23838}
.structured-list{display:grid;gap:9px;margin-top:18px}
.structured-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;background:#f8fafb;border:1px solid var(--slate-200);border-radius:10px}
.structured-row>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.structured-row strong{font-size:12px}
.structured-row small{color:var(--slate-500);font-size:9px}
.structured-row p{margin:6px 0 0;padding:8px 10px;color:#3f5667;font-size:10px;line-height:1.5;background:#fff;border-radius:7px}
.structured-row.completed{opacity:.72;background:#f3f8f5}
.structured-row.completed>div>strong{text-decoration:line-through}
.task-check{display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:#16714a;font-size:18px;background:#e5f5ed;border:1px solid #bde3d1;border-radius:50%;cursor:pointer}
.material-quantity{display:flex;min-width:44px;height:35px;align-items:center;justify-content:center;color:#155fa7;font-size:11px;font-weight:900;background:#e5f1fc;border-radius:8px}
.sticky-card{position:sticky;top:150px}
.work-area{display:grid;gap:18px}
.active-workers{display:flex;align-items:center;gap:12px;padding:14px 18px;overflow-x:auto;color:#eaf7ff;background:#0d2a3b;border-radius:12px}
.active-workers>div{display:flex;align-items:center;gap:9px;margin-right:auto;white-space:nowrap}
.active-workers article{display:flex;min-width:210px;align-items:center;gap:9px;padding:9px 11px;background:rgba(255,255,255,.07);border-radius:9px}
.active-workers article>.avatar{flex:0 0 25px}
.active-workers article>span{display:flex;min-width:0;flex:1;flex-direction:column}
.active-workers article strong{font-size:9px}
.active-workers article small{color:#a9c4d2;font-size:8px}
.active-workers article b{font:800 11px Consolas,monospace}
.live-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;background:#f04438;border-radius:50%;box-shadow:0 0 0 5px rgba(240,68,56,.15);animation:timer-blink .9s step-end infinite}
.live-dot.large{width:15px;height:15px;box-shadow:0 0 0 8px rgba(240,68,56,.14)}
.history-timeline{position:relative;display:grid;gap:0;margin-top:20px;padding-left:18px}
.history-timeline:before{position:absolute;top:5px;bottom:8px;left:5px;width:2px;background:#dfe7ec;content:""}
.history-timeline article{position:relative;padding:0 0 22px 20px}
.timeline-dot{position:absolute;top:5px;left:-17px;width:10px;height:10px;background:#1d73c8;border:3px solid #e3f0fb;border-radius:50%}
.timeline-entry-head{display:flex;align-items:center;gap:9px}
.timeline-entry-head>div{display:flex;flex-direction:column;gap:2px}
.timeline-entry-head strong{font-size:12px}
.timeline-entry-head small{color:var(--slate-500);font-size:9px}
.history-timeline p{margin:8px 0 0;padding:11px;color:#3c5262;font-size:10px;line-height:1.55;background:#f7f9fb;border-radius:7px}
.billing-material-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--slate-200);font-size:10px}
.billing-material-row small{color:var(--slate-500)}
.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}
.customer-card{overflow:hidden;background:#fff;border:1px solid var(--slate-200);border-radius:14px;box-shadow:0 5px 18px rgba(25,51,68,.045)}
.customer-card.inactive{opacity:.65}
.customer-card>header{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;padding:19px;border-bottom:1px solid var(--slate-200)}
.customer-card h2{margin:4px 0 8px;font-size:19px}
.customer-card header small{color:var(--blue-700);font-size:9px;font-weight:900}
.customer-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 18px}
.customer-data-grid article{display:flex;min-width:0;flex-direction:column;gap:5px;padding:11px;background:#f7f9fa;border-radius:8px}
.customer-data-grid article.wide{grid-column:1/-1}
.customer-data-grid span{color:var(--slate-500);font-size:8px;font-weight:900;text-transform:uppercase}
.customer-data-grid strong,.customer-data-grid a{overflow-wrap:anywhere;color:#233a4b;font-size:10px;line-height:1.45}
.contact-list{padding:5px 18px 15px}
.contact-card>div{display:flex;flex-direction:column}
.contact-card>span{color:var(--slate-500);font-size:9px;line-height:1.5}
.contact-card button{font-size:9px}
.customer-card>footer{display:flex;flex-wrap:wrap;gap:8px;padding:13px 18px;background:#f8fafb;border-top:1px solid var(--slate-200)}
.customer-card>footer button,.customer-card>footer a{padding:7px 9px;color:#155fa7;font-size:9px;font-weight:800;background:#fff;border:1px solid var(--slate-200);border-radius:7px;cursor:pointer}
.reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.report-card{padding:20px 22px}
.report-card.wide{grid-column:1/-1}
.report-card h2{margin:0 0 18px;font-size:16px}
.report-bars{display:grid;gap:11px}
.report-bars>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(130px,1.4fr) 38px;gap:10px;align-items:center}
.report-bars>div>span{overflow:hidden;color:#334b5c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.report-bars i{height:9px;overflow:hidden;background:#e8eef2;border-radius:5px}
.report-bars i b{display:block;height:100%;background:linear-gradient(90deg,#0c65ba,#2e91eb);border-radius:5px}
.report-bars>div>strong{text-align:right;font-size:10px}
.rich-editor-label{display:flex!important;flex-direction:column!important;gap:7px!important}
.rich-editor-host{display:block;overflow:hidden;background:#fff;border:1px solid var(--slate-300);border-radius:10px}
.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;background:#edf2f5;border-bottom:1px solid var(--slate-300)}
.rich-editor-toolbar button,.rich-editor-toolbar select,.rich-editor-toolbar input[type=color]{width:auto;min-height:30px;padding:4px 7px;font-size:10px;background:#fff;border:1px solid #ccd7de;border-radius:5px}
.rich-editor-toolbar input[type=color]{width:38px;padding:3px}
.rich-editor-content{display:block;min-height:180px;padding:14px;color:#172d3d;font:14px/1.5 Arial,sans-serif;outline:0}
.rich-editor-content img{max-width:100%;height:auto}
.confirm-content{padding:18px 22px}
.confirm-content li{margin:7px 0;color:#314b5d;font-size:11px}
.unlink-receipt-confirm{display:grid;gap:18px}.unlink-receipt-confirm>p{margin:0;color:#526975;line-height:1.65}.receipt-unlink-summary{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #d9e5ec;border-radius:16px;background:#f7fafc}.receipt-unlink-summary>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#e8f2f8;color:#137da7;font-size:22px;font-weight:900}.receipt-unlink-summary>div{display:grid;gap:3px;min-width:0}.receipt-unlink-summary strong{color:#102f42;font-size:14px}.receipt-unlink-summary small{color:#627985}.receipt-unlink-summary em{margin-top:4px;color:#996016;font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.empty-state.small{padding:15px}
.notice{padding:14px 16px;color:#604812;background:#fff6df;border:1px solid #ecd49d;border-radius:9px;font-size:11px;line-height:1.5}
.danger-ghost{color:#a73434!important;border-color:#edcaca!important}
@media(max-width:1280px){.customer-grid{grid-template-columns:1fr}
.ticket-control-form .mail-choice{grid-column:1/-2}
.info-entry-grid{grid-template-columns:1fr}}
@media(max-width:980px){.reports-grid{grid-template-columns:1fr}
.report-card.wide{grid-column:auto}
.customer-card>header{grid-template-columns:70px 1fr}
.customer-logo-large{width:70px;height:70px;flex-basis:70px}
.customer-card>header>.active-badge{grid-column:2}
.sticky-card{position:static}}
@media(max-width:700px){.ticket-control-form .mail-choice,.ticket-control-form>.primary-button{grid-column:1}
.customer-grid{padding:10px}
.customer-data-grid{grid-template-columns:1fr}
.customer-data-grid article.wide{grid-column:auto}
.reports-grid{gap:10px}
.report-bars>div{grid-template-columns:95px 1fr 30px}
.form-actions{align-items:stretch;flex-direction:column}
.active-workers{align-items:stretch;flex-direction:column}
.active-workers article{min-width:0}}

/* Intuitive Ticket-Details, Schnellaktionen und strukturierte Kategorien */
.ticket-heading{flex:1}.ticket-heading-meta{flex-wrap:wrap}.category-mark{display:inline-flex;align-items:center;gap:6px}.category-mark img{width:18px;height:18px;padding:2px;object-fit:contain;background:#fff;border:1px solid var(--slate-200);border-radius:5px}.ticket-link small .category-mark img{width:14px;height:14px;vertical-align:middle}.contact-symbol svg{width:19px;height:19px;fill:currentColor}.ticket-party-edit{align-self:center;padding:7px 10px;color:var(--blue-700);font-size:9px;font-weight:850;background:#fff;border:1px solid var(--slate-300);border-radius:8px;cursor:pointer}
.ticket-quick-actions{display:flex;align-items:center;gap:8px;margin-top:15px;padding:8px 10px;background:#f2f6f9;border:1px solid var(--slate-200);border-radius:9px}.ticket-quick-actions>span{display:flex;min-width:160px;flex:1;flex-direction:column;gap:1px}.ticket-quick-actions small{font-size:7px;letter-spacing:.09em}.ticket-quick-actions b{color:#314b5d;font-size:10px}.ticket-quick-actions button{padding:8px 11px;color:#31536e;font-size:9px;font-weight:850;background:#fff;border:1px solid var(--slate-300);border-radius:7px;cursor:pointer}.ticket-quick-actions button.primary{color:#fff;background:var(--blue-700);border-color:var(--blue-700)}
.ticket-head-actions{max-width:260px;flex-wrap:wrap}.ticket-control-form .control-note{grid-column:1/-1;color:#9a5b15;font-size:9px}.resolve-confirm.disabled{opacity:.7;background:#f4f5f6;border-color:var(--slate-300)}.resolve-confirm.disabled strong{color:#596c79}.resolve-confirm.disabled small{color:#6d7c86}
.information-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);align-items:start}.info-compose-pane{position:sticky;top:150px}.info-compose-pane .info-entry-grid{grid-template-columns:1fr}.information-timeline{max-height:72vh;overflow:auto;padding-right:4px}
.work-split{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.work-action-pane{display:grid;gap:14px}.work-action-pane .work-session-live{grid-template-columns:1fr}.work-action-pane .timer-display{position:static;min-height:170px}.work-action-pane .active-workers{align-items:stretch;flex-direction:column}.work-action-pane .active-workers article{min-width:0}.work-log{margin-top:0}.work-log-filters{display:flex;gap:7px;flex-wrap:wrap}.work-log-filters select{min-height:34px;padding:6px 8px;color:var(--slate-700);font-size:9px;background:#fff;border:1px solid var(--slate-300);border-radius:7px}
.information-form input{width:100%;min-height:42px;padding:9px 11px;color:var(--slate-900);background:#fff;border:1px solid var(--slate-300);border-radius:8px;outline:0}.information-form input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(31,115,221,.12)}.information-form label small{color:var(--slate-500);font-size:8px;line-height:1.4}
.category-preview{display:flex;align-items:center;gap:8px;margin-top:5px;padding:7px 8px;background:#f5f8fa;border:1px solid var(--slate-200);border-radius:7px}.category-preview img{width:24px;height:24px;padding:3px;object-fit:contain;background:#fff;border-radius:6px}.category-preview>span{display:flex;flex-direction:column;gap:1px}.category-preview strong{font-size:9px}.category-preview small{color:var(--slate-500);font-size:7px;font-weight:500}
.ticket-table{table-layout:fixed}.ticket-table th:first-child,.ticket-table td:first-child{width:42%}.ticket-table th:nth-child(2),.ticket-table td:nth-child(2){width:10%}.ticket-overview-row>td:first-child{position:relative}.ticket-hover-summary{max-height:0;overflow:hidden;opacity:0;transition:max-height .18s ease,opacity .15s ease,margin .18s ease}.ticket-overview-row:hover .ticket-hover-summary,.ticket-overview-row:focus-within .ticket-hover-summary{max-height:150px;margin-top:9px;padding:10px 11px;opacity:1;background:#f0f6fa;border:1px solid #d6e4ed;border-radius:8px}.ticket-hover-summary>strong{display:none}.ticket-hover-summary p{display:-webkit-box;margin:0 0 7px;overflow:hidden;color:#425b6c;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ticket-hover-summary div{display:flex;gap:12px;flex-wrap:wrap;color:#667b89;font-size:8px;font-weight:800}
.company-avatar{background:#fff;border:1px solid var(--slate-200)}.company-avatar .customer-logo{width:100%;height:100%;padding:4px;object-fit:contain}.rich-editor-host{position:relative;pointer-events:auto!important}.rich-editor-content{position:relative;z-index:1;cursor:text;caret-color:#172d3d;user-select:text;-webkit-user-select:text;pointer-events:auto!important;color:#172d3d!important;background:#fff}.rich-editor-content:empty:before{content:'Signatur hier eingeben …';color:#718397;pointer-events:none}.rich-editor-toolbar{position:relative;z-index:2}.rich-editor-toolbar *{pointer-events:auto}
@media(max-width:1120px){.information-layout,.work-split{grid-template-columns:1fr}.info-compose-pane{position:static}.information-timeline{max-height:none}}
@media(max-width:760px){.ticket-quick-actions{align-items:stretch;flex-direction:column}.ticket-quick-actions>span{min-width:0}.ticket-quick-actions button{width:100%}.ticket-head-actions{max-width:none}.ticket-table th:first-child,.ticket-table td:first-child{width:auto}.ticket-hover-summary{display:none}}

/* Workflow polish: balanced panes, reliable icons, compact actions and uploads. */
.status-badge.waiting_goods{color:#76561d;background:#fff1c7}.status-badge.waiting_goods>span{background:#b98621}.status-dot-large.waiting_goods{background:#b98621}
.ticket-link{width:100%}.ticket-link strong{width:100%;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-table th:first-child,.ticket-table td:first-child{width:38%}.ticket-table th:nth-child(2),.ticket-table td:nth-child(2){width:9%}.ticket-table th:nth-child(3),.ticket-table td:nth-child(3){width:13%}.ticket-table th:nth-child(4),.ticket-table td:nth-child(4){width:15%}.ticket-table th:nth-child(5),.ticket-table td:nth-child(5){width:13%}.ticket-table th:nth-child(6),.ticket-table td:nth-child(6){width:9%}.ticket-table th:nth-child(7),.ticket-table td:nth-child(7){width:3%;padding-left:4px;padding-right:7px}
.table-sort{display:inline-flex;align-items:center;gap:4px;padding:0;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;background:none;border:0;cursor:pointer}.table-sort:hover,.table-sort.active{color:var(--blue-700)}
.accounting-table .table-sort{width:100%;min-height:28px;justify-content:flex-start;text-align:left}.accounting-table .table-sort-indicator{display:inline-grid;width:17px;height:17px;flex:0 0 17px;place-items:center;color:#7a8d98;font-size:10px;background:#eef4f7;border-radius:5px}.accounting-table .table-sort.active .table-sort-indicator{color:#fff;background:var(--blue-700)}
.customer-table-cell{display:flex;min-width:0;align-items:center;gap:7px}.customer-table-cell strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-table-cell .avatar{flex:0 0 auto}
.attachment-dropzone{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:24px;text-align:center;background:#fff;border:2px dashed #b9cbd7;border-radius:11px;cursor:pointer;transition:.15s}.attachment-dropzone:hover,.attachment-dropzone:focus,.attachment-dropzone.drag-active{background:#edf7ff;border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(31,115,221,.1)}.attachment-dropzone input{position:absolute;width:1px!important;height:1px;overflow:hidden;opacity:0}.dropzone-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--blue-700);font-size:24px;background:var(--blue-100);border-radius:50%}.attachment-dropzone strong{font-size:12px}.attachment-dropzone small{color:var(--slate-500);font-size:9px}.attachment-dropzone b{max-width:100%;overflow:hidden;color:var(--blue-700);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.files-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.file-upload-pane{position:sticky;top:150px}.file-upload-pane .attachment-upload{margin-top:14px}
.contact-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.contact-actions button{display:grid;width:28px;height:28px;place-items:center;color:var(--slate-600);background:#fff;border:1px solid var(--slate-300);border-radius:7px;cursor:pointer}.contact-actions .danger-link{color:#9b343b}.task-completed-meta{color:var(--green-700)!important;font-weight:750}
.material-group{display:grid;gap:7px}.material-group h4{display:flex;align-items:center;justify-content:space-between;margin:10px 0 0;padding:7px 9px;color:#435e70;font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:#eef3f6;border-radius:7px}.material-group h4 span{display:grid;min-width:20px;height:20px;place-items:center;background:#fff;border-radius:99px}.manual-work-card{margin-top:0}
.ticket-material-picker{position:relative}.ticket-material-results{position:absolute;z-index:40;top:68px;left:0;right:0;display:grid;max-height:290px;overflow:auto;padding:6px;background:#fff;border:1px solid #bfd3dd;border-radius:11px;box-shadow:0 16px 38px rgba(18,57,75,.16)}.ticket-material-results[hidden]{display:none}.ticket-material-results button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;border:0;border-radius:8px;color:#173b4b;background:transparent;text-align:left;cursor:pointer}.ticket-material-results button:hover,.ticket-material-results button:focus{background:#eef7fa;outline:0}.ticket-material-results button span{display:grid;gap:3px;min-width:0}.ticket-material-results button strong,.ticket-material-results button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-material-results button small{color:#6f8490;font-size:8px}.ticket-material-results button b{flex:0 0 auto;color:#087da9;font-size:9px}.billing-material-note{display:flex;align-items:center;gap:9px;padding:10px 11px;color:#6d4b13;background:#fff7e3;border:1px solid #efd597;border-radius:9px}.billing-material-note>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;color:#fff;background:#d58a17;border-radius:8px;font-weight:900}.billing-material-note small{display:grid;gap:2px;font-size:9px;line-height:1.35}.billing-material-note strong{color:#62420f}
.category-symbol{display:grid;width:20px;height:20px;place-items:center;color:var(--blue-700);font-size:13px;background:#edf4f9;border:1px solid var(--slate-200);border-radius:5px}.category-mark:has(img)>.category-symbol,.category-preview:has(img)>.category-symbol{display:none}.category-preview>.category-symbol+span{display:flex;flex-direction:column}
.information-layout,.ticket-two-column,.work-split.equal-columns,.files-split{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-quick-actions{justify-content:flex-end}.ticket-quick-actions>span{min-width:0;flex:0 1 auto;margin-right:4px}.ticket-quick-actions button{padding:6px 9px;font-size:8px}
@media(max-width:1120px){.information-layout,.ticket-two-column,.work-split.equal-columns,.files-split{grid-template-columns:1fr}.file-upload-pane{position:static}.ticket-table{min-width:1050px}}

/* Zeiterfassung, Urlaub und Abwesenheiten */
.time-platform{display:grid;gap:17px}.time-page-actions{display:flex;align-items:flex-end;gap:8px}.time-page-actions label{display:grid;gap:4px;color:var(--slate-500);font-size:8px;font-weight:850;text-transform:uppercase}.time-page-actions input{min-height:38px;padding:7px 9px;color:var(--slate-800);background:#fff;border:1px solid var(--slate-300);border-radius:8px}.time-tabs{display:flex;gap:5px;padding:5px;overflow:auto;background:#e9eef2;border:1px solid var(--slate-200);border-radius:10px}.time-tabs button{padding:9px 13px;color:var(--slate-600);font-size:10px;font-weight:850;white-space:nowrap;background:transparent;border:0;border-radius:7px;cursor:pointer}.time-tabs button.active{color:#fff;background:var(--blue-700);box-shadow:0 3px 10px rgba(20,75,130,.18)}
.time-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.time-kpis>article,.team-kpi{display:flex;min-height:94px;justify-content:center;flex-direction:column;gap:5px;padding:15px;text-align:left;background:#fff;border:1px solid var(--slate-200);border-radius:10px}.time-kpis small{color:var(--slate-500);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.time-kpis strong{font-size:18px}.time-kpis span{color:var(--slate-500);font-size:8px}.time-kpis .above_plus{border-color:#e7b964}.time-kpis .below_minus{border-color:#e6a7aa}.team-kpi{min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer}.team-kpi>span{display:flex;min-width:0;flex-direction:column;gap:4px}.team-kpi>span strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.team-kpi.active{border-color:var(--blue-600);box-shadow:0 0 0 2px rgba(31,115,221,.1)}
.time-clock{display:flex;align-items:center;gap:17px;padding:18px 20px;color:#fff;background:linear-gradient(125deg,#102b3d,#174f6f);border-radius:12px;box-shadow:0 8px 24px rgba(12,41,59,.13)}.clock-symbol{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;color:#bdefff;font-size:28px;background:rgba(255,255,255,.1);border-radius:50%}.time-clock>div{display:flex;min-width:180px;flex:1;flex-direction:column;gap:3px}.time-clock small{color:#abd0df;font-size:9px}.time-clock strong{font-size:19px}.time-clock p{margin:0;color:#a9c4d0;font-size:9px}.time-clock form{display:flex;align-items:end;gap:8px}.time-clock form label{display:grid;gap:4px;color:#c9e0e9;font-size:8px}.time-clock form input{width:135px;min-height:36px;padding:7px;color:#173047;background:#fff;border:0;border-radius:7px}.time-clock [data-time-live]{font:800 29px Consolas,monospace}
.time-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.time-two-column>div{display:grid;gap:17px}.time-card{padding:18px}.time-card h2{margin:5px 0 14px;font-size:16px}.time-form{display:grid;gap:11px}.time-form label{display:grid;gap:5px;color:var(--slate-700);font-size:9px;font-weight:800}.time-form input,.time-form select,.time-form textarea,.time-card>select{width:100%;min-height:40px;padding:8px 10px;color:var(--slate-900);font:inherit;background:#fff;border:1px solid var(--slate-300);border-radius:8px;outline:0}.time-form textarea{resize:vertical}.time-form input:focus,.time-form select:focus,.time-form textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(31,115,221,.1)}.time-form label small{color:var(--slate-500);font-size:8px;font-weight:500;line-height:1.4}.time-form .check-row{display:flex;align-items:center}.time-form.compact{grid-template-columns:1fr 1.4fr .8fr auto;align-items:end}.time-form.compact button{min-height:40px}
.time-table{min-width:760px}.time-user-cell{display:flex;align-items:center;gap:7px}.row-actions{display:flex;gap:6px}.row-actions button{padding:5px 7px;font-size:8px;background:#fff;border:1px solid var(--slate-300);border-radius:6px;cursor:pointer}.compliance-warning{display:inline-flex;max-width:190px;padding:4px 7px;overflow:hidden;color:#8a4e12;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;background:#fff1d5;border-radius:6px}
.absence-list{display:grid;gap:8px}.absence-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;background:#f7f9fa;border:1px solid var(--slate-200);border-radius:9px}.absence-row>div:first-child{display:flex;flex-direction:column;gap:4px}.absence-row strong{font-size:10px}.absence-row small{color:var(--slate-500);font-size:8px;line-height:1.4}.absence-row p{margin:3px 0 0;padding:7px;color:#415a6b;font-size:8px;background:#fff;border-radius:6px}.absence-type{align-self:flex-start;padding:3px 6px;color:#265e7d;font-size:7px;font-weight:900;text-transform:uppercase;background:#e2f0f8;border-radius:99px}.absence-type.vacation{color:#226245;background:#e2f4e9}.absence-type.sick{color:#8b3f46;background:#fae9ea}.absence-actions{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}.absence-actions button,.absence-actions a{padding:6px 8px;font-size:8px}.absence-upload{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--slate-200)}.absence-upload input{font-size:8px}.absence-upload button{padding:7px 9px;color:var(--blue-700);font-size:8px;font-weight:800;background:#fff;border:1px solid var(--slate-300);border-radius:7px;cursor:pointer}
.team-summary-list{display:grid;gap:7px}.team-summary-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:10px;border-bottom:1px solid var(--slate-200)}.team-summary-list article>span{display:flex;align-items:center;gap:7px}.team-summary-list strong,.team-summary-list b{font-size:9px}.team-summary-list small{grid-column:1/-1;margin-left:33px;color:var(--slate-500);font-size:8px}.team-summary-list b.above_plus{color:#8b5b13}.team-summary-list b.below_minus{color:#a03d46}
.calendar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.calendar-head p{max-width:430px;margin:0;color:var(--slate-500);font-size:9px;line-height:1.5}.calendar-weekdays,.team-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays{margin-bottom:5px}.calendar-weekdays span{padding:7px;color:var(--slate-500);font-size:8px;font-weight:900;text-align:center}.calendar-day{min-height:118px;padding:8px;background:#fff;border:1px solid var(--slate-200);border-radius:8px}.calendar-day.empty{visibility:hidden}.calendar-day.holiday{background:#fff9ea}.calendar-day>strong{font-size:10px}.calendar-day>small{display:block;margin:3px 0;color:#88621a;font-size:7px}.calendar-day>div{display:grid;gap:3px;margin-top:7px}.calendar-absence{padding:4px 5px;overflow:hidden;color:#235c79;font-size:7px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;background:#e5f2f8;border-radius:5px}.calendar-absence.vacation{color:#245f43;background:#e2f3e8}.calendar-absence.absence,.calendar-absence.sick{color:#70424a;background:#f6e9eb}
.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.schedule-grid label{text-align:center}.schedule-grid input{text-align:center}.holiday-list{display:grid;gap:5px;margin-top:14px}.holiday-list article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;background:#f7f9fa;border-radius:8px}.holiday-list article span{display:flex;flex-direction:column;gap:3px}.holiday-list strong{font-size:9px}.holiday-list small{color:var(--slate-500);font-size:8px}.legal-notice{margin-top:15px;padding:12px;color:#5d4a20;background:#fff8e5;border:1px solid #ead9a9;border-radius:8px}.legal-notice strong{font-size:9px}.legal-notice p{margin:4px 0 0;font-size:8px;line-height:1.5}
@media(max-width:1150px){.time-kpis{grid-template-columns:repeat(2,1fr)}.time-two-column{grid-template-columns:1fr}.time-clock{align-items:flex-start;flex-wrap:wrap}.time-clock form{width:100%}.calendar-day{min-height:95px}.schedule-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.time-page-actions{width:100%;align-items:stretch;flex-direction:column}.time-kpis{grid-template-columns:1fr}.time-clock{flex-direction:column}.time-clock form{align-items:stretch;flex-direction:column}.time-clock form input{width:100%}.time-form.compact{grid-template-columns:1fr}.calendar-weekdays,.team-calendar{min-width:720px}.calendar-head{align-items:flex-start;flex-direction:column}.time-card:has(.team-calendar){overflow:auto}.schedule-grid{grid-template-columns:repeat(2,1fr)}.absence-row{grid-template-columns:1fr}.absence-upload{flex-direction:column;align-items:stretch}}

/* Benachrichtigungen, Anlagenverwaltung und gebündelte Kundeninformation */
.notification-center{position:relative}.notification-button{position:relative}.notification-button>b{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;color:#fff;font-size:8px;background:#e5473d;border:2px solid #fff;border-radius:99px}.notification-panel{position:absolute;z-index:80;right:0;top:calc(100% + 10px);width:min(410px,calc(100vw - 28px));overflow:hidden;background:#fff;border:1px solid var(--slate-200);border-radius:12px;box-shadow:0 18px 45px rgba(15,39,55,.2)}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;background:#f5f8fa;border-bottom:1px solid var(--slate-200)}.notification-head>div{display:flex;flex-direction:column;gap:2px}.notification-head strong{font-size:11px}.notification-head small{color:var(--slate-500);font-size:8px}.notification-head button{padding:5px 7px;color:var(--blue-700);font-size:8px;font-weight:800;background:#fff;border:1px solid var(--slate-300);border-radius:6px;cursor:pointer}.notification-list{max-height:min(510px,70vh);overflow:auto}.notification-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;border-bottom:1px solid var(--slate-200)}.notification-item.unread{background:#eef7ff}.notification-open{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:11px 12px;text-align:left;background:transparent;border:0;cursor:pointer}.notification-open>span:first-child{display:grid;width:26px;height:26px;place-items:center;color:var(--blue-700);background:#fff;border:1px solid var(--slate-200);border-radius:7px}.notification-open>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}.notification-open strong{font-size:9px}.notification-open small{overflow:hidden;color:var(--slate-600);font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.notification-open time{color:var(--slate-500);font-size:7px}.notification-delete{align-self:center;width:25px;height:25px;color:var(--slate-500);background:transparent;border:0;border-radius:6px;cursor:pointer}.notification-delete:hover{color:#a12d35;background:#faeaea}
.notification-item.severity-error{border-left:3px solid #d64945}.notification-item.severity-warning{border-left:3px solid #e19a32}.notification-item.severity-success{border-left:3px solid #2c9b70}.notification-item.notification-receipt_job{background:#eef9fc;border-left:3px solid #0aa7cf}.notification-item.notification-receipt_job .notification-open>span:first-child{width:30px;font-size:7px;font-weight:900}.notification-open em{overflow:hidden;color:#2c647a;font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.notification-job-progress,.receipt-job-total,.receipt-job-item-progress{height:4px;overflow:hidden;background:#dce9ee;border-radius:99px}.notification-job-progress i,.receipt-job-total i,.receipt-job-item-progress i{display:block;height:100%;background:linear-gradient(90deg,#087da9,#18bddc);border-radius:inherit;transition:width .25s ease}.notification-running-dot{align-self:center;width:9px;height:9px;margin:0 10px;background:#10afd3;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px rgba(16,175,211,.16);animation:pulseDot 1.4s ease-in-out infinite}
.notification-filters{display:flex;gap:5px;padding:8px 10px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--slate-200);scrollbar-width:thin}.notification-filters button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:5px 8px;color:#56707e;font-size:7px;font-weight:850;background:#f4f8fa;border:1px solid #dce7ec;border-radius:99px;cursor:pointer}.notification-filters button span{display:grid;min-width:16px;height:16px;place-items:center;color:#647d89;font-size:7px;background:#fff;border-radius:50%}.notification-filters button.active{color:#fff;background:#153f53;border-color:#153f53}.notification-filters button.active span{color:#0b789d}
.notification-detail{display:grid;gap:16px;padding:18px}.notification-detail-message{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:14px;background:#f1f8fb;border:1px solid #d7e8ef;border-radius:12px}.notification-detail-message>span{display:grid;width:38px;height:38px;place-items:center;color:#fff;font-size:10px;font-weight:900;background:#087da9;border-radius:10px}.notification-detail.severity-error .notification-detail-message>span{background:#c43e43}.notification-detail-message p{margin:0;color:#294b5a;line-height:1.55}.notification-detail-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.notification-detail-data>div{padding:9px 10px;background:#f7fafb;border:1px solid #e0eaee;border-radius:8px}.notification-detail-data dt{color:#6e8792;font-size:8px;font-weight:850;text-transform:uppercase}.notification-detail-data dd{margin:3px 0 0;color:#244858;font-size:10px;overflow-wrap:anywhere}.notification-audit{display:grid;gap:8px}.notification-audit header h3{margin:3px 0 6px}.notification-audit>article{display:grid;grid-template-columns:12px minmax(0,1fr);gap:9px;padding:10px 0;border-top:1px solid #e1ebef}.notification-audit>article>span{width:8px;height:8px;margin-top:4px;background:#159fc6;border:2px solid #dff5fb;border-radius:50%}.notification-audit>article strong,.notification-audit>article small{display:block}.notification-audit>article strong{text-transform:capitalize}.notification-audit>article small{margin-top:2px;color:#728b96;font-size:8px}.notification-audit .notification-detail-data{margin-top:6px}
.receipt-job-detail{display:grid;gap:15px;padding:18px;max-height:75vh;overflow:auto}.receipt-job-overview{display:grid;gap:8px;padding:15px;color:#fff;background:linear-gradient(135deg,#163d50,#087fa8);border-radius:14px}.receipt-job-overview>div:first-child{display:flex;align-items:end;justify-content:space-between}.receipt-job-overview .eyebrow{color:#a9e9f7}.receipt-job-overview strong{font-size:20px}.receipt-job-overview small{color:#d4edf4;font-size:8px}.receipt-job-total{height:7px;background:rgba(255,255,255,.18)}.receipt-job-total i{background:#fff}.receipt-job-section{display:grid;gap:7px}.receipt-job-section h3{display:flex;gap:7px;align-items:center;margin:0;color:#193f50}.receipt-job-section h3 span{display:grid;min-width:21px;height:21px;place-items:center;color:#087da9;font-size:9px;background:#e5f5fa;border-radius:99px}.receipt-job-item{display:grid;grid-template-columns:94px minmax(0,1fr) 145px;gap:12px;align-items:center;padding:11px 12px;background:#fff;border:1px solid #dce8ed;border-radius:11px}.receipt-job-state{display:flex;gap:7px;align-items:center}.receipt-job-state>span{width:9px;height:9px;background:#9eb1ba;border-radius:50%}.receipt-job-item.processing .receipt-job-state>span{background:#11afd3;box-shadow:0 0 0 4px rgba(17,175,211,.13);animation:pulseDot 1.4s ease-in-out infinite}.receipt-job-item.finished .receipt-job-state>span{background:#2b9b70}.receipt-job-item.failed .receipt-job-state>span{background:#d34848}.receipt-job-state small{font-size:8px;font-weight:800}.receipt-job-item>div:nth-child(2)>strong,.receipt-job-item>div:nth-child(2)>small{display:block}.receipt-job-item>div:nth-child(2)>small{margin:3px 0 6px;color:#718a95;font-size:8px}.receipt-job-item dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.receipt-job-item dl div{padding:6px;background:#f5f9fa;border-radius:7px}.receipt-job-item dt{color:#78909a;font-size:7px;text-transform:uppercase}.receipt-job-item dd{margin:2px 0 0;font-size:9px;font-weight:850}.receipt-job-item p.error{margin:6px 0 0;color:#a82d39;font-size:8px}
.receipt-job-item:has(.receipt-job-timeline){align-items:start}.receipt-job-main{min-width:0}.receipt-job-timeline{margin-top:9px;padding-top:8px;border-top:1px solid #e4edf1}.receipt-job-timeline summary{color:#187395;font-size:8px;font-weight:800;cursor:pointer}.receipt-job-timeline ol{display:grid;gap:0;margin:9px 0 0;padding:0;list-style:none}.receipt-job-timeline li{display:grid;grid-template-columns:13px minmax(0,1fr);gap:7px;position:relative;padding-bottom:9px}.receipt-job-timeline li>i{position:relative;width:8px;height:8px;margin-top:3px;background:#8ea9b4;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bdd0d8}.receipt-job-timeline li:not(:last-child)>i:after{content:"";position:absolute;top:8px;left:2px;width:2px;height:calc(100% + 5px);background:#d9e6eb}.receipt-job-timeline li.current>i{background:#0baed1;box-shadow:0 0 0 3px rgba(11,174,209,.14)}.receipt-job-timeline strong,.receipt-job-timeline p,.receipt-job-timeline time{display:block}.receipt-job-timeline strong{font-size:8px}.receipt-job-timeline p{margin:2px 0;color:#58717d;font-size:8px;line-height:1.4}.receipt-job-timeline time{color:#8297a1;font-size:7px}.receipt-job-cancel-one{align-self:start;padding:6px 8px;color:#a32c35;font-size:7px;font-weight:850;background:#fff6f6;border:1px solid #efc8cb;border-radius:7px;cursor:pointer}.receipt-job-item:has(.receipt-job-cancel-one){grid-template-columns:94px minmax(0,1fr) 145px auto}.toast-region{bottom:54px}
.receipt-job-item dd .receipt-confidence{margin-top:0;padding:4px 7px;font-size:8px}
@keyframes pulseDot{50%{opacity:.45;transform:scale(.82)}}
.exchange-profile-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;background:#f0f7fb;border:1px solid #d5e5ee;border-radius:9px}.exchange-profile-setting label{display:grid;gap:5px}.exchange-profile-setting small{color:var(--slate-500);font-size:8px;line-height:1.45}.exchange-profile-setting button{margin-bottom:1px}
.attachment-row{min-height:70px}.attachment-row>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.attachment-row>span:nth-child(2) strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview{width:66px;height:52px;flex:0 0 66px;overflow:hidden;padding:0;background:#edf2f5;border:1px solid var(--slate-200);border-radius:8px;cursor:zoom-in}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-file-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;font-size:20px;background:#edf3f7;border-radius:9px}.attachment-actions{display:flex!important;flex:0 0 auto!important;align-items:center;justify-content:flex-end;gap:7px;flex-direction:row!important}.attachment-actions a,.attachment-actions button{padding:5px 7px;color:var(--blue-700);font-size:8px;font-weight:800;text-decoration:none;background:#fff;border:1px solid var(--slate-300);border-radius:6px;cursor:pointer}.attachment-actions .danger-link{color:#a7343d;border-color:#e9c4c7}.attachment-preview-modal{display:grid;justify-items:center;gap:15px;padding:20px}.attachment-preview-modal img{max-width:100%;max-height:70vh;object-fit:contain;background:#eef2f4;border-radius:9px}.change-digest-preview{max-height:55vh;overflow:auto;padding:18px 22px}.change-digest-preview ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.change-digest-preview li{display:grid;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr);gap:10px;padding:10px 12px;background:#f5f8fa;border:1px solid var(--slate-200);border-radius:8px}.change-digest-preview strong{font-size:9px}.change-digest-preview span{color:var(--slate-600);font-size:9px;line-height:1.5}.admin-edit-notice{display:flex;flex-direction:column;gap:4px;padding:10px 12px;color:#745315;background:#fff7df;border:1px solid #ead49a;border-radius:8px}.admin-edit-notice strong{font-size:9px}.admin-edit-notice small{font-size:8px;line-height:1.5}.work-log .entry-actions{align-items:center;align-self:center;margin:0 0 0 auto;padding:0;border:0}.work-log .entry-actions button{padding:5px 7px;background:#fff;border:1px solid var(--slate-300);border-radius:6px}.work-complete-form>.check-row,[data-form="ticket-close"]>.check-row{display:none}

/* Grafische Zeitkonten, Wochenkalender und prüfbare Freigaben */
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.view-toggle{display:inline-flex;gap:3px;padding:3px;background:#e9eef2;border:1px solid var(--slate-200);border-radius:8px}.view-toggle button{padding:6px 8px;color:var(--slate-600);font-size:8px;font-weight:850;background:transparent;border:0;border-radius:6px;cursor:pointer}.view-toggle button.active{color:var(--blue-700);background:#fff;box-shadow:0 2px 6px rgba(20,47,65,.08)}.time-chart{display:grid;gap:9px;padding:8px 0}.time-chart-row{display:grid;grid-template-columns:minmax(100px,.45fr) minmax(160px,1fr) 62px;gap:10px;align-items:center}.time-chart-label{display:flex;min-width:0;align-items:center;gap:6px}.time-chart-label b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.time-chart-track{display:block;height:12px;overflow:hidden;background:#e8eef2;border-radius:99px}.time-chart-track i{display:block;height:100%;background:linear-gradient(90deg,#1167b4,#40a3e5);border-radius:99px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}.time-chart-row>strong{font-size:9px;text-align:right}.editing-person{display:flex;align-items:center;gap:7px;margin:7px 0 0;color:var(--slate-600);font-size:9px}.editing-person.own{padding:6px 8px;background:#f4f7f9;border-radius:6px}.time-entry-editor.admin-editing{border-color:#dfbd72;box-shadow:0 0 0 2px rgba(218,165,52,.09)}.section-hint{margin:-7px 0 13px;color:var(--slate-500);font-size:8px;line-height:1.5}.sync-state{align-self:flex-start;padding:3px 6px;border-radius:5px}.sync-state.synced{color:#286345;background:#e4f3e9}.sync-state.error{color:#9a343a;background:#fae9eb}.approved-leave-panel{margin-top:17px}.calendar-controls,.week-navigation{display:flex;align-items:center;gap:7px}.week-navigation button{min-width:32px;height:32px;padding:0 8px;color:var(--slate-700);font-size:13px;font-weight:850;background:#fff;border:1px solid var(--slate-300);border-radius:7px;cursor:pointer}.calendar-items{align-content:start}.calendar-absence.pending{opacity:.72;border:1px dashed currentColor}.calendar-work{padding:4px 5px;overflow:hidden;color:#244b77;font-size:7px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;background:#e8effb;border-left:3px solid #367bc4;border-radius:5px}.calendar-week-view{grid-template-columns:repeat(7,minmax(140px,1fr));overflow:auto}.calendar-day.week-day{min-height:360px}.calendar-day.week-day>strong{display:block;padding-bottom:7px;border-bottom:1px solid var(--slate-200)}.locked-holiday{font-size:11px}.leave-review-modal{width:min(760px,calc(100vw - 28px))}.review-details{display:grid;gap:15px;padding:18px 22px}.review-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.review-details dl>div{padding:10px;background:#f5f8fa;border:1px solid var(--slate-200);border-radius:8px}.review-details dt{margin-bottom:4px;color:var(--slate-500);font-size:7px;font-weight:900;text-transform:uppercase}.review-details dd{margin:0;color:var(--slate-800);font-size:10px;font-weight:800}.review-details section{padding:11px 12px;background:#f7f9fa;border-radius:8px}.review-details h3{margin:0 0 5px;font-size:10px}.review-details p{margin:0;color:var(--slate-600);font-size:9px;line-height:1.55}.review-details .sensitive-box{color:#704d15;background:#fff7e1;border:1px solid #ead49a}.review-form{padding-top:13px;border-top:1px solid var(--slate-200)}
@media(max-width:760px){.notification-panel{position:fixed;top:68px;right:10px;left:10px;width:auto}.notification-detail-data{grid-template-columns:1fr}.receipt-job-item{grid-template-columns:1fr}.receipt-job-item dl{grid-template-columns:1fr 1fr}.attachment-row{align-items:flex-start;flex-wrap:wrap}.attachment-actions{width:100%;justify-content:flex-start;margin-left:76px}.change-digest-preview li{grid-template-columns:1fr}.time-chart-row{grid-template-columns:90px minmax(90px,1fr) 55px}.calendar-controls{align-items:flex-start;flex-direction:column}.review-details dl{grid-template-columns:1fr}.section-actions{align-items:flex-start;flex-direction:column}}

/* Abrechnung, automatisch abgeleitete Vertragsart und eindeutige Antragsstatus */
.derived-billing-card{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#28495c;background:#eef7fb;border:1px solid #cfe4ee;border-radius:9px}.derived-billing-card>span:last-child{display:flex;flex-direction:column;gap:3px}.derived-billing-card strong{font-size:10px}.derived-billing-card small{color:var(--slate-500);font-size:8px}.derived-billing-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:#fff;font-size:13px;font-weight:900;background:#177fba;border-radius:8px}
.billing-status-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.billing-status-tabs button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:13px 14px;text-align:left;color:var(--slate-700);background:#fff;border:1px solid var(--slate-200);border-radius:10px;cursor:pointer;box-shadow:0 2px 8px rgba(20,47,65,.04)}.billing-status-tabs button:hover{border-color:#9fc9df}.billing-status-tabs button.active{color:#0c5885;background:#eaf6fc;border-color:#64acd2;box-shadow:0 0 0 2px rgba(49,146,197,.09)}.billing-status-tabs span{font-size:10px;font-weight:900}.billing-status-tabs b{display:grid;min-width:24px;height:22px;padding:0 6px;place-items:center;color:#fff;font-size:9px;background:#177fba;border-radius:99px}.billing-status-tabs small{grid-column:1/-1;color:var(--slate-500);font-size:8px}
.absence-row.pending{color:#725017;background:#fff5d9;border-color:#e5c363}.absence-row.approved{color:#245e3e;background:#e8f6ed;border-color:#8fc8a5}.absence-row.rejected,.absence-row.cancelled{color:#8a3037;background:#fce9eb;border-color:#dfa0a6}.absence-row.pending .absence-type{color:#725017;background:#ffe3a0}.absence-row.approved .absence-type{color:#245e3e;background:#ccebd7}.absence-row.rejected .absence-type,.absence-row.cancelled .absence-type{color:#8a3037;background:#f4c8cc}
.billing-choice>.billing-recommendation{grid-column:1/-1;margin:0;padding:7px 9px;color:#426276;background:#eef7fb;border:1px solid #d5e8f1;border-radius:7px;line-height:1.45}
@media(max-width:720px){.billing-status-tabs{grid-template-columns:1fr}.billing-status-tabs button{padding:11px 12px}}

/* Live-Zusammenarbeit, Quick Access und aufgeraeumte Arbeitsbereiche */
.main-nav .nav-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;color:#bfd5e2;font-size:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:.16s}
.main-nav a:hover .nav-icon,.main-nav a.active .nav-icon{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.live-toast-region{position:fixed;z-index:190;top:88px;right:24px;display:grid;width:min(390px,calc(100vw - 28px));gap:9px;pointer-events:none}
.live-notification-toast{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;width:100%;padding:12px 13px;color:var(--slate-900);text-align:left;background:rgba(255,255,255,.97);border:1px solid #cbdce7;border-left:4px solid var(--blue-600);border-radius:11px;box-shadow:0 18px 48px rgba(13,42,60,.22);cursor:pointer;pointer-events:auto;animation:liveToastIn .2s ease-out}
.live-notification-toast>span:first-child{display:grid;width:36px;height:36px;place-items:center;color:#fff;font-size:17px;background:linear-gradient(145deg,var(--blue-600),#0f4b80);border-radius:9px}
.live-notification-toast>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.live-notification-toast strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.live-notification-toast small{color:var(--blue-700);font-size:7px;font-weight:850;text-transform:uppercase}.live-notification-toast b{display:-webkit-box;overflow:hidden;color:var(--slate-600);font-size:8px;font-weight:500;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.live-notification-toast>i{color:var(--slate-400);font-size:17px;font-style:normal}.live-notification-toast.leaving{opacity:0;transform:translateX(18px);transition:.22s}
@keyframes liveToastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.ticket-lists{display:grid;gap:22px}.ticket-list-section{overflow:hidden;background:#fff;border:1px solid var(--slate-200);border-radius:12px;box-shadow:0 5px 18px rgba(28,55,72,.045)}.ticket-list-section.primary{border-top:3px solid var(--blue-600)}.ticket-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#f5f8fa;border-bottom:1px solid var(--slate-200)}.ticket-list-heading>div{display:flex;flex-direction:column;gap:2px}.ticket-list-heading h2{margin:0;font-size:13px}.ticket-list-heading p{margin:2px 0 0;color:var(--slate-500);font-size:8px}.ticket-list-heading>b{display:grid;min-width:27px;height:27px;place-items:center;padding:0 7px;color:var(--blue-700);font-size:9px;font-weight:900;background:#e4f0f9;border-radius:99px}.ticket-list-section:not(.primary) .ticket-list-heading>b{color:#506879;background:#e9eef2}.ticket-list-panel{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.dashboard-ticket-lists{margin-top:18px}
.ticket-quick-access{display:grid;grid-template-columns:minmax(170px,1fr) auto;gap:16px;align-items:center;margin-top:15px;padding:11px 12px;background:linear-gradient(105deg,#f2f7fa,#eaf2f7);border:1px solid #d4e1e9;border-radius:11px}.quick-access-label{display:flex;min-width:0;flex-direction:column;gap:2px}.quick-access-label small{color:var(--blue-700);font-size:7px;font-weight:900;letter-spacing:.11em}.quick-access-label strong{overflow:hidden;color:#29475a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.quick-access-grid{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.quick-access-button{display:flex;width:64px;height:58px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:5px;color:#36586e;background:#fff;border:1px solid #cbd9e2;border-radius:9px;cursor:pointer;transition:.15s}.quick-access-button:hover{color:var(--blue-700);border-color:#8db7d4;box-shadow:0 5px 13px rgba(27,77,111,.12);transform:translateY(-1px)}.quick-access-button>i{display:grid;height:19px;place-items:center;font-size:17px;font-style:normal;line-height:1}.quick-access-button>span{font-size:7px;font-weight:850;line-height:1.15;text-align:center}.quick-access-button.primary{color:#fff;background:linear-gradient(145deg,var(--blue-600),#0e568f);border-color:var(--blue-700)}
.resolved-review-banner{display:flex;align-items:center;gap:10px;margin-top:11px;padding:9px 11px;color:#604812;background:#fff7e5;border:1px solid #ead49c;border-radius:9px}.resolved-review-banner>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;background:#fff;border-radius:8px}.resolved-review-banner>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.resolved-review-banner strong{font-size:9px}.resolved-review-banner small{color:#796438;font-size:8px}.resolved-review-banner button{padding:6px 9px;color:#74551b;font-size:8px;font-weight:850;background:#fff;border:1px solid #ddc27e;border-radius:7px;cursor:pointer}
.modal.wide.change-dialog{width:min(800px,calc(100vw - 28px));padding:0;overflow:hidden}.change-dialog-head{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;gap:14px;align-items:start;padding:22px 24px 18px;color:#fff;background:linear-gradient(120deg,#123b58,#1767a2)}.change-dialog-symbol{display:grid;width:46px;height:46px;place-items:center;font-size:21px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.17);border-radius:11px}.change-dialog-head .eyebrow{color:#b8dff9}.change-dialog-head h2{margin:4px 0 5px;color:#fff;font-size:18px}.change-dialog-head p{max-width:570px;margin:0;color:#d9eaf5;font-size:9px;line-height:1.55}.change-dialog-head .close-button{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.change-digest-preview{display:grid;gap:13px;max-height:52vh;overflow:auto;padding:18px 22px;background:#f7f9fa}.change-ticket-reference{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 11px;align-items:center;padding:11px 13px;background:#fff;border:1px solid var(--slate-200);border-radius:9px}.change-ticket-reference small{grid-row:1/3;color:var(--blue-700);font-size:8px;font-weight:900}.change-ticket-reference strong{font-size:11px}.change-ticket-reference span{color:var(--slate-500);font-size:8px}.change-digest-preview ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.change-digest-preview li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;padding:10px;background:#fff;border:1px solid var(--slate-200);border-radius:8px}.change-icon{display:grid;width:31px;height:31px;place-items:center;color:var(--blue-700);background:#eaf4fb;border-radius:8px}.change-digest-preview li>div{display:flex;min-width:0;flex-direction:column;gap:5px}.change-digest-preview li strong{font-size:9px}.change-values{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:8px}.change-values i{color:var(--slate-400);font-style:normal}.change-old,.change-new,.change-summary{padding:4px 6px;border-radius:5px}.change-old{color:#7f4b50;text-decoration:line-through;background:#f9e9ea}.change-new{color:#1f6447;font-weight:800;background:#e4f4ea}.change-summary{color:#3f5869;background:#eef3f6}.change-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:#fff;border-top:1px solid var(--slate-200)}.change-dialog-actions>div{display:flex;gap:7px}
.ai-generate-button{display:inline-flex;align-items:center;gap:7px;margin:10px 0;padding:8px 11px;color:var(--blue-700);font-size:9px;font-weight:850;background:#eaf4fb;border:1px solid #bcd6e8;border-radius:8px;cursor:pointer}.ai-generate-button:hover{background:#deeffb}.spinner.mini{display:inline-block;width:12px;height:12px;border:2px solid #a9cbdf;border-top-color:var(--blue-700);border-radius:50%;animation:spin .7s linear infinite}
.local-generate-button{display:inline-flex;align-items:center;gap:7px;margin:10px 0;padding:8px 11px;color:#286046;font-size:9px;font-weight:850;background:#e8f5ed;border:1px solid #b5d9c3;border-radius:8px;cursor:pointer}.local-generate-button:hover{background:#dcf0e4}
.current-month-chip{display:inline-flex;min-height:38px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding:7px 12px;color:#31556d;background:#fff;border:1px solid var(--slate-300);border-radius:8px}.current-month-chip small{color:var(--slate-500);font-size:7px;text-transform:uppercase}.current-month-chip strong{font-size:9px}.time-tabs button{display:inline-flex;align-items:center;gap:6px}.time-tabs .approval-counter{display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;color:#fff;font-size:7px;background:#e25449;border-radius:99px}.time-tabs button.active .approval-counter{color:var(--blue-700);background:#fff}.account-progress{display:grid;gap:15px;padding:18px}.account-progress-bars{display:grid;gap:11px}.account-progress-bars>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:11px;align-items:center}.account-progress-bars>div>span{display:flex;flex-direction:column;gap:2px}.account-progress-bars>div>span b{font-size:8px}.account-progress-bars>div>span strong{font-size:9px}.account-progress-bars>div>i{display:block;height:12px;overflow:hidden;background:#e6edf1;border-radius:99px}.account-progress-bars>div>i>b{display:block;height:100%;background:linear-gradient(90deg,var(--blue-600),#40a0e3);border-radius:99px}.account-progress-bars>div>i>b.target{background:#91a6b3}.account-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-mini-stats>article{display:flex;flex-direction:column;gap:4px;padding:11px;background:#f5f8fa;border-radius:8px}.account-mini-stats small{color:var(--slate-500);font-size:7px;text-transform:uppercase}.account-mini-stats strong{font-size:11px}
.daily-time-chart{display:grid;grid-template-columns:48px minmax(680px,1fr);min-height:245px;overflow-x:auto;padding:8px 4px 0}.daily-time-y{position:sticky;z-index:3;left:0;display:flex;height:210px;justify-content:space-between;flex-direction:column;padding:0 8px 21px 0;color:var(--slate-500);font-size:7px;text-align:right;background:#fff}.daily-time-plot{position:relative;display:grid;grid-template-rows:190px 20px;min-width:680px}.daily-time-plot>small{align-self:end;color:var(--slate-500);font-size:7px;text-align:center}.daily-time-grid{position:absolute;inset:0 0 20px;display:flex;justify-content:space-between;flex-direction:column;pointer-events:none}.daily-time-grid i{display:block;width:100%;height:1px;background:#dbe4e9}.daily-time-grid i:last-child{background:#b9c8d1}.daily-time-columns{position:relative;z-index:1;display:grid;height:190px;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:4px;align-items:end}.daily-time-column{display:grid;height:100%;grid-template-rows:minmax(0,1fr) 20px;align-items:end}.daily-time-column.future{opacity:.48}.daily-time-column.holiday b{color:#b17929}.daily-time-bars{display:flex;height:100%;align-items:flex-end;justify-content:center;gap:2px}.daily-time-bars>i{position:relative;display:block;width:min(10px,42%);min-height:0;border-radius:4px 4px 1px 1px;transition:.18s}.daily-time-bars>i.actual{background:linear-gradient(180deg,#38a2df,#1267ad)}.daily-time-bars>i.target{background:linear-gradient(180deg,#aebdc6,#8297a4)}.daily-time-bars>i>span{position:absolute;bottom:calc(100% + 4px);left:50%;display:none;padding:3px 5px;color:#fff;font-size:7px;font-style:normal;white-space:nowrap;background:#243e50;border-radius:4px;transform:translateX(-50%)}.daily-time-column:hover .daily-time-bars>i>span{display:block}.daily-time-column>b{align-self:end;color:var(--slate-600);font-size:7px;text-align:center}.daily-time-legend{display:flex;align-items:center;gap:14px;padding-left:48px;color:var(--slate-600);font-size:8px}.daily-time-legend>span{display:inline-flex;align-items:center;gap:5px;font-weight:800}.daily-time-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.daily-time-legend i.actual{background:#1774bc}.daily-time-legend i.target{background:#8fa1ac}.daily-time-legend small{margin-left:auto;color:var(--slate-500);font-size:7px}
@media(max-width:980px){.ticket-quick-access{grid-template-columns:1fr}.quick-access-grid{justify-content:flex-start}.quick-access-button{width:61px}.change-dialog-actions{align-items:stretch;flex-direction:column}.change-dialog-actions>div{justify-content:flex-end}.account-mini-stats{grid-template-columns:1fr}}
@media(max-width:620px){.live-toast-region{top:72px;right:14px}.ticket-quick-access{padding:10px}.quick-access-label strong{white-space:normal}.quick-access-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.quick-access-button{width:100%}.change-dialog-head{grid-template-columns:40px minmax(0,1fr) 30px;padding:17px 15px}.change-dialog-symbol{width:38px;height:38px}.change-digest-preview{padding:13px}.change-dialog-actions{padding:12px 14px}.change-dialog-actions>div{flex-direction:column}.account-progress-row{grid-template-columns:76px minmax(0,1fr) 58px}}

/* Ticket-Entwurf, Mehrfachbearbeiter und Abrechenbarkeit */
.tab-draft-dot{position:absolute;top:9px;right:15px;width:8px;height:8px;background:#ee931f;border-radius:50%;box-shadow:0 0 0 4px rgba(238,147,31,.17)}
.ticket-work-tab.has-draft{border-color:#e4b367}.ticket-work-tab.has-draft.active{box-shadow:inset 0 3px 0 #ee931f,0 -2px 12px rgba(20,52,75,.06)}
.ticket-work-tab.has-draft .tab-timer-dot{right:3px}.draft-save-hint{display:block;margin-top:6px;color:#7d653a;font-size:8px;font-weight:750;line-height:1.45}
.assignee-field{display:flex;min-width:0;flex-direction:column;gap:6px}.assignee-field-label{color:var(--slate-700);font-size:10px;font-weight:800}.modal-form .assignee-field-label{font-size:11px}.assignee-multiselect{position:relative}.assignee-multiselect>summary{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;color:var(--slate-900);font-size:10px;background:#fff;border:1px solid var(--slate-300);border-radius:8px;cursor:pointer;list-style:none}.assignee-multiselect>summary::-webkit-details-marker{display:none}.assignee-multiselect[open]>summary{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(31,115,221,.12)}
.assignee-options{position:absolute;z-index:40;top:calc(100% + 5px);left:0;display:grid;width:max(100%,250px);max-height:260px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--slate-300);border-radius:9px;box-shadow:0 14px 32px rgba(12,38,56,.18)}.assignee-options>label{display:flex!important;align-items:center;flex-direction:row!important;gap:8px!important;padding:8px;border-radius:7px;cursor:pointer}.assignee-options>label:hover{background:#eef5f9}.assignee-options input{width:16px!important;min-height:16px!important;flex:0 0 16px}.assignee-options>label>span{display:flex;align-items:center;gap:8px}.assignee-options strong{font-size:10px}
.assignee.compact{display:flex;min-width:0;align-items:center;gap:7px}.assignee.compact>span:last-child{overflow:hidden;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.assignee.compact.empty{color:var(--slate-500);font-size:9px}.assignee-avatar-stack{display:flex;align-items:center}.assignee-avatar-stack .avatar{margin-right:-7px;border:2px solid #fff}.assignee-avatar-stack b{display:grid;width:24px;height:24px;place-items:center;margin-left:3px;color:#456172;font-size:8px;background:#e5edf2;border:2px solid #fff;border-radius:50%}
.billing-work-choice{display:flex!important;align-items:flex-start!important}.billing-work-choice span{display:flex;flex-direction:column;gap:3px}.billing-work-choice strong{font-size:10px}.billing-work-choice small{color:var(--slate-500);font-size:8px}.billable-badge{display:inline-flex;margin-left:7px;padding:3px 6px;font-size:7px;font-weight:850;border-radius:999px}.billable-badge.yes{color:#1d6947;background:#dff3e8}.billable-badge.no{color:#7b5e2b;background:#fff0cf}
@media(max-width:760px){.assignee-options{position:fixed;top:auto;right:18px;bottom:18px;left:18px;width:auto;max-height:55vh}.ticket-control-form{overflow:visible}}
.app-version-badge{position:fixed;right:12px;bottom:10px;z-index:900;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;color:#526878;font-size:8px;font-weight:900;letter-spacing:.04em;background:rgba(255,255,255,.9);border:1px solid rgba(120,145,160,.28);border-radius:7px;box-shadow:0 4px 14px rgba(20,45,61,.09);backdrop-filter:blur(8px);pointer-events:none}.app-version-badge span{color:#7a8e9c;font-size:7px;font-weight:700}@media(max-width:620px){.app-version-badge span{display:none}}

/* v3.3: Profil als fester Navigationsabschluss und bedienbare Versionsanzeige. */
.sidebar-user{margin-top:auto}
.sidebar-running:not([hidden]){margin-top:auto}
.sidebar-running:not([hidden]) + .sidebar-user{margin-top:8px}
.app-version-badge{pointer-events:auto;cursor:pointer}
.app-version-badge:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}
@media(max-width:860px){.sidebar-user{padding-bottom:max(8px,env(safe-area-inset-bottom))}}

/* v3.4: finale Tablet- und Mobilansicht. Alle Desktop-Regeln bleiben unverändert. */
.mobile-nav-backdrop{display:none}
@media(max-width:920px){
  html{scroll-padding-top:76px}
  body.mobile-navigation-open{overflow:hidden;touch-action:none}
  .sidebar{
    z-index:80;
    width:min(320px,calc(100vw - 44px));
    padding:max(22px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
    box-shadow:none;
    will-change:transform;
  }
  .sidebar.mobile-open{box-shadow:20px 0 55px rgba(4,20,31,.32)}
  .mobile-nav-backdrop{
    position:fixed;
    inset:0;
    z-index:70;
    display:block;
    visibility:hidden;
    width:100%;
    height:100%;
    padding:0;
    opacity:0;
    pointer-events:none;
    background:rgba(4,18,29,.58);
    border:0;
    border-radius:0;
    backdrop-filter:blur(3px);
    transition:opacity .18s ease,visibility .18s ease;
  }
  .sidebar.mobile-open + .mobile-nav-backdrop{visibility:visible;opacity:1;pointer-events:auto}
  .brand{padding-bottom:20px}
  .main-nav button{min-height:46px;font-size:14px}
  .sidebar-user{min-height:58px}
  .topbar{height:72px;gap:12px;padding:0 18px}
  .mobile-menu,.icon-button{width:44px;height:44px;flex:0 0 44px}
  .topbar-actions{gap:7px}
  .topbar-actions .primary-button{min-height:44px}
  .workspace-tabs{top:72px;padding:8px 14px 0}
  .content-area{padding:22px 18px max(48px,env(safe-area-inset-bottom))}
  .page-intro{align-items:flex-start}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filterbar{align-items:stretch;flex-wrap:wrap}
  .filterbar .search-field{min-width:100%}
  .filterbar select{min-height:44px;flex:1 1 170px}
  .ticket-workspace-head,.ticket-controls,.ticket-card-block{padding:20px}
  .ticket-party{flex-wrap:wrap}
  .ticket-section-tabs,.time-tabs{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .ticket-section-tabs button,.time-tabs button{min-height:44px;scroll-snap-align:start}
  .quick-access-button{min-width:64px;height:62px}
  .ticket-table{min-width:850px}
  .table-wrap,.daily-time-chart,.time-card:has(.team-calendar){-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .overlay{align-items:flex-end;padding:18px}
  .modal{max-height:calc(100dvh - 36px)}
  .modal.drawer{height:calc(100dvh - 36px);border-radius:16px}
}

@media(max-width:820px){
  .ticket-table-wrap{overflow:visible}
  .ticket-table{display:block;width:100%;min-width:0!important;table-layout:auto}
  .ticket-table thead{display:none}
  .ticket-table tbody{display:grid;gap:10px;padding:10px}
  .ticket-table tr.ticket-overview-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 12px;
    padding:13px;
    background:#fff;
    border:1px solid var(--slate-200);
    border-radius:12px;
    box-shadow:0 3px 12px rgba(25,51,68,.045);
  }
  .ticket-table tr.ticket-overview-row:hover{background:#fff}
  .ticket-table td{
    display:flex!important;
    width:auto!important;
    min-width:0;
    align-items:center;
    gap:7px;
    padding:0!important;
    border:0!important;
  }
  .ticket-table td:first-child{
    grid-column:1/-1;
    display:block!important;
    padding-bottom:10px!important;
    border-bottom:1px solid var(--slate-200)!important;
  }
  .ticket-table td:nth-child(4),.ticket-table td:nth-child(5){grid-column:1/-1}
  .ticket-table td:nth-child(7){display:none!important}
  .ticket-table td:not(:first-child):not(:last-child)::before{
    min-width:64px;
    color:var(--slate-500);
    font-size:8px;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  .ticket-table td:nth-child(2)::before{content:"Priorität"}
  .ticket-table td:nth-child(3)::before{content:"Status"}
  .ticket-table td:nth-child(4)::before{content:"Kunde"}
  .ticket-table td:nth-child(5)::before{content:"Bearbeiter"}
  .ticket-table td:nth-child(6)::before{content:"Arbeitszeit"}
  .ticket-link{width:100%;min-width:0;text-align:left}
  .ticket-link strong{font-size:13px;line-height:1.4;white-space:normal}
  .ticket-link small{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
  .customer-table-cell,.assignee.compact{min-width:0}
  .customer-table-cell strong{white-space:normal}
}

@media(max-width:680px){
  html{scroll-padding-top:64px}
  body{min-width:0}
  .topbar{
    height:64px;
    gap:8px;
    padding-right:max(10px,env(safe-area-inset-right));
    padding-left:max(10px,env(safe-area-inset-left));
  }
  .mobile-menu,.icon-button{width:42px;height:42px;flex-basis:42px}
  .topbar-actions{gap:4px}
  .topbar-actions .primary-button{
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    overflow:hidden;
    padding:0;
    color:transparent;
    font-size:0;
    border-radius:10px;
  }
  .topbar-actions .primary-button::before{content:"＋";color:#fff;font-size:23px;line-height:1}
  .workspace-tabs{top:64px;padding:7px 10px 0}
  .workspace-tab{min-width:148px}
  .content-area{
    padding:16px max(10px,env(safe-area-inset-right)) max(42px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }
  .page-intro{gap:14px;align-items:stretch;flex-direction:column}
  .page-intro h1{font-size:27px;line-height:1.12}
  .page-intro>div:last-child,.page-intro .secondary-button{width:100%}
  .page-intro .secondary-button{min-height:44px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .kpi-card{min-height:108px;padding:14px}
  .filterbar{gap:8px;padding:10px}
  .filterbar select{width:100%;flex-basis:100%}
  .filterbar>span{width:100%;text-align:left}
  .ticket-lists{gap:14px}
  .ticket-list-heading{align-items:flex-start;padding:12px}
  .ticket-list-heading p{line-height:1.45}
  .ticket-table tbody{padding:8px}
  .ticket-table tr.ticket-overview-row{gap:9px;padding:12px}
  .customer-layout{grid-template-columns:1fr;gap:12px}
  .customer-detail-head{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:16px;
  }
  .customer-detail-head .company-avatar{width:56px;height:56px;flex-basis:56px}
  .customer-detail-head h2{overflow-wrap:anywhere}
  .detail-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));width:100%;margin:2px 0 0}
  .detail-actions button{min-height:42px}
  .customer-info-grid{grid-template-columns:1fr;margin:12px}
  .customer-info-grid article:last-child{grid-column:auto}
  .section-title{align-items:center;padding:15px 12px 8px}
  .section-title button{min-height:42px}
  .contact-grid{grid-template-columns:1fr;padding:0 12px}
  .contact-card{grid-template-columns:34px minmax(0,1fr);padding:12px}
  .contact-card>.contact-actions{grid-column:1/-1;width:100%;justify-content:flex-end;margin-left:0}
  .contact-card>.contact-actions button{width:42px;height:42px}
  .mini-ticket-list{padding:0 12px}
  .mini-ticket{min-height:52px}
  .ticket-workspace{gap:10px}
  .ticket-workspace-head,.ticket-controls,.ticket-card-block{padding:15px;border-radius:11px}
  .ticket-workspace h1{margin:8px 0 13px;font-size:22px;overflow-wrap:anywhere}
  .ticket-heading-meta{gap:6px}
  .ticket-party{gap:8px}
  .ticket-party>div{width:100%}
  .ticket-party-edit{width:100%;min-height:42px}
  .ticket-head-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:none}
  .ticket-head-actions button{width:100%;min-height:42px}
  .ticket-quick-access{gap:10px;padding:10px}
  .quick-access-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .quick-access-button{width:100%;min-width:0;height:64px;padding:5px 3px}
  .quick-access-button>span{font-size:7px;overflow-wrap:anywhere}
  .ticket-section-tabs{margin:0 -2px;padding:5px}
  .ticket-section-tabs button{padding:0 12px}
  .ticket-control-form,.ticket-control-readonly{grid-template-columns:1fr}
  .ticket-two-column,.information-layout,.work-split,.work-split.equal-columns,.files-split{gap:11px}
  .ticket-card-head{align-items:flex-start;gap:10px;flex-direction:column}
  .attachment-dropzone{min-height:160px;padding:18px 12px}
  .attachment-row{gap:10px}
  .attachment-actions{width:100%;justify-content:flex-start;margin-left:0}
  .time-page-actions{width:100%;align-items:stretch;flex-direction:column}
  .time-page-actions>*{width:100%}
  .time-tabs{margin:0;padding:5px}
  .time-tabs button{padding:9px 12px}
  .time-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .time-kpis>article,.team-kpi{min-height:88px;padding:12px}
  .time-card{padding:14px}
  .time-clock{gap:12px;padding:15px}
  .time-clock [data-time-live]{font-size:24px}
  .time-form input,.time-form select,.time-form textarea,.time-form button{min-height:44px}
  .calendar-head{gap:10px}
  .calendar-controls{width:100%}
  .calendar-controls button,.calendar-controls select{min-height:42px}
  .notification-panel{
    position:fixed;
    top:68px;
    right:max(10px,env(safe-area-inset-right));
    left:max(10px,env(safe-area-inset-left));
    width:auto;
    max-height:calc(100dvh - 84px);
  }
  .live-toast-region{top:72px;right:10px;left:10px;width:auto}
  .live-toast{width:100%}
  .overlay{align-items:flex-end;padding:8px}
  .modal,.modal.wide{
    width:100%;
    max-height:calc(100dvh - 16px);
    border-radius:15px;
  }
  .modal.drawer{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:15px}
  .modal-head{padding:17px 16px 13px}
  .modal-head h2{font-size:19px}
  .modal-form{padding:15px 16px max(18px,env(safe-area-inset-bottom))}
  .modal-form input,.modal-form select,.modal-form textarea{min-height:44px}
  .modal-actions{align-items:stretch;flex-direction:column-reverse}
  .modal-actions button{width:100%;min-height:44px}
  .change-dialog-actions>div{width:100%}
  .change-dialog-actions button{width:100%;min-height:44px}
  .resolved-review-banner{align-items:flex-start;flex-wrap:wrap}
  .resolved-review-banner button{width:100%;min-height:42px}
  .rich-editor-toolbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .rich-editor-toolbar button,.rich-editor-toolbar select,.rich-editor-toolbar input[type=color]{flex:0 0 auto;min-height:38px}
  .app-version-badge{
    right:max(8px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom));
  }
}

@media(max-width:380px){
  .sidebar{width:calc(100vw - 28px)}
  .kpi-grid,.time-kpis{grid-template-columns:1fr!important}
  .quick-access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ticket-table tr.ticket-overview-row{grid-template-columns:1fr}
  .ticket-table td:nth-child(2),.ticket-table td:nth-child(3){grid-column:1}
}

@media(hover:none) and (pointer:coarse){
  .ticket-overview-row:hover .ticket-hover-summary{display:none}
  .quick-access-button:hover{box-shadow:none;transform:none}
}

/* v3.5: eigenständiger, responsiver Zugang zum internen Ticket-System */
.auth-shell-modern{
  padding:clamp(18px,4vw,54px);
  background:
    radial-gradient(circle at 8% 8%,rgba(31,115,221,.25),transparent 34%),
    radial-gradient(circle at 92% 86%,rgba(38,185,211,.14),transparent 32%),
    linear-gradient(145deg,#071722 0%,#0b2231 56%,#071923 100%);
}
.auth-card-modern{
  display:grid;
  width:min(1040px,100%);
  min-height:650px;
  grid-template-columns:minmax(320px,.92fr) minmax(430px,1.08fr);
  padding:0;
  overflow:hidden;
  color:var(--slate-900);
  background:#fff;
  border:1px solid rgba(166,204,224,.22);
  border-radius:28px;
  box-shadow:0 34px 95px rgba(0,0,0,.38);
}
.auth-card-modern.auth-card-setup{grid-template-columns:minmax(300px,.76fr) minmax(520px,1.24fr)}
.auth-card-modern.auth-card-login{
  width:min(470px,100%);
  min-height:0;
  grid-template-columns:1fr;
  overflow:visible;
  border:1px solid rgba(170,205,222,.32);
  border-radius:22px;
  box-shadow:0 28px 75px rgba(1,17,27,.38);
}
.auth-card-login .auth-showcase{display:none}
.auth-card-login .auth-panel{padding:36px 43px 30px;border-radius:22px}
.auth-card-login .auth-panel-brand{display:flex;margin:0 0 25px;gap:12px}
.auth-card-login .auth-panel-brand img{width:46px;height:46px;padding:4px;border:1px solid #d5e6ed;border-radius:13px;background:#f4fafc;object-fit:contain}
.auth-card-login .auth-panel-brand strong{color:#102f42;font-size:17px;letter-spacing:.06em}
.auth-card-login .auth-panel-brand small{color:#718a98;font-size:9px;letter-spacing:.04em}
.auth-card-login .auth-lock-symbol{width:38px;height:38px;margin-bottom:13px;border-radius:11px}
.auth-card-login .auth-lock-symbol svg{width:18px;height:18px}
.auth-card-login h1{font-size:34px;letter-spacing:-.035em}
.auth-card-login .auth-copy{margin-bottom:21px}
.auth-card-login .auth-form{gap:13px}
.auth-card-login .auth-input-shell input,.auth-card-login .auth-submit{min-height:49px}
.auth-card-login .privacy-note{margin-top:17px;padding:10px 12px;border:0;background:#f5f8fa}
.auth-card-login .back-link{align-self:center;margin-top:12px}
.auth-showcase{
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:44px 42px 36px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(160deg,rgba(16,54,74,.96),rgba(7,26,38,.98)),
    #0b2231;
  isolation:isolate;
}
.auth-showcase::before,
.auth-showcase::after{
  position:absolute;
  z-index:-1;
  content:"";
  border-radius:50%;
  pointer-events:none;
}
.auth-showcase::before{
  top:22%;
  right:-140px;
  width:350px;
  height:350px;
  background:radial-gradient(circle,rgba(38,185,211,.19),rgba(38,185,211,0) 68%);
}
.auth-showcase::after{
  bottom:-170px;
  left:-110px;
  width:390px;
  height:390px;
  border:1px solid rgba(102,199,225,.11);
  box-shadow:0 0 0 44px rgba(102,199,225,.025),0 0 0 92px rgba(102,199,225,.018);
}
.auth-showcase .auth-brand{margin:0}
.auth-showcase-brand img{
  width:48px;
  height:48px;
  padding:3px;
  background:rgba(4,20,29,.5);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
}
.auth-showcase-brand strong{font-size:17px}
.auth-showcase-brand small{color:#8eb5c7}
.auth-showcase-brand.auth-nexora-lockup img{
  width:min(280px,72%);
  height:auto;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
.auth-access-badge{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:7px;
  margin-top:58px;
  padding:7px 11px;
  color:#aeeefe;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(38,185,211,.1);
  border:1px solid rgba(92,211,235,.2);
  border-radius:999px;
}
.auth-access-badge svg,
.auth-lock-symbol svg,
.auth-input-shell svg,
.auth-submit svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.auth-access-badge svg{width:14px;height:14px}
.auth-showcase-copy{margin-top:26px}
.auth-kicker{
  margin:0 0 13px;
  color:#65d7ee;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.auth-showcase-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(35px,4vw,49px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.auth-showcase-copy>p:last-child{
  max-width:340px;
  margin:19px 0 0;
  color:#a9c4d1;
  font-size:13px;
  line-height:1.65;
}
.auth-benefits{
  display:grid;
  gap:11px;
  margin:34px 0 0;
  padding:0;
  color:#d4e6ee;
  font-size:11px;
  list-style:none;
}
.auth-benefits li{display:flex;align-items:center;gap:9px}
.auth-benefits span{
  display:inline-flex;
  width:20px;
  height:20px;
  flex:0 0 20px;
  align-items:center;
  justify-content:center;
  color:#082a32;
  font-size:9px;
  font-weight:900;
  background:#66d7c1;
  border-radius:50%;
}
.auth-showcase-footer{
  margin:auto 0 0;
  padding-top:32px;
  color:#6f96a9;
  font-size:9px;
  font-weight:700;
  letter-spacing:.05em;
}
.auth-panel{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:48px clamp(42px,5vw,72px);
  background:#fff;
}
.auth-panel-brand{display:none}
.auth-lock-symbol{
  display:inline-flex;
  width:45px;
  height:45px;
  align-items:center;
  justify-content:center;
  margin-bottom:19px;
  color:var(--blue-700);
  background:var(--blue-100);
  border:1px solid #cfddf2;
  border-radius:13px;
}
.auth-lock-symbol svg{width:22px;height:22px}
.auth-card-modern .eyebrow{margin:0;color:var(--blue-700)}
.auth-card-modern h1{
  margin:9px 0 10px;
  color:#102334;
  font-size:clamp(30px,4vw,42px);
}
.auth-card-modern .auth-copy{
  max-width:520px;
  margin-bottom:29px;
  color:#667b8c;
  font-size:13px;
}
.auth-card-modern .auth-form{gap:17px}
.auth-card-modern .auth-form label{
  gap:8px;
  color:#263d4e;
  font-size:10px;
  letter-spacing:.025em;
}
.auth-input-shell{
  position:relative;
  display:block;
}
.auth-input-shell>svg{
  position:absolute;
  top:50%;
  left:15px;
  z-index:1;
  width:19px;
  height:19px;
  color:#7890a0;
  transform:translateY(-50%);
  pointer-events:none;
}
.auth-card-modern .auth-input-shell input{
  min-height:52px;
  padding:0 15px 0 46px;
  color:#132b3b;
  background:#f8fafc;
  border:1px solid #cbd8e1;
  border-radius:11px;
}
.auth-card-modern .auth-input-shell:focus-within>svg{color:var(--blue-700)}
.auth-card-modern .auth-input-shell:focus-within input{background:#fff}
.auth-card-modern .auth-submit{
  min-height:52px;
  justify-content:space-between;
  margin-top:3px;
  padding:0 19px 0 22px;
  border-radius:11px;
  box-shadow:0 12px 28px rgba(20,95,199,.23);
}
.auth-submit svg{width:19px;height:19px}
.auth-card-modern .privacy-note{
  margin-top:24px;
  padding:12px 13px;
  color:#627887;
  background:#f5f8fa;
  border-color:#e0e8ed;
}
.auth-card-modern .privacy-note p{font-size:9px}
.auth-card-modern .back-link{
  margin-top:17px;
  color:#597182;
}
.auth-card-modern .alert.error{color:#9d2731;background:#fff0f1;border-color:#efc8cc}
.auth-card-modern .alert.success{color:#096743;background:#eaf9f2;border-color:#bce6d2}
.auth-card-modern .password-hint{color:#6e8493}
.auth-card-modern:not(.auth-card-login) .auth-form input{
  color:#132b3b;
  background:#f8fafc;
  border-color:#cbd8e1;
}

@media(max-width:820px){
  .auth-shell-modern{align-items:start;padding:22px}
  .auth-card-modern,
  .auth-card-modern.auth-card-setup{
    min-height:0;
    grid-template-columns:1fr;
  }
  .auth-showcase{
    min-height:auto;
    padding:24px 27px;
  }
  .auth-showcase-brand img{width:43px;height:43px}
  .auth-showcase-brand.auth-nexora-lockup img{width:min(240px,58%);height:auto}
  .auth-access-badge{position:absolute;top:27px;right:27px;margin:0}
  .auth-showcase-copy,.auth-benefits,.auth-showcase-footer{display:none}
  .auth-panel{padding:38px clamp(27px,8vw,62px) 42px}
}

@media(max-width:520px){
  .auth-shell-modern{
    min-height:100dvh;
    place-items:start stretch;
    padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }
  .auth-card-modern{
    width:100%;
    border-radius:20px;
  }
  .auth-showcase{padding:19px 20px}
  .auth-showcase .auth-brand{gap:9px}
  .auth-showcase-brand img{width:39px;height:39px;border-radius:10px}
  .auth-showcase-brand.auth-nexora-lockup img{width:min(205px,63%);height:auto;border-radius:0}
  .auth-showcase-brand strong{font-size:14px}
  .auth-showcase-brand small{font-size:8px}
  .auth-access-badge{
    top:22px;
    right:18px;
    gap:5px;
    padding:6px 8px;
    font-size:7px;
  }
  .auth-access-badge svg{width:12px;height:12px}
  .auth-panel{
    min-height:calc(100dvh - 91px);
    justify-content:flex-start;
    padding:29px 21px max(27px,env(safe-area-inset-bottom));
  }
  .auth-lock-symbol{width:40px;height:40px;margin-bottom:15px}
  .auth-card-modern h1{font-size:29px}
  .auth-card-modern .auth-copy{margin-bottom:23px;line-height:1.55}
  .auth-card-modern .auth-input-shell input,
  .auth-card-modern .auth-submit{min-height:50px}
  .auth-card-modern .form-grid{grid-template-columns:1fr}
  .auth-card-modern .privacy-note{margin-top:20px}
  .auth-card-login .auth-panel{min-height:calc(100dvh - 20px);padding:31px 23px 25px;border-radius:18px}
  .auth-card-login .auth-panel-brand{margin-bottom:34px}
}

/* Apps & Browser-Add-ins: zentrales, klar gegliedertes Download-Center. */
.modal.app-download-modal{
  width:min(1040px,calc(100vw - 40px));
  max-height:min(900px,calc(100dvh - 40px));
  overflow:auto;
  background:#f3f7fa;
  border:1px solid rgba(181,203,216,.8);
  border-radius:22px;
  box-shadow:0 30px 90px rgba(4,25,39,.3);
}
.app-download-modal .modal-head{
  position:relative;
  align-items:center;
  padding:27px 30px 23px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 74%,#eef7fd 100%);
  border-bottom:1px solid #dce8ef;
}
.app-download-modal .modal-head:after{
  content:"";
  position:absolute;
  top:-62px;
  right:72px;
  width:190px;
  height:190px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(25,155,203,.13),rgba(25,155,203,0) 70%);
}
.app-download-modal .modal-head>div{position:relative;z-index:1;max-width:760px}
.app-download-modal .modal-head .eyebrow{color:#0879b4;font-size:10px;letter-spacing:.14em}
.app-download-modal .modal-head h2{margin:7px 0 5px;color:#102536;font-size:27px;line-height:1.15;letter-spacing:-.035em}
.app-download-modal .modal-head p{max-width:720px;color:#647d8e;font-size:11px;line-height:1.55}
.app-download-modal .close-button{
  position:relative;
  z-index:2;
  width:42px;
  height:42px;
  min-height:42px;
  color:#617888;
  font-size:22px;
  background:#fff;
  border:1px solid #d7e4ec;
  border-radius:12px;
  box-shadow:0 6px 16px rgba(20,55,75,.06);
}
.app-download-modal .close-button:hover{color:#0a6da2;background:#eef8fd;border-color:#bdddec}
.app-download-center{display:grid;gap:18px;padding:21px 24px 23px}
.app-download-sections{display:grid;gap:16px}
.app-download-section{
  padding:17px;
  background:#fff;
  border:1px solid #dbe7ee;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(16,53,75,.045);
}
.app-download-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 1px 14px}
.app-download-section>header>div>span{display:block;margin-bottom:3px;color:#1685b9;font-size:8px;font-weight:800;letter-spacing:.15em}
.app-download-section>header h3{margin:0;color:#173247;font-size:16px;line-height:1.25;letter-spacing:-.02em}
.app-download-section>header p{margin:3px 0 0;color:#718797;font-size:9px;line-height:1.45}
.app-download-section>header>b{
  display:inline-flex;
  min-width:31px;
  height:25px;
  align-items:center;
  justify-content:center;
  color:#0879b4;
  font-size:9px;
  background:#eaf6fc;
  border:1px solid #cfe8f4;
  border-radius:999px;
}
.app-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px}
.app-download-section.browser .app-download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-download-card{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 38px;
  min-height:116px;
  align-items:center;
  gap:14px;
  padding:16px;
  overflow:hidden;
  color:#173247;
  background:linear-gradient(145deg,#fff,#f9fcfe);
  border:1px solid #dbe7ee;
  border-radius:15px;
  box-shadow:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.app-download-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent;transition:.16s ease}
.app-download-card:hover{
  color:#173247;
  border-color:#9dcfe4;
  box-shadow:0 12px 26px rgba(13,88,123,.11);
  transform:translateY(-2px);
}
.app-download-card:hover:before,.app-download-card.featured:before{background:linear-gradient(#08a4cf,#1767cf)}
.app-download-card.featured{background:linear-gradient(145deg,#f4fbff,#fff);border-color:#bddfed}
.app-download-brand{
  display:flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  padding:9px;
  background:#fff;
  border:1px solid #dce8ef;
  border-radius:15px;
  box-shadow:0 7px 16px rgba(16,59,82,.07);
}
.app-download-brand img{display:block;width:100%;height:100%;object-fit:contain}.app-download-brand>svg{width:32px;height:32px;fill:#edf7ff;stroke:#087fa8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-download-copy{display:block;min-width:0}
.app-download-title{display:flex;min-width:0;align-items:center;gap:7px;margin-bottom:5px}
.app-download-title strong{min-width:0;color:#173247;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.app-download-title b{
  flex:0 0 auto;
  padding:3px 6px;
  color:#0879b4;
  font-size:7px;
  font-style:normal;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:#eaf6fc;
  border-radius:999px;
}
.app-download-card small{display:block;min-height:29px;color:#637b8c;font-size:9px;line-height:1.45}
.app-download-meta{display:flex;align-items:center;gap:8px;margin-top:7px}
.app-download-meta em{color:#0879b4;font-size:8px;font-style:normal;font-weight:800}
.app-download-meta span{display:inline-flex;align-items:center;gap:4px;color:#4c8a6c;font-size:8px;font-weight:700}
.app-download-meta span:before{content:"";width:6px;height:6px;background:#25ad72;border-radius:50%;box-shadow:0 0 0 3px rgba(37,173,114,.12)}
.app-download-action{
  display:flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  color:#0879b4;
  background:#eaf6fc;
  border:1px solid transparent;
  border-radius:11px;
  transition:.16s ease;
}
.app-download-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-download-card:hover .app-download-action{color:#fff;background:linear-gradient(135deg,#0879b4,#159cc8);box-shadow:0 8px 18px rgba(8,121,180,.22)}
.app-download-security{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  color:#28516a;
  background:linear-gradient(135deg,#eaf8f2,#f5fbf8);
  border:1px solid #c7e7d8;
  border-radius:15px;
}
.app-download-security-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;color:#138b61;background:#fff;border:1px solid #c7e7d8;border-radius:12px;box-shadow:0 6px 15px rgba(20,123,88,.08)}
.app-download-security-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-download-security p{margin:0}
.app-download-security p strong{display:block;color:#1c5743;font-size:11px}
.app-download-security p small{display:block;margin-top:2px;color:#5e7e72;font-size:8px;line-height:1.45}
.app-download-security ul{display:flex;align-items:center;gap:7px;margin:0;padding:0;list-style:none}
.app-download-security li{padding:6px 8px;color:#34745d;font-size:7px;font-weight:750;background:rgba(255,255,255,.72);border:1px solid #d5ece2;border-radius:999px;white-space:nowrap}

/* Business Suite 4.0 */
.work-live-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(129,157,177,.22)}
.work-live-actions button{min-height:44px}
.danger-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid rgba(205,72,84,.42);border-radius:9px;background:#fff;color:#a12838;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}
.danger-outline-button:hover{border-color:#bc3346;background:#fff4f5}
.module-tabs{display:flex;gap:8px;margin:0 0 18px;padding:6px;border:1px solid rgba(117,145,165,.18);border-radius:12px;background:rgba(255,255,255,.74);overflow-x:auto}
.module-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:#516575;font:inherit;font-weight:750;white-space:nowrap;cursor:pointer}
.module-tabs button:hover{background:#edf5f8;color:#143349}
.module-tabs button.active{background:#0e2b3f;color:#fff;box-shadow:0 7px 16px rgba(9,35,53,.16)}
.module-tabs b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(23,126,181,.14);color:inherit;font-size:11px}
.document-layout{display:grid;grid-template-columns:minmax(300px,.58fr) minmax(0,1.75fr);gap:18px;align-items:start}
.document-list,.document-detail{min-height:560px}.document-list{padding:0;overflow:hidden}.document-detail{padding:0;overflow:hidden}
.document-detail-content{padding:22px}
.document-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:13px;align-items:center;padding:15px 17px;border:0;border-bottom:1px solid #e5edf1;background:#fff;text-align:left;color:#163346;cursor:pointer}
.document-row:hover,.document-row.active{background:#f1f8fb}.document-row.active{box-shadow:inset 4px 0 #1682c2}
.document-row>span{display:flex;min-width:0;flex-direction:column;gap:3px}.document-row>span:nth-child(2){align-items:flex-end}
.document-row small,.document-row b{overflow:hidden;color:#667887;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.document-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e0e9ee}.document-detail-head h2{margin:3px 0;font-size:25px;color:#102c40}.document-detail-head p{margin:0;color:#667987}
.document-status{display:inline-flex!important;align-items:center!important;justify-content:center;min-height:26px;padding:3px 9px;border-radius:999px!important;background:#eaf0f4;color:#425967!important;font-size:11px!important;font-weight:800!important;white-space:nowrap}
.document-status.draft{background:#fff1d8;color:#875700!important}.document-status.continued{min-height:22px;padding:2px 6px;background:#e8eefb;color:#405a98!important;font-size:9px!important;letter-spacing:-.01em;overflow:visible!important;text-overflow:clip}.document-status.finalized{background:#e6f2fb;color:#175d85!important}.document-status.sent{background:#e7f7ef;color:#176e49!important}.document-status.paid{background:#dff6e9;color:#12633f!important}.document-status.cancelled{background:#fae7e9;color:#9a3340!important}
.document-total-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.document-total-cards article{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #e0e9ee;border-radius:10px;background:#f8fbfc}
.document-total-cards small{color:#6c7f8c;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.document-total-cards strong{font-size:20px;color:#102d42}
.document-items-table td:nth-child(2){min-width:260px}.document-items-table td strong,.document-items-table td small{display:block}.document-items-table td small{max-width:500px;margin-top:4px;color:#637786;white-space:pre-line}
.document-actions,.accounting-actions,.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px}
.document-preview-card{border-top:1px solid #dfe8ed;background:#edf3f6}
.document-preview-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#f8fbfc;border-bottom:1px solid #dfe8ed}
.document-preview-card h3{margin:2px 0 0;color:#17364a}.document-preview-card>header a{font-size:11px;font-weight:800}
.document-pdf-viewer{display:block;width:100%;height:min(900px,78vh);border:0;background:#5c6470}
.document-preview-fallback{margin:0;padding:10px 18px;color:#607584;font-size:10px;text-align:center;background:#fff}
.document-workspace-modal{display:flex;width:calc(100vw - 28px);max-width:1540px;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);flex-direction:column;overflow:hidden}
.document-workspace-modal>.modal-head{flex:0 0 auto;border-bottom:1px solid #e0e9ee}
.document-workspace-modal .document-form{display:grid;flex:1;gap:18px;min-height:0;padding:22px;overflow-y:auto;background:#f5f8fa}
.document-workspace-modal .modal-actions{position:sticky;z-index:3;bottom:-22px;margin:0 -22px -22px;padding:15px 22px;background:rgba(255,255,255,.96);border-top:1px solid #dce6eb;box-shadow:0 -8px 22px rgba(20,47,64,.08);backdrop-filter:blur(9px)}
.document-editor-section{padding:18px;border:1px solid #dce6eb;border-radius:12px;background:#fff}
.document-editor-section-head,.text-block-editor .document-editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.document-editor-section-head h3{margin:3px 0 0;color:#17364a}.text-block-editor>textarea{width:100%;min-height:104px}
.document-item-section.document-editor-section{padding:18px;background:#fff}
.document-item-section{padding:16px;border:1px solid #dae5eb;border-radius:12px;background:#f8fbfc}
.document-item-editor{margin-top:12px;border:1px solid #dce7ec;border-radius:10px;background:#fff;overflow:hidden}.document-item-editor>header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#edf5f8;color:#18384d}
.document-item-controls{display:flex;gap:6px}.document-item-editor>header button{display:grid;width:30px;height:28px;place-items:center;border:1px solid #d1dfe6;border-radius:7px;background:#fff;color:#275069;font-size:15px;font-weight:800;cursor:pointer}.document-item-editor>header button:hover{background:#e4f2f8}.document-item-editor>header button.remove{color:#a52f3e}.document-item-editor>header button:disabled{opacity:.35;cursor:not-allowed}
.document-item-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr .7fr .65fr 1fr .65fr .65fr;gap:10px;padding:13px}.document-item-grid label{min-width:0}.document-item-grid .full{grid-column:1/-1}.document-item-grid .hidden{display:none}
.document-item-editor.structural-position{border-color:#c7dae4;background:#f8fbfc}.document-item-editor.structural-position>header{background:#dfeef4}.document-item-editor.structural-position.subtotal>header{background:#edf1f3}.document-item-editor .item-alternative-choice{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #d7e5eb;border-radius:9px;background:#f7fafb}.document-add-position-bottom{display:flex;justify-content:center;padding:15px 0 2px}.document-add-position-bottom .small-button{min-width:160px}.document-heading-row td{padding:13px 11px!important;background:#edf5f8;color:#173b4e;border-top:2px solid #bdd5e0}.document-heading-row strong{font-size:12px}.document-subtotal-row td{background:#f8fafb;border-top:1px solid #a9bdc7}.document-alternative-row{background:#fbfcfd;color:#59707c}.document-alternative-row td:last-child,.document-alternative-row td:nth-last-child(2){font-style:italic}
.document-item-grid .item-source{position:relative}
.document-inventory-picker{position:relative;min-width:0}
.document-inventory-picker>input[type="search"]{width:100%;padding-right:32px}
.document-inventory-results{position:absolute;z-index:120;top:calc(100% + 6px);left:0;width:min(620px,calc(100vw - 48px));max-height:340px;overflow:auto;padding:6px;background:#fff;border:1px solid #c9dbe4;border-radius:12px;box-shadow:0 18px 42px rgba(18,51,68,.22)}
.document-inventory-results>button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:10px 11px;text-align:left;background:#fff;border:0;border-radius:8px;color:#173443;cursor:pointer}
.document-inventory-results>button:hover,.document-inventory-results>button:focus{background:#eaf5fa;outline:none}
.document-inventory-results>button>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.document-inventory-results strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.document-inventory-results small{overflow:hidden;color:#657c88;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.document-inventory-results b{color:#174d68;font-size:11px;white-space:nowrap}
.inventory-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.inventory-tree{position:sticky;top:82px;padding:0;overflow:hidden}
.inventory-tree>button,.inventory-folder>button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid #e4ecef;background:#fff;color:#27485e;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.inventory-folder>button.child{padding-left:27px;font-weight:650;color:#587080}.inventory-tree button:hover,.inventory-tree button.active{background:#eaf5fa;color:#0b608e}.inventory-tree button.active{box-shadow:inset 4px 0 #1682c2}.inventory-tree button b{min-width:23px;text-align:right;color:#748794;font-size:11px}
.inventory-main{display:grid;gap:18px;min-width:0}.inventory-table tr[data-business-action]{cursor:pointer}.inventory-table tr.selected{background:#eef8fc}
.stock-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e7f6ee;color:#176b46;font-weight:800;white-space:nowrap}.stock-badge.low{background:#fff0dd;color:#8e5b09}
.inventory-detail-card header{display:flex;justify-content:space-between;gap:20px}.inventory-detail-card h2{margin:3px 0}.inventory-detail-card p{color:#5e7281;white-space:pre-line}.stock-number{font-size:28px;font-weight:850;color:#1278ad}.stock-number small{font-size:12px;color:#637888}
.inventory-detail-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 0}.inventory-detail-card dl div{padding:11px;border-radius:9px;background:#f1f6f8}.inventory-detail-card dt{color:#718491;font-size:10px;text-transform:uppercase}.inventory-detail-card dd{margin:4px 0 0;font-weight:750;color:#173549}
.folder-manager{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(320px,1fr);gap:18px}.folder-list{max-height:560px;overflow:auto;border:1px solid #dce6eb;border-radius:10px}.folder-list article{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #e5ecef}.folder-list article.child{padding-left:27px;background:#f9fbfc}.folder-list span{display:flex;flex-direction:column}.folder-list small{color:#71838e}
.accounting-table td:nth-child(2) strong,.accounting-table td:nth-child(2) small{display:block;max-width:520px}.accounting-table td:nth-child(2) small{margin-top:3px;color:#667a88;white-space:normal}.accounting-table td.positive{color:#147049;font-weight:800}.accounting-table td.negative{color:#9c3c45;font-weight:800}
.receipt-confidence{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:100%;margin-top:6px;padding:6px 10px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 2px 7px rgba(29,54,67,.08)}.receipt-confidence-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.receipt-confidence.critical{color:#9d2f3e;background:#fbe4e7;border-color:#f0c2c9}.receipt-confidence.review{color:#8b5706;background:#fff0d6;border-color:#f1d29a}.receipt-confidence.good{color:#24714e;background:#e3f5e9;border-color:#bde2cb}.receipt-confidence.excellent{color:#fff;background:#187347;border-color:#115e39;box-shadow:0 4px 10px rgba(24,115,71,.15)}.receipt-confidence.excellent .receipt-confidence-dot{background:#a7ecc6}
.match-status,.receipt-direction{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff0dc;color:#875a0b;font-size:11px;font-weight:800}.match-status.matched,.match-status.paid,.match-status.not-required,.receipt-direction.outgoing{background:#e5f6ed;color:#176b46}.receipt-direction.incoming{background:#e6f2fb;color:#1b648e}
.receipt-amount-breakdown{display:grid;gap:4px;min-width:126px}.receipt-amount-breakdown>span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#526b78}.receipt-amount-breakdown small{margin:0!important;color:#748894!important;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.receipt-amount-breakdown strong{color:#173b4d;font-size:12px;white-space:nowrap}.receipt-amount-breakdown .total{padding-top:5px;border-top:1px solid #dce8ee}.receipt-amount-breakdown .total strong{font-size:13px;color:#0d2f40}
.receipt-assignment-payment{display:grid;justify-items:start;gap:6px;min-width:190px}.receipt-assignment-payment .payment-process{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2f5;color:#526975;font-size:11px;font-weight:800}.receipt-assignment-payment .payment-process.open{background:#fff0dc;color:#875a0b}.receipt-assignment-payment .payment-process.prepared{background:#e6f2fb;color:#1b648e}.receipt-assignment-payment .payment-process.paid{background:#e5f6ed;color:#176b46}.receipt-assignment-payment .payment-inline-action{min-height:30px;padding:5px 9px}.receipt-assignment-payment .receipt-match-hint{display:block;max-width:240px;margin:0;color:#71838e;white-space:normal}
.transaction-assignment{display:flex;align-items:flex-start;gap:9px;min-width:230px;max-width:300px;padding:9px 10px;border:1px solid #dbe7ed;border-radius:12px;background:#f6f9fb;color:#526975}.transaction-assignment-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#fff0dc;color:#875a0b;font-size:12px;font-weight:900}.transaction-assignment>span:last-child{display:grid;gap:2px;min-width:0}.transaction-assignment strong{color:#263f4e;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.transaction-assignment small{display:block!important;margin:0!important;color:#71838e!important;font-size:10px;line-height:1.35;white-space:normal}.transaction-assignment.linked{border-color:#cce8da;background:#f0faf5}.transaction-assignment.linked .transaction-assignment-icon{background:#dff3e9;color:#176b46}.transaction-assignment.linked strong{color:#176b46}
.accounting-export-card{display:grid;grid-template-columns:90px minmax(0,720px);gap:24px;align-items:start;padding:30px}.accounting-export-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:20px;background:#0f6f9f;color:#fff;font-size:35px}.accounting-export-card form{display:flex;gap:12px;align-items:end;margin-top:22px}.accounting-export-card label{display:grid;gap:6px;font-weight:700}
.accounting-tabs{margin-bottom:14px}.accounting-toolbar{display:grid;grid-template-columns:260px minmax(260px,1fr) auto;gap:12px;align-items:end;margin:0 0 16px;padding:15px 17px;border:1px solid #dce7ec;border-radius:16px;background:#f8fbfc}.accounting-toolbar label{display:grid;gap:6px}.accounting-toolbar label>span{color:#607784;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.accounting-toolbar input{min-height:42px;border:1px solid #cddce3;border-radius:10px;background:#fff;color:#173443;padding:8px 11px}.accounting-period-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;min-width:0}.accounting-period-control>label{min-width:0}.accounting-period-control input[type="month"]{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.accounting-period-control>.small-button{position:relative;min-height:42px;white-space:nowrap}.accounting-period-control>.small-button.active{color:#fff;background:#146f9d;border-color:#146f9d}.accounting-toolbar-actions{display:flex;gap:8px;justify-content:flex-end}.accounting-search{min-width:0}.accounting-search input{width:100%}.recognition-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2f4;color:#536772;font-size:11px;font-weight:850}.recognition-status.recognized{background:#e3f6eb;color:#176a45}.recognition-status.partial{background:#fff0d9;color:#885a0d}.recognition-status.processing{background:#e2f2fa;color:#116b96;animation:receipt-status-pulse 1.3s ease-in-out infinite}.recognition-status.queued{background:#eee9fb;color:#6444a2}.recognition-status.failed{background:#f9e5e8;color:#993847}.receipt-table td>small{display:block;margin-top:5px;max-width:330px;color:#6b7f89;white-space:normal}.table-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.unmatched-transactions{margin-top:16px}.invoice-payment{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff0d9;color:#86580d;font-size:11px;font-weight:850}.invoice-payment.paid{background:#e2f5ea;color:#146943}.document-row .invoice-payment{margin-top:5px}.banking-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bank-account-list{display:grid;gap:10px}.bank-account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:15px;border:1px solid #dce7ec;border-radius:14px;background:#fbfdfe}.bank-account-card>div:first-child{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:9px;align-items:center}.bank-account-card strong,.bank-account-card small,.bank-account-card b{grid-column:2;display:block}.bank-account-card small{margin-top:3px;color:#647b87}.bank-account-card b{margin-top:5px;color:#9b3946;font-size:12px}.connection-dot{grid-row:1/5;width:10px;height:10px;border-radius:50%;background:#aebbc1;box-shadow:0 0 0 4px #edf2f4}.connection-dot.connected{background:#25a66a;box-shadow:0 0 0 4px #e2f5eb}.connection-dot.authorization_required,.connection-dot.psd2{background:#e59a26;box-shadow:0 0 0 4px #fff0d9}.connection-dot.failed{background:#c7505f;box-shadow:0 0 0 4px #f9e5e8}.payment-order-list{display:grid;gap:11px}.payment-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px;border:1px solid #dce7ec;border-left:4px solid #e29a2c;border-radius:14px;background:#fbfdfe}.payment-order.completed{border-left-color:#27a56b}.payment-order.failed{border-left-color:#c7515f}.payment-order h3{margin:7px 0 3px;color:#153646}.payment-order p,.payment-order small{display:block;margin:0;color:#637986}.payment-state{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0d9;color:#85580d;font-size:11px;font-weight:850}.payment-order.completed .payment-state{background:#e2f5ea;color:#146943}.payment-order.failed .payment-state{background:#f9e5e8;color:#993847}.payment-order-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.payment-error{display:block;margin-top:7px;color:#a13948;font-size:12px}.security-note{padding:13px 15px;border:1px solid #d9e6ec;border-radius:12px;background:#f5fafc;color:#425f6c}.security-note strong{color:#143b50}.security-note p{margin:4px 0 0;font-size:13px;line-height:1.5}.receipt-drop-field{position:relative;display:grid!important;place-items:center;gap:6px;min-height:190px;padding:25px;border:2px dashed #95b4c3!important;border-radius:17px!important;background:#f5fafc;text-align:center;cursor:pointer}.receipt-drop-field:hover{border-color:#1777a7!important;background:#eef7fb}.receipt-drop-field input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.receipt-camera-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#0f6f9f;color:#fff;font-size:27px}.receipt-drop-field small{color:#657d89}.recognition-note{padding:13px 15px;border-radius:12px;background:#e6f4eb;color:#176a45}.recognition-note.warning{background:#fff1dc;color:#875b11}.recognition-note p{margin:4px 0 0;font-size:13px}.receipt-recognition-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}.receipt-recognition-choice legend{grid-column:1/-1;color:#506b78;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.receipt-recognition-choice .check-row{margin:0;padding:14px;border:1px solid #d7e4ea;border-radius:13px;background:#f8fbfc;align-items:flex-start}.receipt-recognition-choice input{width:18px;min-height:18px}.receipt-recognition-choice small{display:block;margin-top:4px;color:#687f8a;font-weight:500;line-height:1.45}.manual-receipt-fields{border:1px solid #dce7ec;border-radius:12px;padding:13px 15px}.manual-receipt-fields summary{cursor:pointer;font-weight:800;color:#315666}.manual-receipt-fields[open] summary{margin-bottom:14px}
.accounting-period-picker{position:relative;display:grid;gap:6px;min-width:0}.accounting-period-label{color:#607784;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.accounting-period-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:42px;padding:7px 10px;border:1px solid #cddce3;border-radius:10px;background:#fff;color:#173443;text-align:left;cursor:pointer}.accounting-period-trigger:hover{border-color:#8eb7ca;background:#fbfdfe}.accounting-period-trigger:focus-visible{outline:2px solid #087bea;outline-offset:1px;border-color:#087bea}.accounting-period-trigger strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.accounting-period-calendar{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e7f3f8;color:#126e9c;font-size:16px}.accounting-period-chevron{color:#6b818d;font-size:15px}.accounting-month-popover{position:absolute;z-index:160;top:calc(100% + 8px);left:0;width:320px;padding:12px;border:1px solid #d7e4ea;border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(22,52,67,.22)}.accounting-month-popover[hidden]{display:none}.accounting-month-popover header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-bottom:10px}.accounting-month-popover header strong{text-align:center;color:#173b4d;font-size:15px}.accounting-month-popover header button{display:grid;place-items:center;width:38px;height:34px;border:1px solid #d7e4ea;border-radius:9px;background:#f7fafb;color:#1a5978;font-size:22px;cursor:pointer}.accounting-month-popover header button:hover{border-color:#8eb7ca;background:#eaf5fa}.accounting-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.accounting-month-option{display:grid;place-items:center;gap:2px;min-height:54px;padding:7px 4px;border:1px solid #dce7ec;border-radius:10px;background:#f8fbfc;color:#234b60;cursor:pointer}.accounting-month-option span{font-size:12px;font-weight:850}.accounting-month-option small{color:#7a8e99;font-size:9px}.accounting-month-option:hover{border-color:#79abc2;background:#eaf5fa}.accounting-month-option.current{box-shadow:inset 0 0 0 1px #55a1c4}.accounting-month-option.selected{border-color:#126f9e;background:#126f9e;color:#fff;box-shadow:0 5px 12px rgba(18,111,158,.18)}.accounting-month-option.selected small{color:#dceff8}.accounting-month-popover footer{display:flex;justify-content:center;margin-top:10px;padding-top:9px;border-top:1px solid #e3ebef}.accounting-month-popover footer button{border:0;background:transparent;color:#126f9e;font-size:11px;font-weight:850;cursor:pointer}.accounting-month-popover footer button:hover{text-decoration:underline}
.accounting-all-periods .accounting-period-trigger{cursor:default;border-color:#b9d8e5;background:linear-gradient(135deg,#eef8fc,#f7fbfd)}.accounting-all-periods .accounting-period-trigger:hover{border-color:#b9d8e5;background:linear-gradient(135deg,#eef8fc,#f7fbfd)}.accounting-all-periods .accounting-period-calendar{background:#dceff7;font-weight:900}.accounting-all-periods .accounting-period-chevron{font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
@keyframes receipt-status-pulse{50%{opacity:.55}}
.fints-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fints-quick-grid>label{position:relative;padding:17px 15px 15px;border:1px solid #d9e6ec;border-radius:13px;background:#f8fbfc}
.fints-quick-grid>label>span{display:grid;width:25px;height:25px;place-items:center;margin-bottom:9px;color:#fff;background:#1676a5;border-radius:8px;font-size:11px;font-weight:900}
.fints-quick-grid>label>strong{display:block;margin-bottom:7px;color:#173b4e;font-size:12px}
.fints-quick-grid>label>small{display:block;margin-top:6px;color:#687e89;font-size:10px;line-height:1.4}
.fints-quick-form .recognition-note a{color:inherit;font-weight:850;text-decoration:underline}
.administration-grid{display:grid;gap:18px}.business-settings-card{padding:0;overflow:hidden}.business-settings-card>.panel-head{padding:22px;border-bottom:1px solid #dce6eb}
.admin-business-form{display:block}.admin-business-form label{display:grid;gap:6px;color:#2f4a5b;font-size:11px;font-weight:700}.admin-business-form input,.admin-business-form textarea,.admin-business-form select{width:100%;min-height:42px;border:1px solid #ccdbe3;border-radius:8px;background:#fff;color:#15364b;padding:10px 11px;font:inherit}.admin-business-form textarea{resize:vertical;line-height:1.5}
.admin-settings-section{padding:22px;border-bottom:1px solid #dce6eb}.admin-settings-section-head{margin-bottom:16px}.admin-settings-section-head h3{margin:3px 0;color:#17364a}.admin-settings-section-head p{margin:5px 0 0;color:#687d8b;font-size:11px}
.admin-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.admin-company-grid .full{grid-column:1/-1}
.number-sequence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.number-sequence-card{display:grid;gap:11px;padding:14px;border:1px solid #d9e5eb;border-radius:10px;background:#f7fafc}.number-sequence-card>div{display:flex;flex-direction:column;gap:2px}.number-sequence-card strong{color:#15364b}.number-sequence-card small{color:#718593;font-size:9px}
.document-text-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.document-text-block-card{padding:15px;border:1px solid #d9e5eb;border-radius:10px;background:#f8fbfc}.document-text-block-card>header{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.document-text-block-card h3{margin:3px 0 0}.document-text-block-card>header>span{color:#718593;font-size:9px}.document-text-block-card .form-grid{align-items:start}
.admin-settings-save{position:sticky;z-index:2;bottom:0;display:flex;justify-content:flex-end;padding:15px 22px;background:rgba(255,255,255,.95);box-shadow:0 -7px 20px rgba(20,47,64,.07);backdrop-filter:blur(8px)}
.integrated-admin-card{padding:0;overflow:hidden}.integrated-admin-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #dce7ed}.integrated-admin-card h2{margin:4px 0}.integrated-admin-card p{margin:4px 0 0;color:#687d8b}.integrated-admin-card iframe{display:block;width:100%;height:1000px;border:0;background:#f5f8fa}.integrated-admin-card.access-note{padding:24px}.integrated-admin-card.access-note h2{margin:5px 0}
@media(max-width:1120px){.document-layout{grid-template-columns:1fr}.document-list,.document-detail{min-height:0}.document-item-grid{grid-template-columns:repeat(4,1fr)}.inventory-layout{grid-template-columns:210px minmax(0,1fr)}.inventory-detail-card dl{grid-template-columns:repeat(2,1fr)}.number-sequence-grid{grid-template-columns:repeat(2,1fr)}.admin-company-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.work-live-actions,.document-actions,.accounting-actions,.page-actions{display:grid;grid-template-columns:1fr}.work-live-actions button,.document-actions>*{width:100%}.module-tabs{margin-inline:-3px}.module-tabs button{min-width:max-content}.document-total-cards{grid-template-columns:1fr}.document-detail-content{padding:15px}.document-row{grid-template-columns:minmax(0,1fr) auto 12px}.document-item-grid{grid-template-columns:1fr 1fr}.document-workspace-modal{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px 14px 0 0}.document-workspace-modal .document-form{padding:14px}.document-workspace-modal .modal-actions{bottom:-14px;margin:0 -14px -14px;padding:13px 14px}.document-editor-section{padding:14px}.document-editor-section-head{display:grid}.document-pdf-viewer{height:68vh}.inventory-layout{display:block}.inventory-tree{position:static;display:flex;margin-bottom:14px;overflow-x:auto}.inventory-tree>.list-summary{display:none}.inventory-tree>button,.inventory-folder>button{min-width:max-content;border-right:1px solid #e4ecef;border-bottom:0}.inventory-folder{display:flex}.inventory-folder>button.child{padding-left:14px}.folder-manager{grid-template-columns:1fr}.inventory-detail-card dl{grid-template-columns:1fr 1fr}.accounting-export-card{grid-template-columns:1fr;padding:20px}.accounting-export-card form{display:grid}.admin-company-grid,.number-sequence-grid,.document-text-block-grid{grid-template-columns:1fr}.document-text-block-card .form-grid{grid-template-columns:1fr}.integrated-admin-card>header{align-items:flex-start;flex-direction:column}.integrated-admin-card iframe{height:720px}}
@media(max-width:760px){.fints-quick-grid{grid-template-columns:1fr}}
@media(max-width:900px){.accounting-toolbar{grid-template-columns:1fr 1fr}.accounting-toolbar-actions{grid-column:1/-1;justify-content:stretch}.accounting-toolbar-actions>*{flex:1}.banking-grid{grid-template-columns:1fr}.bank-account-card,.payment-order{grid-template-columns:1fr}.table-actions,.payment-order-actions{justify-content:flex-start}}
@media(max-width:600px){.accounting-toolbar{grid-template-columns:1fr;padding:12px}.accounting-toolbar-actions{grid-column:auto;display:grid}.accounting-month-popover{width:min(320px,calc(100vw - 52px))}.receipt-drop-field{min-height:160px}.bank-account-card{padding:13px}.payment-order{padding:14px}.receipt-table{min-width:820px}}
@media(max-width:480px){.document-item-grid,.inventory-detail-card dl{grid-template-columns:1fr}.document-item-grid .full{grid-column:1}.document-detail-head{display:grid}.business-settings-card>.panel-head,.admin-settings-section{padding:15px}}

/* Business Suite 4.0: mobile containment.
   Wide data sets keep their own touch-scroll area and never widen the page. */
@media(max-width:760px){
  html,body.app-page{max-width:100%;overflow-x:hidden}
  .app-shell,.main-area,.content-area,#content,
  .document-layout,.inventory-layout,.inventory-main,
  .administration-grid,.accounting-actions,.panel{min-width:0;max-width:100%}
  .inventory-main>.panel{overflow:hidden}
  .inventory-main .table-wrap,.document-detail .table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .inventory-table{min-width:720px}
  .accounting-table{min-width:680px}
  .inventory-tree,.module-tabs{scrollbar-width:none}
  .inventory-tree::-webkit-scrollbar,.module-tabs::-webkit-scrollbar{display:none}
}

/* Überweisungsvorbereitung: verbindliche IBAN-Prüfung */
.iban-validation-field{position:relative}
.iban-validation-field input{padding-right:42px!important;letter-spacing:.035em;font-weight:750}
.iban-validation-field.valid input{border-color:#61ac83!important;background:#f6fcf8!important;box-shadow:0 0 0 3px rgba(39,165,107,.1)}
.iban-validation-field.invalid input{border-color:#d07882!important;background:#fff8f9!important;box-shadow:0 0 0 3px rgba(199,81,95,.08)}
.iban-validation-field::after{position:absolute;right:13px;top:30px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;font-size:12px;font-weight:900}
.iban-validation-field.valid::after{content:'✓';color:#fff;background:#28a66c}
.iban-validation-field.invalid::after{content:'!';color:#fff;background:#c7505f}
.iban-validation-status{display:flex!important;align-items:center;gap:6px;margin-top:7px!important;padding:7px 9px;border-radius:8px;font-size:10px!important;font-weight:750!important}
.iban-validation-status.valid{color:#176b46!important;background:#e5f6ed}
.iban-validation-status.invalid{color:#963c49!important;background:#f9e5e8}
.modal-form [type="submit"][aria-disabled="true"]{cursor:not-allowed;filter:grayscale(.25);opacity:.5}

/* NEXORA 5.0: lokale KI */
.ai-chat-shell{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);min-height:650px;overflow:hidden;border:1px solid #d7e5eb;border-radius:18px;background:#fff;box-shadow:0 12px 36px rgba(16,52,70,.07)}
.ai-chat-threads{display:flex;flex-direction:column;gap:7px;padding:14px;background:#f3f8fa;border-right:1px solid #dbe7ec}
.ai-local-status{display:flex;gap:10px;align-items:center;margin-bottom:7px;padding:12px;border:1px solid #c9e7dd;border-radius:12px;background:#edf9f5}.ai-local-status>span{width:9px;height:9px;border-radius:50%;background:#1ba578;box-shadow:0 0 0 5px rgba(27,165,120,.12)}.ai-local-status strong,.ai-local-status small{display:block}.ai-local-status small{margin-top:2px;color:#66808c;font-size:10px}
.ai-local-status.web{width:100%;font:inherit;color:#234a5c;border-color:#cfe0f0;background:#f0f6fb;text-align:left;cursor:pointer}.ai-local-status.web:hover{border-color:#8fc6da;background:#e8f5fa}.ai-local-status.web.active{border-color:#28a5cb;background:#e4f7fc;box-shadow:0 0 0 3px rgba(22,181,217,.1)}.ai-local-status.web>span{display:grid;place-items:center;width:25px;height:25px;color:#087da9;font-size:14px;background:#d9eff8;box-shadow:none}.ai-local-status.web>div{min-width:0;flex:1}.ai-local-status.web>i{padding:3px 6px;color:#52717f;background:#fff;border-radius:99px;font-size:8px;font-style:normal;font-weight:900}.ai-local-status.web.active>i{color:#fff;background:#0c95bc}.ai-chat-content a{color:#087da9;font-weight:750;text-decoration:underline;text-decoration-color:rgba(8,125,169,.35);text-underline-offset:2px}.ai-chat-content a:hover{color:#075f82;text-decoration-color:currentColor}
.ai-chat-threads>button{display:flex;gap:7px;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#264b5d;text-align:left;cursor:pointer}.ai-chat-threads>button:hover{background:#fff;border-color:#d9e6eb}.ai-chat-threads>button.active{background:#fff;border-color:#9fcddd;box-shadow:0 5px 15px rgba(28,89,113,.08)}.ai-chat-threads>button span{min-width:0}.ai-chat-threads>button strong,.ai-chat-threads>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-threads>button small{margin-top:3px;color:#758b95;font-size:9px}.ai-chat-threads>button i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#8b4551;font-style:normal}
.ai-chat-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:650px}.ai-chat-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid #e0eaee}.ai-chat-workspace>header h2{margin:3px 0 0;color:#173b4b}.ai-thread-heading{padding:10px 10px 2px;color:#728a95;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.ai-chat-messages{display:flex;flex-direction:column;gap:14px;max-height:610px;padding:22px;overflow:auto;background:linear-gradient(180deg,#fff,#fbfdfe)}
.ai-chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;max-width:88%}.ai-chat-message.assistant{max-width:96%}.ai-chat-message.user{align-self:flex-end;grid-template-columns:minmax(0,1fr) 34px}.ai-chat-message.user>div:first-child{grid-column:2}.ai-chat-message.user>div:last-child{grid-column:1;grid-row:1}.ai-chat-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#087da9,#16b5d9);color:#fff;font-size:11px;font-weight:900}.ai-chat-message.user .ai-chat-avatar{background:#dce8ed;color:#244d60}.ai-chat-message>div:last-child{padding:12px 14px;border:1px solid #dce8ed;border-radius:5px 15px 15px;background:#f4f9fb}.ai-chat-message.user>div:last-child{background:#eaf6fb;border-color:#c4e3ef;border-radius:15px 5px 15px 15px}.ai-chat-message header{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:7px}.ai-chat-message header>span{display:flex;gap:7px;align-items:center}.ai-chat-message header small{color:#7a9099;font-size:9px}.ai-chat-message header button{padding:3px 6px;color:#2b6f88;font-size:7px;font-weight:800;background:#fff;border:1px solid #d4e4ea;border-radius:6px;cursor:pointer}.ai-chat-message header button:hover{background:#eaf7fb}.ai-chat-content{color:#294b5a;font-size:12px;line-height:1.65}.ai-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(620px,100%);margin-top:16px}.ai-suggestion-grid button{padding:11px 12px;color:#24536a;text-align:left;background:#fff;border:1px solid #cfe0e8;border-radius:11px;cursor:pointer;box-shadow:0 3px 12px rgba(20,60,79,.05)}.ai-suggestion-grid button:hover{border-color:#58b6d3;background:#f1fbfd}
.ai-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:15px 18px;border-top:1px solid #dce8ed;background:#fff}.ai-chat-compose textarea{min-height:68px;padding:12px 13px;border:1px solid #c8dbe3;border-radius:12px;resize:vertical}.ai-chat-compose button{align-self:end;min-height:42px}.ai-chat-compose small{grid-column:1/-1;color:#778d97;font-size:9px}.ai-chat-empty{display:grid;place-items:center;align-content:center;min-height:280px;padding:30px;color:#66818d;text-align:center}.ai-chat-empty>span{font-size:38px;color:#159bc5}.ai-chat-empty h2,.ai-chat-empty h3{margin:8px 0 4px;color:#1a4051}
.ai-capabilities{display:flex;flex-wrap:wrap;gap:5px;margin:-2px 0 6px}.ai-capabilities span{padding:4px 7px;color:#39705f;font-size:7px;font-weight:800;background:#e9f6f1;border:1px solid #cce8dc;border-radius:99px}.ai-thread-search{display:grid;gap:5px;margin:3px 0 0}.ai-thread-search span{color:#69828d;font-size:8px;font-weight:800}.ai-thread-search input{width:100%;padding:8px 10px;font-size:10px;background:#fff;border:1px solid #d3e1e7;border-radius:9px}.ai-thread-actions{display:flex;gap:7px;align-items:center}.ai-chat-content p{margin:0 0 7px}.ai-chat-content p:last-child{margin-bottom:0}.ai-chat-content h2,.ai-chat-content h3,.ai-chat-content h4{margin:17px 0 7px;color:#173e50;line-height:1.3}.ai-chat-content h2:first-child,.ai-chat-content h3:first-child,.ai-chat-content h4:first-child{margin-top:0}.ai-chat-content ul,.ai-chat-content ol{display:grid;gap:4px;margin:6px 0 10px;padding-left:21px}.ai-chat-content blockquote{margin:9px 0;padding:9px 12px;color:#456573;background:#edf6f9;border-left:3px solid #26a8cb;border-radius:0 8px 8px 0}.ai-chat-content code{padding:2px 5px;color:#604016;font-size:.9em;background:#fff2d8;border-radius:4px}.ai-paragraph-gap{display:block;height:5px}.ai-code-block{margin:10px 0;overflow:hidden;background:#132c38;border:1px solid #284756;border-radius:10px}.ai-code-block header{margin:0;padding:7px 10px;color:#b7d0da;background:#1c3947;border-bottom:1px solid #31505e}.ai-code-block pre{max-width:100%;margin:0;padding:12px;overflow:auto}.ai-code-block pre code{padding:0;color:#e8f4f7;font-size:10px;background:transparent}.ai-thinking>div:last-child{background:linear-gradient(110deg,#f4f9fb,#eef8fb)}.ai-thinking-line{display:flex;gap:5px;align-items:center;color:#56727e;font-size:10px}.ai-thinking-line i{width:6px;height:6px;background:#10a6cf;border-radius:50%;animation:aiThinking 1.15s ease-in-out infinite}.ai-thinking-line i:nth-child(2){animation-delay:.16s}.ai-thinking-line i:nth-child(3){animation-delay:.32s}.ai-thinking-line span{margin-left:4px}@keyframes aiThinking{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.ai-chat-compose.busy textarea{background:#f3f6f7}.ai-chat-compose .danger-button{min-width:96px}
.ai-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 7px}.ai-capability-grid>span{display:flex;gap:7px;align-items:center;min-width:0;padding:8px;color:#315766;background:#fff;border:1px solid #d8e5ea;border-radius:10px}.ai-capability-grid b{display:grid;place-items:center;width:22px;height:22px;color:#087da9;background:#e8f6fa;border-radius:7px;font-size:11px}.ai-capability-grid small{overflow:hidden;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.ai-research-toggle{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;gap:9px;align-items:center;width:100%;margin-bottom:6px;padding:11px;color:#294e5f;text-align:left;background:#fff;border:1px solid #cedee5;border-radius:12px;cursor:pointer;transition:.18s ease}.ai-research-toggle:hover{border-color:#75bad0;transform:translateY(-1px)}.ai-research-toggle.active{border-color:#1aa6cb;background:#ecfafd;box-shadow:0 0 0 3px rgba(22,181,217,.09)}.ai-research-icon{display:grid;place-items:center;width:30px;height:30px;color:#087da9;background:#e1f3f9;border-radius:9px;font-size:14px}.ai-research-toggle>span:nth-child(2){min-width:0}.ai-research-toggle strong,.ai-research-toggle small{display:block}.ai-research-toggle strong{font-size:10px}.ai-research-toggle small{margin-top:2px;color:#6e8792;font-size:8px;line-height:1.3}.ai-research-toggle>i{position:relative;width:32px;height:18px;background:#cfdce1;border-radius:99px}.ai-research-toggle>i b{position:absolute;top:3px;left:3px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(19,53,69,.2);transition:.18s ease}.ai-research-toggle.active>i{background:#0ca4ca}.ai-research-toggle.active>i b{left:17px}.ai-privacy-note{margin:0 1px 6px;padding:8px 9px;color:#5e7782;font-size:8px;line-height:1.45;background:#eaf4f1;border-radius:9px}
.ai-chat-welcome>span{filter:drop-shadow(0 8px 13px rgba(21,155,197,.22))}.ai-chat-welcome>p{max-width:620px}.ai-suggestion-grid button{display:flex;gap:10px;align-items:flex-start}.ai-suggestion-grid button>b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;color:#087da9;background:#e8f6fa;border-radius:9px}.ai-suggestion-grid button>span{display:block;line-height:1.4}.ai-suggestion-grid button small{display:block;margin-bottom:2px;color:#72909c;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ai-send-button{display:flex;gap:9px;align-items:center;justify-content:center}.ai-send-button b{display:grid;place-items:center;width:23px;height:23px;color:#087da9;background:#fff;border-radius:7px;font-size:13px}
.ai-weather-card{margin-top:14px;overflow:hidden;color:#183e50;background:linear-gradient(145deg,#f5fbfd 0%,#edf7fb 50%,#fff 100%);border:1px solid #bfdde8;border-radius:16px;box-shadow:0 10px 26px rgba(25,83,105,.08)}.ai-weather-card>header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(125deg,#0b6f99,#13a6cd);color:#fff}.ai-weather-card>header .eyebrow{color:#c8f1fb}.ai-weather-card>header h3{margin:3px 0 2px;color:#fff;font-size:20px}.ai-weather-card>header small{color:#d9f4fa}.ai-weather-current{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;text-align:right}.ai-weather-current>span{grid-row:1/3;font-size:38px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.12))}.ai-weather-current strong{font-size:24px;line-height:1}.ai-weather-current small{color:#e0f7fb}.ai-weather-current-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #d5e7ed}.ai-weather-current-metrics span{display:grid;gap:2px;padding:10px 8px;color:#66808b;font-size:8px;text-align:center;border-right:1px solid #dce9ee}.ai-weather-current-metrics span:last-child{border-right:0}.ai-weather-current-metrics b{color:#214b5d;font-size:11px}
.ai-weather-chart{margin:14px 16px 4px;padding:12px 14px;background:#fff;border:1px solid #dce9ee;border-radius:12px}.ai-weather-chart-head{display:flex;align-items:center;justify-content:space-between}.ai-weather-chart-head strong{font-size:10px}.ai-weather-chart-head span{display:flex;gap:6px;align-items:center;color:#718891;font-size:8px}.ai-weather-chart-head i{width:13px;height:3px;border-radius:4px}.ai-weather-chart-head i.maximum{background:#e88934}.ai-weather-chart-head i.minimum{margin-left:5px;background:#159ec4}.ai-weather-chart svg{display:block;width:100%;height:auto;overflow:visible}.ai-weather-chart svg>line{stroke:#dbe7ec;stroke-width:1}.ai-weather-chart svg text{fill:#78909a;font-size:9px}.weather-max-line,.weather-min-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.weather-max-line{stroke:#e88934}.weather-min-line{stroke:#159ec4}.weather-max-dot{fill:#fff;stroke:#e88934;stroke-width:3}.weather-min-dot{fill:#fff;stroke:#159ec4;stroke-width:3}.weather-day-label{text-anchor:middle;font-weight:800;text-transform:uppercase}
.ai-weather-days{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:7px;padding:11px 16px 16px;overflow-x:auto}.ai-weather-days article{display:grid;gap:5px;min-width:90px;padding:11px 9px;background:#fff;border:1px solid #d7e6ec;border-radius:12px;text-align:center}.ai-weather-days article>div{display:flex;align-items:center;justify-content:space-between}.ai-weather-days article>div strong{font-size:9px;text-transform:uppercase}.ai-weather-days article>div small{font-size:8px}.ai-weather-days .weather-symbol{font-size:24px}.ai-weather-days article>b{font-size:13px}.ai-weather-days article>b i{color:#71909c;font-style:normal;font-weight:600}.ai-weather-days article>small{min-height:24px;color:#647f8a;font-size:8px}.ai-weather-days dl{display:grid;gap:4px;margin:3px 0 0;padding-top:7px;border-top:1px solid #e5eef1}.ai-weather-days dl>div{display:grid;gap:1px}.ai-weather-days dt{color:#82949c;font-size:7px;text-transform:uppercase}.ai-weather-days dd{margin:0;color:#315568;font-size:8px;font-weight:700}.ai-weather-card>footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;color:#657f8b;font-size:8px;background:#fff;border-top:1px solid #d8e8ee}.ai-weather-card>footer a{font-weight:800}
.ai-research-sources{margin-top:13px;padding:13px;background:#fff;border:1px solid #d6e5eb;border-radius:13px}.ai-research-sources>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.ai-research-sources>header h3{margin:2px 0 0;font-size:12px}.ai-research-sources>header>span{padding:4px 8px;color:#427186;font-size:8px;font-weight:800;background:#eaf5f8;border-radius:99px}.ai-research-sources>div{display:grid;gap:5px}.ai-research-sources a{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:8px;color:#315263;text-decoration:none;background:#f7fafb;border:1px solid #e0eaee;border-radius:9px}.ai-research-sources a:hover{border-color:#75bed4;background:#eef9fc}.ai-research-sources a>b{display:grid;place-items:center;width:24px;height:24px;color:#087da9;background:#e3f4f9;border-radius:7px;font-size:8px}.ai-research-sources a span{min-width:0}.ai-research-sources a strong,.ai-research-sources a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-research-sources a strong{font-size:9px}.ai-research-sources a small{margin-top:2px;color:#718793;font-size:8px}.ai-research-sources a>i{font-style:normal}.ai-tool-warning{display:grid;gap:4px;margin-top:10px;padding:10px 12px;color:#7a5819;background:#fff7e5;border:1px solid #eddbad;border-radius:10px}.ai-tool-warning strong{font-size:9px}.ai-tool-warning span{font-size:8px;line-height:1.45}

/* NEXORA 5.0: Kreditkartenabrechnungen */
.credit-card-layout{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:14px}.credit-card-statement-list{display:flex;flex-direction:column;gap:11px}.credit-card-statement-card{width:100%;padding:14px;border:1px solid #d8e5eb;border-left:4px solid #7ca7b9;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbfc);color:#254b5e;text-align:left;box-shadow:0 5px 16px rgba(24,67,88,.05)}.credit-card-statement-card.processing,.credit-card-statement-card.queued{border-left-color:#1687b4}.credit-card-statement-card.complete{border-left-color:#279268}.credit-card-statement-card.failed{border-left-color:#bd4352}.credit-card-statement-card header,.credit-card-statement-card footer{display:flex;gap:10px;align-items:center;justify-content:space-between}.credit-card-statement-card header>span:nth-child(2){min-width:0;flex:1}.credit-card-statement-card strong,.credit-card-statement-card small,.credit-card-statement-card em{display:block}.credit-card-statement-card header strong{overflow:hidden;margin-top:2px;color:#173d50;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.credit-card-statement-card header em{overflow:hidden;margin-top:3px;color:#647d89;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.credit-card-statement-card small{margin-top:3px;color:#718892;font-size:8px}.credit-statement-file{display:grid;width:40px;height:43px;flex:0 0 40px;place-items:center;color:#fff;font-size:9px;font-weight:950;letter-spacing:.04em;background:linear-gradient(150deg,#0e78a5,#14a2c7);border-radius:9px;box-shadow:0 6px 13px rgba(14,120,165,.18)}.credit-statement-period{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.credit-statement-period>span{padding:8px 10px;border:1px solid #e0e9ed;border-radius:9px;background:#fff}.credit-statement-period strong{margin-top:2px;color:#2c5263;font-size:10px}.credit-card-statement-progress{height:6px;margin:11px 0 5px;overflow:hidden;border-radius:999px;background:#e6eef2}.credit-card-statement-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0785b2,#18b6d9)}.credit-card-statement-card.complete .credit-card-statement-progress i{background:linear-gradient(90deg,#19865b,#45b57f)}.credit-statement-stage{margin-bottom:9px!important}.credit-card-statement-card footer{margin-top:12px;padding-top:11px;border-top:1px solid #e2eaee}.credit-match-ratio{display:inline-flex;padding:5px 8px;color:#7d5b16;font-size:8px;font-weight:900;background:#fff1d8;border-radius:999px}.credit-match-ratio.complete{color:#176a46;background:#e2f5e9}.credit-card-transactions{min-width:0}.credit-card-amount{font-variant-numeric:tabular-nums;font-weight:850;text-align:right}.credit-card-match{display:flex;gap:6px;align-items:center}.credit-card-match select{max-width:280px}
.credit-statement-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.credit-statement-balances>span{min-width:0;padding:9px 10px;border:1px solid #e0e9ed;border-radius:10px;background:#fff}.credit-statement-balances strong{margin-top:3px;color:#173d50;font-size:11px}.credit-statement-balances em{margin-top:3px;color:#718892;font-size:8px;font-style:normal;white-space:normal}.credit-statement-balances .settlement.matched{border-color:#bce3cf;background:#eef9f3}.credit-statement-balances .settlement.matched strong{color:#176a46}.credit-statement-balances .settlement.open{border-color:#eed8a8;background:#fff9ea}.credit-statement-balances .settlement.open strong{color:#8b6513}
.transaction-privacy,.transaction-privacy-pill{display:inline-flex;min-width:92px;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #d8e5eb;border-radius:999px;color:#355866;font-size:10px;font-weight:800;line-height:1;background:#f4f8fa}.transaction-privacy.confidential,.transaction-privacy-pill.confidential{border-color:#dec9f4;color:#63369a;background:#f3ebfb}.receipt-category-select.confidential,.receipt-category.confidential{border-color:#dec9f4!important;color:#63369a!important;background:#f3ebfb!important}.privacy-rules-button{border-color:#dec9f4!important;color:#63369a!important;background:#f8f3fd!important}.confidential-rule-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:20px;align-items:start}.confidential-rule-list{overflow:hidden;border:1px solid #dce7ec;border-radius:16px;background:#f8fbfc}.confidential-rule-list>header{padding:16px 18px;border-bottom:1px solid #dce7ec;background:#fff}.confidential-rule-list>header h3{margin:4px 0 0;color:#193f52}.confidential-rule-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #e4ecef}.confidential-rule-list article:last-child{border-bottom:0}.confidential-rule-list article strong,.confidential-rule-list article small{display:block}.confidential-rule-list article strong{color:#21495b}.confidential-rule-list article small{margin-top:3px;color:#6d838d}.privacy-rule-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#6d3ba2;background:#f0e5fa}
.transaction-privacy.private,.transaction-privacy-pill.private{border-color:#efc99f;color:#80501e;background:#fff4e5}.private-visibility-button{border-color:#e7cfaf!important;color:#745028!important;background:#fffaf1!important}.private-visibility-button.active{color:#fff!important;border-color:#9b6a2e!important;background:#9b6a2e!important}
.receipt-match-combobox{position:relative;display:grid;gap:7px}.receipt-match-search{position:relative;display:block}.receipt-match-search>input{width:100%;padding-right:42px}.receipt-match-search>span{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#63808d;font-size:16px;pointer-events:none}.receipt-match-dropdown{position:absolute;z-index:40;top:calc(100% - 23px);left:0;right:0;max-height:310px;overflow:auto;padding:7px;border:1px solid #bdd5e0;border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(20,54,69,.2)}.receipt-match-dropdown[hidden]{display:none}.receipt-match-dropdown button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:11px 12px;color:#173d4f;text-align:left;border:0;border-radius:9px;background:transparent;cursor:pointer}.receipt-match-dropdown button+button{margin-top:3px}.receipt-match-dropdown button:hover,.receipt-match-dropdown button:focus-visible,.receipt-match-dropdown button.selected{outline:0;background:#eaf6fb}.receipt-match-dropdown button span,.receipt-match-dropdown button strong,.receipt-match-dropdown button small{display:block;min-width:0}.receipt-match-dropdown button strong,.receipt-match-dropdown button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-match-dropdown button small{margin-top:3px;color:#718793;font-size:10px}.receipt-match-dropdown button b{color:#0b739f;white-space:nowrap}.receipt-match-empty{padding:20px;color:#708792;text-align:center;font-size:11px;font-weight:750}.receipt-match-empty[hidden]{display:none}
@media(max-width:780px){.confidential-rule-layout{grid-template-columns:1fr}.transaction-privacy,.transaction-privacy-pill{min-width:80px}.credit-statement-balances{grid-template-columns:1fr}.credit-card-statement-card footer{align-items:flex-start;flex-direction:column}.credit-card-statement-card footer .table-actions{width:100%}}

@media(max-width:900px){
  .ai-chat-shell,.credit-card-layout{grid-template-columns:1fr}.ai-chat-threads{max-height:190px;overflow:auto;border-right:0;border-bottom:1px solid #dbe7ec}.ai-chat-workspace,.ai-chat-shell{min-height:520px}.ai-chat-messages{max-height:500px}.credit-card-statement-list{max-height:320px;overflow:auto}
}
@media(max-width:620px){
  .ai-chat-message{max-width:100%}.ai-chat-compose{grid-template-columns:1fr}.ai-chat-compose button{width:100%}.ai-suggestion-grid{grid-template-columns:1fr}.credit-card-match{align-items:stretch;flex-direction:column}.credit-card-match select{max-width:none}
  .ai-weather-card>header{align-items:flex-start;padding:15px;flex-direction:column}.ai-weather-current{align-self:stretch;text-align:left}.ai-weather-current-metrics{grid-template-columns:repeat(3,1fr)}.ai-weather-current-metrics span:nth-child(3){border-right:0}.ai-weather-chart{margin:10px 10px 2px;padding:9px}.ai-weather-days{padding:9px 10px 12px}.ai-weather-card>footer{align-items:flex-start;flex-direction:column}.ai-research-sources a small{white-space:normal}.ai-capability-grid{grid-template-columns:repeat(2,1fr)}
}

/* Einheitliches Registerkarten-Design in Buchhaltung, Abrechnung und Zeiterfassung */
.time-tabs.module-tabs,.billing-status-tabs.module-tabs,.customer-tabs.module-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 14px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #dce7ec;
  border-radius:15px;
  background:#f3f7f9;
  box-shadow:none;
}
.time-tabs.module-tabs button,.billing-status-tabs.module-tabs button,.customer-tabs.module-tabs button{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  min-width:max-content;
  padding:9px 13px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#58717f;
  box-shadow:none;
  font:inherit;
  font-weight:820;
  cursor:pointer;
}
.time-tabs.module-tabs button:hover,.billing-status-tabs.module-tabs button:hover,.customer-tabs.module-tabs button:hover{background:#e7f1f5;color:#174f6b;transform:none}
.time-tabs.module-tabs button.active,.billing-status-tabs.module-tabs button.active,.customer-tabs.module-tabs button.active{background:#fff;color:#0d6794;box-shadow:0 3px 10px rgba(30,73,96,.11)}
.time-tabs.module-tabs button b,.billing-status-tabs.module-tabs button b,.customer-tabs.module-tabs button b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#deebf0;color:#496a7a;font-size:10px}
.time-tabs.module-tabs button.active b,.billing-status-tabs.module-tabs button.active b,.customer-tabs.module-tabs button.active b{background:#dff1f8;color:#0c6a98}
.time-tabs.module-tabs .approval-counter{position:static;min-width:21px;height:21px;color:#fff;background:#d35249;font-size:9px}
.accounting-subtabs{display:flex;align-items:center;gap:5px;margin:-5px 0 14px;padding:0 7px 8px;overflow-x:auto;border-bottom:1px solid #dce7ec}
.accounting-subtabs button{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:#637b87;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.accounting-subtabs button:hover{background:#eef5f7;color:#235b73}.accounting-subtabs button.active{background:#e1f1f7;color:#0d6c99}
.accounting-subtabs button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#dce8ed;color:#516c79;font-size:9px}
.accounting-subtabs button.active b{background:#fff;color:#0d6c99}

/* Buchhaltung: Belegerkennung, Kategorien, Vorschau und EWS-Fortschritt */
.receipt-table th:nth-child(2){min-width:260px}
.receipt-table th:nth-child(3){min-width:145px}
.receipt-table th:last-child{width:1%;white-space:nowrap}
.receipt-table .table-actions{display:grid;grid-template-columns:repeat(2,minmax(104px,1fr));min-width:222px;gap:7px}
.receipt-table .table-actions>*{
  display:inline-flex;width:100%;min-height:34px;align-items:center;justify-content:center;margin:0;padding:6px 9px;
  border:1px solid #bfd1db;border-radius:8px;color:#1b6488;background:#fff;font-size:10px;font-weight:850;
  line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap
}
.receipt-table .table-actions>*.secondary-button{color:#fff;background:#167daa;border-color:#167daa}
.receipt-table .table-actions>*.danger-link{color:#a23842;background:#fff7f8;border-color:#e5bdc2}
.receipt-table .table-actions>*:hover{filter:brightness(.97)}
.receipt-party strong{display:block;color:#173b4c;font-size:13px}
.receipt-party>small{display:block;max-width:360px;margin-top:4px;color:#657c88;white-space:normal}
.receipt-party .receipt-recognized-items{display:-webkit-box;overflow:hidden;color:#385a69;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.receipt-item-lines,.receipt-party .receipt-item-lines{display:grid;gap:3px;max-width:390px;margin-top:5px;overflow:visible;color:#385a69;font-size:11px;line-height:1.4;-webkit-line-clamp:unset}.receipt-item-lines>span{display:block;padding-left:11px;position:relative;white-space:normal}.receipt-item-lines>span:before{content:'•';position:absolute;left:0;color:#1c86ad;font-weight:900}
.receipt-category-select,.receipt-category{display:inline-flex;min-height:34px;padding:6px 9px;border:1px solid #d5e2e8;border-radius:9px;background:#f3f7f9;color:#365969;font:inherit;font-size:11px;font-weight:800}
.receipt-category-select.verkauf,.receipt-category.verkauf{background:#e5f3fb;color:#17668e}
.receipt-category-select.eigenbedarf,.receipt-category.eigenbedarf{background:#edf0f7;color:#4b5872}
.receipt-category-select.kasse,.receipt-category.kasse{background:#f3eafb;color:#704b8e}
.receipt-category-select.tankbeleg,.receipt-category.tankbeleg{background:#fff0d9;color:#895a0c}
.receipt-preview-modal{width:calc(100vw - 28px);max-width:1460px}
.receipt-preview-layout{display:grid;grid-template-columns:minmax(235px,310px) minmax(0,1fr);flex:1;min-height:0;background:#eef3f5}
.receipt-preview-details{display:flex;min-height:0;flex-direction:column;gap:15px;padding:20px;overflow:auto;background:#fff;border-right:1px solid #dce6eb}
.receipt-recognition-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.receipt-recognition-summary .receipt-confidence{margin-top:0}
.receipt-preview-details dl{display:grid;gap:11px;margin:0}.receipt-preview-details dl>div{display:grid;gap:3px}.receipt-preview-details dt{color:#71848e;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.receipt-preview-details dd{margin:0;color:#1a3b4b;font-size:12px;font-weight:750;overflow-wrap:anywhere}
.receipt-preview-details h3{margin:3px 0 0;color:#193d4e;font-size:13px}.receipt-preview-details p{margin:0;color:#687e89;font-size:12px;line-height:1.55}.receipt-preview-details ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#395968;font-size:11px;line-height:1.45}.receipt-preview-details .secondary-button{margin-top:auto;text-align:center}
.receipt-item-list{list-style:none;padding:0!important}.receipt-item-list li{padding:8px 10px;border:1px solid #dbe8ed;border-radius:9px;background:#f6fafb;color:#244c5f;font-weight:750}.receipt-recognition-meta{padding:9px 10px;border-radius:8px;background:#edf7f4;color:#37715c!important;font-size:10px!important}.receipt-preview-unsupported{display:grid;max-width:440px;place-items:center;gap:11px;padding:34px;text-align:center;border:1px solid #d8e5eb;border-radius:14px;background:#fff;box-shadow:0 14px 38px rgba(22,49,63,.1)}.receipt-preview-unsupported>span{display:grid;width:54px;height:54px;place-items:center;border-radius:15px;background:#e6f3f8;color:#0c76a4;font-size:25px}.receipt-preview-unsupported strong{color:#173d50}.receipt-preview-unsupported p{margin:0;color:#667e8a;font-size:12px;line-height:1.55}.receipt-preview-actions{display:grid;gap:8px;margin-top:auto}.receipt-preview-actions .secondary-button{margin-top:0}
.receipt-preview-document{display:grid;min-width:0;min-height:0;place-items:center;padding:18px;overflow:auto}.receipt-preview-frame{width:100%;height:100%;min-height:68vh;border:0;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(22,49,63,.14)}.receipt-preview-image{display:block;max-width:100%;max-height:calc(100dvh - 145px);object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(22,49,63,.14)}
.receipt-correction-layout{display:grid;grid-template-columns:minmax(440px,.88fr) minmax(520px,1.12fr);flex:1;min-height:0;background:#eef3f5}.receipt-correction-form{min-width:0;padding:20px;overflow-y:auto;background:#fff;border-right:1px solid #d9e4e9}.receipt-correction-form .modal-actions{position:sticky;z-index:2;bottom:-20px;margin:6px -20px -20px;padding:14px 20px;background:rgba(255,255,255,.96);border-top:1px solid #dce6eb;box-shadow:0 -7px 18px rgba(20,47,64,.08)}.receipt-correction-preview{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.receipt-correction-preview>header{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:#e4edf1;border-bottom:1px solid #d4e0e5;color:#173b4d}.receipt-correction-preview>header a{color:#146f9d;font-size:10px;font-weight:850}.receipt-correction-preview>div{display:grid;min-width:0;min-height:0;place-items:center;padding:16px;overflow:auto}.receipt-correction-preview .receipt-preview-frame{height:100%;min-height:0}.receipt-correction-preview .receipt-preview-image{max-height:calc(100dvh - 145px)}
.exchange-sync-modal{width:min(570px,100%);padding:26px}.exchange-progress-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center}.exchange-progress-icon{display:grid;width:52px;height:52px;place-items:center;color:#fff;background:linear-gradient(135deg,#0b6f9f,#13a4bb);border-radius:15px;font-size:25px;animation:exchange-progress-spin 1.6s linear infinite}.exchange-progress-head h2{margin:4px 0 5px;color:#153a4b;font-size:19px}.exchange-progress-head p{margin:0;color:#627a86;font-size:12px}.exchange-progress-track{height:11px;margin-top:24px;overflow:hidden;border-radius:99px;background:#e5edf1}.exchange-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b76a8,#16a6bb);transition:width .55s ease}.exchange-progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:#5d7480;font-size:11px;font-weight:800}.exchange-progress-note{margin:20px 0 0;padding:12px 14px;border-radius:10px;background:#f2f7f9;color:#59717d;font-size:11px;line-height:1.55}.exchange-sync-modal.complete .exchange-progress-icon{animation:none;background:#2da56d}.exchange-sync-modal.failed .exchange-progress-icon{animation:none;background:#c64d5d}.exchange-sync-modal.failed .exchange-progress-track i{background:#c64d5d}.exchange-sync-modal .modal-actions{margin-top:18px}
.fints-authorization-modal{width:min(560px,100%);padding:27px;background:linear-gradient(160deg,#fff 0%,#f5fafc 100%)}
.fints-authorization-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:17px;align-items:center}
.fints-authorization-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#0877a7,#13a9bd);box-shadow:0 12px 26px rgba(9,124,165,.22)}.fints-authorization-icon svg{width:30px;height:30px}
.fints-authorization-head h2{margin:4px 0 5px;color:#153a4b;font-size:20px}.fints-authorization-head p{margin:0;color:#637b87;font-size:12px}
.fints-authorization-status{display:flex;align-items:center;gap:13px;margin-top:23px;padding:15px 16px;border:1px solid #cfe2ea;border-radius:13px;background:#fff}
.fints-authorization-status>div{display:grid;gap:3px}.fints-authorization-status strong{color:#173d50;font-size:13px}.fints-authorization-status small{color:#6c818c;font-size:10px}
.fints-authorization-pulse{position:relative;display:block;flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:#e7a72b;box-shadow:0 0 0 5px rgba(231,167,43,.13)}
.fints-authorization-pulse::after{content:"";position:absolute;inset:-6px;border:2px solid rgba(231,167,43,.42);border-radius:50%;animation:fints-authorization-pulse 1.8s ease-out infinite}
.fints-authorization-challenge{margin-top:11px;padding:13px 15px;border-left:3px solid #1595b5;border-radius:10px;background:#edf7fa}.fints-authorization-challenge>small{display:block;color:#4e7586;font-size:8px;font-weight:900;text-transform:uppercase}.fints-authorization-challenge .bank-feedback-copy{margin-top:5px}.fints-authorization-challenge p{margin:0;color:#365d6e;font-size:10px;line-height:1.55}
.fints-authorization-track{height:7px;margin-top:18px;overflow:hidden;border-radius:99px;background:#dfe9ed}.fints-authorization-track i{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0780b0,#1ab5c2);animation:fints-authorization-track 2s ease-in-out infinite}
.fints-authorization-note{margin:17px 0 0;color:#5c7480;font-size:11px;line-height:1.6}.fints-authorization-modal .modal-actions{margin-top:19px;padding:0;border:0;background:transparent;box-shadow:none}
.fints-authorization-error{display:grid;gap:8px;margin-top:13px;padding:13px 14px;border:1px solid #efc4ca;border-radius:11px;background:#fff2f4;color:#8e2937}.fints-authorization-error[hidden]{display:none}.fints-authorization-error strong{font-size:11px;line-height:1.45}.fints-authorization-error details{font-size:9px}.fints-authorization-error summary{cursor:pointer;font-weight:800}.fints-authorization-error p{margin:7px 0 0;padding-top:7px;border-top:1px solid #f0d2d6;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.fints-authorization-modal.complete .fints-authorization-icon{background:#2da56d}.fints-authorization-modal.complete .fints-authorization-pulse{background:#2da56d;box-shadow:0 0 0 5px rgba(45,165,109,.13)}.fints-authorization-modal.complete .fints-authorization-pulse::after{display:none}.fints-authorization-modal.complete .fints-authorization-track i{width:100%;animation:none;background:#2da56d}
.fints-authorization-modal.failed .fints-authorization-icon,.fints-authorization-modal.failed .fints-authorization-pulse{background:#c64d5d}.fints-authorization-modal.failed .fints-authorization-pulse::after{display:none}.fints-authorization-modal.failed .fints-authorization-track i{animation:none;background:#c64d5d}
@keyframes fints-authorization-pulse{0%{opacity:.8;transform:scale(.65)}75%,100%{opacity:0;transform:scale(1.45)}}
@keyframes fints-authorization-track{0%{transform:translateX(-105%)}50%{transform:translateX(95%)}100%{transform:translateX(295%)}}
.receipt-progress-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px}.receipt-progress-steps span{position:relative;padding-top:11px;color:#82939b;font-size:8px;font-weight:850;line-height:1.25;text-align:center;text-transform:uppercase}.receipt-progress-steps span::before{content:"";position:absolute;top:0;left:50%;width:7px;height:7px;border-radius:50%;background:#d3dfe4;transform:translateX(-50%);transition:.25s}.receipt-progress-steps span.active{color:#266077}.receipt-progress-steps span.active::before{background:#1593b5;box-shadow:0 0 0 3px #dceff5}.receipt-recognition-modal.complete .exchange-progress-icon{animation:none;background:#2da56d}.receipt-recognition-modal.failed .exchange-progress-icon{animation:none;background:#c64d5d}.receipt-recognition-modal.failed .exchange-progress-track i{background:#c64d5d}
@keyframes exchange-progress-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.receipt-correction-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,60vh);overflow-y:auto}.receipt-correction-form{overflow:visible;border-right:0;border-bottom:1px solid #d9e4e9}.receipt-correction-preview{min-height:55vh}.receipt-correction-preview .receipt-preview-frame{min-height:52vh}}
@media(max-width:760px){.receipt-preview-modal{width:100%;height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.receipt-preview-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.receipt-preview-details{max-height:38vh;border-right:0;border-bottom:1px solid #dce6eb}.receipt-preview-details dl{grid-template-columns:1fr 1fr}.receipt-preview-details .secondary-button{margin-top:0}.receipt-preview-document{padding:10px}.receipt-preview-frame{min-height:54vh}.receipt-preview-image{max-height:54vh}.receipt-progress-steps{grid-template-columns:repeat(5,minmax(40px,1fr));overflow-x:auto}.receipt-progress-steps span{font-size:7px}}
@media(max-width:560px){.fints-authorization-modal{padding:20px}.fints-authorization-head{grid-template-columns:46px minmax(0,1fr);gap:12px}.fints-authorization-icon{width:46px;height:46px;border-radius:14px}.fints-authorization-head h2{font-size:17px}.fints-authorization-modal .modal-actions button{width:100%}}
.invoice-payment.transferred{background:#e7eff9;color:#345c90}.invoice-payment.open{background:#fff0d9;color:#86580d}.invoice-payment.overdue{background:#f9e5e8;color:#993847}

/* Kundenstamm: Allgemein, Vorgänge und vollständiger Artikelbezug */
.customer-tabs.module-tabs{margin:14px 19px 0}
.customer-tab-panel{min-width:0;padding-bottom:4px}
.customer-document-panel,.customer-article-panel{padding:0 19px 18px}
.customer-document-panel>.section-title,.customer-article-panel>.section-title{padding-right:0;padding-left:0}
.customer-panel-summary{color:#6a7e8a;font-size:10px;font-weight:800;white-space:nowrap}
.customer-document-panel .table-wrap,.customer-article-panel .table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dfe8ed;border-radius:10px;overscroll-behavior-x:contain}
.customer-document-table{min-width:760px}.customer-article-table{min-width:720px}
.customer-document-table td,.customer-article-table td{vertical-align:middle}
.customer-document-table td strong,.customer-document-table td small,.customer-article-table td strong,.customer-article-table td small{display:block}
.customer-document-table td small,.customer-article-table td small{max-width:320px;margin-top:3px;color:#6a7d89;overflow-wrap:anywhere;white-space:normal}
.customer-document-table td:nth-child(3){min-width:190px}
.customer-article-table td:nth-child(2){min-width:245px}
.customer-document-table .small-button{display:inline-flex;text-decoration:none}
@media(max-width:760px){
  .customer-tabs.module-tabs{margin:12px 12px 0}
  .customer-document-panel,.customer-article-panel{padding:0 12px 14px}
  .customer-panel-summary{white-space:normal;text-align:right}
}

/* Business Suite 4.2: Mandanten, Abos, integrierte Administration und
   unterschriebene Leistungsnachweise. */
.company-switcher{display:flex;align-items:center}
.company-switcher-current{position:relative;display:grid;min-width:178px;max-width:245px;min-height:46px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:4px 9px 4px 5px;border:1px solid #d4e2e8;border-radius:12px;background:linear-gradient(145deg,#fff,#f6fafc);box-shadow:0 5px 14px rgba(21,67,88,.06);overflow:hidden;transition:.18s}
.company-switcher-current:hover,.company-switcher-current:focus-within{border-color:#9bc9da;box-shadow:0 7px 18px rgba(16,103,137,.11)}
.company-switcher-mark{display:grid;width:38px;height:36px;place-items:center;border-radius:9px;background:#e7f5f9;color:#0b6e93;font-size:13px;font-weight:900}
.company-switcher-mark.logo{overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #e2eaee}.company-switcher-mark.logo img{display:block;width:100%;height:100%;padding:4px;object-fit:contain}
.company-switcher-copy{display:flex;min-width:0;flex-direction:column;gap:1px}.company-switcher-copy small{color:#8396a0;font-size:7px;font-weight:900;letter-spacing:.12em}.company-switcher-copy strong{overflow:hidden;color:#163c50;font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.company-switcher-chevron{color:#6c8794;font-size:14px;line-height:1;text-align:center}.company-switcher-current select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.company-switcher-current select:disabled{cursor:default}
.administration-tabs{position:sticky;z-index:8;top:72px;background:rgba(245,249,251,.96);backdrop-filter:blur(10px);scrollbar-width:none}
.administration-tabs::-webkit-scrollbar{display:none}
.integrated-admin-full iframe{height:max(1050px,calc(100dvh - 190px))}

/* Warenwirtschaft: unabhängige Scrollbereiche und direkte Bearbeitung */
@media(min-width:761px){
  .inventory-layout{grid-template-columns:254px minmax(0,1fr);height:calc(100dvh - 174px);min-height:560px;overflow:hidden}
  .inventory-tree{position:static;display:flex;max-height:100%;min-width:0;flex-direction:column;overflow:hidden}
  .inventory-main{max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}
  .inventory-list-panel{overflow:visible}
}
.inventory-tree{border-color:#d8e4e9;background:#f7fafb}
.inventory-tree-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 7px;border-bottom:1px solid #dfe8ec;background:#fff}
.inventory-tree-head>div:first-child{display:grid;gap:1px}.inventory-tree-head strong{color:#173e52;font-size:12px}.inventory-tree-head small{color:#7a8e98;font-size:9px}
.inventory-tree-head>div:last-child{display:flex;gap:4px}.inventory-tree-head button{display:grid;width:24px;height:24px;place-items:center;padding:0;border:1px solid #d6e3e8;border-radius:6px;background:#f8fbfc;color:#426779;font-size:12px;cursor:pointer}
.inventory-tree-head button:hover{border-color:#9ec9d9;background:#eaf5fa;color:#086b98}
.inventory-tree-head button svg{width:13px;height:13px}
.inventory-folder-search{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:3px;margin:7px 8px;padding:0 7px;border:1px solid #d8e4e9;border-radius:8px;background:#fff;color:#78909b}
.inventory-folder-search:focus-within{border-color:#86bdd2;box-shadow:0 0 0 2px rgba(18,126,173,.1)}
.inventory-folder-search>span{display:grid;width:16px;height:16px;place-items:center}.inventory-folder-search>span svg{width:13px;height:13px}.inventory-folder-search input{width:100%;height:29px;padding:0;border:0;outline:0;background:transparent;color:#26495b;font:inherit;font-size:11px}
.inventory-folder-search button{display:grid;width:20px;height:20px;place-items:center;padding:0;border:0;border-radius:5px;background:#eef4f6;color:#607884;font-size:14px;cursor:pointer}.inventory-folder-search button svg{width:11px;height:11px}
.inventory-tree-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 5px 7px}
.inventory-tree-body>.inventory-all-button{display:grid;width:100%;min-height:33px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;margin-bottom:3px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#264b5e;text-align:left;font:inherit;font-size:12px;font-weight:780;cursor:pointer}
.inventory-all-button>i{display:grid;width:20px;height:20px;place-items:center;border:1px solid #cfe3eb;border-radius:6px;background:linear-gradient(145deg,#f6fbfd,#dff0f6);color:#0c76a4;font-size:11px;font-style:normal;box-shadow:0 1px 2px rgba(15,70,96,.06)}.inventory-all-button>i svg{width:13px;height:13px}
.inventory-folder-row{display:grid;grid-template-columns:23px minmax(0,1fr);min-height:31px;align-items:stretch;border-radius:7px;background:transparent}
.inventory-folder-row:hover{background:#edf5f8}
.inventory-folder-toggle{display:grid;width:23px;place-items:center;padding:0;border:0;background:transparent;color:#5c7581;font:inherit;font-size:15px;cursor:pointer}
.inventory-folder-toggle:hover{color:#0874a4}.inventory-folder-toggle span{display:grid;width:100%;height:100%;place-items:center}.inventory-folder-toggle svg{width:12px;height:12px;transition:transform .15s ease}
.inventory-folder-spacer{display:block}
.inventory-folder-name{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:4px 7px 4px 2px;border:0;border-radius:6px;background:transparent;color:#294d61;text-align:left;font:inherit;font-size:11.5px;font-weight:500;line-height:1.2;cursor:pointer}
.inventory-folder-icon{display:grid;flex:0 0 20px;width:20px;height:20px;place-items:center;border:1px solid #cfe3eb;border-radius:6px;color:#0876a5;background:linear-gradient(145deg,#f8fcfd,#e0f1f7);box-shadow:0 1px 2px rgba(15,70,96,.06);font-style:normal}.inventory-folder-icon svg{width:13px;height:13px}.inventory-folder-name.active .inventory-folder-icon{border-color:#a9d1e1;background:#fff;color:#056c9c;box-shadow:0 2px 5px rgba(14,113,154,.12)}
.inventory-folder-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inventory-folder-name b,.inventory-all-button b{min-width:19px;padding:2px 5px;border-radius:99px;color:#6c828d;background:#edf3f5;font-size:9px;font-weight:800;text-align:center}
.inventory-folder-name:hover,.inventory-folder-name.active,.inventory-all-button:hover,.inventory-all-button.active{background:#e5f3f8;color:#075f8b}
.inventory-folder-name.active,.inventory-all-button.active{box-shadow:inset 3px 0 #1682c2}
.inventory-folder-name.active b,.inventory-all-button.active b{color:#075f8b;background:#d2eaf4}
.inventory-folder-children{margin-left:11px;padding-left:9px;border-left:1px solid #d6e3e8}
.inventory-folder.depth-0>.inventory-folder-row>.inventory-folder-name{font-weight:800}
.inventory-folder-empty{padding:20px 9px;color:#788b94;font-size:10px;text-align:center}
.inventory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #dfe9ed;background:#f8fbfc}
.inventory-toolbar label{display:grid;gap:5px;min-width:min(520px,70%);color:#607784;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.inventory-toolbar input{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cadbe3;border-radius:11px;background:#fff;color:#173443;font:inherit;text-transform:none}
.inventory-toolbar small{padding-bottom:10px;color:#70858f;white-space:nowrap}
.inventory-inline-editor{min-width:0;overflow:hidden}
.inventory-workspace-modal{width:min(1180px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);border-radius:18px;background:#f2f7f9}
.inventory-workspace-modal .inventory-inline-editor{display:flex;flex:1;min-height:0;flex-direction:column;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.inventory-workspace-modal .inventory-edit-form{flex:1;min-height:0;padding:22px 24px 24px;overflow-y:auto;overscroll-behavior:contain}
.inventory-workspace-modal .inventory-editor-head{padding:22px 24px;border-bottom:1px solid #d7e4e9;background:linear-gradient(135deg,#fff,#eef7fa)}
.inventory-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #d7e4e9;background:linear-gradient(135deg,#fff,#eef7fa)}
.inventory-editor-title{display:flex;min-width:0;align-items:center;gap:15px}
.inventory-editor-symbol{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0a6e9f,#16a2ce);box-shadow:0 9px 22px rgba(12,111,158,.23);font-size:22px}
.inventory-editor-head h2{max-width:100%;margin:4px 0;color:#17394b;overflow-wrap:anywhere}
.inventory-editor-head p{margin:5px 0 0;color:#687d88}
.inventory-edit-form{display:grid;gap:18px;padding:22px;min-width:0;background:#f2f7f9}
.inventory-edit-form label{min-width:0}
.inventory-edit-form input,.inventory-edit-form select,.inventory-edit-form textarea{max-width:100%}
.inventory-edit-form textarea{resize:vertical;overflow-wrap:anywhere}
.inventory-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:18px;align-items:start}
.inventory-editor-main{display:grid;gap:15px;min-width:0}
.inventory-form-section{overflow:hidden;border:1px solid #d9e5ea;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(27,64,82,.045)}
.inventory-form-section>header{display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid #e4ecef;background:#f9fbfc}
.inventory-form-section>header>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#0879ad;background:#e1f2f8;font-size:10px;font-weight:900}
.inventory-form-section>header h3{margin:0;color:#173c50;font-size:14px}
.inventory-form-section>header p{margin:2px 0 0;color:#72848d;font-size:10px}
.inventory-form-section-body{display:grid;gap:14px;padding:17px}
.inventory-editor-sidebar{display:grid;gap:12px;position:sticky;top:0}
.inventory-summary-card{display:grid;gap:8px;padding:16px;border:1px solid #d9e5ea;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(25,61,80,.04)}
.inventory-summary-card>strong{color:#163d51;font-size:19px;line-height:1.15;overflow-wrap:anywhere}
.inventory-summary-card>strong.active{color:#197450}.inventory-summary-card>strong.inactive{color:#b24b4b}
.inventory-summary-card p{margin:0;color:#6b7f89;font-size:10px;line-height:1.55}.inventory-summary-card p.inventory-warning{color:#a25b12;font-weight:750}
.inventory-editor-hint{display:flex;gap:10px;padding:14px;border:1px solid #cbe0ea;border-radius:13px;color:#456a7d;background:#edf7fb}
.inventory-editor-hint>span{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:#1487b8;font-weight:900}
.inventory-editor-hint p{margin:0;font-size:10px;line-height:1.55}
.inventory-active-check{align-self:end;min-height:42px}
.inventory-editor-actions{display:grid;grid-template-columns:auto minmax(10px,1fr) auto auto;gap:10px;align-items:center;position:sticky;bottom:0;z-index:3;margin:0 -24px -24px;padding:15px 24px max(15px,env(safe-area-inset-bottom));border-top:1px solid #d8e4e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(24,55,72,.08);backdrop-filter:blur(12px)}
.inventory-table td,.inventory-table th{vertical-align:middle}
.inventory-table .ticket-link{max-width:100%;text-align:left}
.inventory-table .ticket-link strong,.inventory-table .ticket-link small{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inventory-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.row-stock-add{display:grid;width:31px;height:31px;place-items:center;border:1px solid #b9dbe8;border-radius:8px;background:#eef9fc;color:#087ba5;font:inherit;font-size:17px;font-weight:900;cursor:pointer}.row-stock-add:hover{border-color:#159bc5;background:#dff5fb}.stock-badge.non-stock{border-color:#d6e0e6;background:#f3f6f8;color:#5d7280}.stock-reserved{display:block;margin-top:4px;color:#a26712;font-size:8px;font-weight:800}.non-stock-toggle{margin:0 0 14px;padding:12px 14px;border:1px solid #d6e4ea;border-radius:10px;background:#f7fbfc}.inventory-form-section-body .hidden{display:none}.serial-summary-card strong{color:#087ca4}
.goods-receipt-summary{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid #d9e7ed;border-radius:10px;background:#f5fafc}.goods-receipt-summary span{color:#627b89;font-size:10px;font-weight:750}.goods-receipt-summary strong{color:#153b4f;font-size:16px}.goods-receipt-serial-section{padding:14px;border:1px solid #d8e6ec;border-radius:12px;background:#f8fbfc}.goods-receipt-serial-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.goods-receipt-serial-section h3{margin:3px 0 0}.goods-receipt-serial-section>header>small{color:#718793;font-size:9px}.goods-receipt-serial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:350px;overflow:auto}.goods-receipt-serial-grid label{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid #e0e9ed;border-radius:8px;background:#fff}.goods-receipt-serial-grid label span{color:#67808d;font-size:9px;font-weight:800}.goods-receipt-serial-grid input{min-width:0}
.document-serial-picker{grid-column:1/-1;margin:2px 0 0;padding:12px;border:1px solid #cfe1e8;border-radius:10px;background:#f7fbfc}.document-serial-picker[hidden]{display:none}.document-serial-picker legend{padding:0 7px;color:#214a5e;font-size:10px;font-weight:850}.document-serial-picker legend small{margin-left:5px;color:#78909c;font-size:8px;font-weight:650}.document-serial-picker.empty{display:flex;align-items:center;gap:9px;color:#607985}.document-serial-picker.empty span{font-weight:850}.document-serial-picker.empty small{font-size:9px}.document-serial-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.serial-option{display:flex!important;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dce7eb;border-radius:8px;background:#fff;cursor:pointer}.serial-option input{width:16px;height:16px;flex:0 0 16px}.serial-option span,.serial-option strong,.serial-option small{display:block;min-width:0}.serial-option strong{overflow:hidden;color:#173e52;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.serial-option small{margin-top:2px;color:#6c818c;font-size:8px}.serial-option.selected{border-color:#4aa8c6;background:#eaf8fc;box-shadow:inset 3px 0 #1188b1}.serial-option.disabled{opacity:.55;cursor:not-allowed}.serial-option.issued{background:#f4f5f6}.document-item-serials{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;color:#416272;font-size:9px;font-weight:700}.document-item-serials b{padding:2px 5px;border-radius:4px;background:#dff1f7;color:#08769c;font-size:8px}.document-item-serials i{padding:3px 7px;border-radius:999px;background:#fff2d9;color:#98600b;font-size:8px;font-style:normal}.document-item-serials i.issued{background:#e5f6ed;color:#16724a}
@media(max-width:900px){.document-serial-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.goods-receipt-serial-grid,.document-serial-options{grid-template-columns:1fr}}
.bank-hide-button{padding:7px 9px;color:#647984;border-color:#d8e3e8;background:#f7fafb;font-size:9px}
.match-status.hidden{color:#5e6f7a;background:#e9eef1}
.hidden-transactions-panel>.panel-head{border-bottom:1px solid #e1e9ed;background:linear-gradient(135deg,#fbfcfd,#f2f6f8)}
.accounting-actions{align-items:center;padding:11px 13px;border:1px solid #dce7ec;border-radius:13px;background:#f8fbfc}
.accounting-actions .secondary-button,.accounting-actions .small-button{min-height:39px}
.invoice-sync-selection{gap:15px}.selection-toolbar{display:flex;flex-wrap:wrap;gap:8px}.invoice-sync-mail-list{display:grid;max-height:52vh;gap:7px;overflow:auto;padding:2px}
.invoice-sync-mail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid #dce7ec;border-radius:11px;background:#fff;cursor:pointer}
.invoice-sync-mail:hover{border-color:#9cc8da;background:#f5fbfd}.invoice-sync-mail.disabled{cursor:default;opacity:.62}.invoice-sync-mail input{width:18px;height:18px}.invoice-sync-mail span{display:grid;gap:3px;min-width:0}.invoice-sync-mail strong,.invoice-sync-mail small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-sync-mail small{color:#71838d;font-size:10px}.invoice-sync-mail em{padding:5px 7px;border-radius:99px;color:#486979;background:#eaf3f7;font-size:9px;font-style:normal;font-weight:850}
.invoice-sync-mail.duplicate-risk{border-color:rgba(217,145,24,.52);background:#fff9ed}.invoice-sync-mail.duplicate-risk em{color:#815006;background:#ffe9bc}
.duplicate-invoice-confirm .alert ul{margin:.65rem 0 0;padding-left:1.2rem}.duplicate-invoice-confirm .alert li+li{margin-top:.35rem}
.payment-order-actions .bank-submit-disabled,.payment-order-actions .bank-submit-disabled:hover{cursor:not-allowed;opacity:.52;color:#60717a;border-color:#d5dfe4;background:#e8eef1;box-shadow:none;transform:none}
.folder-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.folder-list article.child{position:relative;padding-left:30px}.folder-list article.child:before{position:absolute;left:14px;top:0;bottom:0;width:1px;background:#d6e4e9;content:""}.folder-list article .inventory-folder-icon{width:28px;height:28px;border-radius:8px}.folder-list article .inventory-folder-icon svg{width:16px;height:16px}
@media(max-width:760px){
  .inventory-tree{display:flex;max-height:300px;flex-direction:column;overflow:hidden}
  .inventory-tree-body{max-height:220px;overflow:auto;scrollbar-width:auto}
  .inventory-tree-body::-webkit-scrollbar{display:block}
  .inventory-tree-body>.inventory-all-button{min-width:100%}
  .inventory-folder{display:block}
  .inventory-folder-row{min-width:0}
  .inventory-folder-children{padding-left:7px}
  .inventory-toolbar{align-items:stretch;flex-direction:column}
  .inventory-toolbar label{min-width:0}
  .inventory-toolbar small{padding:0}
  .document-inventory-results{position:fixed;top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:55dvh}
  .inventory-workspace-modal{width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
  .inventory-editor-head{padding:16px}
  .inventory-edit-form{padding:16px}
  .inventory-workspace-modal .inventory-editor-actions{margin:0 -16px -16px;padding:13px 16px max(13px,env(safe-area-inset-bottom))}
  .inventory-editor-layout{grid-template-columns:1fr}
  .inventory-editor-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-editor-hint{grid-column:1/-1}
  .invoice-sync-mail{grid-template-columns:auto minmax(0,1fr)}.invoice-sync-mail em{grid-column:2}
  .inventory-editor-actions{grid-template-columns:1fr}
  .inventory-editor-actions>span{display:none}
  .inventory-editor-actions button{width:100%}
}
@media(max-width:520px){
  .inventory-editor-title{align-items:flex-start}.inventory-editor-symbol{flex-basis:40px;width:40px;height:40px;border-radius:12px}
  .inventory-editor-sidebar{grid-template-columns:1fr}
  .inventory-editor-hint{grid-column:auto}
  .inventory-form-section>header,.inventory-form-section-body{padding:13px}
}
.company-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}
.company-card{display:grid;gap:18px;padding:18px;border:1px solid #dce7ec;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(22,55,74,.05)}
.company-card.selected{border-color:#4cadd8;background:#f1f9fc;box-shadow:inset 0 0 0 1px #4cadd8}
.company-card h3{margin:4px 0;color:#15364a}.company-card p{margin:0;color:#647987}.company-card .document-actions{justify-content:flex-start;margin:0}
.company-card-identity{display:grid;grid-template-columns:56px minmax(0,1fr);gap:13px;align-items:center}.company-logo-mark{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid #d5e4ea;border-radius:13px;background:#fff;color:#087da9;font-size:20px;font-weight:900}.company-logo-mark img{display:block;width:100%;height:100%;padding:5px;object-fit:contain}.company-logo-mark.fallback{background:linear-gradient(145deg,#e9f7fb,#d7edf5)}.company-logo-mark.editor{width:92px;height:72px;border-radius:15px}.company-logo-editor{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid #d8e6eb;border-radius:14px;background:#f6fafb}.company-logo-editor label,.company-logo-editor label>*{display:block}.company-logo-editor label strong{margin-bottom:6px;color:#173b4b}.company-logo-editor label small{margin-top:5px;color:#718894;font-size:9px}
@media(max-width:620px){.company-logo-editor{grid-template-columns:1fr}.company-logo-mark.editor{width:100%;height:90px}}
.subscription-list{display:grid;gap:12px;padding:0 22px 22px}
.subscriptions-panel{padding:0}.subscriptions-panel>.panel-head{padding:22px}
.subscription-row{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(420px,1.7fr);gap:16px 22px;align-items:center;padding:18px;border:1px solid #dce7ec;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(24,65,84,.045);transition:border-color .18s ease,box-shadow .18s ease}
.subscription-row:hover{border-color:#bfd7e1;box-shadow:0 9px 24px rgba(24,65,84,.08)}.subscription-row.inactive{background:#f8fafb}.subscription-row h3{margin:5px 0;color:#15364a}.subscription-row p{margin:0;color:#647987}
.subscription-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.subscription-state-pill{display:inline-flex;align-items:center;min-height:23px;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.subscription-state-pill.active{color:#11623f;background:#e4f6ec;border:1px solid #bfe7d0}.subscription-state-pill.inactive{color:#657783;background:#edf1f3;border:1px solid #d8e0e4}
.subscription-row dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.subscription-row dl div{padding:10px;border-radius:8px;background:#f3f7f9}.subscription-row dl div.subscription-amount{border:1px solid #cee4ed;background:#eef8fb}.subscription-row dl div.subscription-amount.gross{border-color:#c9e5d5;background:#eef9f3}.subscription-row dt{color:#748792;font-size:9px;text-transform:uppercase}.subscription-row dd{margin:3px 0 0;color:#25465a;font-size:11px;font-weight:750}.subscription-row .subscription-amount dd{font-size:13px;font-weight:900}.subscription-row .subscription-amount.gross dd{color:#187348}
.payment-method-section[hidden],[data-document-due-date][hidden]{display:none!important}.payment-method-preview{display:flex;min-height:62px;flex-direction:column;justify-content:center;padding:11px 13px;border:1px solid #d7e4ea;border-radius:10px;background:#f2f7f9;color:#23495f}.payment-method-preview strong{font-size:13px}.payment-method-preview small{margin-top:4px;color:#617987;line-height:1.45}
.subscription-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.subscription-actions{display:flex;grid-column:1/-1;align-items:center;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid #e5edf1}.subscription-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:9px;font-size:10px;font-weight:850;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.subscription-action:hover{transform:translateY(-1px)}.subscription-action span{font-size:13px}.subscription-action.edit{color:#28546b;background:#fff;border:1px solid #cbdde5}.subscription-action.edit:hover{background:#f1f7f9}.subscription-action.run{color:#fff;background:linear-gradient(135deg,#087ba9,#10a7ce);border:1px solid #087ba9;box-shadow:0 5px 13px rgba(8,123,169,.18)}.subscription-action.run:hover{box-shadow:0 8px 18px rgba(8,123,169,.25)}.subscription-action.delete{color:#b52e34;background:#fff7f7;border:1px solid #efc5c7}.subscription-action.delete:hover{background:#fdebec}
.subscription-run-confirm{display:grid;gap:16px;padding:4px 0}.subscription-run-warning{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #efcd8c;border-radius:12px;background:#fff9eb;color:#614915}.subscription-run-warning>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#f3ad25;color:#fff;font-size:16px;font-weight:900}.subscription-run-warning strong{display:block;color:#4f3d16;font-size:13px}.subscription-run-warning p{margin:4px 0 0;line-height:1.55}.subscription-run-warning.neutral{border-color:#c7e4d3;background:#f0faf4;color:#28543a}.subscription-run-warning.neutral>span{background:#31a36b}.subscription-run-warning.neutral strong{color:#205039}.subscription-run-confirm dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.subscription-run-confirm dl div{padding:11px;border:1px solid #dce8ed;border-radius:10px;background:#f7fafb}.subscription-run-confirm dt{color:#71858f;font-size:9px;font-weight:850;text-transform:uppercase}.subscription-run-confirm dd{margin:4px 0 0;color:#173f53;font-size:11px;font-weight:800}.subscription-run-note{margin:0;padding:10px 12px;border-left:3px solid #1c9bc5;background:#f1f8fb;color:#516b79;font-size:10px;line-height:1.55}.subscription-timer-list{display:grid;gap:7px;max-height:260px;margin:0;padding:0;overflow:auto;list-style:none}.subscription-timer-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dce8ed;border-radius:10px}.subscription-timer-list li span{display:flex;min-width:0;flex-direction:column}.subscription-timer-list small{margin-top:2px;color:#6e838e}.subscription-timer-list b{color:#24718f;font-size:9px;white-space:nowrap}
.subscription-placeholders{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:-8px}
.subscription-placeholders>span{color:#667d88;font-size:10px;font-weight:800}
.subscription-placeholders>button{padding:6px 9px;color:#175d7e;background:#edf7fb;border:1px solid #cbe1eb;border-radius:8px;font-size:10px;font-weight:800;cursor:pointer}
.subscription-placeholders>button:hover{background:#dff0f7;border-color:#a9ccdc}
.document-mail-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.work-signature-field{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid #d7e4e9;border-radius:11px;background:#f8fbfc}
.work-signature-field legend{padding:0 6px;color:#17394e;font-size:12px;font-weight:850}.work-signature-field legend small{color:#718592;font-weight:650}.work-signature-field>p{margin:0;color:#687d8b;font-size:10px}
.signature-pad-shell{position:relative;border:1px dashed #89a6b7;border-radius:9px;background:#fff;overflow:hidden}
.signature-pad-shell canvas{display:block;width:100%;height:150px;touch-action:none;cursor:crosshair}
.signature-pad-shell>span{position:absolute;right:12px;bottom:8px;pointer-events:none;color:#98aab4;font-size:9px}
.work-signature-field>.small-button{justify-self:start}
.work-signature-proof{display:flex;align-items:center;gap:10px;max-width:420px;margin:9px 0;padding:8px;border:1px solid #cfe4d9;border-radius:8px;background:#f0faf5;color:#174d36;text-decoration:none}
.work-signature-proof img{width:100px;height:38px;object-fit:contain;border-radius:5px;background:#fff}.work-signature-proof span{display:flex;min-width:0;flex-direction:column}.work-signature-proof small{color:#5f7c6f!important}
.ticket-signature-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:16px 18px;border:1px solid #cfe0e8;border-radius:14px;background:linear-gradient(135deg,#f8fbfd,#eef7fa);box-shadow:0 8px 24px rgba(24,67,87,.05)}
.ticket-signature-summary.is-signed{grid-template-columns:minmax(0,1fr) minmax(220px,340px) auto;border-color:#bfe0cf;background:linear-gradient(135deg,#f5fbf8,#eaf7f1)}
.ticket-signature-copy{display:flex;min-width:0;align-items:flex-start;gap:13px}.ticket-signature-copy h3{margin:2px 0 4px;color:#17394e}.ticket-signature-copy p{max-width:780px;margin:0;color:#647c8b;font-size:11px;line-height:1.55}.ticket-signature-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid #bee0ed;border-radius:12px;background:#fff;color:#0786b2;font-size:20px;font-weight:900}.ticket-signature-summary.is-signed .ticket-signature-icon{border-color:#b8dfca;color:#198657}
.ticket-signature-proof{display:flex;min-width:0;align-items:center;gap:11px;padding:8px 11px;border:1px solid #c4e3d2;border-radius:10px;background:#fff;color:#174d36;text-decoration:none}.ticket-signature-proof img{width:116px;height:44px;object-fit:contain}.ticket-signature-proof span{display:flex;min-width:0;flex-direction:column}.ticket-signature-proof strong,.ticket-signature-proof small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-signature-proof small{color:#628171}
.ticket-signature-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ticket-signature-actions button{min-height:38px;white-space:nowrap}.ticket-signature-delete-confirm{display:grid;gap:14px}.ticket-signature-delete-warning{padding:14px 16px;border:1px solid #efc7cb;border-left:4px solid #c73542;border-radius:11px;background:#fff5f6;color:#6f242c}.ticket-signature-delete-warning p{margin:5px 0 0;color:#77545a;line-height:1.55}.ticket-signature-delete-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 14px;border:1px solid #d6e2e8;border-radius:10px;background:#f7fafc}.ticket-signature-delete-person span{color:#6d8290;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ticket-signature-delete-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17394e}.ticket-signature-delete-person small{color:#6d8290}
.ticket-signature-form{display:grid;gap:16px}.ticket-signature-notice{padding:13px 15px;border:1px solid #cfe3ec;border-left:4px solid #0b91bd;border-radius:10px;background:#f2f8fb}.ticket-signature-notice strong{color:#153b50}.ticket-signature-notice p{margin:4px 0 0;color:#617b89;line-height:1.5}.ticket-signature-form .signature-pad-shell canvas{height:190px}
@media(max-width:980px){.ticket-signature-summary,.ticket-signature-summary.is-signed{grid-template-columns:1fr}.ticket-signature-actions{justify-content:flex-start}.ticket-signature-proof{max-width:390px}}
@media(max-width:560px){.ticket-signature-summary{padding:14px}.ticket-signature-copy{align-items:flex-start}.ticket-signature-proof{width:100%}.ticket-signature-proof img{width:96px}.ticket-signature-actions{display:grid;width:100%;grid-template-columns:1fr}.ticket-signature-actions button{width:100%}.ticket-signature-delete-person{grid-template-columns:1fr}.ticket-signature-form .signature-pad-shell canvas{height:150px}}
@media(max-width:1180px){.company-card-grid{grid-template-columns:repeat(2,1fr)}.subscription-row{grid-template-columns:1fr}.subscription-actions{grid-column:auto}}
@media(max-width:760px){.company-switcher-current{min-width:44px;max-width:44px;min-height:42px;grid-template-columns:34px;padding:3px 4px}.company-switcher-mark{display:grid;width:34px;height:34px}.company-switcher-copy,.company-switcher-chevron{display:none}.administration-tabs{top:67px}.company-card-grid{grid-template-columns:1fr;padding:14px}.subscription-list{padding:0 14px 14px}.subscriptions-panel>.panel-head{padding:16px}.subscription-row{padding:14px}.subscription-row dl{grid-template-columns:1fr}.subscription-actions{justify-content:stretch;flex-wrap:wrap}.subscription-action{flex:1 1 135px}.subscription-page-actions{width:100%;justify-content:stretch}.subscription-page-actions button{flex:1 1 170px}.subscription-run-confirm dl{grid-template-columns:1fr}.signature-pad-shell canvas{height:130px}.integrated-admin-full iframe{height:78vh}.document-mail-profile-grid{grid-template-columns:1fr}}

/* NEXORA 4.8: finale Administration, Mahnwesen und Artikelbearbeitung */
.administration-grid{display:grid;gap:16px}
.administration-grid>.business-settings-card,
.administration-grid>.company-admin-panel,
.administration-grid>.integrated-admin-card{border-radius:16px;box-shadow:0 9px 26px rgba(25,62,80,.06)}
.administration-subtabs{margin:0;padding:8px 10px;border:1px solid #dce7ec;border-radius:13px;background:#fff}
.local-administration-subtabs{position:sticky;z-index:7;top:126px;overflow-x:auto;background:rgba(255,255,255,.97);box-shadow:0 6px 18px rgba(22,62,81,.05);backdrop-filter:blur(9px);scrollbar-width:none}
.local-administration-subtabs::-webkit-scrollbar{display:none}.local-administration-subtabs button{min-width:max-content}
.administration-grid>[hidden],.admin-business-form>.admin-settings-section[hidden]{display:none!important}
.compact-business-settings .admin-business-form{padding-bottom:0}
.compact-business-settings .admin-settings-section{border-bottom:0}
.reminder-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.reminder-setting-card{align-content:start}.reminder-setting-card>label{display:grid;gap:7px;padding:0 16px 14px;color:#526d7a;font-size:11px;font-weight:800}
.reminder-setting-card>label:first-of-type{padding-top:16px}
.document-invoice-subtabs{margin-top:-4px}
.warning-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #e3bd6f;border-radius:9px;background:#fff6df;color:#79530c;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.warning-button:hover{background:#ffefc5}
.reminder-copy{margin:16px 0;padding:15px 17px;border:1px solid #ead8ad;border-radius:11px;background:#fffaf0;color:#5e512f;font-size:12px;line-height:1.65}
.receipt-dunning-summary{margin:16px 0;padding:14px;border:1px solid #efd090;border-radius:12px;background:#fff9eb;color:#51462f}
.receipt-dunning-summary>strong{display:block;margin-bottom:9px;color:#8a5a00;font-size:12px}
.receipt-dunning-summary dl{display:grid;gap:7px;margin:0}.receipt-dunning-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(138,90,0,.12)}
.receipt-dunning-summary dl>div:last-child{padding-bottom:0;border-bottom:0}.receipt-dunning-summary dt{color:#806f4b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.receipt-dunning-summary dd{margin:0;text-align:right;color:#2e281b;font-size:12px}
.receipt-preview-actions{display:grid;gap:8px;margin-top:auto}.receipt-preview-actions .secondary-button{margin-top:0}
.receipt-category-select.none,.receipt-category.none{background:#f2f5f6;color:#657985}
.inventory-workspace-modal .inventory-form-section-body label{
  display:grid;
  gap:7px;
  color:#4e6876;
  font-size:10px;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.inventory-workspace-modal .inventory-form-section-body input,
.inventory-workspace-modal .inventory-form-section-body select,
.inventory-workspace-modal .inventory-form-section-body textarea{
  width:100%;
  min-height:43px;
  padding:10px 12px;
  color:#173443;
  background:#fff;
  border:1px solid #c9dae2;
  border-radius:10px;
  box-shadow:inset 0 1px 2px rgba(17,54,72,.025);
  font:inherit;
  font-size:12px;
  letter-spacing:normal;
  text-transform:none;
  outline:0;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.inventory-workspace-modal .inventory-form-section-body textarea{min-height:120px;line-height:1.55;resize:vertical}
.inventory-workspace-modal .inventory-form-section-body input:focus,
.inventory-workspace-modal .inventory-form-section-body select:focus,
.inventory-workspace-modal .inventory-form-section-body textarea:focus{
  border-color:#3d9bc3;
  box-shadow:0 0 0 3px rgba(35,141,187,.12);
}
.inventory-workspace-modal .inventory-form-section-body input::placeholder,
.inventory-workspace-modal .inventory-form-section-body textarea::placeholder{color:#94a4ac}
.inventory-workspace-modal .inventory-active-check{
  display:flex!important;
  min-height:43px;
  align-items:center;
  grid-template-columns:auto 1fr!important;
  padding:10px 12px;
  color:#234a5e;
  background:#f0f7f9;
  border:1px solid #d5e4e9;
  border-radius:10px;
  text-transform:none!important;
}
.inventory-workspace-modal .inventory-active-check input{width:18px!important;min-height:18px!important;padding:0}
@media(max-width:1050px){.reminder-settings-grid{grid-template-columns:1fr}}
.receipt-drop-field.drag-active{border-color:#0f88ba!important;background:#e5f5fb;box-shadow:0 0 0 4px rgba(15,136,186,.12)}
.receipt-upload-pages{display:grid;gap:8px;max-height:280px;overflow:auto}
.receipt-file-preparing{display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid #bcdbe8;border-radius:12px;color:#176184;font-size:11px;font-weight:800;background:#eff8fb}.receipt-file-preparing .loading-spinner{width:16px;height:16px;border:2px solid #b7dce9;border-top-color:#117da7;border-radius:50%;animation:spin .8s linear infinite}
.receipt-background-progress{position:fixed;right:18px;bottom:78px;z-index:880;width:min(294px,calc(100vw - 36px));display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid rgba(40,157,205,.32);border-radius:11px;background:rgba(16,31,43,.96);color:#fff;box-shadow:0 12px 32px rgba(7,20,30,.24);backdrop-filter:blur(12px);pointer-events:none}
.receipt-background-progress-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#087da9,#13b6dc);font-size:8px;font-weight:900;letter-spacing:.05em}
.receipt-background-progress-body{min-width:0}
.receipt-background-progress strong,.receipt-background-progress small{display:block}
.receipt-background-progress strong{font-size:11px;line-height:1.2}
.receipt-background-progress small{overflow:hidden;margin-top:2px;color:#b8cad5;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.receipt-background-steps{display:flex;gap:4px;margin-top:7px}.receipt-background-steps span{min-width:0;flex:1;padding:3px 2px;color:#849aa7;font-size:7px;font-weight:850;text-align:center;background:rgba(255,255,255,.06);border-radius:4px}.receipt-background-steps span.active{color:#dff8ff;background:rgba(24,181,221,.2)}
.receipt-background-progress-track{height:3px;margin-top:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.13)}
.receipt-background-progress-track i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0796c7,#56d5f3);animation:receipt-background-scan 1.55s ease-in-out infinite}
@keyframes receipt-background-scan{0%{transform:translateX(-110%)}50%{transform:translateX(95%)}100%{transform:translateX(260%)}}
@media(max-width:720px){.receipt-background-progress{right:9px;bottom:72px;width:min(286px,calc(100vw - 18px))}}
@media(prefers-reduced-motion:reduce){.receipt-background-progress-track i{animation-duration:3.5s}}
.accounting-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.datev-export-card{border-color:#c9d8c2;background:linear-gradient(145deg,#fff,#f6faf3)}
.datev-export-card .accounting-export-icon{color:#fff;background:linear-gradient(145deg,#39734d,#64a660);font-size:15px;font-weight:950}
.datev-settings-card{overflow:hidden}
.datev-panel-head{align-items:center}
.datev-readiness{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 11px;border:1px solid;border-radius:999px;font-size:10px;font-weight:900}
.datev-readiness i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor;opacity:.72}
.datev-readiness.ready{color:#237347;background:#edf8f1;border-color:#b9ddc8}
.datev-readiness.pending{color:#925f11;background:#fff8e8;border-color:#ead29c}
.datev-readiness-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 22px 4px;padding:15px 17px;border:1px solid;border-radius:12px}
.datev-readiness-panel strong,.datev-readiness-panel p{display:block;margin:0}.datev-readiness-panel p{margin-top:4px;font-size:11px;line-height:1.55}
.datev-readiness-panel>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-size:16px;font-weight:950}
.datev-readiness-panel.ready{color:#245e40;background:#f1faf5;border-color:#c7e4d2}.datev-readiness-panel.ready>span{color:#fff;background:#3f8d60}
.datev-readiness-panel.pending{color:#75551e;background:#fffaf0;border-color:#ead9af}.datev-readiness-panel.pending>span{color:#fff;background:#bf8427}
.datev-settings-form .admin-settings-section h4,.datev-range-grid h4{margin:0 0 12px;color:#17394b;font-size:12px}
.datev-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.datev-form-grid>label,.datev-settings-form .admin-settings-section>label,.datev-range-grid label,.datev-example-upload label{display:grid;gap:7px;color:#4d6877;font-size:10px;font-weight:850}
.datev-form-grid input,.datev-form-grid select,.datev-settings-form textarea,.datev-range-grid input,.datev-example-upload input{width:100%;min-height:42px;padding:10px 12px;color:#173744;background:#fff;border:1px solid #c9dce4;border-radius:9px;font:inherit;font-size:12px;outline:0}
.datev-settings-form textarea{min-height:110px;line-height:1.55;resize:vertical}.datev-settings-form label>small,.datev-example-upload small{color:#748b96;font-size:9px;font-weight:650;line-height:1.45}
.datev-form-grid input:focus,.datev-form-grid select:focus,.datev-settings-form textarea:focus,.datev-range-grid input:focus,.datev-example-upload input:focus{border-color:#278fb9;box-shadow:0 0 0 3px rgba(39,143,185,.11)}
.datev-account-columns,.datev-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.datev-account-columns>div,.datev-range-grid>div{padding:15px;border:1px solid #dce7eb;border-radius:12px;background:#f8fbfc}
.datev-account-columns .datev-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.datev-range-grid>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.datev-range-grid h4{grid-column:1/-1}
.datev-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.datev-example-section{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.2fr);gap:20px;align-items:center;padding:20px 22px;border-top:1px solid #e0e9ed;background:#f8fbfc}
.datev-example-section h3{margin:4px 0;color:#17394b}.datev-example-section p{margin:0;color:#657c88;font-size:11px;line-height:1.5}
.datev-example-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.datev-example-file{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #cce0d2;border-radius:11px;background:#fff}
.datev-example-file>span{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#43815a;border-radius:9px;font-size:9px;font-weight:950}
.datev-example-file strong,.datev-example-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datev-example-file strong{color:#183b4a}.datev-example-file small{margin-top:3px;color:#738993;font-size:9px}
@media(max-width:1050px){.accounting-export-grid{grid-template-columns:1fr}.datev-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.datev-account-columns{grid-template-columns:1fr}}
@media(max-width:720px){.datev-panel-head{align-items:flex-start}.datev-readiness{align-self:flex-start}.datev-readiness-panel{margin:0 14px 4px}.datev-form-grid,.datev-range-grid,.datev-checks,.datev-example-section{grid-template-columns:1fr}.datev-account-columns .datev-form-grid{grid-template-columns:1fr}.datev-example-upload{grid-template-columns:1fr}.datev-example-upload button{width:100%}}
.receipt-upload-page{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 11px;border:1px solid #d8e5eb;border-radius:13px;background:#f9fcfd}
.receipt-upload-page img,.receipt-upload-file-icon{width:62px;height:72px;border-radius:8px;border:1px solid #d4e1e7;background:#fff;object-fit:cover}
.receipt-upload-file-icon{display:grid;place-items:center;color:#8b4451;font-size:12px;font-weight:900}
.receipt-upload-page div:nth-child(2){min-width:0}.receipt-upload-page div:nth-child(2)>*{display:block}.receipt-upload-page div:nth-child(2) small{color:#67808c;font-size:9px;font-weight:850;letter-spacing:.08em}.receipt-upload-page div:nth-child(2) strong{overflow:hidden;margin:3px 0;color:#173b4b;text-overflow:ellipsis;white-space:nowrap}.receipt-upload-page div:nth-child(2) span{color:#6a808a;font-size:11px}
.receipt-upload-page-actions{display:flex;gap:5px}.receipt-upload-page-actions button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ccdde5;border-radius:8px;background:#fff;color:#315b6e}.receipt-upload-page-actions button.remove{color:#a33d4b}.receipt-upload-page-actions button:disabled{opacity:.35}
@media(max-width:760px){
  .administration-subtabs{margin-top:0}.local-administration-subtabs{top:116px}
  .receipt-preview-actions{grid-template-columns:1fr}
  .receipt-recognition-choice{grid-template-columns:1fr}
  .receipt-upload-page{grid-template-columns:48px minmax(0,1fr)}.receipt-upload-page img,.receipt-upload-file-icon{width:48px;height:58px}.receipt-upload-page-actions{grid-column:1/-1;justify-content:flex-end}
}

/* v5.6.15: zentrale, ruhige Anzeige für persönliche Arbeitszeit und Ticketzeiten. */
.active-time-hub{position:fixed;right:12px;bottom:42px;z-index:895;display:grid;width:min(388px,calc(100vw - 24px));justify-items:end;gap:8px;transition:bottom .2s ease}.active-time-hub[hidden]{display:none}
.active-time-summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto 12px;align-items:center;gap:9px;max-width:100%;min-height:46px;padding:6px 11px 6px 7px;color:#173e50;text-align:left;background:rgba(255,255,255,.95);border:1px solid rgba(119,151,166,.3);border-radius:23px;box-shadow:0 8px 24px rgba(18,52,70,.14);backdrop-filter:blur(12px);cursor:pointer}.active-time-summary:hover{border-color:#9bc6d5;box-shadow:0 10px 28px rgba(18,52,70,.18)}.active-time-summary:focus-visible{outline:2px solid #218bb5;outline-offset:2px}
.active-time-summary-icon{position:relative;display:grid;width:34px;height:34px;place-items:center;color:#147a9f;background:#e2f3f7;border-radius:50%}.active-time-summary-icon:after{position:absolute;right:-1px;bottom:0;width:7px;height:7px;background:#41a777;border:2px solid #fff;border-radius:50%;content:""}.active-time-summary-icon svg,.active-time-entry-icon svg,.clock-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.active-time-summary>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:1px}.active-time-summary strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.active-time-summary small{overflow:hidden;color:#6d838e;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.active-time-summary>b{color:#28576a;font:800 10px Consolas,monospace;white-space:nowrap}.active-time-summary>i{color:#77909b;font-size:11px;font-style:normal;transition:transform .18s}.active-time-summary[aria-expanded="true"]>i{transform:rotate(180deg)}
.active-time-panel{width:100%;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid #d5e2e8;border-radius:15px;box-shadow:0 18px 48px rgba(12,40,56,.2);backdrop-filter:blur(14px)}.active-time-panel[hidden]{display:none}.active-time-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px 12px;background:linear-gradient(135deg,#f8fbfc,#eef6f8);border-bottom:1px solid #dce8ed}.active-time-panel>header>span{display:flex;flex-direction:column;gap:2px}.active-time-panel>header small{color:#2c839f;font-size:7px;font-weight:900;letter-spacing:.12em}.active-time-panel>header strong{color:#183b4c;font-size:12px}.active-time-panel>header>b{display:grid;min-width:24px;height:24px;place-items:center;padding:0 6px;color:#176f8f;font-size:8px;background:#dceff4;border-radius:99px}
.active-time-list{display:grid;max-height:min(390px,52vh);overflow:auto}.active-time-entry{display:grid;grid-template-columns:36px minmax(0,1fr) auto 12px;align-items:center;gap:9px;width:100%;padding:11px 13px;color:#193c4d;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7eef1;cursor:pointer}.active-time-entry:last-child{border-bottom:0}.active-time-entry:hover{background:#f5fafb}.active-time-entry.attendance{background:linear-gradient(90deg,#f0faf7,#fff 42%)}.active-time-entry.attendance:hover{background:#edf8f5}.active-time-entry-icon{display:grid;width:34px;height:34px;place-items:center;color:#277e9c;background:#e8f4f7;border-radius:9px}.active-time-entry.attendance .active-time-entry-icon{color:#2b8161;background:#e0f2e9}.active-time-entry-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.active-time-entry-copy small{color:#2783a2;font-size:7px;font-weight:900;letter-spacing:.07em}.active-time-entry.attendance .active-time-entry-copy small{color:#2f805f}.active-time-entry-copy strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.active-time-entry-copy em{overflow:hidden;color:#748992;font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.active-time-entry>b{color:#244e61;font:800 10px Consolas,monospace;white-space:nowrap}.active-time-entry-arrow{color:#91a4ad;font-size:15px}.active-time-panel>footer{padding:9px 14px;color:#758a94;font-size:7px;line-height:1.4;background:#f8fafb;border-top:1px solid #e5edf0}
.ticket-work-tab .tab-timer-dot{background:#2d91ae;box-shadow:0 0 0 4px rgba(45,145,174,.14);animation:none}

.time-clock.time-clock-feature{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:24px;overflow:hidden;padding:20px 22px;color:#fff;background:linear-gradient(118deg,#12384c 0%,#165a70 58%,#177d92 100%);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 12px 30px rgba(11,48,64,.16)}.time-clock.time-clock-feature:before{position:absolute;top:-70px;right:20%;width:190px;height:190px;background:radial-gradient(circle,rgba(86,211,225,.16),transparent 70%);content:"";pointer-events:none}
.time-clock-feature .time-clock-main{position:relative;display:flex;min-width:0;align-items:center;flex-direction:row;gap:14px}.time-clock-feature .clock-symbol{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;color:#c8f4fa;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:14px}.time-clock-feature .clock-symbol svg{width:25px;height:25px}.time-clock-feature .time-clock-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.time-clock-feature .time-clock-copy .eyebrow{color:#9bd9e5;font-size:7px}.time-clock-feature .time-clock-copy h2{margin:0;color:#fff;font-size:17px;letter-spacing:-.01em}.time-clock-feature .time-clock-copy p{max-width:480px;color:#b7d5df;font-size:9px;line-height:1.45}
.time-clock-ready,.time-clock-counter{position:relative;display:flex!important;min-width:118px!important;align-items:flex-start;flex:0 0 auto!important;flex-direction:column;gap:3px;padding:9px 13px;background:rgba(6,35,48,.2);border:1px solid rgba(255,255,255,.11);border-radius:10px}.time-clock-ready small,.time-clock-counter small{color:#a9d3dd;font-size:7px;font-weight:800;text-transform:uppercase}.time-clock-ready strong{display:flex;align-items:center;gap:6px;color:#e8f7f2;font-size:10px}.time-clock-ready i,.time-clock-counter span i{display:inline-block;width:7px;height:7px;background:#57be8c;border-radius:50%;box-shadow:0 0 0 4px rgba(87,190,140,.12)}.time-clock-counter [data-time-live]{color:#fff;font:800 21px Consolas,monospace}.time-clock-counter>span{display:flex;align-items:center;gap:6px;color:#bce9d4;font-size:7px;font-weight:850}
.time-clock-feature .time-clock-stop-form{position:relative;display:flex;width:auto;align-items:flex-end;gap:9px}.time-clock-fields{display:flex;gap:8px}.time-clock-feature .time-clock-fields label{display:grid;gap:4px;color:#cce2e8;font-size:7px}.time-clock-feature .time-clock-fields input{width:120px;min-height:36px;padding:7px 9px;color:#173947;background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px}.time-clock-feature .time-clock-fields label:last-child input{width:155px}.time-clock-button{position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;color:#10516b;font-size:9px;font-weight:900;white-space:nowrap;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:10px;box-shadow:0 7px 18px rgba(4,29,40,.15);cursor:pointer}.time-clock-button:hover{background:#effafd;transform:translateY(-1px)}.time-clock-button span{display:grid;width:20px;height:20px;place-items:center;color:#fff;font-size:7px;background:#1f8bad;border-radius:6px}.time-clock-button.stop{color:#6e3940}.time-clock-button.stop span{background:#b65a62}
@media(max-width:1180px){.time-clock.time-clock-feature{grid-template-columns:minmax(260px,1fr) auto}.time-clock-feature .time-clock-stop-form{grid-column:1/-1;width:100%;justify-content:flex-end}.time-clock-feature .time-clock-stop-form .time-clock-fields{flex:1}.time-clock-feature .time-clock-fields label:last-child{flex:1}.time-clock-feature .time-clock-fields label:last-child input{width:100%}}
@media(max-width:760px){.active-time-hub{right:max(8px,env(safe-area-inset-right));bottom:40px;width:min(368px,calc(100vw - 16px))}.active-time-summary{max-width:min(315px,calc(100vw - 16px))}.active-time-summary>b{font-size:9px}.active-time-panel{border-radius:13px}.time-clock.time-clock-feature{grid-template-columns:1fr;gap:15px;padding:17px}.time-clock-feature .time-clock-main{width:100%}.time-clock-ready,.time-clock-counter{width:100%;min-width:0!important;align-items:center!important;flex-direction:row!important;justify-content:space-between}.time-clock-feature .time-clock-stop-form{display:grid;width:100%;grid-template-columns:1fr}.time-clock-fields{display:grid;grid-template-columns:100px minmax(0,1fr);width:100%}.time-clock-feature .time-clock-fields input,.time-clock-feature .time-clock-fields label:last-child input{width:100%}.time-clock-button{width:100%;min-height:46px}.active-time-entry{grid-template-columns:34px minmax(0,1fr) auto 9px;padding:10px}.active-time-entry>b{font-size:9px}}
@media(max-width:420px){.active-time-summary{grid-template-columns:32px minmax(0,1fr) auto}.active-time-summary>i{display:none}.active-time-summary small{max-width:128px}.active-time-entry-copy em{display:none}.time-clock-fields{grid-template-columns:1fr}.time-clock-feature .time-clock-copy h2{font-size:15px}}
body.has-temporary-toasts .active-time-hub{bottom:calc(66px + var(--ds-toast-stack-height,0px))}

/* v5.7.0: Amazon Business als eigenständiges Buchhaltungsportal. */
.online-portals-toolbar{grid-template-columns:minmax(250px,auto) minmax(260px,1fr);align-items:stretch}
.online-portals-period-copy{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:4px 2px}
.online-portals-period-copy span{color:#708895;font-size:8px;font-weight:900;letter-spacing:.12em}
.online-portals-period-copy strong{margin-top:3px;color:#183f51;font-size:13px}.online-portals-period-copy small{margin-top:2px;color:#758b95;font-size:9px}
.online-portals-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:15px;align-items:start}
.online-portal-list{display:grid;gap:12px;padding:0 20px 20px}
.online-portal-card{overflow:hidden;border:1px solid #d7e4e9;border-left:4px solid #d09a39;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 7px 20px rgba(19,63,82,.055)}
.online-portal-card.connected{border-left-color:#2e9b6b}.online-portal-card>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 17px;border-bottom:1px solid #e2eaee}
.online-portal-brand{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;font:900 28px Arial,sans-serif;text-transform:lowercase}
.online-portal-brand.amazon{color:#172334;background:linear-gradient(145deg,#ffbf55,#f29a18);box-shadow:inset 0 -3px 0 rgba(36,45,55,.14),0 7px 16px rgba(218,145,28,.2)}
.online-portal-card header>div{min-width:0}.online-portal-card h3,.online-portal-card p{margin:0}.online-portal-card h3{overflow:hidden;margin-top:3px;color:#173b4c;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.online-portal-card p{margin-top:3px;color:#6e8490;font-size:9px}
.portal-state{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.portal-state:before{width:7px;height:7px;border-radius:50%;background:currentColor;content:""}.portal-state.connected{color:#24734f;background:#e3f4ea}.portal-state.open{color:#8a5c13;background:#fff2d8}
.online-portal-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:14px 17px;gap:8px}.online-portal-card dl>div{min-width:0;padding:9px 10px;border:1px solid #e3ebee;border-radius:9px;background:#fff}.online-portal-card dt{color:#7a9099;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.online-portal-card dd{overflow:hidden;margin:4px 0 0;color:#274f61;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.online-portal-card>footer{padding:12px 17px;border-top:1px solid #e5ecef;background:#fbfcfd}.online-portal-card>footer .table-actions{justify-content:flex-start}.online-portal-card .danger-link{margin-left:auto}
.portal-error{margin:0 17px 13px;padding:9px 11px;color:#873747;font-size:9px;line-height:1.45;background:#fff0f2;border:1px solid #efcbd1;border-radius:9px}
.portal-active-job{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:center;margin:0 17px 14px;padding:10px 12px;color:#1b5e77;background:#edf8fb;border:1px solid #c8e5ee;border-radius:10px}.portal-active-job strong,.portal-active-job small{display:block}.portal-active-job strong{font-size:10px}.portal-active-job small{margin-top:2px;color:#668590;font-size:8px}.portal-active-job>div,.portal-job-state>div{height:5px;overflow:hidden;border-radius:999px;background:#dbe9ee}.portal-active-job i,.portal-job-state i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1585b0,#1dc1d8);transition:width .35s ease}
.online-portals-empty{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:22px;border:1px dashed #cbdde4;border-radius:13px;background:#f8fbfc}.online-portals-empty h3,.online-portals-empty p{margin:0}.online-portals-empty h3{color:#244a5c;font-size:13px}.online-portals-empty p{margin-top:4px;color:#70858e;font-size:10px;line-height:1.5}
.amazon-onboarding-panel{padding-bottom:20px}.amazon-onboarding-panel ol{display:grid;gap:7px;margin:0;padding:0 20px 15px;list-style:none;counter-reset:amazon-step}.amazon-onboarding-panel li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:10px;border:1px solid #e0e9ed;border-radius:10px;background:#fbfcfd;counter-increment:amazon-step}.amazon-onboarding-panel li:before{display:grid;width:28px;height:28px;place-items:center;grid-row:1/3;color:#fff;background:#2389b0;border-radius:8px;font-size:9px;font-weight:900;content:counter(amazon-step)}.amazon-onboarding-panel li strong{color:#254a5b;font-size:10px}.amazon-onboarding-panel li span{grid-column:2;color:#6b818c;font-size:9px;line-height:1.45}.amazon-onboarding-panel>a{margin-left:20px}
.online-portal-runs{margin-top:15px}.portal-job-state{display:grid;min-width:150px;gap:4px}.portal-job-state small{color:#738992;font-size:8px}.portal-job-state>div{width:130px}.portal-failed-count{display:inline-flex;padding:4px 7px;color:#8c3c48;background:#fff0f2;border-radius:999px;font-size:8px;font-weight:850}
.amazon-callback-note{display:grid;gap:6px;padding:13px 14px;color:#2f596b;background:#f0f8fb;border:1px solid #cee4ec;border-radius:11px}.amazon-callback-note strong{font-size:10px}.amazon-callback-note code{overflow:auto;padding:8px 10px;color:#144b62;background:#fff;border:1px solid #d7e5ea;border-radius:7px;font-size:9px;white-space:nowrap}.amazon-callback-note small{color:#69828e;font-size:8px;line-height:1.45}
@media(max-width:1080px){.online-portals-layout{grid-template-columns:1fr}.online-portal-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.online-portals-toolbar{grid-template-columns:1fr}.online-portals-period-copy{padding:7px 2px}.online-portal-card>header{grid-template-columns:42px minmax(0,1fr)}.online-portal-brand{width:42px;height:42px}.portal-state{grid-column:1/-1;justify-self:start}.online-portal-card dl{grid-template-columns:1fr 1fr;padding:12px}.online-portal-card>footer{padding:12px}.online-portal-card>footer .table-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.online-portal-card>footer button{width:100%}.online-portal-card .danger-link{grid-column:1/-1;margin-left:0}.portal-active-job{grid-template-columns:1fr;margin:0 12px 12px}.online-portals-empty{grid-template-columns:42px minmax(0,1fr)}.online-portals-empty button{grid-column:1/-1;width:100%}.online-portal-runs .table-wrap{overflow-x:auto}.online-portal-runs table{min-width:850px}}

/* Verbindliche FinTS-Überweisung */
.payment-order.submitted{border-left-color:#397ba5}.payment-order.authorization_required{border-left-color:#8b62bb}.payment-order.submitted .payment-state{color:#285f82;background:#e5f0f8}.payment-order.authorization_required .payment-state{color:#68428e;background:#f0eafa}
.payment-order-groups{display:grid;gap:18px}.payment-order-group{overflow:hidden}.payment-group-head{align-items:center}.payment-group-count{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;background:#fff0d9;color:#85580d;font-size:14px;font-weight:900}.payment-group-count.completed{background:#e2f5ea;color:#146943}.payment-pending-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:2px;padding:17px 19px;border:1px solid #b9d6e3;border-radius:14px;background:linear-gradient(135deg,#f2f9fc,#e7f3f8);color:#153f54}.payment-pending-total span{display:grid;gap:3px}.payment-pending-total small{color:#62808e;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.payment-pending-total strong{font-size:13px}.payment-pending-total b{font-size:22px;white-space:nowrap}
.payment-execution-form{gap:14px}.payment-execution-amount{display:grid;place-items:center;gap:4px;padding:22px;border:1px solid #cfe1e9;border-radius:16px;background:linear-gradient(145deg,#f5fafc,#eaf4f8);text-align:center}.payment-execution-amount small,.payment-execution-grid small{color:#6c828d;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.payment-execution-amount strong{color:#113f55;font-size:28px}.payment-execution-amount span,.payment-execution-grid span{color:#687f8a;font-size:10px}.payment-execution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-execution-grid>div{display:grid;gap:4px;padding:13px 14px;border:1px solid #dce7ec;border-radius:12px;background:#fff}.payment-execution-grid>div.wide{grid-column:1/-1}.payment-execution-grid strong{color:#1b4051;font-size:12px;overflow-wrap:anywhere}.payment-execution-consent{align-items:flex-start!important;margin:0!important;padding:14px!important;border:1px solid #e7c99b!important;border-radius:12px!important;background:#fff8ea!important}.payment-execution-consent input{flex:0 0 19px;width:19px;min-height:19px}.payment-execution-consent span{display:grid;gap:3px}.payment-execution-consent strong{color:#714710}.payment-execution-consent small{color:#7c694a;font-weight:500;line-height:1.5}.payment-vop-warning{padding:16px;border:1px solid #e7c99b;border-radius:13px;background:#fff8ea;color:#714710}.payment-vop-warning p{margin:6px 0 0;color:#705f45;line-height:1.55;white-space:pre-wrap}.payment-order-actions .bank-submit-disabled{display:none}
.bank-dialog-modal{padding:26px}.bank-dialog-head{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;gap:16px;align-items:center;padding-bottom:19px;border-bottom:1px solid #dce8ed}.bank-dialog-head h2{margin:4px 0 5px;color:#173746;font-size:22px}.bank-dialog-head p{margin:0;color:#6b808b;font-size:11px}.bank-dialog-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#cc8c22,#e6aa3c);box-shadow:0 12px 28px rgba(195,128,18,.2)}.bank-dialog-icon svg{width:30px;height:30px}.bank-dialog-summary{display:flex;align-items:center;gap:12px;margin-top:18px;padding:13px 15px;border:1px solid #d8e6ec;border-radius:13px;background:#f7fbfc}.bank-dialog-summary-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:10px;background:#fff1d6;color:#a76a08;font-size:16px;font-weight:900}.bank-dialog-summary>div{display:grid;gap:2px}.bank-dialog-summary strong{color:#173d50;font-size:12px}.bank-dialog-summary small{color:#6b808b;font-size:10px}.payment-vop-warning{margin-top:14px;padding:17px;border:1px solid #e7c99b;border-radius:14px;background:#fff9ed;color:#714710}.payment-vop-title{display:flex;align-items:center;gap:9px}.payment-vop-title span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#fff0d1;color:#a86b0b}.payment-vop-title svg{width:17px;height:17px}.payment-vop-title strong{font-size:13px}.bank-feedback-copy{display:grid;gap:9px}.payment-vop-warning .bank-feedback-copy{margin-top:10px;padding-top:10px;border-top:1px solid #ead8b9}.payment-vop-warning p{margin:0;color:#705f45;line-height:1.58;white-space:normal}.payment-vop-warning p.important{padding:9px 10px;border-radius:9px;background:#fff0d1;color:#7a4e0e;font-weight:750}.bank-dialog-actions{margin-top:18px}
@media(max-width:650px){.bank-dialog-modal{padding:20px}.bank-dialog-head{grid-template-columns:46px minmax(0,1fr) 38px;gap:11px}.bank-dialog-icon{width:46px;height:46px;border-radius:14px}.bank-dialog-icon svg{width:25px;height:25px}.bank-dialog-head h2{font-size:18px}.bank-dialog-head p{font-size:10px}.bank-dialog-summary{align-items:flex-start}.bank-dialog-actions{display:grid;grid-template-columns:1fr}.bank-dialog-actions button{width:100%}}
@media(max-width:600px){.payment-execution-grid{grid-template-columns:1fr}.payment-execution-grid>div.wide{grid-column:auto}.payment-execution-amount strong{font-size:23px}.payment-execution-form .modal-actions{display:grid}.payment-execution-form .modal-actions button{width:100%}}

/* Vorgänge: Monatsauswahl */
.document-period-toolbar{position:relative;z-index:12;display:flex;justify-content:flex-end;align-items:end;margin:0 0 14px;padding:12px 14px;border:1px solid #dce7ec;border-radius:15px;background:linear-gradient(135deg,#f8fbfc 0%,#f2f8fb 100%)}.document-period-toolbar .document-period-control{width:min(100%,430px)}.document-period-toolbar .accounting-month-popover{right:0;left:auto}.document-period-toolbar+.document-layout{margin-top:0}.document-period-toolbar .accounting-period-calendar{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#e4f3f9,#d7ebf4);box-shadow:inset 0 0 0 1px rgba(18,111,158,.08)}.document-period-toolbar .accounting-period-calendar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.document-period-toolbar .accounting-period-chevron{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#f2f7f9}.document-period-toolbar .accounting-period-chevron svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.document-period-toolbar .accounting-period-trigger[aria-expanded="true"] .accounting-period-chevron svg{transform:rotate(180deg)}.document-period-toolbar .accounting-month-popover header button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.document-period-toolbar .accounting-month-popover footer{justify-content:stretch}.document-period-toolbar .document-recent-period{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:#f2f8fb;color:#126f9e;text-decoration:none}.document-period-toolbar .document-recent-period svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.document-period-toolbar .document-recent-period:hover{border-color:#b7d4e1;background:#e8f4f9;text-decoration:none}.document-period-toolbar .document-recent-period.active{color:#fff;background:#126f9e}.document-period-toolbar .document-all-periods{display:inline-flex;align-items:center;justify-content:center;gap:7px}.document-period-toolbar .document-all-periods svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:600px){.document-period-toolbar{justify-content:stretch;padding:11px}.document-period-toolbar .document-period-control{width:100%;grid-template-columns:minmax(0,1fr) auto}.document-period-toolbar .accounting-month-popover{right:auto;left:0}}

/* Vorgänge: eine gemeinsame, kompakte Navigationszeile */
.document-command-bar{position:relative;z-index:12;display:flex;min-width:0;align-items:center;gap:8px;margin:0 0 14px;padding:7px 8px;border:1px solid #dce7ec;border-radius:15px;background:linear-gradient(135deg,#f9fcfd,#f2f8fa);box-shadow:0 5px 16px rgba(25,62,80,.035)}
.document-command-bar>.module-tabs{flex:1 1 auto;min-width:360px;margin:0;padding:0;border:0;border-radius:0;background:transparent;scrollbar-width:none}
.document-command-bar>.module-tabs::-webkit-scrollbar,.document-command-bar>.document-invoice-subtabs::-webkit-scrollbar{display:none}
.document-command-bar>.module-tabs button{min-height:38px;padding:0 12px}
.document-command-bar>.document-invoice-subtabs{flex:0 0 auto;margin:0;padding:0 8px;border:0;border-left:1px solid #d8e5ea;border-radius:0;background:transparent}
.document-command-bar>.document-invoice-subtabs button{min-height:38px}
.document-command-period{position:relative;flex:0 0 min(380px,31vw);min-width:310px;margin-left:auto;padding-left:8px;border-left:1px solid #d8e5ea}
.document-command-period .document-period-control{width:100%}
.document-command-period .accounting-period-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.document-command-period .accounting-month-popover{right:0;left:auto}
.document-command-period .accounting-period-calendar{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#e4f3f9,#d7ebf4);box-shadow:inset 0 0 0 1px rgba(18,111,158,.08)}
.document-command-period .accounting-period-calendar svg,.document-command-period .document-all-periods svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.document-command-period .accounting-period-trigger,.document-command-period .accounting-period-control>.small-button{min-height:38px}
.document-command-period .document-recent-period{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:#f2f8fb;color:#126f9e}
.document-command-period .document-recent-period.active{color:#fff;background:#126f9e}
.document-create-compact{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border:1px solid #0e79aa;border-radius:11px;background:linear-gradient(145deg,#178fc0,#08729f);color:#fff;box-shadow:0 7px 15px rgba(13,116,161,.18);cursor:pointer}
.document-create-compact span{font-size:25px;font-weight:900;line-height:1;transform:translateY(-1px)}
.document-create-compact:hover{background:linear-gradient(145deg,#109bd0,#08678f);box-shadow:0 8px 19px rgba(13,116,161,.26)}
.document-create-compact:focus-visible{outline:3px solid rgba(18,126,176,.24);outline-offset:2px}
@media(max-width:1380px){.document-command-bar{flex-wrap:wrap}.document-command-bar>.module-tabs{flex-basis:calc(100% - 50px)}.document-command-bar>.document-invoice-subtabs{order:3}.document-command-period{order:4;flex:1 1 360px}.document-create-compact{order:2}}
@media(max-width:700px){.document-command-bar{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:7px}.document-command-bar>.module-tabs{grid-column:1/2;min-width:0}.document-create-compact{grid-column:2;grid-row:1}.document-command-bar>.document-invoice-subtabs{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding:6px 0 0;border-top:1px solid #d8e5ea;border-left:0}.document-command-period{grid-column:1/-1;grid-row:3;min-width:0;margin:0;padding:7px 0 0;border-top:1px solid #d8e5ea;border-left:0}.document-command-period .accounting-month-popover{right:auto;left:0;width:min(320px,calc(100vw - 42px))}}
/* Ticket work location and route estimate */
.work-location-field{margin:1rem 0;padding:1rem;border:1px solid #cfe0ee;border-radius:18px;background:linear-gradient(145deg,#f7fbfe,#eef6fb)}
.work-location-field legend{padding:0 .45rem;color:#163a52;font-weight:800}.work-location-field legend small{margin-left:.35rem;color:#6c8190;font-size:.72rem;font-weight:700}
.work-location-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.work-location-option{position:relative;margin:0!important}.work-location-option>input{position:absolute;opacity:0;pointer-events:none}
.work-location-option>span{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;min-height:76px;padding:.85rem;border:1px solid #d4e1ea;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.work-location-option b{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f4fb;color:#0877a8;font-size:1.2rem}.work-location-option b svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.work-location-option strong{color:#17384e}.work-location-option small{color:#6b7f8d}
.work-location-option>input:checked+span{border-color:#1594c5;box-shadow:0 0 0 3px rgba(21,148,197,.12);transform:translateY(-1px)}
.work-location-option>input:focus-visible+span{outline:3px solid rgba(21,148,197,.25);outline-offset:2px}
.work-route-origin{margin-top:.8rem;padding:.85rem;border-radius:14px;background:#fff;border:1px solid #d9e5ed}.work-route-origin[hidden]{display:none!important}
.work-route-origin>label{display:grid;gap:.35rem;color:#294b61;font-weight:750}.work-route-origin select{width:100%}
.work-route-estimate{display:flex;align-items:flex-start;gap:.65rem;margin-top:.7rem;padding:.72rem .8rem;border-radius:12px;background:#edf7fc;color:#33586e}.work-route-estimate>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#d7eef8;color:#0877a8;font-weight:900}.work-route-estimate>span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.work-route-estimate small{line-height:1.45}.work-route-estimate small strong{display:block;color:#173e55}
.route-attribution{display:block;margin-top:.45rem;color:#788c99;font-size:.68rem}.route-spinner{border:2px solid #b9dceb!important;border-top-color:#0877a8!important;border-radius:50%!important;animation:route-spin .7s linear infinite}@keyframes route-spin{to{transform:rotate(360deg)}}
.ticket-billing-part{display:inline-flex;margin-left:.5rem;padding:.18rem .5rem;border-radius:999px;background:#e8f4fa;color:#0b6f99;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}
.work-travel-summary{display:grid;gap:6px;margin:9px 0;padding:9px 10px;border:1px solid #d9e8ef;border-radius:11px;background:#f4f9fb}.work-travel-summary>span{display:grid;grid-template-columns:28px auto minmax(0,1fr);gap:7px;align-items:center}.work-travel-summary i{display:grid;width:28px;height:28px;place-items:center;color:#0879a5;background:#e2f2f8;border-radius:8px}.work-travel-summary i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.work-travel-summary b{color:#17384e;font-size:.73rem}.work-travel-summary small{color:#5d7482;font-size:.69rem}.work-travel-summary em{justify-self:start;padding:3px 7px;border-radius:999px;background:#e6f4eb;color:#277449;font-size:.62rem;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:720px){.work-location-options{grid-template-columns:1fr}.work-location-field{padding:.8rem}.work-location-field legend small{display:block;margin:.2rem 0 0}}

/* Vorgangsdetail: Aktionen im Belegkopf, Summen direkt nach Positionen */
.document-detail-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:20px;align-items:start;padding:18px 20px;border:1px solid #dbe7ec;border-radius:15px;background:linear-gradient(145deg,#f9fcfd,#f2f8fa)}
.document-detail-identity{display:grid;gap:12px;min-width:0}.document-detail-title{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.document-detail-title .eyebrow{width:100%}.document-detail-title h2{margin:0;font-size:24px}.document-detail-title .document-status{max-width:100%}
.document-detail-facts{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(90px,.65fr) minmax(150px,1.5fr);gap:8px;margin:0}.document-detail-facts>div{min-width:0;padding:9px 10px;border:1px solid #e0eaee;border-radius:9px;background:#fff}.document-detail-facts dt{margin:0 0 3px;color:#718690;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.document-detail-facts dd{margin:0;overflow:hidden;color:#193b4d;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.document-head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.document-head-action{display:flex;min-width:0;min-height:37px;align-items:center;gap:7px;padding:8px 10px;color:#176d94;background:#fff;border:1px solid #cadae2;border-radius:9px;font:inherit;font-size:9px;font-weight:850;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.document-head-action:hover{color:#0f6086;background:#edf7fb;border-color:#9cc8d9;text-decoration:none;transform:translateY(-1px)}.document-head-action svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.document-head-action span{min-width:0;line-height:1.2}.document-head-action.primary{color:#fff;background:linear-gradient(135deg,#126f9e,#159dc3);border-color:#126f9e}.document-head-action.primary:hover{color:#fff;background:#0f719c}.document-head-action.danger{color:#a7353d;border-color:#e5c3c7;background:#fff8f8}.document-head-action.warning{color:#855910;border-color:#e7d2a8;background:#fff9ec}
.document-detail-content>.table-wrap{margin-top:16px}.document-totals-after-items{display:flex;justify-content:flex-end;margin-top:0;padding:12px 0 2px;border-top:1px solid #d7e2e7}.document-totals-after-items dl{width:min(100%,370px);margin:0}.document-totals-after-items dl>div{display:grid;grid-template-columns:1fr auto;gap:22px;padding:7px 10px;color:#425d6b}.document-totals-after-items dt,.document-totals-after-items dd{margin:0;font-size:10px}.document-totals-after-items dd{font-weight:850;font-variant-numeric:tabular-nums}.document-totals-after-items .grand-total{margin-top:4px;padding-top:11px;color:#101820;border-top:2px solid #253d49}.document-totals-after-items .grand-total dt,.document-totals-after-items .grand-total dd{font-size:13px;font-weight:900}
.document-head-action.signature{color:#155f74;border-color:#b8dce5;background:linear-gradient(135deg,#f5fcfe,#eaf8fb)}
.document-items-table.delivery-note th:nth-child(1),.document-items-table.delivery-note td:nth-child(1){width:70px}.document-items-table.delivery-note th:nth-child(3),.document-items-table.delivery-note td:nth-child(3){width:150px;text-align:right}.document-items-table.delivery-note td:nth-child(2){min-width:420px}
.document-detail-facts.delivery-note{grid-template-columns:minmax(130px,1.1fr) minmax(90px,.55fr) minmax(150px,1.25fr) minmax(150px,1fr)}
.document-signature-form{display:grid;gap:14px}.document-signature-form .work-signature-field{margin:0}.document-signature-existing{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #cfe4d9;border-radius:10px;background:#f0faf5;color:#174d36}.document-signature-existing>div{display:grid;gap:3px;min-width:0}.document-signature-existing strong,.document-signature-existing span{font-size:11px}.document-signature-existing span{font-weight:800}.document-signature-existing small{color:#5f7c6f;font-size:9px}.document-signature-delete{flex:0 0 auto;min-height:38px;padding:0 14px;font-size:10px}@media(max-width:640px){.document-signature-existing{align-items:stretch;flex-direction:column}.document-signature-delete{width:100%}}
@media(max-width:1120px){.document-detail-head{grid-template-columns:1fr}.document-head-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.document-detail-facts.delivery-note{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.document-detail-head{padding:14px}.document-detail-facts{grid-template-columns:1fr 1fr}.document-detail-facts>div:last-child{grid-column:1/-1}.document-head-actions{grid-template-columns:1fr 1fr}.document-head-action{min-height:42px}.document-totals-after-items dl{width:100%}.work-travel-summary>span{grid-template-columns:28px minmax(0,1fr)}.work-travel-summary>span small{grid-column:2}.work-travel-summary em{margin-left:35px}}
@media(max-width:480px){.document-head-actions{grid-template-columns:1fr}.document-detail-facts{grid-template-columns:1fr}.document-detail-facts>div:last-child{grid-column:auto}}
.nav-icon.nav-icon-svg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Kompakte Arbeitsbereiche und zentrale ERP-Recherche */
.module-primary-toolbar{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 14px;padding:11px 13px;border:1px solid #dce7ec;border-radius:14px;background:linear-gradient(135deg,#f9fcfd,#f2f8fa)}
.module-primary-toolbar.filterbar{justify-content:flex-start}.module-primary-toolbar.filterbar>span{margin-left:auto}.module-primary-toolbar .page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.module-loading-state{min-height:130px}
.time-page-actions.module-primary-toolbar{justify-content:flex-end}.time-page-actions .time-month-control{margin-right:auto}
.customer-search-toolbar{padding:11px 12px 0}.customer-search-toolbar .search-field{width:100%}.ticket-customer-search>small{display:block;margin-top:5px;color:#718793;font-size:9px;font-weight:700}
.ticket-customer-picker{position:relative;display:grid;min-width:0;gap:6px}
.ticket-customer-picker>.field-label{color:#365566;font-size:9px;font-weight:850;letter-spacing:.02em}
.ticket-customer-trigger{display:grid;width:100%;min-width:0;min-height:48px;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:6px 10px 6px 7px;color:#173b4d;background:#fff;border:1px solid #cadbe3;border-radius:11px;font:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 7px rgba(17,62,82,.035);transition:border-color .15s,box-shadow .15s,background .15s}
.ticket-customer-trigger:hover{background:#fafdfe;border-color:#96bfd0}.ticket-customer-trigger:focus-visible{outline:3px solid rgba(18,125,170,.16);outline-offset:1px;border-color:#1683b1}
.ticket-customer-trigger-logo{display:grid!important;width:34px;height:34px;place-items:center;overflow:hidden;border:1px solid #d5e5eb;border-radius:9px;background:#edf6f9}.ticket-customer-trigger-logo>.avatar{width:100%;height:100%;border:0;border-radius:0}.ticket-customer-trigger-logo .customer-logo{width:100%;height:100%;object-fit:contain}.ticket-customer-trigger-copy{display:grid;min-width:0;gap:2px}.ticket-customer-trigger strong,.ticket-customer-trigger small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-customer-trigger strong{color:#173b4d;font-size:10px;font-weight:850}.ticket-customer-trigger small{color:#6d838e;font-size:8px;font-weight:650}
.ticket-customer-trigger>svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.ticket-customer-trigger[aria-expanded="true"]>svg{transform:rotate(180deg)}
.ticket-customer-popover{position:absolute;z-index:90;top:calc(100% + 7px);right:0;left:0;display:grid;gap:8px;padding:10px;background:#fff;border:1px solid #cbdde5;border-radius:14px;box-shadow:0 18px 44px rgba(12,50,68,.18)}.ticket-customer-popover[hidden]{display:none!important}
.ticket-customer-popover-head{display:flex;align-items:flex-start;justify-content:space-between;padding:1px 2px}.ticket-customer-popover-head strong,.ticket-customer-popover-head small{display:block}.ticket-customer-popover-head strong{color:#183d4f;font-size:10px}.ticket-customer-popover-head small{margin-top:2px;color:#718793;font-size:7.5px}
.ticket-customer-search,.modal-form .ticket-customer-search{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:0 10px;color:#507484;background:#f5f9fb;border:1px solid #cfdee5;border-radius:10px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.ticket-customer-search:focus-within{background:#fff;border-color:#1683b1;box-shadow:0 0 0 3px rgba(18,125,170,.11)}.ticket-customer-search>svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.ticket-customer-search>input,.modal-form .ticket-customer-search>input{width:100%;min-width:0;min-height:38px;height:38px;padding:0;color:#183d4f;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;font:inherit;font-size:11px}.ticket-customer-search>input:focus,.modal-form .ticket-customer-search>input:focus{border:0;box-shadow:none}.ticket-customer-search>input::placeholder{color:#80949d}
.ticket-customer-options{display:grid;max-height:268px;overflow:auto;gap:4px;padding-right:2px;overscroll-behavior:contain}.ticket-customer-option{display:grid;width:100%;min-width:0;grid-template-columns:34px minmax(0,1fr) 19px;gap:9px;align-items:center;padding:7px 8px;color:#1b4051;background:#fff;border:1px solid transparent;border-radius:10px;font:inherit;text-align:left;cursor:pointer}.ticket-customer-option[hidden]{display:none!important}.ticket-customer-option:hover{background:#f1f8fb;border-color:#d5e7ee}.ticket-customer-option.selected{color:#0e6388;background:#e8f5fa;border-color:#b7dce9}.ticket-customer-option-logo{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border:1px solid #dce8ed;border-radius:9px;background:#edf5f8}.ticket-customer-option-logo>.avatar{width:100%;height:100%;border:0;border-radius:0}.ticket-customer-option-logo img{width:100%;height:100%;object-fit:contain}.ticket-customer-option>span:nth-child(2){display:grid;min-width:0;gap:2px}.ticket-customer-option strong,.ticket-customer-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-customer-option strong{font-size:9.5px}.ticket-customer-option small{color:#718892;font-size:7.5px}.ticket-customer-option>i{display:grid;width:19px;height:19px;place-items:center;color:transparent;border:1px solid #cfdee4;border-radius:50%;font-size:9px;font-style:normal}.ticket-customer-option.selected>i{color:#fff;background:#1584ad;border-color:#1584ad}.ticket-customer-empty{display:grid;min-height:92px;place-items:center;align-content:center;gap:3px;padding:14px;color:#345b6c;text-align:center;background:#f7fafb;border:1px dashed #cfdee4;border-radius:10px}.ticket-customer-empty[hidden]{display:none!important}.ticket-customer-empty strong{font-size:9.5px}.ticket-customer-empty small{color:#758b95;font-size:8px}.ticket-customer-count{padding:0 2px;color:#718793;font-size:8px;font-weight:700}
@media(max-width:680px){.ticket-customer-popover{position:relative;top:auto;margin-top:2px;box-shadow:0 8px 22px rgba(12,50,68,.11)}.ticket-customer-options{max-height:220px}.ticket-customer-trigger{min-height:42px}.ticket-customer-option{padding:6px 7px}}
.research-tabs{margin-bottom:12px}.research-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(190px,250px) auto auto;gap:10px;align-items:end;margin-bottom:12px;padding:12px 14px;border:1px solid #d8e5ea;border-radius:14px;background:linear-gradient(135deg,#f8fbfc,#edf6fa)}
.research-toolbar .search-field{height:42px}.research-sort{display:grid;gap:4px}.research-sort>span{color:#6c8490;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.research-sort select{min-height:42px}.research-direction{min-height:42px;padding:8px 12px;color:#126b94;background:#fff;border:1px solid #cbdde5;border-radius:10px;font:inherit;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}.research-direction:hover{border-color:#8ebed0;background:#edf7fb}.research-toolbar>strong{display:grid;min-height:42px;place-items:center;padding:0 12px;color:#276177;background:#fff;border:1px solid #d5e3e8;border-radius:10px;font-size:10px;white-space:nowrap}
.research-results{overflow:hidden}.research-results .table-wrap{max-height:calc(100vh - 315px);overflow:auto}.research-table{min-width:1020px}.research-table td{vertical-align:middle}.research-table td strong,.research-table td small{display:block}.research-table td small{max-width:340px;margin-top:3px;color:#738892;font-size:8px;line-height:1.35;overflow-wrap:anywhere}.research-table .row-arrow{margin-left:auto}
@media(max-width:920px){.research-toolbar{grid-template-columns:minmax(0,1fr) minmax(170px,.5fr)}.research-direction,.research-toolbar>strong{width:100%}.research-results .table-wrap{max-height:none}.module-primary-toolbar{align-items:stretch;flex-wrap:wrap}.module-primary-toolbar.filterbar>span{margin-left:0}}
@media(max-width:620px){.research-toolbar{grid-template-columns:1fr}.research-toolbar .search-field{width:100%}.module-primary-toolbar,.time-page-actions.module-primary-toolbar{display:grid;grid-template-columns:1fr}.module-primary-toolbar button,.module-primary-toolbar a{width:100%}.module-primary-toolbar.filterbar>span{padding:3px 0}.customer-search-toolbar{padding:9px 9px 0}}

/* v5.22.35: verknüpfte ERP-Recherche */
.research-linked-filters{position:relative;z-index:16;margin-bottom:14px;padding:17px;border:1px solid #d4e3e9;border-radius:16px;background:linear-gradient(145deg,#fbfdfe,#eef7fa);box-shadow:0 7px 24px rgba(23,68,87,.05)}
.research-linked-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.research-linked-filter-head span,.research-result-head span{color:#137aa4;font-size:8px;font-weight:950;letter-spacing:.12em}.research-linked-filter-head h2,.research-result-head h2{margin:3px 0 2px;color:#17394a;font-size:16px}.research-linked-filter-head p,.research-result-head p{margin:0;color:#718690;font-size:9px;line-height:1.45}.research-linked-filter-head>button{min-height:36px;padding:8px 12px;color:#226d8c;background:#fff;border:1px solid #cbdde5;border-radius:9px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.research-linked-filter-head>button:hover{background:#edf8fb}.research-linked-filter-head>button:disabled{opacity:.42;cursor:default}
.research-linked-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.research-filter-picker{position:relative;min-width:0}.research-filter-label{display:block;margin:0 0 5px;color:#607a87;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.research-filter-control{display:grid;grid-template-columns:minmax(0,1fr) auto}.research-filter-control>button:first-child{display:flex;min-width:0;min-height:43px;align-items:center;justify-content:space-between;gap:9px;padding:9px 11px;color:#193f50;text-align:left;background:#fff;border:1px solid #c8dce4;border-radius:10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.research-filter-control>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-filter-control>button:first-child i{color:#6d8792;font-size:12px;font-style:normal;transition:transform .16s}.research-filter-picker.open .research-filter-control>button:first-child{border-color:#2a91b8;box-shadow:0 0 0 3px rgba(42,145,184,.1)}.research-filter-picker.open .research-filter-control>button:first-child i{transform:rotate(180deg)}.research-filter-picker.locked .research-filter-control>button:first-child{color:#52707d;background:#edf4f6;cursor:not-allowed}.research-filter-picker>small{display:block;margin-top:4px;color:#7a8f98;font-size:7px}.research-filter-clear{width:34px;margin-left:5px;color:#7b9099;background:#fff;border:1px solid #cbdde5;border-radius:9px;font-size:17px;cursor:pointer}.research-filter-clear:hover{color:#a53d48;background:#fff3f4;border-color:#e7c1c6}
.research-filter-options{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:40;overflow:hidden;padding:8px;background:#fff;border:1px solid #c9dce4;border-radius:12px;box-shadow:0 16px 40px rgba(16,55,73,.2)}.research-filter-options>label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;padding:0 9px;border:1px solid #d6e3e8;border-radius:8px}.research-filter-options input{width:100%;min-height:36px;padding:7px 4px;border:0;outline:0;font:inherit;font-size:9px}.research-filter-options>div{display:grid;max-height:245px;overflow:auto;margin-top:7px}.research-filter-options>div button{display:grid;gap:2px;padding:9px 10px;color:#1b4253;text-align:left;background:transparent;border:0;border-radius:8px;font:inherit;cursor:pointer}.research-filter-options>div button:hover,.research-filter-options>div button.active{background:#eaf6fa}.research-filter-options>div strong{font-size:9px}.research-filter-options>div small{overflow:hidden;color:#718792;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.research-filter-options p{margin:12px;color:#758a94;font-size:9px;text-align:center}.research-master-search{width:100%;height:43px;margin-top:11px;background:#fff}
.research-hierarchy{display:grid;gap:10px}.research-result-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:3px 3px 7px}.research-result-head p{text-align:right}.research-customer-card{overflow:hidden;background:#fff;border:1px solid #d7e4e9;border-radius:14px;box-shadow:0 5px 18px rgba(21,60,77,.045)}.research-customer-card.expanded{border-color:#b8d5df;box-shadow:0 9px 28px rgba(21,60,77,.08)}.research-customer-summary{display:grid;width:100%;grid-template-columns:44px minmax(220px,1fr) 90px 110px 18px;gap:12px;align-items:center;padding:13px 15px;color:#183d4e;text-align:left;background:#fff;border:0;font:inherit;cursor:pointer}.research-customer-summary:hover{background:#f4fafc}.research-customer-avatar{display:grid;width:42px;height:42px;place-items:center;color:#126e98;background:linear-gradient(145deg,#e9f5fa,#dceef5);border:1px solid #c7dfe8;border-radius:11px;font-size:10px;font-weight:950}.research-customer-summary>span:nth-child(n+2){min-width:0}.research-customer-summary strong,.research-customer-summary small{display:block}.research-customer-summary>span:nth-child(2) strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.research-customer-summary small{margin-top:3px;color:#718792;font-size:8px}.research-customer-summary>span:nth-child(3),.research-customer-summary>span:nth-child(4){text-align:right}.research-customer-summary>i{color:#6f8791;font-size:13px;font-style:normal;transition:transform .16s}.research-customer-card.expanded>.research-customer-summary>i{transform:rotate(180deg)}.research-customer-detail{display:grid;gap:13px;padding:0 15px 15px;background:#f7fbfc;border-top:1px solid #e1eaee}.research-customer-detail h3{margin:0 0 8px;color:#315569;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.research-customer-goods{padding-top:13px}.research-customer-goods>div{display:flex;flex-wrap:wrap;gap:6px}.research-customer-goods button{display:grid;gap:1px;max-width:280px;padding:7px 10px;color:#23556b;text-align:left;background:#fff;border:1px solid #cfe0e7;border-radius:9px;font:inherit;cursor:pointer}.research-customer-goods button:hover{border-color:#72b4cb;background:#edf8fb}.research-customer-goods strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.research-customer-goods small{color:#748a94;font-size:7px}.research-customer-goods p{margin:0;color:#798d96;font-size:9px}
.research-customer-documents{display:grid;gap:7px}.research-document-card{overflow:hidden;background:#fff;border:1px solid #dae6ea;border-radius:11px}.research-document-card.expanded{border-color:#a9cfdd}.research-document-summary{display:grid;width:100%;grid-template-columns:115px minmax(0,1fr) 105px 16px;gap:11px;align-items:center;padding:10px 12px;color:#1b4152;text-align:left;background:#fff;border:0;font:inherit;cursor:pointer}.research-document-summary:hover{background:#f1f8fa}.research-document-type{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 7px;color:#146f98;background:#e5f3f8;border-radius:8px;font-size:7px;font-weight:950;text-transform:uppercase}.research-document-summary strong,.research-document-summary small{display:block}.research-document-summary strong{font-size:9px}.research-document-summary small{overflow:hidden;margin-top:2px;color:#728892;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.research-document-summary>span:nth-child(3){text-align:right}.research-document-summary>i{font-style:normal;transition:transform .16s}.research-document-card.expanded .research-document-summary>i{transform:rotate(180deg)}.research-document-detail{padding:12px;background:#f6fafb;border-top:1px solid #e2eaed}.research-document-facts{display:grid;grid-template-columns:1fr 120px 120px auto;gap:7px;margin-bottom:10px}.research-document-facts>span{padding:8px 9px;background:#fff;border:1px solid #dce7eb;border-radius:8px}.research-document-facts small,.research-document-facts strong{display:block}.research-document-facts small{color:#718792;font-size:7px;text-transform:uppercase}.research-document-facts strong{margin-top:2px;color:#244a5c;font-size:9px}.research-document-facts button,.research-modal-section-head button{padding:8px 11px;color:#fff;background:#147fa8;border:0;border-radius:8px;font:inherit;font-size:8px;font-weight:850;cursor:pointer}.research-document-positions{display:grid;gap:5px}.research-document-position{display:grid;grid-template-columns:85px minmax(0,1fr) 95px;gap:10px;align-items:center;padding:8px 10px;background:#fff;border:1px solid #e0e9ed;border-radius:8px}.research-document-position>span,.research-document-position>b{font-size:8px}.research-document-position>b{text-align:right}.research-document-position strong,.research-document-position small{display:block}.research-document-position strong{font-size:8px}.research-document-position small{margin-top:2px;color:#748993;font-size:7px}
.modal.research-inventory-workspace{width:min(1050px,calc(100vw - 30px));max-height:min(880px,calc(100vh - 30px));overflow:auto}.research-inventory-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}.research-inventory-facts>div{padding:11px;background:#f4f9fb;border:1px solid #dce8ed;border-radius:10px}.research-inventory-facts small,.research-inventory-facts strong{display:block}.research-inventory-facts small{color:#718792;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.research-inventory-facts strong{overflow:hidden;margin-top:4px;color:#1b4355;font-size:10px;text-overflow:ellipsis}.research-inventory-description{margin:0 16px 16px;padding:13px;background:#fff;border:1px solid #dde8ec;border-radius:11px}.research-inventory-description h3,.research-inventory-description p{margin:0}.research-inventory-description h3{color:#244c5f;font-size:10px}.research-inventory-description p{margin-top:6px;color:#5e7884;font-size:9px;line-height:1.55;white-space:pre-wrap}.research-inventory-relations{padding:0 16px 16px}.research-modal-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.research-modal-section-head h3,.research-modal-section-head p{margin:0}.research-modal-section-head h3{font-size:11px}.research-modal-section-head p{margin-top:3px;color:#718792;font-size:8px}.research-document-link{padding:0;color:#106f99;background:transparent;border:0;font:inherit;font-weight:850;cursor:pointer}.research-document-link:hover{text-decoration:underline}.research-inventory-workspace td small{display:block;margin-top:2px;color:#738892;font-size:8px}
@media(max-width:920px){.research-linked-filter-grid{grid-template-columns:1fr}.research-filter-options{position:relative;top:auto;margin-top:6px}.research-customer-summary{grid-template-columns:42px minmax(0,1fr) 75px 16px}.research-customer-summary>span:nth-child(4){display:none}.research-document-facts{grid-template-columns:1fr 1fr}.research-document-facts button{grid-column:1/-1}.research-inventory-facts{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.research-linked-filters{padding:12px}.research-linked-filter-head{display:grid}.research-linked-filter-head>button{width:100%}.research-result-head{align-items:flex-start;flex-direction:column}.research-result-head p{text-align:left}.research-customer-summary{grid-template-columns:38px minmax(0,1fr) 14px;padding:10px}.research-customer-avatar{width:36px;height:36px}.research-customer-summary>span:nth-child(3),.research-customer-summary>span:nth-child(4){display:none}.research-customer-detail{padding:0 10px 10px}.research-document-summary{grid-template-columns:83px minmax(0,1fr) 14px;padding:9px}.research-document-summary>span:nth-child(3){display:none}.research-document-facts,.research-inventory-facts{grid-template-columns:1fr}.research-document-position{grid-template-columns:55px minmax(0,1fr)}.research-document-position>b{grid-column:2;text-align:left}.modal.research-inventory-workspace{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.research-modal-section-head{align-items:stretch;flex-direction:column}.research-modal-section-head button{width:100%}}

/* 5.23.0: Login-Finale und persönliche Kontosicherheit */
.nexora-login-page .nexora-auth-form input{min-height:56px;color:#101d32;background:#fff;border:1px solid #cad5e6;border-radius:11px}
.nexora-login-page .nexora-auth-form .nexora-login-input>input{padding-left:52px}
.nexora-login-page .nexora-auth-form .nexora-login-input.nexora-password-field>input{padding-right:54px}
.nexora-login-page .nexora-auth-form label{color:#1d2a3f;font-size:14px}
.nexora-login-page .alert.error{color:#a62d39;background:#fff0f2;border-color:#efc1c7}
.nexora-login-page .alert.success{color:#156b49;background:#ecfbf4;border-color:#b8e8d3}
.profile-account-column{display:grid;align-content:start;gap:16px}
.profile-security-card{display:grid;gap:14px;padding:18px;background:linear-gradient(145deg,#f9fcff,#eef5fb);border:1px solid #d6e3ef;border-radius:13px}
.profile-security-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-security-head h3{margin:4px 0 5px;font-size:16px}.profile-security-head p,.profile-security-note{margin:0;color:#64788a;font-size:11px;line-height:1.5}
.profile-security-pill{display:inline-flex;min-height:27px;align-items:center;padding:0 9px;white-space:nowrap;color:#526b7d;background:#fff;border:1px solid #ccdce7;border-radius:999px;font-size:9px;font-weight:850}.profile-security-pill.active{color:#116743;background:#e8f8f0;border-color:#bce6d1}.profile-security-pill.required{color:#88510b;background:#fff3db;border-color:#ecd09a}
.profile-2fa-disable{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:9px}.profile-2fa-disable button{min-height:42px}
.profile-2fa-setup{display:grid;gap:12px}.profile-2fa-setup>p{margin:0;color:#4f6879;font-size:11px;line-height:1.55}.profile-2fa-uri{justify-self:start;text-decoration:none}
.profile-secret-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:6px}.profile-secret-line code{padding:11px 12px;overflow-wrap:anywhere;color:#0b4c92;background:#fff;border:1px solid #cadbe8;border-radius:9px;font-size:11px;letter-spacing:.07em}.profile-secret-line button{min-height:39px;color:#1263c9;background:#fff;border:1px solid #bdd0df;border-radius:8px;font-size:10px;font-weight:800}.profile-security-loading{padding:14px;color:#4b6a7c;background:#fff;border-radius:9px;font-size:11px}.error-box{padding:12px;color:#a52e38;background:#fff0f1;border:1px solid #edc3c7;border-radius:9px;font-size:11px}
@media(max-width:720px){.profile-2fa-disable{grid-template-columns:1fr}.profile-security-head{display:grid}.profile-security-pill{justify-self:start}.profile-secret-line{grid-template-columns:1fr}.nexora-login-page .nexora-auth-form input{min-height:52px}}

/* NEXORA 5.24: finaler, barrierearmer Login auf Desktop und Touch-Geräten */
.nexora-login-page {
  padding-top: max(34px, env(safe-area-inset-top));
  padding-right: max(20px, env(safe-area-inset-right));
  padding-bottom: max(28px, env(safe-area-inset-bottom));
  padding-left: max(20px, env(safe-area-inset-left));
}
.nexora-login-card,
.nexora-login-trust,
.nexora-login-footer { min-width: 0; }
.nexora-login-page .alert { width: 100%; overflow-wrap: anywhere; }
.nexora-login-input:focus-within {
  border-radius: 11px;
  box-shadow: 0 0 0 4px rgba(23,104,229,.11);
}
.nexora-login-input:focus-within > svg { color: #1768e5; stroke: #1768e5; }
.nexora-login-page .nexora-auth-form input:-webkit-autofill,
.nexora-login-page .nexora-auth-form input:-webkit-autofill:hover,
.nexora-login-page .nexora-auth-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #101d32;
  box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 9999s ease-out 0s;
}
.nexora-password-field > button:focus-visible,
.nexora-login-submit:focus-visible,
.nexora-login-back:focus-visible,
.nexora-login-footer a:focus-visible,
.two-factor-secret button:focus-visible,
.two-factor-app-link:focus-visible {
  outline: 3px solid rgba(23,104,229,.28);
  outline-offset: 2px;
}
.nexora-login-footer a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 0 4px;
  border-radius: 7px;
}
.nexora-login-back {
  min-height: 40px;
  padding: 10px 8px 0;
}
.nexora-two-factor-setup { overflow: hidden; }
.two-factor-secret strong { min-width: 0; }

@media (max-width: 700px) {
  .nexora-login-page {
    padding-top: max(20px, env(safe-area-inset-top));
    padding-right: max(12px, env(safe-area-inset-right));
    padding-bottom: max(22px, env(safe-area-inset-bottom));
    padding-left: max(12px, env(safe-area-inset-left));
    overflow-x: hidden;
    overflow-y: auto;
  }
  .nexora-login-wrap { width: min(100%, 430px); }
  .nexora-login-card { padding: 27px 20px 23px; }
  .nexora-login-card h1 { font-size: clamp(26px, 8vw, 30px); line-height: 1.08; }
  .nexora-login-security { align-items: flex-start; }
  .nexora-login-trust { width: 100%; justify-content: center; padding: 0; }
  .nexora-login-trust p { min-width: 0; }
  .nexora-login-trust small { line-height: 1.45; }
  .nexora-login-footer { width: 100%; row-gap: 2px; }
}

@media (max-height: 620px) and (min-width: 560px) {
  .nexora-login-page { place-items: start center; padding-top: 14px; padding-bottom: 14px; overflow-y: auto; }
  .nexora-login-wrap { width: min(100%, 620px); }
  .nexora-login-brand { height: 50px; margin-bottom: 10px; }
  .nexora-login-brand img { width: 50px; height: 50px; }
  .nexora-login-brand strong { font-size: 29px; }
  .nexora-login-brand small { margin-top: 5px; font-size: 8px; }
  .nexora-login-card { padding: 20px 34px 17px; }
  .nexora-login-card h1 { font-size: 27px; }
  .nexora-login-copy { margin: 6px 0 15px; font-size: 13px; }
  .nexora-auth-form { gap: 11px; }
  .nexora-auth-form input { min-height: 48px; }
  .nexora-login-submit { min-height: 46px; }
  .nexora-login-security { margin-top: 14px; padding-top: 12px; }
  .nexora-login-trust { margin-top: 12px; }
  .nexora-login-footer { margin-top: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .nexora-login-page *,
  .nexora-login-page *::before,
  .nexora-login-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* NEXORA 5.31.21: interaktive, professionelle Anmeldeumgebung */
html:has(body.auth-page .nexora-login-page){background:#061822;scrollbar-color:#2b5a6c #071d2a}
html:has(body.auth-page .nexora-login-page)::-webkit-scrollbar{width:11px}
html:has(body.auth-page .nexora-login-page)::-webkit-scrollbar-track{background:#071d2a}
html:has(body.auth-page .nexora-login-page)::-webkit-scrollbar-thumb{border:3px solid #071d2a;border-radius:999px;background:#2b5a6c}
.auth-page:has(.nexora-login-page){background:#061822;color:#102538;overflow:auto}
.nexora-login-page{
  --nx-pointer-x:50%;
  --nx-pointer-y:50%;
  position:relative;
  display:block;
  min-height:100dvh;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 13%,rgba(19,154,199,.24),transparent 31%),
    radial-gradient(circle at 86% 78%,rgba(19,100,190,.22),transparent 34%),
    linear-gradient(135deg,#051721 0%,#082838 47%,#071c2b 100%);
}
.nexora-login-page::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  pointer-events:none;
  background:radial-gradient(circle 380px at var(--nx-pointer-x) var(--nx-pointer-y),rgba(79,210,235,.105),transparent 72%);
  transition:background-position .2s ease-out;
}
.nexora-login-page::after{content:none}
.nexora-login-scene{position:absolute;z-index:-3;inset:0;overflow:hidden;pointer-events:none}
.nexora-login-network{position:absolute;inset:0;width:100%;height:100%;opacity:.78;transition:opacity .8s ease}
.nexora-login-page:not(.is-ready) .nexora-login-network{opacity:0}
.nexora-login-aurora{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8;will-change:transform}
.nexora-login-aurora-a{top:-24%;left:-13%;width:min(62vw,880px);aspect-ratio:1;background:radial-gradient(circle,rgba(16,161,199,.22),rgba(20,104,167,.07) 43%,transparent 70%);animation:nexora-aurora-a 18s ease-in-out infinite alternate}
.nexora-login-aurora-b{right:-18%;bottom:-36%;width:min(68vw,960px);aspect-ratio:1;background:radial-gradient(circle,rgba(27,104,212,.2),rgba(17,172,190,.07) 47%,transparent 72%);animation:nexora-aurora-b 22s ease-in-out infinite alternate}
.nexora-login-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(rgba(124,207,226,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(124,207,226,.09) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,black,transparent 48%,rgba(0,0,0,.25));-webkit-mask-image:linear-gradient(to right,black,transparent 48%,rgba(0,0,0,.25))}
.nexora-login-grid::after{content:"";position:absolute;left:0;right:42%;height:1px;background:linear-gradient(90deg,transparent,rgba(103,224,242,.4),transparent);box-shadow:0 0 16px rgba(70,209,233,.25);animation:nexora-scan-line 11s linear infinite}
.nexora-login-orbit{position:absolute;border:1px solid rgba(114,216,235,.13);border-radius:50%;transform:rotate(-18deg)}
.nexora-login-orbit::before,.nexora-login-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#67d7ed;box-shadow:0 0 0 5px rgba(74,203,229,.08),0 0 22px rgba(74,203,229,.55)}
.nexora-login-orbit-a{left:-18%;bottom:-47%;width:68vw;max-width:980px;aspect-ratio:1/1}.nexora-login-orbit-a::before{top:14%;right:20%}.nexora-login-orbit-a::after{top:41%;right:0;width:4px;height:4px}
.nexora-login-orbit-b{right:-21%;top:-42%;width:58vw;max-width:850px;aspect-ratio:1/1;opacity:.72}.nexora-login-orbit-b::before{bottom:12%;left:25%}.nexora-login-orbit-b::after{bottom:41%;left:0;width:4px;height:4px}
.nexora-login-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.82fr);align-items:center;gap:clamp(54px,7vw,118px);width:min(100%,1240px);min-height:100dvh;margin:0 auto;padding:max(44px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-bottom)) max(34px,env(safe-area-inset-left))}
.nexora-login-intro{display:grid;align-content:center;min-width:0;color:#eaf7fb}
/* Self-hosted brand face: no font requests to third parties on the sign-in page. */
@font-face{font-family:'Nexora Space Grotesk';src:url('fonts/space-grotesk-variable.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
.nexora-login-page .nexora-login-brand strong{font-family:'Nexora Space Grotesk','Bahnschrift','Segoe UI',sans-serif;font-weight:700;font-synthesis:none;white-space:nowrap}
.nexora-login-intro .nexora-login-brand{justify-content:flex-start;height:auto;margin:0 0 clamp(44px,6vh,76px);gap:clamp(16px,1.6vw,24px);color:#fff;filter:none}
.nexora-login-intro .nexora-login-brand img{width:clamp(88px,8vw,116px);height:clamp(88px,8vw,116px);flex-shrink:0;padding:8px;border:1px solid rgba(120,218,237,.32);border-radius:27px;background:linear-gradient(145deg,rgba(23,105,146,.54),rgba(7,35,52,.32));box-shadow:0 20px 48px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.1)}
.nexora-login-intro .nexora-login-brand span{align-items:flex-start;min-width:0}
.nexora-login-intro .nexora-login-brand strong{font-size:clamp(44px,5.1vw,72px);line-height:1.05;letter-spacing:.045em;color:#fff}
.nexora-login-intro .nexora-login-brand small{margin-top:11px;font-size:clamp(10px,1vw,12px);line-height:1.4;letter-spacing:.28em;color:#76dfef}
.nexora-login-kicker{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:#69d8ec;font-size:11px;font-weight:850;letter-spacing:.19em}
.nexora-login-kicker span{width:30px;height:1px;background:linear-gradient(90deg,#64d8ec,transparent)}
.nexora-login-intro-copy h2{max-width:700px;margin:0;color:#f8fdff;font-size:clamp(46px,5.15vw,74px);font-weight:780;line-height:.98;letter-spacing:-.047em;text-wrap:balance}
.nexora-login-intro-copy h2 em{color:#68d8ec;font-style:normal;font-weight:620}
.nexora-login-intro-copy>p:last-child{max-width:560px;margin:26px 0 0;color:#9eb9c6;font-size:16px;line-height:1.7}
.nexora-login-signal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;max-width:470px;margin-top:42px;padding:15px 16px;border:1px solid rgba(104,204,226,.18);border-radius:15px;background:linear-gradient(120deg,rgba(13,53,70,.72),rgba(13,46,68,.38));box-shadow:0 18px 50px rgba(0,0,0,.11);backdrop-filter:blur(12px)}
.nexora-login-signal-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(70,209,211,.1)}
.nexora-login-signal-mark i{width:9px;height:9px;border-radius:50%;background:#4bd0ac;box-shadow:0 0 0 5px rgba(75,208,172,.1),0 0 15px rgba(75,208,172,.45);animation:nexora-signal 2.8s ease-in-out infinite}
.nexora-login-signal div{display:flex;flex-direction:column;min-width:0}.nexora-login-signal strong{color:#e9f7fa;font-size:13px}.nexora-login-signal small{margin-top:3px;color:#82a5b4;font-size:10px}.nexora-login-signal svg{width:24px;height:24px;fill:none;stroke:#5ed1e7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nexora-login-capabilities{display:flex;flex-wrap:wrap;gap:20px 28px;margin:25px 0 0;padding:0;list-style:none}.nexora-login-capabilities li{display:flex;align-items:center;gap:8px;color:#8eabb7;font-size:10px}.nexora-login-capabilities span{color:#5dcce1;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.nexora-login-capabilities strong{font-weight:650}
.nexora-login-wrap{position:relative;z-index:3;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:520px;justify-self:end}
.nexora-login-brand-mobile{display:none}
.nexora-login-card{position:relative;width:100%;padding:46px 46px 34px;overflow:hidden;border:1px solid rgba(218,231,238,.92);border-radius:24px;background:rgba(255,255,255,.965);box-shadow:0 38px 90px rgba(0,13,26,.28),0 8px 24px rgba(4,31,47,.14),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(20px)}
.nexora-login-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1469e1,#1eb4d2 58%,#74dfdf)}
.nexora-login-card-mark{display:flex;align-items:center;justify-content:center;gap:5px;height:22px;margin:0 auto 18px}.nexora-login-card-mark span,.nexora-login-card-mark i{display:block;border-radius:99px;background:#1597c4}.nexora-login-card-mark span{width:9px;height:9px;box-shadow:0 0 0 5px #e8f6fa}.nexora-login-card-mark i{width:24px;height:3px;opacity:.28}
.nexora-login-card h1{margin:0;text-align:center;color:#0b2032;font-size:clamp(29px,3vw,37px);font-weight:820;line-height:1.08;letter-spacing:-.035em}
.nexora-login-copy{max-width:390px;margin:11px auto 28px;color:#657c8d;font-size:14px;line-height:1.55;text-align:center}
.nexora-login-page .nexora-auth-form{gap:16px}
.nexora-login-page .nexora-auth-form label{gap:7px;color:#193246;font-size:12px;font-weight:780}
.nexora-login-page .nexora-auth-form input{min-height:54px;border:1px solid #cddbe4;border-radius:12px;background:#fbfdfe;color:#0e2435;font-size:14px;box-shadow:inset 0 1px 2px rgba(13,46,65,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.nexora-login-page .nexora-auth-form input:hover{border-color:#aebfca;background:#fff}
.nexora-login-page .nexora-auth-form input:focus{border-color:#168bc0;outline:0;box-shadow:0 0 0 4px rgba(18,151,195,.11),inset 0 1px 2px rgba(13,46,65,.025);background:#fff}
.nexora-login-input:focus-within{box-shadow:none}.nexora-login-input:focus-within>svg{stroke:#138dbd}
.nexora-login-input>svg{left:16px;width:20px;height:20px;color:#7d93a1;stroke:#7d93a1}
.nexora-login-page .nexora-auth-form .nexora-login-input>input{padding-left:49px}
.nexora-login-submit{min-height:54px;margin-top:3px;border-radius:12px;background:linear-gradient(135deg,#0e68d7,#0d92c0);box-shadow:0 12px 26px rgba(11,111,186,.24);font-size:14px;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.nexora-login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(11,111,186,.3);filter:saturate(1.08)}
.nexora-login-submit:active{transform:translateY(0)}
.nexora-login-security{margin-top:23px;padding-top:19px;border-top:1px solid #e2ebf0;color:#647c8b;font-size:10px;line-height:1.55}.nexora-login-security>span{width:31px;height:31px;border-radius:10px;background:#e9f6fa;color:#0f91bd}.nexora-login-security span svg{width:17px;height:17px}
.nexora-login-trust{justify-content:center;margin:20px auto 0;color:#b1c7d0}.nexora-login-trust>span{width:38px;height:38px;border:1px solid rgba(105,214,233,.16);background:rgba(32,135,166,.17);color:#67d7e9}.nexora-login-trust p{min-width:0}.nexora-login-trust strong{color:#dcecf1;font-size:11px}.nexora-login-trust small{margin-top:3px;color:#809eac;font-size:9px;line-height:1.4}
.nexora-login-footer{margin-top:12px;color:#6f909e;font-size:9px}.nexora-login-footer a{min-height:32px;color:#9fc1cd}.nexora-login-footer i{background:rgba(151,191,203,.3)}
.nexora-two-factor-setup .eyebrow{text-align:center;color:#087ea9}.nexora-two-factor-setup .two-factor-secret{border-color:#d4e4eb;background:#f4f9fb}.nexora-two-factor-setup .two-factor-app-link{border-color:#c8dce5;color:#087ba5;background:#fff}
@keyframes nexora-aurora-a{from{transform:translate3d(-3%,1%,0) scale(.98)}to{transform:translate3d(7%,8%,0) scale(1.08)}}
@keyframes nexora-aurora-b{from{transform:translate3d(4%,-2%,0) scale(1.02)}to{transform:translate3d(-7%,-6%,0) scale(.94)}}
@keyframes nexora-scan-line{0%{top:-2%;opacity:0}10%{opacity:.75}88%{opacity:.35}100%{top:102%;opacity:0}}
@keyframes nexora-signal{0%,100%{transform:scale(.82);opacity:.75}50%{transform:scale(1);opacity:1}}
@media(max-width:980px){
  .nexora-login-layout{grid-template-columns:minmax(0,.82fr) minmax(410px,1fr);gap:42px;padding-inline:26px}
  .nexora-login-intro-copy h2{font-size:clamp(40px,5.5vw,58px)}
  .nexora-login-capabilities{display:grid;gap:11px}
}
@media(max-width:820px){
  .nexora-login-page{overflow-x:hidden;overflow-y:auto}
  .nexora-login-layout{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .nexora-login-intro{display:none}
  .nexora-login-wrap{max-width:510px;justify-self:auto}
  .nexora-login-brand-mobile{display:flex;height:auto;justify-content:center;gap:16px;margin:0 0 26px;color:#fff;filter:none}
  .nexora-login-brand-mobile img{width:76px;height:76px;flex-shrink:0;padding:5px;border:1px solid rgba(113,214,233,.32);border-radius:21px;background:rgba(10,59,82,.55)}
  .nexora-login-brand-mobile span{align-items:flex-start;min-width:0}.nexora-login-brand-mobile strong{font-size:44px;line-height:1.05;letter-spacing:.045em;color:#fff}.nexora-login-brand-mobile small{margin-top:8px;color:#76dfef;font-size:10px;line-height:1.4;letter-spacing:.23em}
  .nexora-login-grid{opacity:.12;mask-image:none;-webkit-mask-image:none}
  .nexora-login-orbit-a{left:-60%;bottom:-22%;width:135vw}.nexora-login-orbit-b{right:-70%;top:-16%;width:130vw}
}
@media(max-width:540px){
  .nexora-login-layout{align-items:flex-start;padding-top:max(18px,env(safe-area-inset-top));padding-inline:max(10px,env(safe-area-inset-left))}
  .nexora-login-brand-mobile{gap:13px;margin:4px 0 22px}.nexora-login-brand-mobile img{width:clamp(60px,17vw,72px);height:clamp(60px,17vw,72px);border-radius:19px}.nexora-login-brand-mobile strong{font-size:clamp(31px,9vw,42px)}.nexora-login-brand-mobile small{font-size:clamp(8px,2.25vw,10px)}
  .nexora-login-card{padding:31px 21px 23px;border-radius:20px}
  .nexora-login-card-mark{margin-bottom:13px}
  .nexora-login-card h1{font-size:clamp(26px,8vw,31px)}
  .nexora-login-copy{margin:9px auto 22px;font-size:12px}
  .nexora-login-page .nexora-auth-form input{min-height:51px}
  .nexora-login-page .nexora-auth-form .form-grid{grid-template-columns:1fr}
  .nexora-login-submit{min-height:51px}
  .nexora-login-security{margin-top:18px;padding-top:16px}
  .nexora-login-trust{margin-top:14px;padding:0 4px}.nexora-login-trust>span{width:34px;height:34px}.nexora-login-trust small{font-size:8px}
  .nexora-login-footer{gap:8px;margin-top:4px}.nexora-login-footer a{min-height:30px}
}
@media(max-height:760px) and (min-width:821px){
  .nexora-login-layout{padding-top:22px;padding-bottom:22px}
  .nexora-login-intro .nexora-login-brand{margin-bottom:33px}.nexora-login-intro-copy h2{font-size:clamp(39px,4.7vw,60px)}.nexora-login-intro-copy>p:last-child{margin-top:17px}.nexora-login-signal{margin-top:23px}.nexora-login-capabilities{margin-top:16px}
  .nexora-login-card{padding:31px 39px 25px}.nexora-login-card-mark{margin-bottom:10px}.nexora-login-copy{margin:7px auto 18px}.nexora-login-page .nexora-auth-form{gap:11px}.nexora-login-page .nexora-auth-form input,.nexora-login-submit{min-height:48px}.nexora-login-security{margin-top:15px;padding-top:13px}.nexora-login-trust{margin-top:10px}.nexora-login-footer{margin-top:0}
}
@media(prefers-reduced-motion:reduce){
  .nexora-login-aurora,.nexora-login-grid::after,.nexora-login-signal-mark i{animation:none!important}
  .nexora-login-page::before{transition:none}
}

/* Anmeldung: dieselbe gespeicherte/systemweite Darstellung wie im Produkt.
   Der Live-Hintergrund bleibt erhalten; im Dark-Mode ist auch das Formular
   eine echte dunkle Arbeitsfläche statt einer hellen Insel. */
html[data-nx-theme="dark"] .nexora-login-card{
  color:#eaf5f9;
  background:linear-gradient(145deg,rgba(10,33,46,.975),rgba(9,27,40,.965));
  border-color:#315365;
  box-shadow:0 38px 90px rgba(0,7,14,.48),0 8px 24px rgba(0,10,18,.28),inset 0 1px rgba(255,255,255,.045);
}
html[data-nx-theme="dark"] .nexora-login-card::before{background:linear-gradient(90deg,#1d86e8,#2bc2dc 58%,#75e2dc)}
html[data-nx-theme="dark"] .nexora-login-card-mark span{background:#43c6dd;box-shadow:0 0 0 5px rgba(67,198,221,.12)}
html[data-nx-theme="dark"] .nexora-login-card-mark i{background:#63d5e8;opacity:.4}
html[data-nx-theme="dark"] .nexora-login-card h1{color:#f4fbfd}
html[data-nx-theme="dark"] .nexora-login-copy{color:#9db5c1}
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form label{color:#d4e5ec}
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input{
  color:#edf8fb;
  background:#0c2736;
  border-color:#365565;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.24);
  color-scheme:dark;
}
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input::placeholder{color:#7894a2;opacity:1}
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input:hover{color:#f5fcfe;background:#102e3e;border-color:#4d7183}
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input:focus{color:#fff;background:#102f40;border-color:#35b6da;box-shadow:0 0 0 4px rgba(53,182,218,.14),inset 0 1px 2px rgba(0,0,0,.18)}
html[data-nx-theme="dark"] .nexora-login-input>svg{color:#7fa6b7;stroke:#7fa6b7}
html[data-nx-theme="dark"] .nexora-password-field>button{color:#9db9c5}
html[data-nx-theme="dark"] .nexora-password-field>button:hover{color:#7addf0;background:#153747}
html[data-nx-theme="dark"] .nexora-login-security{color:#9ab4c0;border-color:#294756}
html[data-nx-theme="dark"] .nexora-login-security>span{color:#69d9ed;background:#153848}
html[data-nx-theme="dark"] .nexora-login-page .alert.error{color:#ffc0c5;background:#3e2228;border-color:#75414a}
html[data-nx-theme="dark"] .nexora-login-page .alert.success{color:#a8e7ca;background:#19392f;border-color:#376b58}
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input:-webkit-autofill,
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input:-webkit-autofill:hover,
html[data-nx-theme="dark"] .nexora-login-page .nexora-auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#edf8fb;box-shadow:0 0 0 1000px #0c2736 inset;caret-color:#edf8fb}
html[data-nx-theme="dark"] .nexora-two-factor-setup .two-factor-secret{color:#d7e9f0;background:#0e2938;border-color:#355767}
html[data-nx-theme="dark"] .nexora-two-factor-setup .two-factor-secret span{color:#91acb8}
html[data-nx-theme="dark"] .nexora-two-factor-setup .two-factor-secret strong{color:#87dcf0}
html[data-nx-theme="dark"] .nexora-two-factor-setup .two-factor-secret button,
html[data-nx-theme="dark"] .nexora-two-factor-setup .two-factor-app-link{color:#82def1;background:#122f3f;border-color:#3b6274}

/* PC-Hardwareakten · produktive Geräte- und Seriennummernverwaltung */
.hardware-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.1rem 0}.hardware-overview-stats>div{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid #d8e6ec;border-radius:12px;background:#f8fbfc}.hardware-overview-stats span{color:#6a8190;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.hardware-overview-stats strong{font-size:1.45rem;color:#123248}.hardware-overview-stats .needs-action{background:#fff8e9;border-color:#efd69a}.hardware-overview-stats .needs-action strong{color:#a46400}.hardware-link-state{display:inline-flex!important;justify-content:flex-end;padding:.28rem .55rem;border-radius:999px;font-size:.7rem!important;font-weight:800}.hardware-link-state.is-linked{background:#e8f7ee;color:#176a4c}.hardware-link-state.is-open{background:#fff2d9;color:#995d00}.hardware-empty-state{display:grid;justify-items:center;text-align:center;padding:3rem 1rem;border:1px dashed #cbdde5;border-radius:14px;color:#6a8190}.hardware-empty-state>span{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#e8f4f8;color:#087fa8;font-weight:900}.hardware-empty-state strong{margin-top:.8rem;color:#18384c}.hardware-empty-state p{max-width:480px;margin:.35rem 0 0}.hardware-assignment-copy{grid-column:1/-1;display:grid;gap:.2rem}.hardware-assignment-copy strong{color:#123248}.hardware-assignment-copy small{color:#5e7785;font-weight:500;line-height:1.45}.hardware-pc-icon{font-size:.75rem;font-weight:950;letter-spacing:.05em}
@media(max-width:900px){.hardware-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-link-state{justify-content:flex-start}}
@media(max-width:520px){.hardware-overview-stats{grid-template-columns:1fr 1fr}.hardware-overview-stats>div{padding:.75rem}.hardware-overview-stats strong{font-size:1.15rem}}

/* PC-Hardwareakten · finaler, kompakter Dialog */
.modal.hardware-assets-modal{
  display:flex;
  width:min(920px,calc(100vw - 32px));
  max-height:min(840px,calc(100dvh - 32px));
  flex-direction:column;
  overflow:hidden;
  border-radius:18px;
}
.hardware-assets-modal>.modal-head{
  flex:0 0 auto;
  padding:25px 28px 20px;
  background:linear-gradient(145deg,#fff 0%,#fbfdfe 100%);
}
.hardware-assets-modal>.modal-head h2{margin-top:6px;font-size:24px}
.hardware-assets-modal>.modal-head p{max-width:670px;margin-top:4px;font-size:11px;line-height:1.55}
.hardware-assets-modal>.modal-head .close-button{
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid #dce7ec;
  border-radius:10px;
  background:#fff;
}
.hardware-assets-body{
  display:flex;
  min-height:0;
  flex:1;
  flex-direction:column;
  gap:18px;
  padding:20px 28px 22px;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-gutter:stable;
  background:#fff;
}
.hardware-assets-body .hardware-overview-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0;
}
.hardware-assets-body .hardware-overview-stats>div{
  min-height:98px;
  align-content:center;
  gap:5px;
  padding:15px 17px;
  border-color:#d5e4eb;
  border-radius:14px;
  background:linear-gradient(145deg,#fbfdfe,#f5f9fb);
}
.hardware-assets-body .hardware-overview-stats span{font-size:10px;line-height:1.35}
.hardware-assets-body .hardware-overview-stats strong{font-size:25px;line-height:1.05}
.hardware-assets-body .hardware-overview-stats small{color:#7b919c;font-size:9px;font-weight:700}
.hardware-assets-body .hardware-overview-stats .needs-action{background:linear-gradient(145deg,#fffaf0,#fff5df)}
.hardware-assets-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:16px;
  margin:0;
}
.hardware-assets-toolbar .hardware-search-field{display:grid;min-width:0;gap:7px}
.hardware-assets-toolbar .hardware-search-field>span:first-child{
  color:#5f7785;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hardware-search-control{
  position:relative;
  display:block;
  min-width:0;
}
.hardware-search-control>svg{
  position:absolute;
  z-index:1;
  top:50%;
  left:14px;
  width:18px;
  height:18px;
  fill:none;
  stroke:#718b99;
  stroke-width:1.8;
  stroke-linecap:round;
  transform:translateY(-50%);
  pointer-events:none;
}
.hardware-assets-toolbar .hardware-search-control>input{
  display:block;
  width:100%;
  min-height:46px;
  margin:0;
  padding:10px 14px 10px 43px;
  color:#17384a;
  font:inherit;
  font-size:12px;
  background:#fff;
  border:1px solid #cadbe4;
  border-radius:11px;
  outline:0;
  box-sizing:border-box;
}
.hardware-assets-toolbar .hardware-search-control>input:focus{
  border-color:#1686b4;
  box-shadow:0 0 0 3px rgba(22,134,180,.11);
}
.hardware-result-count{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  align-self:end;
  padding:0 13px;
  color:#536f7e!important;
  font-size:10px!important;
  font-weight:800;
  white-space:nowrap;
  background:#f1f6f8;
  border:1px solid #dce8ed;
  border-radius:999px;
}
.hardware-assets-body .hardware-asset-list{display:grid;min-height:0;gap:10px}
.hardware-assets-body .hardware-empty-state{
  min-height:238px;
  align-content:center;
  padding:28px 22px;
  border-color:#c8dce5;
  border-radius:16px;
  background:linear-gradient(145deg,#fcfeff,#f7fbfc);
  box-sizing:border-box;
}
.hardware-assets-body .hardware-empty-state>span{
  width:56px;
  height:56px;
  color:#087ca7;
  font-size:17px;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px #d7eaf1;
}
.hardware-assets-body .hardware-empty-state strong{margin-top:14px;font-size:15px}
.hardware-assets-body .hardware-empty-state p{max-width:500px;margin-top:6px;font-size:11px;line-height:1.5}
.hardware-assets-body .hardware-client-note{
  align-items:flex-start;
  gap:12px;
  margin:0;
  padding:14px 16px;
  border:1px solid #d5e7ee;
  border-radius:13px;
  background:#edf7fa;
}
.hardware-assets-body .hardware-client-note>span{margin-top:1px}
.hardware-assets-body .hardware-client-note p{font-size:10px;line-height:1.55}

@media(max-width:760px){
  .modal.hardware-assets-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}
  .hardware-assets-modal>.modal-head{padding:20px 18px 16px}
  .hardware-assets-modal>.modal-head h2{font-size:21px}
  .hardware-assets-modal>.modal-head p{font-size:10px}
  .hardware-assets-body{gap:14px;padding:16px 18px max(18px,env(safe-area-inset-bottom));scrollbar-gutter:auto}
  .hardware-assets-body .hardware-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hardware-assets-body .hardware-overview-stats>div{min-height:82px;padding:12px 13px}
  .hardware-assets-body .hardware-overview-stats span{font-size:9px}
  .hardware-assets-body .hardware-overview-stats strong{font-size:21px}
  .hardware-assets-toolbar{grid-template-columns:1fr;gap:9px}
  .hardware-result-count{min-height:31px;justify-self:start;padding:0 10px;font-size:9px!important}
  .hardware-assets-body .hardware-empty-state{min-height:210px;padding:24px 16px}
  .hardware-assets-body .hardware-client-note{padding:12px 13px}
}
@media(max-width:420px){
  .hardware-assets-modal>.modal-head{padding-right:14px;padding-left:14px}
  .hardware-assets-body{padding-right:14px;padding-left:14px}
  .hardware-assets-body .hardware-overview-stats>div{min-height:76px;padding:10px 11px}
  .hardware-assets-body .hardware-overview-stats span{font-size:8px;letter-spacing:.055em}
  .hardware-assets-body .hardware-overview-stats strong{font-size:19px}
  .hardware-assets-body .hardware-empty-state p{font-size:10px}
}

/* 5.29.11: finalisierte persönliche Profileinstellungen */
.modal.profile-workspace{
  width:min(1120px,calc(100vw - 36px));
  max-height:min(920px,calc(100dvh - 36px));
  overflow:auto;
  background:#f4f8fa;
  border:1px solid rgba(255,255,255,.7);
  border-radius:20px;
  scrollbar-gutter:stable;
}
.profile-workspace>.modal-head{
  position:sticky;
  z-index:8;
  top:0;
  padding:22px 26px 18px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}
.profile-workspace>.modal-head h2{font-size:24px}
.profile-workspace>.modal-head p{font-size:11px}
.profile-summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin:20px 22px 0;
  padding:20px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(62,179,231,.22),transparent 32%),
    linear-gradient(125deg,#082b40,#0c4968 60%,#0a5d7c);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(7,42,61,.15);
}
.profile-summary-avatar{position:relative}
.profile-summary-avatar .profile-avatar{
  width:78px;
  height:78px;
  flex-basis:78px;
  overflow:hidden;
  color:#075c84;
  font-size:21px;
  background:#fff;
  border:3px solid rgba(255,255,255,.28);
  border-radius:20px;
  box-shadow:0 8px 18px rgba(0,16,29,.2);
}
.profile-summary-avatar .profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-online-dot{
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:18px;
  height:18px;
  background:#35c98b;
  border:4px solid #0c4968;
  border-radius:50%;
}
.profile-summary-copy{min-width:0}
.profile-summary-copy>span,.profile-summary-security small{
  display:block;
  color:#9ed7ed;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.profile-summary-copy h3{
  overflow:hidden;
  margin:4px 0 2px;
  color:#fff;
  font-size:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-summary-copy p{overflow:hidden;margin:0;color:#d4e7ef;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.profile-summary-copy>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.profile-summary-copy b{
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:0 9px;
  color:#dcecf3;
  font-size:8px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
}
.profile-summary-copy b.secure{color:#bff4dd;background:rgba(45,193,129,.14);border-color:rgba(108,224,173,.22)}
.profile-summary-copy b.required{color:#ffe0a3;background:rgba(255,172,43,.13);border-color:rgba(255,200,108,.2)}
.profile-summary-security{
  display:flex;
  min-width:205px;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
}
.profile-summary-security>span{display:grid;width:34px;height:34px;place-items:center;color:#9fe6ff;background:rgba(255,255,255,.08);border-radius:9px}
.profile-summary-security svg{width:19px;height:19px}
.profile-summary-security strong{display:block;margin-top:3px;color:#fff;font-size:10px}
.profile-workspace .profile-dialog-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.82fr);
  gap:16px;
  align-items:start;
  padding:16px 22px 22px;
}
.profile-panel,.profile-security-card{
  overflow:hidden;
  background:#fff;
  border:1px solid #d8e5eb;
  border-radius:15px;
  box-shadow:0 5px 18px rgba(15,58,79,.045);
}
.profile-workspace .profile-form,.profile-workspace .password-form{margin:0;padding:20px}
.profile-panel-head{display:flex;align-items:flex-start;gap:11px;padding-bottom:15px;border-bottom:1px solid #e4ecef}
.profile-panel-head>div{min-width:0}
.profile-panel-head .eyebrow{font-size:8px}
.profile-panel-head h3{margin:3px 0 3px;color:#162f40;font-size:16px}
.profile-panel-head p{margin:0;color:#718590;font-size:9px;line-height:1.5}
.profile-panel-icon{
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  color:#0a6fc9;
  background:linear-gradient(145deg,#eaf5ff,#e4f1f8);
  border:1px solid #cfe2ef;
  border-radius:10px;
}
.profile-panel-icon svg{width:19px;height:19px}
.profile-panel-icon.small{width:32px;height:32px;flex-basis:32px;border-radius:9px}
.profile-panel-icon.small svg{width:16px;height:16px}
.profile-avatar-editor{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px;
  background:#f4f9fb;
  border:1px solid #dce8ed;
  border-radius:12px;
}
.profile-avatar-preview .profile-avatar{
  width:66px;
  height:66px;
  flex-basis:66px;
  overflow:hidden;
  border-radius:17px;
  box-shadow:0 6px 15px rgba(19,61,83,.1);
}
.profile-avatar-preview .profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-avatar-editor>label{min-width:0}
.profile-avatar-editor>label>strong{color:#25485b;font-size:10px}
.profile-avatar-editor input[type=file]{min-height:39px;margin-top:2px;padding:5px!important;font-size:9px!important;background:#fff}
.profile-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.profile-identity-fields .exchange-profile-setting{grid-column:1/-1}
.profile-clear-avatar span{display:flex;flex-direction:column;gap:2px}
.profile-clear-avatar strong{font-size:9px}.profile-clear-avatar small{font-size:8px!important}
.profile-signature-section{display:grid;gap:10px;margin-top:2px;padding-top:16px;border-top:1px solid #e3ebef}
.profile-section-title{display:flex;align-items:center;gap:10px}
.profile-section-title>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.profile-section-title strong{color:#244659;font-size:11px}
.profile-section-title small{color:#718590;font-size:8px;line-height:1.45}
.profile-workspace .rich-editor-host{border-color:#cfdfe6;border-radius:11px}
.profile-workspace .rich-editor-toolbar{padding:8px;background:#f0f5f7}
.profile-workspace .rich-editor-content{min-height:210px}
.profile-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:3px -20px -20px;padding:14px 20px;background:#f7fafb;border-top:1px solid #e0e9ed}
.profile-save-bar>span{color:#70858f;font-size:8px}
.profile-save-bar .primary-button{min-width:150px}
.profile-account-column{display:grid;align-content:start;gap:16px}
.profile-workspace .password-form h3{margin:3px 0 3px}
.profile-password-hint,.profile-security-benefit{display:flex;align-items:center;gap:10px;padding:10px 11px;color:#31576a;background:#eff7fa;border:1px solid #d5e6ec;border-radius:10px}
.profile-password-hint>span,.profile-security-benefit>span{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;color:#0b70a1;font-size:9px;font-weight:950;background:#fff;border-radius:8px}
.profile-password-hint p,.profile-security-benefit p{display:flex;min-width:0;flex-direction:column;gap:2px;margin:0}
.profile-password-hint strong,.profile-security-benefit strong{color:#2f5365;font-size:9px}
.profile-password-hint small,.profile-security-benefit small{color:#6e8490;font-size:8px;line-height:1.4}
.profile-password-submit{width:100%}
.profile-workspace .profile-security-card{gap:14px;padding:20px;background:#fff}
.profile-workspace .profile-security-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start}
.profile-panel-heading{min-width:0}
.profile-workspace .profile-security-head h3{margin:3px 0;font-size:16px}
.profile-workspace .profile-security-head p{font-size:9px}
.profile-workspace .profile-security-pill{align-self:start}
.profile-workspace .profile-security-card>[data-profile-2fa-setup]>.primary-button{width:100%}
.profile-workspace .profile-2fa-disable{margin:0;padding:0;background:transparent}
.profile-workspace .profile-2fa-setup>.modal-form{padding:0}
.profile-workspace .exchange-profile-setting{padding:12px;border-radius:10px}

@media(max-width:980px){
  .profile-workspace .profile-dialog-grid{grid-template-columns:1fr}
  .profile-account-column{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-account-column>*{min-width:0}
}
@media(max-width:760px){
  .modal.profile-workspace{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px;scrollbar-gutter:auto}
  .profile-workspace>.modal-head{padding:18px 18px 15px}
  .profile-workspace>.modal-head h2{font-size:21px}
  .profile-summary{grid-template-columns:auto minmax(0,1fr);margin:14px 14px 0;padding:16px}
  .profile-summary-avatar .profile-avatar{width:62px;height:62px;flex-basis:62px;border-radius:16px}
  .profile-summary-copy h3{font-size:17px}
  .profile-summary-security{grid-column:1/-1;min-width:0}
  .profile-workspace .profile-dialog-grid{gap:12px;padding:12px 14px max(16px,env(safe-area-inset-bottom))}
  .profile-account-column{grid-template-columns:1fr}
  .profile-workspace .profile-form,.profile-workspace .password-form,.profile-workspace .profile-security-card{padding:16px}
  .profile-identity-fields{grid-template-columns:1fr}
  .profile-identity-fields .exchange-profile-setting{grid-column:auto}
  .profile-workspace .exchange-profile-setting{grid-template-columns:1fr}
  .profile-save-bar{align-items:stretch;flex-direction:column;margin:2px -16px -16px;padding:13px 16px}
  .profile-save-bar .primary-button{width:100%}
  .profile-workspace .profile-security-head{grid-template-columns:auto minmax(0,1fr)}
  .profile-workspace .profile-security-pill{grid-column:1/-1;justify-self:start}
  .profile-workspace .profile-2fa-disable{grid-template-columns:1fr}
}
@media(max-width:420px){
  .profile-summary{grid-template-columns:1fr;text-align:center}
  .profile-summary-avatar{justify-self:center}
  .profile-summary-copy>div{justify-content:center}
  .profile-summary-security{text-align:left}
  .profile-avatar-editor{grid-template-columns:1fr;justify-items:center;text-align:center}
  .profile-avatar-editor>label{width:100%;text-align:left}
  .profile-panel-head{align-items:center}
  .profile-workspace .rich-editor-content{min-height:170px}
}

/* 5.30.0: finalisierter lokaler KI-Arbeitsbereich und sichere Dateianalyse */
.ai-workbench-head{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:19px 22px;color:#fff;background:linear-gradient(128deg,#06283a 0%,#0a4a66 58%,#0a789f 100%);border:1px solid rgba(80,194,226,.25);border-radius:19px;box-shadow:0 14px 34px rgba(5,42,61,.15)}
.ai-workbench-head .eyebrow{color:#77d9f3}.ai-workbench-head h1{margin:3px 0 4px;color:#fff;font-size:26px}.ai-workbench-head p{margin:0;color:#cbe5ed;font-size:12px}.ai-head-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.ai-ready-pill{display:inline-flex;gap:7px;align-items:center;padding:10px 12px;color:#daf7e9;font-size:10px;font-weight:850;background:rgba(7,45,61,.62);border:1px solid rgba(151,235,202,.22);border-radius:999px}.ai-ready-pill i{width:8px;height:8px;background:#42ce91;border-radius:50%;box-shadow:0 0 0 5px rgba(66,206,145,.12)}
.ai-chat-shell-v2{grid-template-columns:280px minmax(0,1fr);min-height:calc(100dvh - 215px);height:calc(100dvh - 215px);overflow:hidden;border:1px solid #d4e3e9;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(26,68,88,.09)}
.ai-chat-shell-v2 .ai-chat-threads{min-height:0;padding:14px;background:linear-gradient(180deg,#f7fafb,#f1f6f8);border-right:1px solid #d8e5ea;overflow-y:auto}.ai-chat-shell-v2 .ai-chat-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:linear-gradient(180deg,#fff,#fbfdfe)}
.ai-chat-shell-v2 .ai-chat-workspace>header{padding:15px 19px;border-bottom:1px solid #e0e9ed}.ai-chat-shell-v2 .ai-chat-workspace>header h2{margin:2px 0 0;font-size:18px}.ai-chat-shell-v2 .ai-chat-messages{min-height:0;max-height:none;padding:20px 24px;overflow-y:auto;scrollbar-gutter:stable}.ai-chat-shell-v2 .ai-chat-message{max-width:86%;margin-bottom:18px}.ai-chat-shell-v2 .ai-chat-message.user{margin-left:auto}.ai-chat-shell-v2 .ai-chat-message>div:last-child{box-shadow:0 5px 15px rgba(21,62,81,.045)}
.ai-chat-compose-v2{position:relative;display:block;margin:0;padding:12px 16px 13px;background:rgba(249,252,253,.96);border-top:1px solid #dbe7ec;transition:.18s ease}.ai-chat-compose-v2.drag-active{background:#ebf9fc;box-shadow:inset 0 0 0 3px rgba(16,157,195,.18)}.ai-chat-compose-v2.drag-active:after{position:absolute;inset:9px;z-index:5;display:grid;place-items:center;color:#086f99;font-size:14px;font-weight:900;background:rgba(238,250,253,.94);border:2px dashed #21a5ca;border-radius:15px;content:'Dateien hier ablegen'}
.ai-compose-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:8px}.ai-compose-toolbar>span{overflow:hidden;color:#718891;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ai-attach-button{display:inline-flex;gap:7px;align-items:center;min-height:34px;padding:6px 10px;color:#17617f;background:#fff;border:1px solid #cddde4;border-radius:10px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.ai-attach-button:hover{color:#087ca7;border-color:#6ab8cf;background:#f2fbfd}.ai-attach-button span{display:grid;width:20px;height:20px;place-items:center;color:#fff;background:#1297c0;border-radius:6px;font-size:15px;line-height:1}
.ai-selected-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;margin:0 0 8px}.ai-selected-files article,.ai-message-documents article{display:grid;grid-template-columns:36px minmax(0,1fr) 28px;gap:9px;align-items:center;min-width:0;padding:8px 9px;background:#fff;border:1px solid #d5e4e9;border-radius:11px}.ai-selected-files article>b,.ai-message-documents article>b{display:grid;width:36px;height:36px;place-items:center;color:#0879a4;font-size:8px;font-weight:950;background:#e7f5f9;border-radius:9px}.ai-selected-files article span,.ai-message-documents article span{min-width:0}.ai-selected-files strong,.ai-selected-files small,.ai-message-documents strong,.ai-message-documents small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-selected-files strong,.ai-message-documents strong{color:#234a5c;font-size:9px}.ai-selected-files small,.ai-message-documents small{margin-top:2px;color:#76909b;font-size:8px}.ai-selected-files button{display:grid;width:28px;height:28px;place-items:center;color:#8a4850;background:#fff5f5;border:0;border-radius:8px;font-size:17px;cursor:pointer}.ai-selected-files button:hover{color:#fff;background:#ba3d49}
.ai-compose-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;padding:8px 8px 8px 13px;background:#fff;border:1px solid #cddce3;border-radius:14px;box-shadow:0 5px 16px rgba(18,61,80,.06)}.ai-compose-input:focus-within{border-color:#2ea6c8;box-shadow:0 0 0 3px rgba(28,168,205,.11)}.ai-compose-input textarea{width:100%;min-height:56px;max-height:160px;padding:5px 0;resize:vertical;color:#163e51;background:transparent;border:0;outline:0;font:inherit;font-size:12px;line-height:1.5}.ai-compose-input .ai-send-button,.ai-compose-input .danger-button{min-width:94px;min-height:42px;border-radius:11px}.ai-chat-compose-v2>footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:7px;color:#78909a;font-size:8px}.ai-chat-compose-v2>footer strong{color:#35705b;font-weight:800}
.ai-message-documents{margin:12px 0 2px;padding:11px;background:#f4f9fb;border:1px solid #d8e7ec;border-radius:13px}.ai-message-documents>.eyebrow{display:block;margin-bottom:7px}.ai-message-documents>div{display:grid;gap:6px}.ai-message-documents article{padding:7px;background:#fff}.ai-message-documents article>i{display:grid;width:25px;height:25px;place-items:center;color:#1b895c;background:#e7f7ee;border-radius:50%;font-size:10px;font-style:normal}

@media(max-width:1000px){.ai-chat-shell-v2{grid-template-columns:230px minmax(0,1fr)}.ai-workbench-head p{max-width:520px}.ai-head-actions{align-items:flex-end;flex-direction:column}}
@media(max-width:760px){.ai-workbench-head{align-items:flex-start;padding:16px;flex-direction:column}.ai-workbench-head h1{font-size:22px}.ai-head-actions{width:100%;align-items:stretch;flex-direction:row;justify-content:space-between}.ai-chat-shell-v2{display:grid;grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 170px)}.ai-chat-shell-v2 .ai-chat-threads{max-height:190px;border-right:0;border-bottom:1px solid #d8e5ea}.ai-chat-shell-v2 .ai-chat-workspace{min-height:620px}.ai-chat-shell-v2 .ai-chat-messages{padding:15px 11px}.ai-chat-shell-v2 .ai-chat-message{max-width:100%}.ai-compose-toolbar{align-items:flex-start;flex-direction:column}.ai-compose-toolbar>span{white-space:normal}.ai-selected-files{grid-template-columns:1fr}.ai-chat-compose-v2>footer{align-items:flex-start;flex-direction:column}.ai-compose-input{grid-template-columns:1fr}.ai-compose-input .ai-send-button,.ai-compose-input .danger-button{width:100%}}
@media(max-width:440px){.ai-head-actions{flex-direction:column}.ai-ready-pill{align-self:flex-start}.ai-chat-shell-v2 .ai-chat-workspace>header{align-items:flex-start;flex-direction:column}.ai-thread-actions{width:100%}.ai-thread-actions button{flex:1}.ai-chat-compose-v2{padding:10px}.ai-workbench-head p{font-size:10px}}

/* 5.30.4: finalisierte, responsive Detailansicht der PC-Hardwareakte */
.modal.hardware-asset-detail{
  container-type:inline-size;
  width:min(1380px,calc(100vw - 40px));
  max-width:1380px;
  max-height:calc(100dvh - 40px);
  padding:clamp(20px,2vw,30px);
  overflow-x:hidden;
  overflow-y:auto;
  box-sizing:border-box;
  border:1px solid rgba(220,232,237,.9);
  border-radius:20px;
  scrollbar-gutter:stable;
}
.hardware-asset-detail,.hardware-asset-detail *{box-sizing:border-box}
.hardware-asset-detail>*{min-width:0;max-width:100%}
.hardware-asset-detail .hardware-asset-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  padding:0 0 20px;
  border-bottom:1px solid #dce7ec;
}
.hardware-asset-detail .hardware-asset-head>div{min-width:0}
.hardware-asset-detail .hardware-asset-head .eyebrow{display:block;margin:0 0 5px}
.hardware-asset-detail .hardware-asset-head h2{
  overflow:hidden;
  margin:0;
  color:#132f42;
  font-size:clamp(25px,2.2vw,34px);
  line-height:1.12;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hardware-asset-detail .hardware-asset-head p{
  overflow:hidden;
  margin:7px 0 0;
  color:#68808e;
  font-size:12px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hardware-asset-detail .hardware-asset-head .close-button{
  display:grid;
  width:42px;
  height:42px;
  min-height:42px;
  place-items:center;
  padding:0;
  color:#6d8390;
  font-size:23px;
  background:#fff;
  border:1px solid #d9e5ea;
  border-radius:11px;
}
.hardware-asset-head-actions{display:flex;align-items:center;gap:9px}
.hardware-delete-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:0 13px;
  color:#ad3440;
  background:#fff8f8;
  border:1px solid #e9c4c8;
  border-radius:11px;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.hardware-delete-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hardware-delete-button:hover,.hardware-delete-button:focus-visible{color:#fff;background:#b93643;border-color:#b93643;outline:0;box-shadow:0 0 0 3px rgba(185,54,67,.14)}
.hardware-asset-detail .hardware-identity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.hardware-asset-detail .hardware-identity-grid>div{
  min-width:0;
  min-height:112px;
  align-content:center;
  gap:7px;
  padding:17px 19px;
  background:linear-gradient(145deg,#fbfdfe,#f5f9fb);
  border:1px solid #d6e4ea;
  border-radius:15px;
}
.hardware-asset-detail .hardware-identity-grid span{font-size:10px;line-height:1.3}
.hardware-asset-detail .hardware-identity-grid strong{
  color:#11364e;
  font-size:16px;
  line-height:1.28;
  overflow-wrap:anywhere;
}
.hardware-asset-detail .hardware-identity-grid small{font-size:10px;line-height:1.35}
.hardware-asset-detail .hardware-assign-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:14px 16px;
  width:100%;
  margin:0;
  padding:18px 20px;
  background:linear-gradient(145deg,#eef8fb,#e7f3f8);
  border:1px solid #c9e0e9;
  border-radius:15px;
}
.hardware-asset-detail .hardware-assignment-copy{
  grid-column:1/-1;
  min-width:0;
  gap:4px;
}
.hardware-asset-detail .hardware-assignment-copy strong{font-size:15px;line-height:1.35}
.hardware-asset-detail .hardware-assignment-copy small{max-width:960px;font-size:10px;line-height:1.55}
.hardware-asset-detail .hardware-assign-form label{min-width:0;gap:7px;font-size:11px}
.hardware-asset-detail .hardware-assign-form select{
  display:block;
  width:100%;
  max-width:100%;
  min-height:44px;
  margin:0;
  padding-right:42px;
  color:#18384c;
  background:#fff;
  border:1px solid #c5d9e2;
  border-radius:11px;
}
.hardware-asset-detail .hardware-assign-form .primary-button{
  position:static;
  width:auto;
  max-width:100%;
  min-height:44px;
  margin:0;
  padding:0 18px;
  white-space:nowrap;
}
.hardware-item-field{position:relative;min-width:0}
.hardware-item-field>label{display:block;margin:0 0 7px;color:#17364a;font-size:10px;font-weight:850}
.hardware-item-picker{position:relative;min-width:0}
.hardware-item-search-control{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:46px;
  padding:0 8px 0 13px;
  background:#fff;
  border:1px solid #bdd5df;
  border-radius:12px;
  box-shadow:0 3px 10px rgba(18,61,80,.035);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.hardware-item-search-control:focus-within{border-color:#179bc1;box-shadow:0 0 0 3px rgba(18,158,197,.12)}
.hardware-item-search-control>svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#168db4;stroke-width:1.8;stroke-linecap:round}
.hardware-item-search-control>input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:0;
  color:#17364a;
  background:transparent;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  font:inherit;
  font-size:11px;
  font-weight:700;
}
.hardware-item-search-control>input::-webkit-search-cancel-button{display:none}
.hardware-item-search-control>button{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;padding:0;color:#6d8490;background:#eef5f7;border:0;border-radius:8px;font:inherit;font-size:18px;line-height:1;cursor:pointer}
.hardware-item-search-control>button:hover,.hardware-item-search-control>button:focus-visible{color:#fff;background:#147fa5;outline:0}
.hardware-item-results{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  left:0;
  z-index:40;
  max-height:280px;
  padding:6px;
  overflow:auto;
  background:#fff;
  border:1px solid #c8dce4;
  border-radius:13px;
  box-shadow:0 18px 42px rgba(15,49,67,.2);
}
.hardware-item-results>button{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 11px;
  color:#17364a;
  background:transparent;
  border:0;
  border-radius:9px;
  text-align:left;
  cursor:pointer;
}
.hardware-item-results>button+button{margin-top:2px}
.hardware-item-results>button:hover,.hardware-item-results>button:focus-visible{background:#eaf6fa;outline:0;box-shadow:inset 0 0 0 1px #b8dce8}
.hardware-item-results>button span{display:block;min-width:0}
.hardware-item-results>button strong,.hardware-item-results>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hardware-item-results>button strong{font-size:11px}
.hardware-item-results>button small{margin-top:3px;color:#6d8591;font-size:9px}
.hardware-item-results>button b{padding:5px 8px;color:#087ca6;background:#e9f6fa;border-radius:8px;font-size:9px;white-space:nowrap}
.hardware-item-empty{display:grid;gap:3px;padding:16px 13px;text-align:center}
.hardware-item-empty strong{color:#294d5e;font-size:11px}.hardware-item-empty small{color:#718995;font-size:9px}
.hardware-assignment-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.hardware-unassign-button{min-height:44px;padding:0 14px;color:#76505a;background:#fff;border:1px solid #d8c9ce;border-radius:11px;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.hardware-unassign-button:hover,.hardware-unassign-button:focus-visible{color:#9a3040;background:#fff6f7;border-color:#deaeb6;outline:0}
.hardware-asset-detail .hardware-assignment-readonly{
  margin:0;
  padding:15px 17px;
  border:1px solid #cfe7da;
  border-radius:13px;
}
.hardware-asset-detail .hardware-detail-tabs{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);
  align-items:start;
  gap:22px;
  margin-top:24px;
}
.hardware-asset-detail .hardware-detail-tabs>section,
.hardware-asset-detail .hardware-detail-tabs>aside{min-width:0}
.hardware-asset-detail .hardware-detail-tabs>section>header,
.hardware-asset-detail .hardware-detail-tabs>aside>header{margin-bottom:12px}
.hardware-asset-detail .hardware-detail-tabs header .eyebrow{display:block;margin-bottom:4px}
.hardware-asset-detail .hardware-detail-tabs header h3{
  margin:0;
  color:#17364a;
  font-size:18px;
  line-height:1.25;
}
.hardware-asset-detail .hardware-components{display:grid;gap:11px}
.hardware-asset-detail .hardware-section{
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #d7e5eb;
  border-radius:14px;
}
.hardware-asset-detail .hardware-section>h4{
  margin:0;
  padding:12px 16px;
  color:#18384c;
  font-size:13px;
  line-height:1.25;
  background:#f1f6f8;
}
.hardware-asset-detail .hardware-component{min-width:0;padding:14px 16px}
.hardware-asset-detail .hardware-component header{margin:0 0 10px}
.hardware-asset-detail .hardware-component header strong{color:#17364a;font-size:11px;line-height:1.35}
.hardware-asset-detail .hardware-component dl{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
  gap:11px 18px;
  margin:0;
}
.hardware-asset-detail .hardware-component dl>div{min-width:0}
.hardware-asset-detail .hardware-component dt{
  color:#708893;
  font-size:9px;
  font-weight:850;
  line-height:1.3;
  letter-spacing:.04em;
}
.hardware-asset-detail .hardware-component dd{
  margin:3px 0 0;
  color:#17364a;
  font-size:11px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.hardware-asset-detail .hardware-report-list{display:grid;gap:9px}
.hardware-asset-detail .hardware-report-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px;
  background:#fbfdfe;
  border:1px solid #d7e5eb;
  border-radius:13px;
}
.hardware-asset-detail .hardware-report-row>span:nth-child(2){min-width:0}
.hardware-asset-detail .hardware-report-row strong{
  display:block;
  color:#17364a;
  font-size:11px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.hardware-asset-detail .hardware-report-row small{
  display:block;
  margin-top:3px;
  font-size:9px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.hardware-asset-detail .hardware-report-row i{display:inline-flex;grid-column:3;grid-row:1;align-items:center;gap:5px;margin:0;color:#0782ad;font-size:9px;font-style:normal;font-weight:850;white-space:nowrap}
.hardware-asset-detail .hardware-report-row i svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hardware-confirm-modal{width:min(610px,calc(100vw - 24px));padding:24px;border-radius:18px}
.hardware-confirm-card{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:13px;margin:18px 0 12px;padding:14px;background:#f3f9fb;border:1px solid #d3e5eb;border-radius:14px}
.hardware-confirm-card.danger{background:#fff6f6;border-color:#edcbd0}
.hardware-confirm-card strong{display:block;color:#17364a;font-size:14px}.hardware-confirm-card p{margin:3px 0 0;color:#6c8290;font-size:10px;overflow-wrap:anywhere}
.hardware-confirm-icon{display:grid;width:50px;height:50px;place-items:center;color:#b33542;background:#fff;border-radius:13px;box-shadow:0 4px 12px rgba(59,27,32,.08)}
.hardware-confirm-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hardware-confirm-icon.unlink{color:#0a83ad;background:#e7f5fa;font-size:25px;font-weight:500;box-shadow:none}
.hardware-confirm-facts{display:grid;gap:0;margin:0;padding:0;list-style:none;border:1px solid #dbe7ec;border-radius:13px;overflow:hidden}
.hardware-confirm-facts li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 13px;background:#fff}.hardware-confirm-facts li+li{border-top:1px solid #e3ebef}
.hardware-confirm-facts span{color:#6e8590;font-size:10px}.hardware-confirm-facts strong{color:#17364a;font-size:10px;text-align:right}
.hardware-confirm-note{margin:13px 0 0;color:#617a87;font-size:10px;line-height:1.55}
.hardware-confirm-modal .modal-actions{margin-top:18px}.hardware-confirm-modal .danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.hardware-confirm-modal .danger-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hardware-unassign-confirm{color:#8d3441;border-color:#dfb9c0;background:#fff8f8}

@container (max-width:1000px){
  .hardware-asset-detail .hardware-detail-tabs{grid-template-columns:1fr}
}
@container (max-width:760px){
  .hardware-asset-detail .hardware-assign-form{grid-template-columns:1fr}
  .hardware-asset-detail .hardware-assign-form .primary-button{width:100%;white-space:normal}
  .hardware-asset-detail .hardware-assignment-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));width:100%}
  .hardware-asset-detail .hardware-unassign-button{width:100%;white-space:normal}
}
@container (max-width:620px){
  .hardware-asset-detail .hardware-identity-grid{grid-template-columns:1fr}
  .hardware-asset-detail .hardware-identity-grid>div{min-height:0}
  .hardware-asset-detail .hardware-component dl{grid-template-columns:1fr}
}

/* NEXORA-KI 5.30.12: integrierter, responsiver Arbeitsbereich. */
.ai-studio-v3{
  --ai-navy:#082d3f;
  --ai-navy-2:#0c435a;
  --ai-blue:#086fcf;
  --ai-cyan:#12a9d1;
  --ai-ink:#173648;
  --ai-muted:#6b8390;
  --ai-line:#d8e6ec;
  --ai-soft:#f3f8fa;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  width:100%;
  height:calc(100dvh - 148px);
  min-height:680px;
  overflow:hidden;
  color:var(--ai-ink);
  background:#fff;
  border:1px solid #cfe0e7;
  border-radius:22px;
  box-shadow:0 22px 58px rgba(11,45,62,.11);
}
.ai-studio-v3 svg{display:block;width:20px;height:20px;flex:0 0 auto}
.ai-studio-v3 button{font:inherit}
.ai-studio-v3 .eyebrow{display:block;color:#1186b2;font-size:10px;font-weight:900;letter-spacing:.14em}
.ai-studio-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  min-height:104px;
  padding:20px 24px;
  color:#fff;
  background:
    radial-gradient(circle at 78% -30%,rgba(35,191,225,.38),transparent 46%),
    linear-gradient(126deg,#082d3f 0%,#0b4b64 66%,#087da6 100%);
}
.ai-studio-brand{display:flex;align-items:center;gap:17px;min-width:0}
.ai-studio-brand>span{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  color:#fff;
  background:linear-gradient(145deg,#0d8fd0,#15b9d3);
  border:1px solid rgba(255,255,255,.23);
  border-radius:16px;
  box-shadow:0 13px 28px rgba(0,26,40,.25);
}
.ai-studio-brand>span svg{width:28px;height:28px}
.ai-studio-brand>div{min-width:0}
.ai-studio-brand .eyebrow{color:#84e6f4}
.ai-studio-brand h1{margin:2px 0 3px;color:#fff;font-size:25px;line-height:1.05}
.ai-studio-brand p{max-width:710px;margin:0;color:#c8e3ea;font-size:12px;line-height:1.45}
.ai-studio-header-actions{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.ai-engine-state{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:7px 13px;
  background:rgba(3,31,44,.52);
  border:1px solid rgba(153,235,245,.18);
  border-radius:13px;
}
.ai-engine-state>i{width:9px;height:9px;background:#36d09b;border-radius:50%;box-shadow:0 0 0 5px rgba(54,208,155,.13)}
.ai-engine-state>span{display:grid;gap:1px}
.ai-engine-state strong{color:#fff;font-size:11px}
.ai-engine-state small{max-width:170px;overflow:hidden;color:#b8d7df;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.ai-studio-v3 .ai-new-thread{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:0 17px;
  color:#fff;
  background:linear-gradient(135deg,#0879d6,#0862bd);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 22px rgba(1,33,67,.25);
}
.ai-studio-v3 .ai-new-thread svg{width:18px;height:18px}
.ai-studio-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:0;background:#fff}
.ai-studio-sidebar{
  display:flex;
  flex-direction:column;
  gap:13px;
  min-width:0;
  min-height:0;
  padding:17px;
  overflow:hidden;
  background:#f5f9fb;
  border-right:1px solid var(--ai-line);
}
.ai-sidebar-new{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  color:#075f8c;
  font-size:11px;
  font-weight:900;
  background:#fff;
  border:1px solid #bcd9e5;
  border-radius:11px;
  cursor:pointer;
  transition:.18s ease;
}
.ai-sidebar-new:hover{color:#fff;background:#087dac;border-color:#087dac;box-shadow:0 8px 18px rgba(8,125,172,.17)}
.ai-sidebar-new svg{width:17px;height:17px}
.ai-context-card{padding:11px;background:#fff;border:1px solid var(--ai-line);border-radius:13px}
.ai-context-card>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}
.ai-context-card>header span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ai-context-card>header b{padding:3px 7px;color:#54717e;font-size:7px;background:#edf4f6;border-radius:99px}
.ai-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ai-context-grid>span{display:grid;justify-items:center;gap:4px;min-width:0;padding:7px 3px;color:#0a78a5;background:#eff8fb;border:1px solid #ddedf2;border-radius:9px}
.ai-context-grid svg{width:16px;height:16px}
.ai-context-grid small{max-width:100%;overflow:hidden;color:#476574;font-size:6px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase}
.ai-studio-v3 .ai-research-toggle{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 30px;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:54px;
  padding:8px 10px;
  color:var(--ai-ink);
  text-align:left;
  background:#fff;
  border:1px solid var(--ai-line);
  border-radius:12px;
  cursor:pointer;
}
.ai-studio-v3 .ai-research-toggle:hover{border-color:#7fc3d7;background:#f8fdff}
.ai-studio-v3 .ai-research-toggle.active{background:#e9f8fc;border-color:#35a9c8;box-shadow:0 0 0 3px rgba(31,165,199,.08)}
.ai-research-icon{display:grid;place-items:center;width:34px;height:34px;color:#0a82ad;background:#e7f5f9;border-radius:10px}
.ai-research-icon svg{width:17px;height:17px}
.ai-studio-v3 .ai-research-toggle>span:nth-child(2){display:grid;gap:2px;min-width:0}
.ai-studio-v3 .ai-research-toggle strong{font-size:10px}
.ai-studio-v3 .ai-research-toggle small{overflow:hidden;color:#718792;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ai-studio-v3 .ai-research-toggle>i{position:relative;width:29px;height:17px;background:#ccdbe1;border-radius:99px;transition:.18s ease}
.ai-studio-v3 .ai-research-toggle>i>b{position:absolute;top:3px;left:3px;width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(16,53,69,.2);transition:.18s ease}
.ai-studio-v3 .ai-research-toggle.active>i{background:#10a6ce}
.ai-studio-v3 .ai-research-toggle.active>i>b{left:15px}
.ai-studio-v3 .ai-privacy-note{display:flex;align-items:flex-start;gap:7px;margin:0;padding:8px 9px;color:#507181;font-size:7px;line-height:1.45;background:#eaf5f1;border:1px solid #d8ebe4;border-radius:10px}
.ai-studio-v3 .ai-privacy-note svg{width:14px;height:14px;color:#148a65}
.ai-thread-library{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;padding-top:1px}
.ai-thread-library-head{display:flex;align-items:end;justify-content:space-between}
.ai-thread-library-head>div{display:grid;gap:2px}
.ai-thread-library-head strong{font-size:12px}
.ai-thread-library-head>b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;color:#0b749d;font-size:8px;background:#e5f3f8;border-radius:99px}
.ai-studio-v3 .ai-thread-search{position:relative;display:block;margin:0}
.ai-studio-v3 .ai-thread-search>span{position:absolute;top:50%;left:10px;z-index:1;color:#78909c;transform:translateY(-50%);pointer-events:none}
.ai-studio-v3 .ai-thread-search svg{width:15px;height:15px}
.ai-studio-v3 .ai-thread-search input{width:100%;height:38px;padding:0 10px 0 33px;color:#254757;font-size:10px;background:#fff;border:1px solid #d1e0e6;border-radius:10px;outline:0}
.ai-studio-v3 .ai-thread-search input:focus{border-color:#20a4ca;box-shadow:0 0 0 3px rgba(32,164,202,.1)}
.ai-thread-list{display:flex;flex:1;flex-direction:column;gap:5px;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#b9ced7 transparent}
.ai-thread-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:transparent;border:1px solid transparent;border-radius:11px;transition:.16s ease}
.ai-thread-row:hover{background:#fff;border-color:#d3e3e9}
.ai-thread-row.active{background:#e6f4fa;border-color:#9fcfe0;box-shadow:inset 3px 0 #0e96c1}
.ai-studio-v3 .ai-thread-row>button:first-child{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 7px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}
.ai-thread-row-icon{display:grid;place-items:center;width:32px;height:32px;color:#2784a7;background:#fff;border:1px solid #d3e5eb;border-radius:9px}
.ai-thread-row-icon svg{width:15px;height:15px}
.ai-studio-v3 .ai-thread-row>button:first-child>span:last-child{display:grid;gap:2px;min-width:0}
.ai-thread-row strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.ai-thread-row small{overflow:hidden;color:#758c97;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ai-thread-delete{display:grid;place-items:center;width:28px;height:28px;margin-right:5px;color:#9e4a50;background:#fff;border:1px solid #ecd7d8;border-radius:8px;cursor:pointer}
.ai-thread-delete:hover{color:#fff;background:#bf3540;border-color:#bf3540}
.ai-thread-delete svg{width:14px;height:14px}
.ai-thread-empty{display:grid;justify-items:center;gap:4px;padding:25px 12px;color:#758c97;text-align:center}
.ai-thread-empty svg{width:25px;height:25px;color:#9ab1ba}
.ai-thread-empty strong{font-size:9px}.ai-thread-empty small{font-size:7px;line-height:1.45}
.ai-studio-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;background:#fff}
.ai-conversation-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:15px 20px;background:#fff;border-bottom:1px solid var(--ai-line)}
.ai-conversation-header>div:first-child{display:grid;gap:2px;min-width:0}
.ai-conversation-header h2{overflow:hidden;margin:0;color:#163b4c;font-size:18px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}
.ai-conversation-header small{color:#7b9099;font-size:8px}
.ai-studio-v3 .ai-thread-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.ai-studio-v3 .ai-thread-actions button{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;color:#315b6c;font-size:8px;font-weight:850;background:#fff;border:1px solid #d4e3e8;border-radius:9px}
.ai-studio-v3 .ai-thread-actions button:hover{color:#0879a5;background:#f2fafc;border-color:#8fc8d9}
.ai-studio-v3 .ai-thread-actions svg{width:14px;height:14px}
.ai-studio-v3 .ai-chat-messages{display:flex;flex-direction:column;gap:14px;min-height:0;padding:20px 22px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bcd0d8 transparent;background:linear-gradient(180deg,#fbfdfe,#fff)}
.ai-studio-v3 .ai-chat-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;width:min(900px,92%);max-width:none}
.ai-studio-v3 .ai-chat-message.assistant{width:min(980px,97%);max-width:none}
.ai-studio-v3 .ai-chat-message.user{align-self:flex-end;grid-template-columns:minmax(0,1fr) 36px}
.ai-studio-v3 .ai-chat-avatar{display:grid;place-items:center;width:36px;height:36px;color:#fff;font-size:10px;background:linear-gradient(145deg,#087caf,#14b2cf);border-radius:11px;box-shadow:0 6px 14px rgba(6,108,143,.18)}
.ai-studio-v3 .ai-chat-avatar svg{width:19px;height:19px}
.ai-studio-v3 .ai-chat-message.user .ai-chat-avatar{color:#315c6d;background:#e7eff2;box-shadow:none}
.ai-studio-v3 .ai-chat-message>div:last-child{padding:13px 15px;background:#f4f9fb;border:1px solid #dbe8ed;border-radius:6px 15px 15px;box-shadow:0 4px 13px rgba(23,62,79,.035)}
.ai-studio-v3 .ai-chat-message.user>div:last-child{background:#e9f5fa;border-color:#c8e3ed;border-radius:15px 6px 15px 15px}
.ai-studio-v3 .ai-chat-message header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 8px}
.ai-studio-v3 .ai-chat-message header>span{display:flex;align-items:center;gap:5px;min-width:0}
.ai-studio-v3 .ai-chat-message header strong{font-size:10px}
.ai-studio-v3 .ai-chat-message header small{overflow:hidden;color:#7b919b;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ai-studio-v3 .ai-chat-message header button{display:flex;align-items:center;gap:4px;padding:4px 6px;color:#37697c;font-size:7px;font-weight:800;background:#fff;border:1px solid #d4e4e9;border-radius:7px;cursor:pointer}
.ai-studio-v3 .ai-chat-message header button:hover{color:#087ba6;border-color:#86c6da}
.ai-studio-v3 .ai-chat-message header button svg{width:12px;height:12px}
.ai-studio-v3 .ai-chat-content{color:#294b5a;font-size:11px;line-height:1.67}
.ai-welcome{display:grid;justify-items:center;align-self:center;width:min(790px,100%);margin:auto;padding:20px;text-align:center}
.ai-welcome-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;color:#078ab7;background:linear-gradient(145deg,#def4fa,#f4fbfd);border:1px solid #c9e7f0;border-radius:17px;box-shadow:0 11px 25px rgba(18,122,154,.11)}
.ai-welcome-mark svg{width:26px;height:26px}
.ai-welcome h3{margin:4px 0 5px;color:#153c4e;font-size:22px}
.ai-welcome>p{max-width:620px;margin:0;color:#6d8591;font-size:11px;line-height:1.55}
.ai-studio-v3 .ai-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:18px 0 12px}
.ai-studio-v3 .ai-suggestion-grid button{display:grid;grid-template-columns:37px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:11px;color:#274d5e;text-align:left;background:#fff;border:1px solid #d2e3e9;border-radius:12px;box-shadow:0 5px 15px rgba(16,62,81,.04);cursor:pointer;transition:.18s ease}
.ai-studio-v3 .ai-suggestion-grid button:hover{border-color:#52b5d0;background:#f4fbfd;transform:translateY(-1px);box-shadow:0 9px 21px rgba(16,101,131,.1)}
.ai-studio-v3 .ai-suggestion-grid button>b{display:grid;place-items:center;width:37px;height:37px;color:#0a82ae;background:#e7f6fa;border-radius:10px}
.ai-studio-v3 .ai-suggestion-grid button>b svg{width:18px;height:18px}
.ai-studio-v3 .ai-suggestion-grid button>span{display:grid;gap:2px;min-width:0}
.ai-studio-v3 .ai-suggestion-grid button small{color:#0b82ac;font-size:7px;font-weight:900;text-transform:uppercase}
.ai-studio-v3 .ai-suggestion-grid button strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.ai-studio-v3 .ai-suggestion-grid button>i{color:#7f9aa5;font-size:14px;font-style:normal}
.ai-welcome-trust{display:flex;align-items:center;gap:8px;padding:8px 11px;color:#467263;background:#eaf6f1;border:1px solid #d1e9df;border-radius:10px;text-align:left}
.ai-welcome-trust>span{display:grid;place-items:center;width:29px;height:29px;color:#168867;background:#fff;border-radius:8px}
.ai-welcome-trust svg{width:15px;height:15px}
.ai-welcome-trust p{margin:0;font-size:7px;line-height:1.35}.ai-welcome-trust strong{display:block;font-size:8px}
.ai-composer-v3{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:8px;margin:0;padding:12px 16px 11px;background:#fff;border:0;border-top:1px solid var(--ai-line);border-radius:0;box-shadow:0 -9px 22px rgba(20,58,74,.035)}
.ai-composer-v3>.ai-compose-tools,.ai-composer-v3>.ai-selected-files,.ai-composer-v3>.ai-compose-input,.ai-composer-v3>footer{grid-column:1;min-width:0}
.ai-compose-tools{display:flex;align-items:center;gap:7px;min-width:0}
.ai-attach-button,.ai-compose-research{display:flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;color:#3a6273;font-size:8px;font-weight:850;background:#f8fbfc;border:1px solid #d5e4e9;border-radius:8px;cursor:pointer}
.ai-attach-button:hover,.ai-compose-research:hover{color:#087ca7;background:#edf8fb;border-color:#89c8da}
.ai-attach-button svg,.ai-compose-research svg{width:14px;height:14px}
.ai-studio-v3 .ai-attach-button span{display:inline;width:auto;height:auto;color:inherit;font-size:inherit;line-height:inherit;background:transparent;border-radius:0}
.ai-compose-research i{width:6px;height:6px;background:#b6c8cf;border-radius:50%}
.ai-compose-research.active{color:#087aa5;background:#e8f8fc;border-color:#60bbd3}
.ai-compose-research.active i{background:#21ba83;box-shadow:0 0 0 3px rgba(33,186,131,.12)}
.ai-file-limits{margin-left:auto;overflow:hidden;color:#8699a1;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ai-composer-v3 .ai-selected-files{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:0 0 2px}
.ai-composer-v3 .ai-selected-files article{display:grid;grid-template-columns:31px minmax(120px,1fr) 22px;align-items:center;gap:7px;min-width:245px;padding:7px;background:#f4f9fb;border:1px solid #dbe8ed;border-radius:9px}
.ai-composer-v3 .ai-selected-files article>b{display:grid;place-items:center;width:31px;height:31px;color:#087ca7;font-size:7px;background:#dff1f7;border-radius:8px}
.ai-composer-v3 .ai-selected-files article>span{display:grid;gap:1px;min-width:0}
.ai-composer-v3 .ai-selected-files strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.ai-composer-v3 .ai-selected-files small{color:#78909a;font-size:7px}
.ai-composer-v3 .ai-selected-files button{display:grid;place-items:center;width:22px;height:22px;color:#a84d54;background:#fff;border:1px solid #ead9db;border-radius:6px;cursor:pointer}
.ai-composer-v3 .ai-compose-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:7px 7px 7px 12px;background:#f8fbfc;border:1px solid #cbdde4;border-radius:13px;transition:.18s ease}
.ai-composer-v3 .ai-compose-input:focus-within{background:#fff;border-color:#32a8c8;box-shadow:0 0 0 4px rgba(42,168,201,.1)}
.ai-composer-v3 textarea{width:100%;min-height:45px;max-height:140px;padding:4px 0;color:#173b4b;font-size:11px;line-height:1.48;resize:none;background:transparent;border:0;outline:0}
.ai-composer-v3 .ai-send-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:94px;min-height:42px;padding:0 13px;border-radius:10px}
.ai-composer-v3 .ai-send-button svg{width:16px;height:16px}
.ai-composer-v3 footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#83969e;font-size:7px}
.ai-composer-v3 footer strong{display:flex;align-items:center;gap:5px;color:#43806c;font-weight:800}
.ai-composer-v3 footer svg{width:12px;height:12px}
.ai-start-screen{display:grid;place-content:center;justify-items:center;min-height:100%;padding:30px;text-align:center;background:radial-gradient(circle at 50% 44%,#f3fbfd,transparent 42%)}
.ai-start-screen h2{margin:4px 0 7px;color:#143b4c;font-size:25px}.ai-start-screen>p{max-width:640px;margin:0 0 17px;color:#6f8792;font-size:11px;line-height:1.55}
.ai-start-screen>.primary-button{display:flex;align-items:center;gap:7px;min-height:44px}.ai-start-screen>.primary-button svg{width:17px;height:17px}
.ai-start-capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:19px}
.ai-start-capabilities span{display:flex;align-items:center;gap:6px;padding:7px 10px;color:#496a78;font-size:8px;font-weight:800;background:#fff;border:1px solid #d9e7ec;border-radius:99px}
.ai-start-capabilities svg{width:14px;height:14px;color:#1285ad}

@media(max-width:1120px){
  .ai-studio-v3{height:auto;min-height:760px}
  .ai-studio-shell{grid-template-columns:254px minmax(0,1fr)}
  .ai-studio-header{padding:18px 19px}
  .ai-studio-brand p{max-width:500px}
  .ai-engine-state small{max-width:125px}
}
@media(max-width:820px){
  .ai-studio-v3{height:auto;min-height:0;overflow:visible;border-radius:18px}
  .ai-studio-header{align-items:flex-start;flex-wrap:wrap;min-height:0;padding:17px}
  .ai-studio-brand{align-items:flex-start}
  .ai-studio-brand>span{width:46px;height:46px;border-radius:14px}
  .ai-studio-brand h1{font-size:22px}
  .ai-studio-header-actions{width:100%;justify-content:space-between}
  .ai-studio-shell{grid-template-columns:1fr}
  .ai-studio-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:13px;border-right:0;border-bottom:1px solid var(--ai-line);overflow:visible}
  .ai-sidebar-new{display:none}
  .ai-context-card{grid-column:1}
  .ai-studio-v3 .ai-research-toggle{grid-column:2;align-self:stretch}
  .ai-studio-v3 .ai-privacy-note{grid-column:1/-1}
  .ai-thread-library{grid-column:1/-1;max-height:235px}
  .ai-thread-list{max-height:150px}
  .ai-studio-main{min-height:620px}
  .ai-studio-v3 .ai-chat-messages{min-height:390px}
}
@media(max-width:600px){
  .ai-studio-v3{width:calc(100% + 2px);margin-left:-1px;border-radius:14px}
  .ai-studio-header{gap:13px;padding:15px}
  .ai-studio-brand{gap:11px}
  .ai-studio-brand>span{width:42px;height:42px}
  .ai-studio-brand>span svg{width:23px;height:23px}
  .ai-studio-brand h1{font-size:19px}
  .ai-studio-brand p{display:none}
  .ai-studio-brand .eyebrow{font-size:8px}
  .ai-engine-state{min-height:42px;padding:6px 10px}
  .ai-engine-state small{max-width:100px}
  .ai-studio-v3 .ai-new-thread{min-height:42px;padding:0 12px}
  .ai-studio-sidebar{display:flex;gap:9px;padding:11px}
  .ai-context-grid{gap:4px}
  .ai-context-grid>span{padding:6px 2px}
  .ai-thread-library{max-height:225px}
  .ai-thread-list{max-height:138px}
  .ai-conversation-header{align-items:flex-start;flex-direction:column;min-height:0;padding:13px 14px}
  .ai-conversation-header h2{max-width:100%;font-size:16px;white-space:normal}
  .ai-studio-v3 .ai-thread-actions{width:100%}
  .ai-studio-v3 .ai-thread-actions button{flex:1;justify-content:center}
  .ai-studio-main{min-height:660px}
  .ai-studio-v3 .ai-chat-messages{min-height:390px;padding:15px 12px;scrollbar-gutter:auto}
  .ai-studio-v3 .ai-chat-message,.ai-studio-v3 .ai-chat-message.assistant{width:100%}
  .ai-studio-v3 .ai-chat-message header{align-items:flex-start;flex-direction:column}
  .ai-studio-v3 .ai-chat-message header>span{width:100%;flex-wrap:wrap}
  .ai-studio-v3 .ai-chat-message header button span{display:none}
  .ai-welcome{padding:10px 0}
  .ai-welcome h3{font-size:19px}
  .ai-studio-v3 .ai-suggestion-grid{grid-template-columns:1fr;margin-top:14px}
  .ai-composer-v3{padding:10px}
  .ai-compose-tools{flex-wrap:wrap}
  .ai-file-limits{flex-basis:100%;margin:0}
  .ai-composer-v3 .ai-compose-input{grid-template-columns:1fr auto;padding-left:10px}
  .ai-composer-v3 .ai-send-button{min-width:42px;width:42px;padding:0}
  .ai-composer-v3 .ai-send-button span{display:none}
  .ai-composer-v3 footer>span{display:none}
  .ai-composer-v3 footer{justify-content:flex-end}
  .ai-start-screen{padding:28px 14px}.ai-start-screen h2{font-size:21px}
  .ai-start-capabilities{display:grid;width:100%}.ai-start-capabilities span{justify-content:center}
}
@media(max-width:400px){
  .ai-studio-header-actions{align-items:stretch;flex-direction:column}
  .ai-engine-state{justify-content:center}.ai-studio-v3 .ai-new-thread{width:100%}
  .ai-studio-main{min-height:680px}
  .ai-compose-research span{display:none}
}

/* Die mobile Seitenleiste bekommt eine eigene, feste Inhaltsflaeche. So koennen
   Suchfeld und Unterhaltungen nicht mehr unter den Chatbereich rutschen. */
@media(max-width:820px){
  .ai-studio-v3 .ai-studio-sidebar{
    min-height:330px;
    height:auto;
  }
  .ai-studio-v3 .ai-thread-library{
    flex:none;
    height:205px;
    min-height:205px;
    max-height:205px;
  }
  .ai-studio-v3 .ai-thread-list{
    flex:none;
    height:122px;
    min-height:122px;
    max-height:122px;
  }
}
@media(max-width:600px){
  .ai-studio-v3 .ai-studio-sidebar{min-height:430px}
  .ai-studio-v3 .ai-privacy-note{display:none}
  .ai-studio-v3 .ai-thread-library{
    height:190px;
    min-height:190px;
    max-height:190px;
  }
  .ai-studio-v3 .ai-thread-list{
    height:108px;
    min-height:108px;
    max-height:108px;
  }
}

/* Zeiterfassung: Registerkarten, Monat und Export bilden eine gemeinsame Leiste. */
.time-command-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  padding:7px;
  background:#f7fafb;
  border:1px solid var(--slate-200);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(26,61,82,.035);
}
.time-command-bar .time-tabs.module-tabs{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:9px;
  box-shadow:none;
}
.time-command-bar .time-page-actions.module-primary-toolbar{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:max-content;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.time-command-bar .current-month-chip{min-height:42px}
.time-command-bar .secondary-button{min-height:42px;white-space:nowrap}
@media(max-width:980px){
  .time-command-bar{flex-wrap:wrap}
  .time-command-bar .time-tabs.module-tabs{flex-basis:100%;order:2}
  .time-command-bar .time-page-actions.module-primary-toolbar{width:100%;order:1}
}
@media(max-width:620px){
  .time-command-bar{align-items:stretch;padding:6px}
  .time-command-bar .time-page-actions.module-primary-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    min-width:0;
  }
  .time-command-bar .time-page-actions.module-primary-toolbar>*{min-width:0;width:auto}
  .time-command-bar .time-tabs.module-tabs{display:flex;width:100%;overflow-x:auto}
}
@media(max-width:1040px){
  .hardware-asset-detail .hardware-detail-tabs{grid-template-columns:1fr}
}
@media(max-width:760px){
  .modal.hardware-asset-detail{
    width:calc(100vw - 14px);
    max-height:calc(100dvh - 14px);
    padding:17px;
    border-radius:16px;
    scrollbar-gutter:auto;
  }
  .hardware-asset-detail .hardware-assign-form{grid-template-columns:1fr;padding:15px}
  .hardware-asset-detail .hardware-assign-form .primary-button{width:100%;white-space:normal}
}
@media(max-width:520px){
  .modal.hardware-asset-detail{width:100vw;max-height:100dvh;padding:14px;border-radius:0}
  .hardware-asset-detail .hardware-asset-head{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-bottom:15px}
  .hardware-asset-detail .hardware-asset-head h2{font-size:24px;white-space:normal}
  .hardware-asset-detail .hardware-asset-head p{white-space:normal}
  .hardware-asset-detail .hardware-asset-head .close-button{width:38px;height:38px;min-height:38px}
  .hardware-asset-detail .hardware-delete-button{width:38px;min-height:38px;padding:0}
  .hardware-asset-detail .hardware-delete-button span{display:none}
  .hardware-asset-detail .hardware-identity-grid{grid-template-columns:1fr;margin:14px 0}
  .hardware-asset-detail .hardware-identity-grid>div{min-height:0;padding:14px}
  .hardware-asset-detail .hardware-detail-tabs{gap:18px;margin-top:19px}
  .hardware-asset-detail .hardware-component{padding:12px 13px}
  .hardware-asset-detail .hardware-component dl{grid-template-columns:1fr}
  .hardware-confirm-modal{width:100vw;max-height:100dvh;padding:17px;border-radius:0}
  .hardware-confirm-modal .modal-actions{display:grid;grid-template-columns:1fr}
  .hardware-confirm-modal .modal-actions button{width:100%}
}