:root{--red:#e50914;--ink:#34383b}*{box-sizing:border-box}body{margin:0;background:#f3f4f5;color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}header{background:white;padding:20px max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}header img{width:340px;max-width:65vw}main{max-width:1100px;margin:30px auto;padding:0 20px 60px}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}nav form{margin-left:auto}nav a{color:var(--ink)}h1{font-size:2.2rem}fieldset,.login,.user-card{border:1px solid #ddd;background:white;border-radius:14px;margin:24px 0;padding:24px}legend{font-weight:700;padding:0 10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label{display:block;font-weight:600}input,textarea,select{width:100%;padding:12px;margin:6px 0 14px;border:1px solid #b9bdc0;border-radius:7px;font:inherit;background:white}input[type=checkbox]{width:auto}button,.button{display:inline-block;padding:12px 20px;border:1px solid var(--red);border-radius:10px;background:var(--red);color:white;font:600 15px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:white;color:var(--red)}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.actions{display:flex;gap:14px;flex-wrap:wrap}.note{font-size:.9rem;color:#62676b}.material{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:12px;align-items:end}.material button{margin-bottom:14px}canvas{width:100%;height:150px;border:1px dashed #888;border-radius:8px;background:white;touch-action:none}.login{max-width:500px}.user-card form{margin-top:20px}.notice{background:white;border-left:5px solid var(--red);padding:20px}@media(max-width:700px){.grid{grid-template-columns:1fr}.material{grid-template-columns:1fr 1fr}.material label:first-child{grid-column:1/-1}header{padding:16px;flex-wrap:wrap}fieldset{padding:18px}.actions button{width:100%}nav form{margin-left:0}}

/* Einheitliche Navigation im internen Bereich */
nav{gap:12px;padding-bottom:20px;border-bottom:1px solid #dfe2e4}
nav a,nav button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--red);border-radius:10px;background:var(--red);color:#fff;font:600 15px/1.4 'Segoe UI',Arial,sans-serif;text-decoration:none;text-align:center;box-shadow:0 4px 12px rgba(229,9,20,.10);transition:background-color .18s,color .18s,box-shadow .18s}
nav a:hover,nav button:hover{background:#fff;color:var(--red);box-shadow:none}
nav form{margin-top:0;margin-bottom:0}
header img{display:block;height:auto}
@media(max-width:700px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}nav a,nav button{width:100%;padding:12px 10px;font-size:14px}nav form{margin:0;min-width:0}header span{font-size:14px}h1{font-size:1.8rem}}
@media(max-width:360px){nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){nav a,nav button{transition:none}}

.customer-picker{grid-column:1/-1;padding:16px;background:#f3f4f5;border-radius:10px}.customer-table{overflow:auto;margin:20px 0}.customer-table table{border-collapse:collapse;width:100%;background:white}.customer-table th,.customer-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.customer-table th{background:#34383b;color:white}

.customer-results{display:grid;gap:8px;margin-bottom:16px}.customer-results:empty{display:none}.customer-results button{text-align:left;justify-content:flex-start;white-space:normal;overflow-wrap:anywhere;width:100%}

.dashboard-welcome{font-size:1.05rem;margin-bottom:28px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dashboard-card{background:white;border:1px solid #dfe2e4;border-radius:16px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 6px 22px rgba(52,56,59,.04)}.dashboard-card h2{margin:0 0 12px;font-size:1.5rem}.dashboard-card p{margin:0 0 24px}.dashboard-card .button{margin-top:auto}.dashboard-future{margin-top:30px;border:1px dashed #c7cbce;border-radius:16px;padding:24px}.dashboard-future h2{margin:0 0 8px;font-size:1.25rem}.dashboard-future p{margin:0;color:#62676b}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.dashboard-card{padding:22px}.dashboard-card .button{width:100%;text-align:center}}

.filter-grid{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:24px 0}.filter-grid label{flex:1;min-width:160px}.filter-grid button{margin-bottom:14px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.task-item{padding:18px 0;border-bottom:1px solid #e0e2e4}.badge{padding:4px 8px;border-radius:6px;background:#eee}.badge.overdue{background:#ffedf0;color:#b60012}nav{gap:8px}nav a,nav button{padding:10px 14px}details{margin-top:20px}@media(max-width:700px){.filter-grid{display:grid;grid-template-columns:1fr}.filter-grid label{min-width:0}.filter-grid button{width:100%}}

/* Startseite: alle Funktionskacheln in einer Reihe auf großen Bildschirmen */
@media(min-width:1101px){main:has(.dashboard-grid){max-width:1600px}.dashboard-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px}.dashboard-card{min-width:0;padding:20px}.dashboard-card h2{font-size:1.2rem;overflow-wrap:anywhere;hyphens:auto}.dashboard-card p{font-size:.95rem}.dashboard-card .button{width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere;padding:12px 10px}}

/* Gleiche einzeilige Navigation auf allen internen Unterseiten */
@media(min-width:1101px){main>nav{flex-wrap:nowrap;gap:6px}main>nav>a,main>nav button{padding:10px;font-size:14px;white-space:nowrap}main>nav>a{flex:1 0 auto}main>nav>form{flex:0 0 auto;margin-left:0}}

header>span{font-size:1.8rem;font-weight:700;line-height:1.2;color:var(--ink)}
.session-warning{position:fixed;bottom:20px;left:20px;right:20px;max-width:1000px;margin:auto;padding:16px 20px;border:2px solid var(--red);border-radius:10px;background:white;color:var(--ink);box-shadow:0 4px 24px #0002;z-index:1000}.session-warning[hidden]{display:none}
@media(max-width:700px){header>span{font-size:1.4rem}}

.labor-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border:1px solid #ddd;border-radius:10px;margin:16px 0;background:#f9fafb}.labor-row .labor-time{grid-column:1/-1;margin:0}.labor-row button{justify-self:start;align-self:end}.labor-row label{min-width:0}@media(max-width:700px){.labor-row{grid-template-columns:1fr;padding:14px}}

.material-picker{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.material{grid-template-columns:1fr 2fr 1fr 1fr auto}
@media(min-width:1101px){main:has(.dashboard-grid){max-width:1920px}main>nav{overflow-x:auto;overscroll-behavior-inline:contain}.dashboard-grid{gap:12px}.dashboard-card{padding:16px}.dashboard-card h2{font-size:1.1rem}.dashboard-card p{font-size:.9rem}}
@media(max-width:700px){.material{grid-template-columns:1fr 1fr}.material-picker{grid-template-columns:1fr}.material label:first-child{grid-column:auto}}

@media(min-width:1101px){main{max-width:1400px}header{padding-inline:max(20px,calc((100% - 1400px)/2))}}

.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.portal-grid .dashboard-card{min-width:0}.portal-grid h2{overflow-wrap:anywhere}.portal-grid .actions{margin-top:auto}@media(max-width:1100px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.portal-grid{grid-template-columns:1fr}}

.material-filter>button,.material-filter>.button{margin-bottom:14px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}@media(max-width:700px){.material-filter>button,.material-filter>.button{width:100%;margin-bottom:0}}

.material-search-results{grid-column:1/-1;display:grid;gap:8px}.material-search-results button{text-align:left;white-space:normal;width:100%}.material-picker>p{grid-column:1/-1;margin:0}

#mfa-qr{width:320px;max-width:100%;height:auto;border:0;border-radius:0;touch-action:auto;image-rendering:pixelated}#mfa-qr[hidden]{display:none}.user-card code{overflow-wrap:anywhere}

.customer-results button>span{display:block}.customer-additional{font-weight:400}.customer-result-address{font-size:.9em;font-weight:400}.customer-name-fields{min-width:0}

.serial-scanner{margin-top:12px}.serial-scanner video{display:block;width:100%;max-width:480px;background:#111;border-radius:12px}.serial-scanner [hidden]{display:none!important}.serial-scanner label{display:block;margin:12px 0}

/* Gruppierte Navigation: identisch auf allen internen Seiten. */
main>.internal-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;overflow:visible;padding:0 0 18px;position:relative;z-index:20}
.internal-nav>a,.internal-nav>.nav-group,.internal-nav>.nav-logout{flex:0 0 auto;min-width:0}
.internal-nav .nav-group{position:relative;margin:0}
.internal-nav> a,.internal-nav button,.internal-nav .nav-group>summary{min-height:46px;padding:11px 16px;font-size:14px;white-space:nowrap}
.internal-nav .nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;border:1px solid var(--red);border-radius:10px;background:var(--red);color:white;font-weight:600;line-height:1.4}
.internal-nav summary::-webkit-details-marker{display:none}
.internal-nav .nav-group>summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.internal-nav .nav-group[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.internal-nav .nav-group>summary:hover,.internal-nav .nav-group[open]>summary,.internal-nav .nav-group>summary.is-current,.internal-nav a[aria-current=page]{background:white;color:var(--red)}
.internal-nav .nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:245px;display:grid;gap:6px;padding:10px;background:white;border:1px solid #dfe2e4;border-radius:12px;box-shadow:0 10px 30px #0002}
.internal-nav .nav-dropdown>a{width:100%;justify-content:flex-start;text-align:left;white-space:normal;padding:11px 12px;box-shadow:none;font-size:14px}
.internal-nav .nav-website{background:white;color:var(--red);box-shadow:none}
.internal-nav>.nav-logout{margin-left:auto}
@media(max-width:700px){main>.internal-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.internal-nav>a,.internal-nav button,.internal-nav .nav-group>summary{width:100%;white-space:normal}.internal-nav>.nav-logout{margin:0}.internal-nav .nav-group[open]{grid-column:1/-1}.internal-nav .nav-dropdown{position:static;min-width:0;margin-top:8px;box-shadow:none;grid-template-columns:repeat(2,minmax(0,1fr))}.internal-nav .nav-group[open]>summary{justify-content:space-between}}
@media(max-width:420px){.internal-nav .nav-dropdown{grid-template-columns:1fr}}

.dashboard-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;margin-bottom:16px;background:#fff0f1;border-radius:12px;color:var(--red)}.dashboard-icon svg{display:block;width:28px;height:28px}

@media(min-width:1101px){main:has(.dashboard-grid){max-width:1600px}.dashboard-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.dashboard-card{padding:24px}.dashboard-card h2{font-size:1.25rem}.dashboard-card p{font-size:1rem}}

.system-secret{display:flex;align-items:center;gap:10px;margin:6px 0 14px;width:100%}.system-secret input{margin:0;min-width:0;flex:1}.system-secret button{flex:0 0 46px;min-height:46px;padding:10px;display:flex;justify-content:center;align-items:center}.system-secret svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.system-address{overflow-wrap:anywhere}.portal-grid .dashboard-card h3{margin:0 0 12px}.portal-grid .dashboard-card label{width:100%}

/* Kompakte Funktionskacheln, weiterhin zwei Reihen am Desktop. */
.dashboard-grid{gap:16px}.dashboard-grid>.dashboard-card{padding:18px;border-radius:12px}.dashboard-grid>.dashboard-card h2{font-size:1.1rem;margin-bottom:8px;line-height:1.35}.dashboard-grid>.dashboard-card p{font-size:.9rem;line-height:1.5;margin-bottom:16px}.dashboard-grid>.dashboard-card .button{padding:10px 12px;font-size:14px;min-height:42px}.dashboard-grid .dashboard-icon{width:40px;height:40px;margin-bottom:12px;border-radius:10px}.dashboard-grid .dashboard-icon svg{width:24px;height:24px}
@media(min-width:1101px){main:has(.dashboard-grid){max-width:1400px}.dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:16px}}

.ema-check{border-bottom:1px solid #e1e3e5;padding:12px 0}.ema-check h3{font-size:1rem;margin:0 0 8px}@media(min-width:1101px){.dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Anlagenverwaltung: Menüband, Suchkarte und klare Tabellenaktionen. */
.asset-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border:1px solid #e0e3e6;border-radius:14px;box-shadow:0 4px 16px #18232e06;margin:0 0 18px}.asset-ribbon-links{display:flex;gap:6px;flex-wrap:wrap}.asset-tab{display:inline-flex;align-items:center;padding:10px 14px;border-radius:8px;text-decoration:none;color:#41494e;font-weight:600}.asset-tab:hover,.asset-tab.is-selected{background:#fff0f1;color:var(--red)}.asset-filter{padding:22px;background:#fff;border:1px solid #e0e3e6;border-radius:14px;margin:24px 0}.asset-filter h2{font-size:1.15rem;margin:0 0 16px}.asset-filter .filter-grid{margin:0;align-items:end}.asset-filter input,.asset-filter select{margin-bottom:0}.asset-table{border:1px solid #e0e3e6;border-radius:14px;overflow:auto;background:white}.asset-table table{margin:0;min-width:850px;table-layout:auto}.asset-table th{background:#edf0f2;color:#343b40;padding:16px}.asset-table td{padding:18px 16px;vertical-align:middle;word-break:normal;overflow-wrap:normal}.asset-table td:first-child{width:25%}.asset-table td:nth-child(2){width:32%}.asset-detail{display:block;margin-top:5px;line-height:1.45}.asset-muted{font-size:.9rem;color:#69747c}.asset-date,.asset-table .badge{white-space:nowrap}.asset-table .badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#edf5f0;color:#356746}.asset-table .badge.overdue{background:#fff0f1;color:#b3091d}.asset-row-actions{display:flex;gap:8px;flex-wrap:nowrap}.asset-row-actions .button{margin:0;min-height:40px;padding:10px 14px;font-size:14px;white-space:nowrap}.asset-row-actions .secondary{background:#fff;color:var(--red);border:1px solid var(--red)}
@media(max-width:900px){.asset-ribbon{align-items:stretch;flex-direction:column}.asset-ribbon>.button{text-align:center}.asset-row-actions{flex-direction:column}.asset-filter{padding:16px}}

/* Einheitliches, mobil bedienbares Hauptmenüband. */
main>.internal-nav{padding:12px;background:#fff;border:1px solid #e0e3e6;border-radius:14px;box-shadow:0 4px 16px #18232e06;gap:8px;align-items:center}.internal-nav>a,.internal-nav .nav-group>summary,.internal-nav .nav-logout button{min-height:46px;height:46px;box-sizing:border-box;border:1px solid var(--red);background:var(--red);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;margin:0;padding:10px 15px;font-size:14px;font-weight:600;box-shadow:none;white-space:nowrap}.internal-nav .nav-group>summary:hover,.internal-nav .nav-group[open]>summary,.internal-nav .nav-group>summary.is-current,.internal-nav a[aria-current=page],.internal-nav .nav-website{background:var(--red);color:#fff}.internal-nav a[aria-current=page],.internal-nav .nav-group>summary.is-current{box-shadow:inset 0 -4px 0 #fff9}.internal-nav .nav-group[open]>summary,.internal-nav>a:hover,.internal-nav .nav-logout button:hover{background:#c90018;border-color:#c90018}.internal-nav .nav-dropdown{z-index:30}.internal-nav .nav-dropdown>a{height:auto;min-height:44px;background:#fff;color:#343b40;border:1px solid #e0e3e6;border-radius:8px}.internal-nav .nav-dropdown>a:hover,.internal-nav .nav-dropdown>a[aria-current=page]{background:#fff0f1;color:var(--red);border-color:#f7b7bf}.type-picker{display:flex;gap:14px;align-items:end}.type-picker>label{flex:1}.type-picker select{margin-bottom:0}.type-picker button{margin:0;min-height:48px}
@media(max-width:700px){main>.internal-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px}.internal-nav>a,.internal-nav .nav-group>summary,.internal-nav .nav-logout button{width:100%;height:auto;min-height:48px;white-space:normal;padding:10px 12px}.internal-nav .nav-dropdown{grid-template-columns:1fr;position:static;margin-top:8px}.internal-nav .nav-group[open]{grid-column:1/-1}.type-picker{flex-direction:column;align-items:stretch}.type-picker>label{width:100%}}

/* Aktive Menüpunkte ohne überlagernde Unterkante. */
.internal-nav a[aria-current=page],.internal-nav .nav-group>summary.is-current{box-shadow:none;background:#bb0016;border-color:#bb0016;color:#fff}.asset-ribbon .asset-tab{background:#fff;border:1px solid #e0e3e6;color:#343b40;box-shadow:none;min-height:46px}.asset-ribbon .asset-tab:hover,.asset-ribbon .asset-tab.is-selected{background:#fff0f1;border-color:#f4b6be;color:#bd0017}.asset-ribbon>.button{color:#fff}

.asset-ribbon>.button:hover,.asset-ribbon>.button:focus-visible{background:#c90018;border-color:#c90018;color:#fff}

.dashboard-section{margin:28px 0}.dashboard-section-title{font-size:1.25rem;margin:0 0 14px;padding-left:12px;border-left:4px solid var(--red)}.dashboard-sections .dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-sections .dashboard-card h3{font-size:1.05rem;line-height:1.4;margin:0 0 8px}.dashboard-sections .dashboard-card .button{margin-top:auto;width:100%;text-align:center}.dashboard-sections .dashboard-card{min-height:220px}.dashboard-sections .dashboard-icon{width:44px;height:44px}.dashboard-sections .dashboard-icon svg{width:26px;height:26px}@media(max-width:1100px){.dashboard-sections .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.dashboard-sections .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.dashboard-sections .dashboard-grid{grid-template-columns:1fr}.dashboard-sections .dashboard-card{min-height:0}}

.type-catalog-actions{gap:12px;margin-top:18px}.type-catalog-actions .catalog-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:#fff;color:#bd0017;border:1px solid #efb1b8;padding:12px 16px;text-decoration:none}.catalog-button svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.type-catalog-actions .catalog-button:hover,.type-catalog-actions .catalog-button:focus-visible{background:#fff0f1;border-color:#bd0017;color:#bd0017}@media(max-width:700px){.type-catalog-actions .catalog-button{width:100%}}

.video-device-card{background:#f8f9fa;border:1px solid #e0e3e6;border-radius:12px;padding:18px;margin:14px 0}.video-device-card>button{background:#fff;color:#bd0017;border-color:#efb1b8}.video-device-card>button:hover{background:#fff0f1}

.contract-item{padding:16px 0;border-bottom:1px solid #e0e3e6}.contract-item:last-child{border-bottom:0}#asset-contract-links{margin:12px 0 22px}#asset-contract-links .button{white-space:normal;overflow-wrap:anywhere}@media(max-width:700px){#asset-contract-links .button{width:100%;text-align:center}}

.signature-open{margin:10px 0}.signature-dialog{width:min(960px,calc(100vw - 24px));max-width:960px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #dfe2e6;border-radius:16px;padding:24px;box-shadow:0 20px 70px #0005;background:#fff;color:#34383b}.signature-dialog::backdrop{background:#18232fb3}.signature-dialog h2{margin:0 0 8px}.signature-dialog .signature-pad{display:block;width:100%;height:auto;aspect-ratio:1000/314;touch-action:none;user-select:none;background:#fff;border:2px dashed #a3abb2;border-radius:10px;margin:18px 0}.signature-actions{justify-content:flex-end;gap:10px}.signature-actions button{min-height:48px}@media(max-width:600px){.signature-dialog{padding:16px}.signature-dialog h2{font-size:1.3rem}.signature-actions{display:grid;grid-template-columns:1fr 1fr}.signature-actions button:last-child{grid-column:1/-1}}@media(max-height:500px){.signature-dialog{padding:12px}.signature-dialog h2{font-size:1.15rem}.signature-dialog p{margin:4px 0}.signature-dialog .signature-pad{margin:8px 0;max-height:50dvh}.signature-actions button{padding:8px 12px;min-height:42px}}

/* Required controls: shared by all internal forms and the offline technician app. */
input[required]:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select[required],textarea[required]{background-color:#fff0f1;border-color:#e6a4ac}
input[required]:not([type="hidden"]):focus,select[required]:focus,textarea[required]:focus{outline:2px solid #c90018;outline-offset:2px}
label:has(>input[required]:not([type="hidden"])),label:has(>select[required]),label:has(>textarea[required]){--required-marker:#a40016}
label:has(>input[required]:not([type="hidden"]))::after,label:has(>select[required])::after,label:has(>textarea[required])::after{content:"Pflichtfeld";display:block;margin-top:4px;font-size:.75rem;line-height:1.4;color:var(--required-marker);font-weight:400}
main:has([required])>h1::after{content:"Hellrot markierte Felder sind Pflichtfelder.";display:block;font-size:.85rem;line-height:1.5;font-weight:400;color:#8c2432;margin-top:10px}
@media print{main>h1::after,label::after{display:none!important}input[required],select[required],textarea[required]{background:#fff;border-color:#aaa}}

/* Keep maintenance requirement colours visible in embedded/offline forms too. */
#report input[required]:not([type="hidden"]),#report select[required],#report textarea[required]{background-color:#ffe8eb;border-color:#d88e99}
.required-caption{color:#992132;font-size:.8rem;font-weight:400}
@media print{#report input[required],#report select[required],#report textarea[required]{background:#fff}}

/* Completed required fields return to the normal appearance immediately. */
input[required]:valid:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select[required]:valid,textarea[required]:valid,
#report input[required]:valid:not([type="hidden"]),#report select[required]:valid,#report textarea[required]:valid{background-color:#fff;border-color:#b9bdc0}
label:has(>input[required]:valid:not([type="hidden"]))::after,label:has(>select[required]:valid)::after,label:has(>textarea[required]:valid)::after{content:none}
label:has(>select[required]:valid)>.required-caption{display:none}

.material-serials,.material>.serial-scanner{grid-column:1/-1}.material>.serial-scanner{padding:14px;border:1px solid #e0e3e6;border-radius:10px;background:#fafafa}.serial-scanner video{display:block;width:100%;max-width:560px;max-height:340px}

.serial-table td{overflow-wrap:anywhere;vertical-align:top}.serial-table .actions{gap:10px}.serial-table .button{white-space:normal;text-align:center;max-width:100%}.serial-table details{margin-top:12px}.serial-table summary{cursor:pointer;font-weight:600}
@media(max-width:700px){
 main:has(#serial-types)>h1{font-size:clamp(1.5rem,7vw,2rem);overflow-wrap:anywhere}
 main:has(#serial-types) .grid>label{min-width:0;overflow-wrap:anywhere}
 main:has(#serial-types) input,main:has(#serial-types) select,main:has(#serial-types) textarea{min-width:0;max-width:100%}
 .serial-table{overflow:visible}.serial-table table{display:block;width:100%;min-width:0;table-layout:fixed}.serial-table thead{display:none}.serial-table tbody{display:block}.serial-table tbody tr{display:block;margin:0 0 16px;border:1px solid #b9bdc0;border-radius:10px;overflow:hidden}.serial-table tbody td{display:block;width:100%;padding:12px 14px;min-width:0;text-align:left;border-bottom:1px solid #dfe2e4;white-space:normal}.serial-table tbody td:last-child{border-bottom:0}.serial-table td::before{content:attr(data-label);display:block;font-weight:700;font-size:.85rem;margin-bottom:6px;color:inherit}.serial-table .actions{display:grid;grid-template-columns:1fr}.serial-table .button{width:100%;margin:6px 0;box-sizing:border-box}.serial-table .actions .button{margin:0}
}

.grid>.serial-scanner{grid-column:1/-1;min-width:0}.serial-scanner input,.serial-scanner video{max-width:100%}.serial-scanner button{white-space:normal}

.ninjaone-import{margin:14px 0}.ninjaone-import label{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:10px 0}.ninjaone-import label input[type=checkbox]{width:auto;flex-shrink:0;margin-top:6px}.ninjaone-import span{overflow-wrap:anywhere}.ninjaone-import button{white-space:normal;max-width:100%}

.ninjaone-info{margin:14px 0;min-width:0;max-width:100%;text-align:left}.ninjaone-info>summary{cursor:pointer;display:inline-block;padding:10px 14px;border:1px solid #e50914;border-radius:9px;background:#e50914;color:#fff;font-weight:600;white-space:normal}.ninjaone-info>summary:hover{background:#bb0016;color:#fff}.ninjaone-info h4{margin:16px 0 6px}.ninjaone-info dl{margin:0}.ninjaone-info dl>div{padding:8px 0;border-bottom:1px solid #8893a455}.ninjaone-info dt{font-weight:600;font-size:.85rem}.ninjaone-info dd{margin:2px 0 0;overflow-wrap:anywhere;font-weight:400}.ninjaone-info .note{white-space:normal;overflow-wrap:anywhere}

/* Shared live clock, including offline technician app. */
.live-clock{position:sticky;top:0;z-index:900;display:flex;justify-content:center;align-items:center;min-height:2.6rem;padding:.45rem 1rem;padding-top:max(.45rem,env(safe-area-inset-top));background:#ffffff;color:#202b35;border-bottom:1px solid #d4dbe2;font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #00000012;letter-spacing:.03em}
html[data-theme="dark"] .live-clock{background:#171f29;color:#f5f7fa;border-color:#526173}
.license-card{border-top:1px solid #8793a3;padding:1.2rem 0;min-width:0}.license-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem}.license-card dl div{min-width:0}.license-card dt{font-weight:700}.license-card dd{margin:.3rem 0;overflow-wrap:anywhere}.license-secret{display:flex;gap:.6rem;align-items:center;max-width:40rem}.license-secret input{min-width:0;flex:1;font-family:monospace}.license-secret button{flex:0 0 3rem;padding:.75rem}.license-secret svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2}
@media print{.live-clock{display:none}}

/* Progressive, compact entry forms: controls retain values while folded. */
.compact-customer-editor,.compact-customer-summary{grid-column:1/-1}.compact-customer-editor[hidden],.compact-customer-summary[hidden],.compact-client-editor[hidden],.compact-client-summary[hidden],.material-picker[hidden],.material-selected[hidden]{display:none!important}.compact-customer-summary,.compact-client-summary{padding:18px;border:1px solid #cdd6df;background:#f6f8fa;border-radius:10px;min-width:0}.compact-customer-summary strong,.compact-client-summary strong{display:block;overflow-wrap:anywhere}.compact-customer-summary p{margin:6px 0 14px;overflow-wrap:anywhere}.compact-client-summary>button{margin-top:12px}.compact-customer-accept{align-self:end;justify-self:start}.material{margin:18px 0;padding:18px;border:1px solid #dce1e6;border-radius:12px}.material-selected{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0}.material-selected strong{overflow-wrap:anywhere}.material-selected button{flex-shrink:0}.material-serial-details>summary,.report-optional>summary{cursor:pointer;font-weight:600;padding:12px 16px;border:1px solid #cfa0a9;border-radius:9px;color:#a40016;background:#fff0f1}.material-serial-details[open]>summary{margin-bottom:16px}.report-optional{margin:24px 0;padding:18px;border:1px solid #dce1e6;border-radius:14px;background:#fff}.report-optional[open]>summary{margin-bottom:18px}
html[data-theme="dark"] .compact-customer-summary,html[data-theme="dark"] .compact-client-summary,html[data-theme="dark"] .report-optional{background:#202833;color:#edf1f5;border-color:#536071}html[data-theme="dark"] .material{border-color:#536071}html[data-theme="dark"] .material-serial-details>summary,html[data-theme="dark"] .report-optional>summary{background:#263241;color:#ffd2d7;border-color:#94616a}
@media(max-width:700px){.material-selected{flex-direction:column;align-items:stretch}.material-selected button,.compact-customer-summary button,.compact-client-summary button,.compact-customer-accept{width:100%;text-align:center}.material{padding:14px}.compact-customer-editor{grid-template-columns:1fr}}
/* Kompakte Seriennummernerfassung und eingebettete PDF-Vorschau. */
.serial-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0}.serial-entry>label{min-width:0}.serial-entry>.serial-capture-open{margin:6px 0 14px;white-space:normal;min-height:48px}.serial-capture-dialog{width:min(720px,calc(100% - 24px));max-height:92dvh;overflow:auto;border:1px solid #bbc2cb;border-radius:14px;padding:24px;background:#fff;color:#18222e}.serial-capture-dialog::backdrop,.pdf-preview-dialog::backdrop{background:#101820b8}.serial-capture-dialog [hidden]{display:none!important}.serial-capture-dialog video{display:block;width:100%;max-height:45dvh;background:#111}.pdf-preview-dialog{width:min(1100px,calc(100% - 24px));max-height:95dvh;padding:20px;border:1px solid #bbc2cb;border-radius:14px;background:#fff;color:#18222e}.pdf-preview-dialog h2{margin:0 0 14px}.pdf-preview-dialog iframe{display:block;width:100%;height:70dvh;border:1px solid #aeb8c4;margin-top:16px}.video-doc-saved{border-left-color:#27884d;background:#eaf8ef;color:#18452b}.vdoc-ninja-network{margin:18px 0;padding:20px;border:1px solid #9ca9b7;border-radius:10px}.vdoc-ninja-network input[type=checkbox]{width:auto}html[data-theme="dark"] .serial-capture-dialog,html[data-theme="dark"] .pdf-preview-dialog{background:#202833;color:#edf1f5}html[data-theme="dark"] .video-doc-saved{background:#153a2b;color:#d9ffe7}@media(max-width:700px){.serial-entry{grid-template-columns:minmax(0,1fr)}.serial-entry>.serial-capture-open{width:100%;margin:0 0 14px}.serial-capture-dialog{padding:18px}}
.ninjaone-brand-icon{display:inline-block!important;vertical-align:middle;object-fit:contain;width:28px;height:28px;margin:0 5px;flex:0 0 28px;filter:none!important}button:has(.ninjaone-brand-icon),a.button:has(.ninjaone-brand-icon){display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle}h1 .ninjaone-brand-icon,h2 .ninjaone-brand-icon{width:36px;height:36px;vertical-align:middle}
.pdf-canvas-viewer{height:65dvh;overflow:auto;background:#e5e8ed;padding:12px;border:1px solid #aeb8c4;border-radius:8px;margin-top:12px}.pdf-canvas-viewer canvas{display:block;width:100%;height:auto!important;max-width:1100px;margin:auto;background:#fff;border:0;border-radius:0;touch-action:pan-y}.pdf-page-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.device-networks{margin:20px 0}.device-network-row{padding:18px;border:1px solid #96a4b6;border-radius:10px;margin:12px 0;background:#ffffff08}.device-network-row>.grid{margin-top:12px}
.app-ninja-panel{padding:20px;border:1px solid #9ca8b7;border-radius:14px;margin:20px 0;background:#fff}.app-ninja-panel>summary{cursor:pointer;font-weight:700;list-style:none}.app-ninja-panel>summary::after{content:'⌄';float:right}.app-ninja-panel p{color:#657180}.monitor-ticket-dialog{width:min(760px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid #9ca8b7;border-radius:14px;background:#fff;color:#1b2530}.monitor-ticket-dialog::backdrop{background:#101820b8}.ninja-monitor .task-item{border:1px solid #96a4b6;border-radius:12px;padding:20px;margin:14px 0;overflow-wrap:anywhere}html[data-theme="dark"] .app-ninja-panel,html[data-theme="dark"] .monitor-ticket-dialog{background:#202833;color:#edf1f5}html[data-theme="dark"] .app-ninja-panel p{color:#bdc8d5}

/* Lokale Suche in der entsperrten Techniker-App. */


.topline{position:relative;z-index:30}.topline .wrap{flex-wrap:wrap}.site-search{position:relative;flex:1 1 280px;max-width:440px;min-width:0}.site-search-field{display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border:1px solid #cbd0d4;border-radius:9px;color:#3a4146;min-height:42px}.site-search-field>svg{width:20px;height:20px;flex:0 0 20px}.site-search input{width:100%;min-width:0;border:0;padding:10px 0;background:transparent;color:#25282a;font:inherit;font-size:14px;outline-offset:2px}.site-search input::placeholder{color:#697178;opacity:1}.site-search input::-webkit-search-cancel-button{display:none}.site-search .site-search-clear{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:#f3f4f5!important;color:#40474c!important;font-size:24px;line-height:1;box-shadow:none;cursor:pointer}.site-search [hidden]{display:none!important}.site-search-panel{position:absolute;top:calc(100% + 10px);left:0;width:600px;max-width:calc(100vw - 40px);max-height:65dvh;overflow:auto;border:1px solid #dedfe2;border-top:3px solid #e50914;border-radius:12px;background:#fff;color:#25282a;box-shadow:0 15px 45px #0003;padding:12px}.site-search-status{margin:4px 10px 10px;font-size:13px;color:#60676c}.site-search ul{list-style:none;padding:0;margin:0}.site-search li{margin:0}.site-search li a{display:block;padding:13px 12px;border-radius:8px;text-decoration:none;line-height:1.5;white-space:normal}.site-search li strong{display:block;font-size:15px;margin-bottom:5px;color:#25282a}.site-search li span{display:block;font-size:13px;color:#687076}.site-search li a:hover,.site-search li[aria-selected=true] a{background:#fff0f1}.site-search li a:hover strong,.site-search li[aria-selected=true] strong{color:#bb0712}.site-search :focus-visible{outline:2px solid #e50914;outline-offset:3px}@media(max-width:1100px) and (min-width:761px){.topline .wrap>span{display:none}.site-search{max-width:520px}}@media(max-width:760px){.topline .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:12px}.topline .wrap>span{text-align:center}.topline .topline-actions{justify-content:center;flex-wrap:wrap}.site-search{width:100%;max-width:none;grid-row:3}.site-search-panel{width:100%;max-width:none;max-height:55dvh}.site-search input{font-size:16px}.site-search li a{padding:14px 10px}}

.app-local-search{max-width:none;flex:none;width:100%;margin:20px 0;z-index:5}.app-local-search>label{margin-bottom:8px}.app-local-search input{margin:0;color:#25282a!important;background:transparent!important}.app-local-search .site-search-panel{width:min(700px,100%);max-width:100%}.app-local-search .site-search-clear{margin:0}

.app-greeting{font-size:clamp(1.1rem,3vw,1.45rem);font-weight:650;line-height:1.5;margin:0 0 1.4rem;overflow-wrap:anywhere}

.app-greeting strong,.app-greeting span{display:block}.app-greeting span{font-size:1rem;font-weight:400;margin-top:.25rem}
.app-greeting strong{font-size:clamp(1.5rem,4vw,2rem);line-height:1.25}

.app-subpage h1{margin-top:1.2rem}

.system-row-list{display:grid;gap:12px}.system-row{padding:12px 16px;min-width:0}.access-row-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.access-row-summary>strong{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.access-row-actions{display:flex;align-items:stretch;gap:8px;flex:0 0 auto}.access-row-summary>button,.access-row-actions>button,.access-row-actions>.button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:36px;padding:8px 12px;margin:0;font:600 14px/1.3 'Segoe UI',Arial,sans-serif;text-align:center}.system-row-details{padding-top:16px}.system-row-details[hidden],.access-row-summary[hidden],.access-row-body[hidden]{display:none!important}.access-add{display:inline-flex;width:auto;max-width:100%;margin-top:12px;font-size:.9rem}

.network-scan-dialog{width:min(1250px,calc(100% - 24px));max-height:94dvh;overflow:auto;box-sizing:border-box;padding:22px;border:1px solid #9ca8b7;border-radius:16px;background:#fff;color:#1b2530}.network-scan-dialog::backdrop{background:#101820b8}.network-scan-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.network-scan-header h2{margin:0}.network-scan-dialog label{display:block;margin-block:12px}.network-scan-dialog input,.network-scan-dialog select{width:100%;box-sizing:border-box}.network-scan-upload{border:1px solid #a9b4c2;border-radius:12px;padding:14px;margin-block:18px}.network-scan-table{overflow:auto}.network-scan-table table{width:100%;border-collapse:collapse;font-size:.9rem}.network-scan-table th,.network-scan-table td{padding:10px;border-bottom:1px solid #a9b4c2;text-align:left;vertical-align:top;overflow-wrap:anywhere}.network-scan-table th button{background:transparent;color:inherit;box-shadow:none;padding:4px;font-size:.9rem;min-height:0}.network-scan-table .scan-device-link{padding:8px 10px;font-size:.8rem;white-space:normal}.network-scan-table td>.note{display:block;margin:5px 0 12px}.network-scan-dialog .actions{gap:10px}.network-scan-dialog .grid{align-items:start}.network-scan-dialog>p{overflow-wrap:anywhere}html[data-theme="dark"] .network-scan-dialog{background:#202833;color:#edf1f5}html[data-theme="dark"] .network-scan-dialog input,html[data-theme="dark"] .network-scan-dialog select{background:#151d27;color:#f0f3f8}
@media(max-width:700px){.network-scan-dialog{padding:14px}.network-scan-dialog .grid{grid-template-columns:minmax(0,1fr)}.network-scan-header{align-items:start}.network-scan-header h2{font-size:1.3rem}.network-scan-header button{padding:9px 12px}.network-scan-table thead{display:none}.network-scan-table table,.network-scan-table tbody{display:block}.network-scan-table tr{display:block;border:1px solid #a9b4c2;border-radius:10px;padding:8px;margin:12px 0}.network-scan-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;border:0;padding:6px}.network-scan-table td::before{content:attr(data-label);font-weight:650}.network-scan-table td:last-child{display:block}.network-scan-table td:last-child::before{display:block;margin-bottom:8px}}

.network-scan-dialog .grid{gap:8px}.network-scan-dialog label{margin-block:8px}.network-scan-upload-box{border:1px solid #a9b4c2;border-radius:10px;padding:12px;margin-block:14px}.network-scan-upload-box>summary{cursor:pointer;font-weight:650}.network-scan-upload-box .network-scan-upload{border:0;padding:0;margin:12px 0 0}.network-scan-header{position:sticky;top:-22px;padding-block:8px;background:inherit;z-index:1}.network-scan-dialog>p,.network-scan-table{scroll-margin-top:75px}

.network-scan-dialog [hidden]{display:none!important}

.huntress-brand-logo{display:inline-block!important;width:112px!important;height:32px!important;max-width:100%;object-fit:contain;vertical-align:middle;margin-inline:2px}h1 .huntress-brand-logo{width:170px!important;height:49px!important}button .huntress-brand-logo,.button .huntress-brand-logo,html[data-theme="dark"] .huntress-brand-logo{background:#fff;border-radius:5px;padding:3px 6px;box-sizing:content-box}.monitor-causes{padding-left:22px}.monitor-causes li{margin-block:6px;overflow-wrap:anywhere}

.online-panel-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.online-panel-header h2{margin:0}.online-panel-header button{flex-shrink:0}.heise-brand-logo{display:inline-block;width:150px;height:32px;object-fit:contain;vertical-align:middle;background:white;padding:5px;border-radius:6px}.inbox-message-button{display:block;width:100%;text-align:left;background:transparent!important;color:inherit!important;box-shadow:none!important;border:0;padding:6px 0;font-weight:700;white-space:normal;overflow-wrap:anywhere}.online-panel-dialog [hidden]{display:none!important}.online-panel-dialog .preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.online-panel-dialog .task-item{overflow-wrap:anywhere}@media(max-width:450px){.online-panel-dialog{padding:16px}.online-panel-header h2{font-size:1.25rem}.online-panel-header button{padding:10px}.online-panel-header .heise-brand-logo{width:110px}}

.network-customer-results{display:grid;gap:6px;max-height:250px;overflow:auto;margin-bottom:12px}.network-customer-results button{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:10px 12px;font-size:.9rem}

.portal-monitor-link{text-align:left;background:transparent!important;color:inherit!important;box-shadow:none!important;white-space:normal;width:100%;font:inherit}.portal-monitor-logo{width:100px;height:32px;object-fit:contain;background:white;border-radius:5px;padding:5px;box-sizing:content-box}

.m365-brand-logo{display:inline-block;width:112px;height:32px;object-fit:contain;background:#fff;border-radius:5px;padding:4px 6px;vertical-align:middle}.online-panel-header .m365-brand-logo{display:block;margin-bottom:8px}

/* v66: Separate actions on small screens; whole inbox cards open messages. */
.monitor-ticket-dialog .actions,.monitor-card-actions,.ninja-monitor .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:12px 0}
.monitor-ticket-dialog .actions>* ,.monitor-card-actions>*,.ninja-monitor .actions>*{margin:0;max-width:100%;white-space:normal;text-align:center;box-sizing:border-box}
.monitor-card-actions{margin-top:14px}.monitor-reset-causes{margin-block:14px}.monitor-reset-causes summary{white-space:normal}
.inbox-message-list{display:grid;gap:12px}.online-panel-dialog .inbox-message-card{padding:0;margin:0;border:1px solid #9ca8b7;border-radius:10px;overflow:hidden;background:transparent}
.online-panel-dialog .inbox-message-button{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:16px;text-align:left;color:inherit!important;-webkit-text-fill-color:currentColor;background:#f5f7fa!important;line-height:1.5;font-size:1rem}
.inbox-message-button strong{font-size:1rem}.inbox-message-button .inbox-message-meta,.inbox-message-button .inbox-message-preview{display:block;font-weight:400;font-size:.85rem}.inbox-message-preview{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-message-button .inbox-message-open{font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.inbox-message-button:focus-visible{outline:3px solid #e50914;outline-offset:-3px}.inbox-unread .inbox-message-button{border-left:4px solid #e50914}.inbox-message-search{display:block;width:100%;box-sizing:border-box;margin:16px 0}.inbox-message-detail{overflow-wrap:anywhere}.online-panel-header{min-width:0}.online-panel-header h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.monitor-ticket-dialog .actions,.monitor-card-actions,.ninja-monitor .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.monitor-ticket-dialog .actions>*,.monitor-card-actions>*,.ninja-monitor .actions>*{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0;padding:12px 14px}.monitor-ticket-dialog{box-sizing:border-box;max-width:calc(100% - 20px)}.online-panel-dialog .inbox-message-button{padding:14px}.online-panel-header{gap:10px;flex-wrap:wrap}.online-panel-header button{margin:0}.monitor-reset-causes>summary{width:100%;box-sizing:border-box;padding:12px}}

/* v68: Read-only NinjaOne customer documentation. */
.ninja-doc-list{display:grid;gap:14px}.ninja-doc-list .task-item{min-width:0;border:1px solid #9ca8b7;border-radius:12px;padding:16px;overflow-wrap:anywhere}.ninja-doc-list h3{margin-top:0}.ninja-doc-text{white-space:pre-wrap;overflow-wrap:anywhere}.ninja-doc-field{padding:12px 0;border-top:1px solid #9ca8b7}.ninja-doc-field h4{margin:0 0 8px}.ninja-doc-files a{overflow-wrap:anywhere;white-space:normal;max-width:100%;margin:0}.ninja-doc-dialog>[type=search]{width:100%;box-sizing:border-box}.ninja-doc-dialog [hidden]{display:none!important}.ninja-doc-dialog .actions{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.ninja-doc-dialog .actions>*{margin:0}@media(max-width:600px){.ninja-doc-dialog{padding:16px}.ninja-doc-dialog .network-scan-header{align-items:start;flex-wrap:wrap}.ninja-doc-dialog .network-scan-header h2{font-size:1.3rem}.ninja-doc-dialog .actions{display:grid;grid-template-columns:minmax(0,1fr)}.ninja-doc-dialog .actions>*{width:100%;box-sizing:border-box}}

/* v72: stable scan columns on every page; compact, aligned records when space is limited. */
.network-scan-table{container:scan-list / inline-size;min-width:0}
.network-scan-table table{table-layout:fixed}
.network-scan-table th,.network-scan-table td{width:auto;vertical-align:top}
.network-scan-table th:nth-child(1){width:15%}.network-scan-table th:nth-child(2){width:18%}.network-scan-table th:nth-child(3){width:17%}.network-scan-table th:nth-child(4){width:20%}.network-scan-table th:nth-child(5){width:10%}.network-scan-table th:nth-child(6){width:20%}
.network-scan-table th button{margin:0;text-align:left;white-space:normal}
.scan-cell-value{display:block;min-width:0;overflow-wrap:anywhere}
.scan-documentation{display:grid;gap:12px;min-width:0}.scan-documentation-entry{display:grid;gap:6px;min-width:0}
.network-scan-table .scan-device-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;box-sizing:border-box;text-align:center}
.scan-documentation-entry>.note{display:block;margin:0;overflow-wrap:anywhere}
.network-scan-dialog .network-scan-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:360px;margin-top:16px}
.network-scan-pager>button{width:100%;margin:0;min-height:44px}
@container scan-list (max-width:1050px){
 .network-scan-table table,.network-scan-table tbody{display:block;width:100%}
 .network-scan-table thead{display:none}
 .network-scan-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;border:1px solid #a9b4c2;border-radius:10px;padding:16px;margin:0 0 14px}
 .network-scan-table tbody td,.network-scan-table tbody td:last-child{display:block;width:auto;min-width:0;border:0;padding:0}
 .network-scan-table tbody td::before{content:attr(data-label);display:block;font-weight:650;margin:0 0 4px}
 .network-scan-table tbody td[colspan]{grid-column:1/-1}
 .network-scan-table tbody td[colspan]::before{display:none}
}
@container scan-list (max-width:620px){
 .network-scan-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px}
}
@container scan-list (max-width:300px){
 .network-scan-table tbody tr{grid-template-columns:minmax(0,1fr)}
}

/* Shared reusable device catalog and compact positions for every document type. */
.device-type-picker{min-width:0}.device-type-results{display:grid;gap:8px;max-height:240px;overflow:auto}.device-type-results>button{display:block;width:100%;margin:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.entry-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;min-width:0}.entry-summary>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-summary>button{flex:0 0 auto;min-height:38px;padding:8px 12px;margin:0}
.entry-body{grid-column:1/-1;min-width:0}.material>.entry-body,.labor-row>.entry-body{display:grid;grid-template-columns:subgrid;gap:12px;align-items:end}.entry-done{grid-column:1/-1;justify-self:start;margin-top:12px}
.entry-body[hidden],.entry-summary[hidden]{display:none!important}

.support-unread-badge{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#e50914;color:#fff;font:700 13px/1 'Segoe UI',Arial,sans-serif;z-index:1}.support-unread-badge[hidden]{display:none!important}

/* Separate controls inside component editors and mail details on narrow screens. */
.entry-body>button,.entry-body>.button{margin:6px 10px 6px 0}.entry-body>.entry-done{margin-top:12px}.inbox-detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:18px}.inbox-detail-actions>*{margin:0;white-space:normal;box-sizing:border-box}@media(max-width:600px){.inbox-detail-actions{display:grid;grid-template-columns:minmax(0,1fr)}.inbox-detail-actions>*{width:100%;text-align:center;min-height:46px}}

/* Einheitliche Statusfarben, Popup-Schließen und Zählerpositionen. */
.ninja-health-label{display:inline-block;font-size:1.15rem;line-height:1.35;font-weight:800;padding:8px 12px;margin:0 0 12px;border-radius:8px}
.ninja-health-error{background:#ffe4e6;color:#aa0012}.ninja-health-warning{background:#ffe68a;color:#574000}
html[data-theme="dark"] .ninja-health-error,body.dark .ninja-health-error{background:#63212a;color:#ffb4bc}
html[data-theme="dark"] .ninja-health-warning,body.dark .ninja-health-warning{background:#f7cc47;color:#241e08}
.monitor-ticket-dialog>.monitor-popup-header{flex-wrap:nowrap;align-items:flex-start}.monitor-popup-header>h2{flex:1;min-width:0}
.monitor-ticket-dialog .monitor-dialog-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0 0 0 auto;padding:0;font-size:30px;line-height:1;border-radius:9px}
.app-monitor-card,.portal-monitor-link{position:relative}
.app-monitor-card .monitor-badge,.portal-monitor-link .portal-monitor-badge,.support-unread-badge{position:absolute;top:10px;right:12px;margin:0;min-width:25px;height:25px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e50914;color:#fff;font:700 13px/1 'Segoe UI',Arial,sans-serif;z-index:1}
.app-monitor-card .monitor-badge[hidden],.portal-monitor-badge[hidden]{display:none!important}.app-monitor-card .monitor-badge:empty{display:none}
.inbox-html-preview{display:block;width:100%;height:480px;min-height:260px;border:1px solid #a8b1bd;border-radius:8px;background:white;margin:14px 0}

/* Ninja-Status: eigene Zeile und gleicher Abstand für Rot und Gelb. */
.monitor-ticket-dialog .ninja-health-label,.ninja-monitor .ninja-health-label{display:block;width:fit-content;max-width:100%;margin:0 0 16px;box-sizing:border-box;overflow-wrap:anywhere}
.monitor-ticket-dialog .ninja-health-label+strong{display:block;margin:0 0 12px}
.monitor-ticket-dialog .task-item:has(>.ninja-health-label),.ninja-monitor .task-item:has(>.ninja-health-label){padding-block:24px}

/* Popup-Aktionen: einheitliche Maße und Abstände. */
.monitor-ticket-dialog .actions,.monitor-ticket-dialog .monitor-card-actions{gap:12px}
.monitor-ticket-dialog .actions>button,.monitor-ticket-dialog .actions>a.button,.monitor-ticket-dialog .monitor-card-actions>button,.monitor-ticket-dialog .monitor-card-actions>a.button{min-height:44px;border-radius:10px;padding:11px 16px;font-size:.95rem;line-height:1.35;box-sizing:border-box;margin:0;display:inline-flex;align-items:center;justify-content:center}
.monitor-ticket-dialog .monitor-dialog-close{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;margin:0 0 0 auto;border-radius:10px;font-size:28px;font-weight:700;line-height:1;box-sizing:border-box;box-shadow:none}

.material-catalog-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.material-catalog-tab{display:flex;align-items:center;gap:12px;background:#fff;color:#17202b;border:1px solid #adb5bd}.material-catalog-tab img{object-fit:contain;width:100px;height:42px}.material-catalog-tab[aria-current=page]{border:2px solid #df0018}
.article-picker-dialog{width:min(900px,calc(100vw - 24px));max-height:88dvh;padding:20px;border:1px solid #87909a;border-radius:12px;background:#fff;color:#202832;box-sizing:border-box;overflow:auto}
.article-picker-dialog::backdrop{background:#0009}
.article-picker-heading,.article-position-line{display:flex;align-items:center;gap:12px;justify-content:space-between}
.article-picker-heading h2{margin:0}.article-picker-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
button.article-picker-result{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;background:#f1f3f5;color:#202832;border:1px solid #c9cfd5;border-radius:6px;white-space:normal;overflow-wrap:anywhere}
button.article-picker-result:hover,button.article-picker-result:focus-visible{background:#e1e8ef;outline:2px solid #c90018}
.article-picker-result span{font-size:.85rem;font-weight:400}.article-position-line>span,.article-position-line>strong{flex:1;min-width:0;overflow-wrap:anywhere}.article-position-editor{display:grid;gap:12px}.article-position-editor[hidden],.article-position-line[hidden]{display:none!important}
html[data-theme="dark"] .article-picker-dialog,body.dark .article-picker-dialog{background:#202a35;color:#f5f5f5}
html[data-theme="dark"] button.article-picker-result,body.dark button.article-picker-result{background:#151e28;color:#f5f5f5;border-color:#667582}
@media(max-width:600px){.article-picker-dialog{padding:12px}.article-position-line{gap:6px;flex-wrap:wrap}.article-position-line>span,.article-position-line>strong{flex-basis:100%}}
.material>[hidden]{display:none!important}
.nav-group:has(a[href="ema-assets.php"]) .nav-dropdown{width:min(610px,88vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:70vh}.nav-dropdown .nav-menu-section{min-width:0}.nav-dropdown a{white-space:normal}@media(max-width:700px){.nav-group:has(a[href="ema-assets.php"]) .nav-dropdown{width:min(320px,88vw);grid-template-columns:1fr}}
#report>fieldset>legend{width:100%;box-sizing:border-box}.maintenance-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.maintenance-section-heading>span{min-width:0}.maintenance-section-heading>.maintenance-section-toggle{margin:0;padding:8px 12px;font-size:.85rem;flex:0 0 auto;width:auto}.maintenance-section-body[hidden]{display:none!important}#report>fieldset.maintenance-section-collapsed{padding-top:6px;padding-bottom:8px;margin-block:18px}.maintenance-section-collapsed>legend{margin:0}.maintenance-section-body{padding-top:12px}

.popup-close-bar{position:sticky;top:0;z-index:250;display:flex;justify-content:flex-end;flex:0 0 auto;min-height:44px;background:inherit;margin:0 0 8px;padding:0}.popup-close-bar .popup-close-x{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #e30613;border-radius:8px;background:#fff!important;color:#d70015!important;font:600 30px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0002}.popup-close-bar .popup-close-x:hover,.popup-close-bar .popup-close-x:focus-visible{background:#e30613!important;color:#fff!important}.pdf-preview-dialog{overflow:auto}.ema-operating-code{border:1px solid #8888;border-radius:10px;padding:14px;margin:12px 0}.ema-operating-code-summary{display:flex;gap:12px;align-items:center;justify-content:space-between}.ema-operating-code-summary strong{min-width:0;overflow-wrap:anywhere}.ema-operating-code-body[hidden],.ema-operating-code-summary[hidden]{display:none!important}.ema-operating-codes .code-password{font-family:monospace}

.pdf-page-sheet{position:relative;width:100%;max-width:1100px;margin:0 auto 18px;background:#fff;overflow:hidden;box-shadow:0 2px 7px #0003}.pdf-page-sheet:last-child{margin-bottom:0}.pdf-page-sheet canvas{width:100%;height:100%!important}

.doc-project-title{margin:0 0 20px;overflow-wrap:anywhere;font-size:1.65rem;line-height:1.3}