:root{--blue:#0757a6;--red:#c7192d;--gold:#d6ad43;--bg:#f3f6fa;--dark:#172033}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial;background:var(--bg);color:var(--dark)}header{background:linear-gradient(110deg,#073b75,#0873cf);color:white;padding:18px 24px;border-bottom:5px solid var(--gold)}header b{font-size:24px}.wrap{max-width:1150px;margin:auto;padding:22px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.nav a,.btn{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:650}.btn.red{background:var(--red)}.card{background:white;border-radius:14px;padding:18px;box-shadow:0 3px 14px #0001;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric{font-size:30px;font-weight:800}.muted{color:#687386}input,select{width:100%;padding:10px;border:1px solid #ccd4df;border-radius:8px;margin:5px 0 12px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e9ef;text-align:left}.ok{background:#daf5df}.bad{background:#ffdadd}.warn{background:#fff0c8}#reader{max-width:520px;margin:auto}.scan-result{font-size:22px;font-weight:800;padding:22px;border-radius:14px;text-align:center;margin-top:15px}@media(max-width:600px){.wrap{padding:12px}header{padding:14px}.metric{font-size:25px}}
.narrow{max-width:520px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tablewrap{overflow:auto}.inline{display:inline-flex;gap:5px;align-items:center;margin:2px}.mini{width:145px;margin:0;padding:7px}.small{padding:7px 10px;font-size:12px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#e8edf4}.s-used{background:#d8f3df}.s-sold{background:#dbeafe}.s-issued{background:#fff0c8}.s-cancelled,.s-blocked{background:#ffdadd}.s-available,.s-returned{background:#e8edf4}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.flow span{background:#edf4fb;padding:10px 13px;border-radius:9px;font-weight:700}@media(max-width:700px){.grid2{grid-template-columns:1fr}.inline{display:flex}.mini{width:100%}}
.filtergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.filterbuttons{display:flex;gap:8px;align-items:end}.secondary{background:#e8edf5!important;color:#17223b!important}.checkcell{width:34px;text-align:center}@media print{header,.nav,form,.btn{display:none!important}.wrap{max-width:none;margin:0;padding:0}.card{box-shadow:none;border:0}}
/* Navigation 0.6 */
.nav{align-items:flex-start}.navgroup{position:relative}.navgroup>summary{list-style:none;border-radius:9px;background:var(--blue);color:#fff;padding:10px 14px;cursor:pointer;font-weight:650;user-select:none}.navgroup>summary::-webkit-details-marker{display:none}.navgroup>summary:after{content:' ▾';font-size:11px}.navgroup[open]>summary:after{content:' ▴'}.navsubmenu{position:absolute;z-index:30;top:46px;left:0;min-width:210px;background:white;padding:7px;border-radius:10px;box-shadow:0 8px 28px #0003;border:1px solid #dfe6ef}.navsubmenu a{display:block!important;background:white!important;color:var(--dark)!important;border-radius:7px;padding:9px 11px!important;white-space:nowrap}.navsubmenu a:hover{background:#edf4fb!important;color:var(--blue)!important}.navhome{background:#17426d!important}.logout{background:#64748b!important;margin-left:auto}.helpgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.helpstep{border-left:5px solid var(--blue)}.helpstep h3{margin-top:0}.toc a{display:inline-block;margin:4px 8px 4px 0}.preview-ticket{background:white;border:1px dashed #9aa7b5;border-radius:8px;padding:14px;min-height:170px;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.preview-logo{height:70px;border:2px dashed #ccd4df;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8390a1;font-weight:700;overflow:hidden}.preview-logo img{max-width:100%;max-height:100%}.setting-note{font-size:13px;color:#687386}.dangerbox{border-left:5px solid var(--red)}
@media(max-width:700px){.nav{display:grid;grid-template-columns:1fr 1fr}.nav>a,.navgroup,.navgroup>summary{width:100%}.navsubmenu{position:static;box-shadow:none;border:0;margin-top:4px}.logout{margin-left:0}.preview-ticket{grid-template-columns:1fr}}
.brandmark{background:white!important;padding:4px 8px!important;display:flex!important;align-items:center}.brandmark img{max-height:32px;max-width:90px}.template-type{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:var(--blue)}
/* Ticketübersicht 0.8.1 */
.resultbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-list-wrap{padding:8px 14px;overflow:visible}.ticket-table{table-layout:auto}.ticket-table th{font-size:13px;white-space:nowrap;color:#24334b}.ticket-table td{vertical-align:top}.ticket-number{font-weight:800;white-space:nowrap}.cell-sub{font-size:12px;color:#687386;margin-top:3px}.cancel-reason{font-size:12px;margin-top:7px;max-width:180px;color:#7c2631}.timeline-mini{display:grid;gap:5px;min-width:145px}.timeline-mini span{display:grid;grid-template-columns:48px 1fr;gap:6px;font-size:12px;white-space:nowrap}.timeline-mini b{font-size:11px;color:#687386}.ticket-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:104px}.ticket-actions form{margin:0}.ticket-actions .btn{width:100%;white-space:nowrap}.action-dialog{border:0;border-radius:16px;padding:0;width:min(92vw,520px);box-shadow:0 24px 80px #0006}.action-dialog::backdrop{background:#0f172a99}.action-dialog form{padding:20px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog-head h3{margin:2px 0 0;font-size:22px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--red)}.dialog-x{border:0;background:#edf1f6;border-radius:9px;width:36px;height:36px;font-size:25px;line-height:1;cursor:pointer;color:#334155}.action-dialog textarea{width:100%;resize:vertical;min-height:105px;padding:11px;border:1px solid #ccd4df;border-radius:9px;margin:7px 0 4px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:820px){.resultbar{align-items:stretch;flex-direction:column}.resultbar .btn{width:100%;text-align:center}.ticket-list-wrap{padding:0;background:transparent;box-shadow:none}.ticket-table,.ticket-table tbody,.ticket-table tr,.ticket-table td{display:block;width:100%}.ticket-table thead{display:none}.ticket-table tr{background:#fff;border-radius:14px;box-shadow:0 3px 14px #0001;margin-bottom:12px;padding:8px 14px;border:1px solid #e7ebf1}.ticket-table td{border-bottom:1px solid #edf0f4;padding:10px 0 10px 42%;min-height:42px;position:relative}.ticket-table td:last-child{border-bottom:0}.ticket-table td::before{content:attr(data-label);position:absolute;left:0;top:10px;width:38%;font-size:12px;font-weight:800;color:#536176}.ticket-number{font-size:16px}.timeline-mini{min-width:0}.timeline-mini span{white-space:normal;grid-template-columns:50px 1fr}.ticket-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.ticket-actions .btn{min-height:40px}.cancel-reason{max-width:none}.filterbuttons{grid-column:1/-1}.filterbuttons .btn{flex:1;text-align:center}}
@media(max-width:460px){.ticket-table td{padding-left:0;padding-top:30px}.ticket-table td::before{width:auto;top:8px}.ticket-actions{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}.filterbuttons{flex-direction:column}.filterbuttons .btn{width:100%}}
/* Rechteverwaltung 0.8.2 */
.permission-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.permission-legend span{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.perm-inherit{background:#e8edf4;color:#445066}.perm-allow{background:#d8f3df;color:#176329}.perm-deny{background:#ffdadd;color:#8b2030}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.role-card{border:1px solid #dde5ee;border-radius:14px;padding:16px;background:#fbfcfe}.role-card-head,.user-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.role-card-head h3,.user-head h2{margin:2px 0 6px}.perm-group{border:1px solid #e0e6ed;border-radius:11px;padding:10px 12px 5px;margin:13px 0}.perm-group legend{font-weight:800;color:#30415b;padding:0 6px}.perm-check{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:8px;cursor:pointer}.perm-check:hover{background:#edf4fb}.perm-check input{width:auto;margin:3px 0 0;transform:scale(1.15)}.perm-check span{display:flex;flex-direction:column;line-height:1.25}.perm-check small,.permission-name small{color:#7a8797;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:2px}.admin-note{background:#eef5ff;border-left:4px solid var(--blue);border-radius:8px;padding:11px 13px;margin-top:12px}.section-title{margin:28px 0 14px}.user-rights-card{scroll-margin-top:12px}.role-pill{background:#e6f0fb;color:#17426d;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status-active{color:#19713a;font-weight:800}.status-blocked{color:#9d2534;font-weight:800}.user-master-form{margin:14px 0 18px;padding:12px;background:#f8fafc;border-radius:10px}.permission-categories{display:grid;gap:14px}.permission-category{border:1px solid #dfe6ef;border-radius:13px;overflow:hidden}.permission-category>h3{margin:0;padding:11px 14px;background:#edf4fb;color:#253b58;font-size:15px}.permission-table{display:grid}.permission-row{display:grid;grid-template-columns:minmax(210px,1.4fr) 105px minmax(330px,1.8fr);gap:12px;align-items:center;padding:11px 14px;border-top:1px solid #edf0f4}.permission-row:first-child{border-top:0}.permission-name{display:flex;flex-direction:column}.permission-effective{text-align:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.permission-effective.yes{background:#d8f3df;color:#176329}.permission-effective.no{background:#eef1f5;color:#5b6676}.permission-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:block;text-align:center;padding:8px 7px;border:1px solid #ccd5e0;border-radius:8px;background:#fff;font-size:12px;font-weight:750;white-space:nowrap}.choice.inherit input:checked+span{background:#e8edf4;border-color:#8c99aa;color:#344154}.choice.allow input:checked+span{background:#d8f3df;border-color:#62b675;color:#176329}.choice.deny input:checked+span{background:#ffdadd;border-color:#d67b88;color:#8b2030}.user-utility-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #e6eaf0;margin-top:18px;padding-top:14px}.password-form{flex:1;max-width:390px}.btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.role-grid{grid-template-columns:1fr}.permission-row{grid-template-columns:1fr 100px}.permission-choice{grid-column:1/-1}}
@media(max-width:600px){.user-head{flex-direction:column}.role-pill{align-self:flex-start}.permission-row{display:block;padding:13px}.permission-effective{display:inline-block;margin:8px 0}.permission-choice{display:grid;grid-template-columns:1fr;margin-top:5px}.choice span{padding:10px;text-align:left}.user-utility-row,.password-form{display:block;max-width:none}.user-utility-row .inline,.user-utility-row .btn,.user-utility-row .mini{width:100%;margin:4px 0}.role-card{padding:12px}}
.version-badge{display:inline-flex;align-items:center;justify-content:center;background:#eef4fb;color:#17426d;border:1px solid #cad9ea;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;margin-left:auto}.version-badge+.logout{margin-left:0}.template-editor-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,1fr);gap:18px;align-items:start}.preview-panel{position:sticky;top:14px}.preview-title-row{display:flex;justify-content:space-between;gap:12px;align-items:start}.dimension-stage{position:relative;min-height:390px;padding:38px 32px 32px 52px;display:flex;align-items:flex-start;justify-content:center;background:#f8fafc;border:1px solid #dde5ef;border-radius:12px;overflow:auto}.scaled-ticket-preview{position:relative;background:#fff;border:2px solid #25364d;box-shadow:0 6px 20px #0002;display:flex;align-items:center;gap:calc(2px * var(--preview-scale));padding:calc(2px * var(--preview-scale));overflow:hidden}.scaled-ticket-preview .preview-content{font-size:clamp(7px,calc(2.2px * var(--preview-scale)),16px);line-height:1.18;overflow:hidden}.preview-qr{flex:0 0 auto;border:2px solid #111;background:repeating-linear-gradient(45deg,#111 0 3px,#fff 3px 6px);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:10px;overflow:hidden}.dimension-top{position:absolute;top:10px;height:22px;border-left:1px solid #6b7888;border-right:1px solid #6b7888;border-top:1px solid #6b7888;text-align:center;font-size:12px;color:#516070}.dimension-side{position:absolute;left:12px;width:28px;border-top:1px solid #6b7888;border-bottom:1px solid #6b7888;border-left:1px solid #6b7888;display:flex;align-items:center;justify-content:center;font-size:12px;color:#516070;writing-mode:vertical-rl;transform:rotate(180deg)}.preview-dialog{border:0;border-radius:14px;box-shadow:0 20px 70px #0005;max-width:95vw;max-height:95vh}.preview-dialog::backdrop{background:#0008}.preview-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.one-to-one-wrap{padding:20px;background:#eef2f7;overflow:auto;max-width:88vw;max-height:75vh}.one-to-one-card{box-sizing:border-box;background:white;border:1px solid #111;display:flex;align-items:center;gap:3mm;padding:3mm;overflow:hidden;font-size:3.2mm}.role-permission-row{display:flex;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid #e7ebf0}.role-permission-row input{width:auto;margin:0}.role-admin-card h2{margin-bottom:4px}.user-overrides{margin-top:14px;border:1px solid #dde5ef;border-radius:10px;overflow:hidden}.user-overrides>summary{cursor:pointer;padding:12px 14px;background:#f5f8fc;font-weight:750}.user-overrides>form{padding:14px}.permission-row-clean{display:grid;grid-template-columns:minmax(250px,1fr) minmax(240px,320px);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.permission-meta{font-size:12px;color:#687386;margin-top:3px}.mini-state{font-weight:750}.mini-state.yes{color:#146c2e}.mini-state.no{color:#8a3340}.override-select{margin:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:850px){.template-editor-grid{grid-template-columns:1fr}.preview-panel{position:static}.permission-row-clean{grid-template-columns:1fr}.version-badge{margin-left:0}.dimension-stage{min-height:300px;padding-left:42px}}
.metric-small{font-size:22px;font-weight:800;margin-top:4px}.version-warning{margin-top:14px;padding:12px;border-radius:9px}.version-card{border-left:5px solid var(--blue)}
.dimension-top{left:50%;transform:translateX(-50%)}.dimension-side{top:38px}
/* Systempflege / Reset 0.9.2 */
.reset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.reset-section{margin-bottom:0}.reset-section h2{margin-top:0}.reset-option{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #dfe6ef;border-radius:11px;margin:9px 0;cursor:pointer;background:#fbfcfe}.reset-option:hover{background:#f4f8fc}.reset-option.critical{border-left:4px solid #d59b32}.reset-option input{width:auto;margin:3px 0 0;transform:scale(1.18)}.reset-option span{display:flex;flex-direction:column;gap:4px}.reset-option small{color:#687386;line-height:1.35}.reset-option:has(input:checked){background:#eef6ff;border-color:#8fb9e4}.reset-option.critical:has(input:checked){background:#fff4df;border-color:#d5a449}.reset-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.reset-head h2{margin-top:0}.reset-presets{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.reset-summary{border:2px solid #d8a244}.confirm-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.confirm-check input{width:auto;margin:4px 0}.reset-submit{width:100%;font-size:16px;margin-top:8px}.dangerbox{border-left:5px solid var(--red)}
@media(max-width:850px){.reset-grid{grid-template-columns:1fr}.reset-head{flex-direction:column}.reset-presets{justify-content:flex-start}.reset-presets .btn{width:100%;text-align:center}}