:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#233248;background:#f4f7fb;font-size:13px}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#14213a;color:#b7c6dd;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:26px 21px 28px;border-bottom:1px solid #263750}.brand strong{display:block;font-size:17px;color:white;letter-spacing:-.5px}.brand small,.identity small{display:block;color:#8297b5;font-size:11px;margin-top:3px}.logo-icon{width:34px;height:34px;border-radius:10px;background:#4b8df6;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.sidebar nav{padding:23px 11px;flex:1}.sidebar nav a,.sidebar nav span{display:block;padding:12px 15px;border-radius:7px;margin-bottom:5px}.sidebar nav .active{background:#283c5c;color:white;font-weight:600}.sidebar nav span:not(.navhead){opacity:.47}.sidebar .navhead{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#6781a4;margin:18px 0 5px;padding-bottom:0}.side-bottom{padding:18px 12px;border-top:1px solid #263750;display:flex;align-items:center;gap:9px}.avatar{height:32px;width:32px;border-radius:50%;background:#395985;color:white;display:grid;place-items:center}.identity{flex:1;color:white;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{background:transparent;border:0;color:#a2bbd7;font-size:20px}main{min-width:0;flex:1}.top{height:112px;background:#fff;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 31px}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#8aa0be;font-weight:700}.top h1{font-size:26px;letter-spacing:-.8px;margin:8px 0 0}.readonly{color:#47759c;background:#eaf3fc;border:1px solid #d7e9fc;padding:9px 12px;border-radius:20px;font-weight:600;font-size:11px}.content{padding:22px 29px;max-width:1900px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.metrics>div{background:#fff;border:1px solid #e3e9f1;border-radius:10px;padding:17px 19px;box-shadow:0 2px 5px #182b4510}.metrics small{display:block;font-size:11px;color:#77869b}.metrics b{font-size:25px;display:block;margin-top:7px;color:#1c3556}.panel{background:white;border-radius:11px;box-shadow:0 2px 9px #172e4410;border:1px solid #e3e9f1;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 13px}.panel-title h2{font-size:17px;margin:0}.panel-title p{color:#8190a2;margin:5px 0 0;font-size:11px}.chip{font-size:10px;color:#527598;background:#eaf2fc;border-radius:5px;padding:7px 9px}.filters{display:flex;gap:8px;padding:0 20px 16px;align-items:center}.filters input,.filters select,.login-card input{height:36px;border:1px solid #dce4ed;border-radius:6px;background:white;padding:0 12px;outline:none}.filters input{min-width:150px;flex:1}.filters select{width:150px}.primary{background:#3378e6;color:white;border:none;border-radius:6px;padding:10px 16px;font-weight:600}.reset{font-size:11px;color:#66809d;padding:9px}.tablewrap{overflow:auto;max-height:calc(100vh - 382px);min-height:320px}table{border-collapse:collapse;width:100%;min-width:990px;white-space:nowrap;text-align:left;font-size:11.5px}thead{position:sticky;top:0;z-index:1;background:#f4f7fb}th{padding:9px 12px;color:#71839b;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700;border-top:1px solid #e8edf4;border-bottom:1px solid #e2e8f0}td{padding:6px 12px;border-bottom:1px solid #eff2f6;max-width:310px;overflow:hidden;text-overflow:ellipsis;height:31px}tbody tr:nth-child(even){background:#fafcff}tbody tr:hover{background:#eaf3ff;cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,monospace;color:#42659a;font-weight:650}.subject{font-weight:600;color:#273c58;max-width:420px}.subject a:hover{color:#186dd4}.customer{max-width:195px}.status{display:inline-block;background:#e9f0f9;color:#3c6795;border-radius:4px;padding:4px 7px;line-height:1}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:6px}.pager{display:flex;justify-content:space-between;padding:15px 20px;font-size:11px;color:#71839b}.pager a{display:inline-block;margin-left:10px;color:#236ed2}.empty{text-align:center;padding:35px;color:#889}.alert{background:#fff0ef;color:#a33d32;padding:14px;border-radius:6px;margin:15px 0}.overlay{position:fixed;inset:0;z-index:4;display:flex;justify-content:end}.scrim{background:#15283a88;position:absolute;inset:0}.drawer{position:relative;width:min(580px,100%);background:white;box-shadow:-15px 0 40px #0002;overflow:auto}.drawer-head{height:60px;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-weight:700}.drawer-head a{font-size:19px}.drawer-body{padding:27px}.drawer-body h2{font-size:24px;margin:11px 0 25px;line-height:1.3}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:19px;background:#f6f8fc;border-radius:9px}.info-grid small{display:block;color:#8695a7;margin-bottom:5px}.info-grid b{font-size:12px}.drawer-body h3{margin-top:30px}.description{white-space:normal;line-height:1.65;overflow-wrap:anywhere;color:#44556c}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eaf2ff,#f8fbff)}.login-card{background:white;border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 16px 60px #1c39531a;width:400px;max-width:100%;padding:35px}.login-card h1{margin:15px 0 4px;font-size:27px}.muted,.foot{color:#8493a8}.login-card label{display:block;font-weight:600;margin:22px 0 0}.login-card input{display:block;width:100%;margin-top:8px}.login-card .primary{width:100%;margin-top:24px}.foot{font-size:11px;margin-top:24px;line-height:1.5}@media(max-width:800px){.sidebar{display:none}.top{padding:0 16px;height:88px}.top h1{font-size:20px}.content{padding:14px}.metrics{gap:6px}.metrics>div{padding:12px}.metrics b{font-size:18px}.readonly{font-size:9px;padding:7px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.tablewrap{max-height:calc(100vh - 360px)}}

/* ServiceFlow 3.1 · Nagel IT compact skin */
:root{color:#1d2631;background:#edf0f4}body{background:#edf0f4}.sidebar{width:205px;background:#20252d;color:#bec3cb}.sidebar nav{padding:14px 10px}.sidebar nav a{padding:10px 13px}.sidebar nav a.active{background:#a81f2b;color:#fff}.sidebar .brand{display:block;padding:22px 16px 16px;border-color:#343943}.brand-logo{display:block;width:168px;max-height:75px;object-fit:contain;object-position:left center;background:white;border-radius:5px;padding:7px}.brand-sub{font-size:12px;color:#dde0e5;padding-top:10px}.brand-sub strong{font-size:10px;color:#f47d85}.top{height:74px;padding:0 20px}.top h1{font-size:21px;margin:2px 0 0}.heading{display:flex;align-items:center;gap:16px}#sidebar-toggle{border:1px solid #d5d9e0;background:#fff;border-radius:6px;padding:6px 9px;color:#5d6673;font-size:17px}.content{max-width:none;padding:12px 16px}.toolbar{display:flex;align-items:center;gap:22px;margin:0 0 9px}.quickfilters{display:flex;flex-wrap:wrap;gap:7px}.filter-btn{font-size:12px;font-weight:600;border:1px solid #d9dde3;background:white;border-radius:6px;padding:9px 12px;color:#434b57;display:flex;gap:11px;align-items:center}.filter-btn.selected{background:#aa202c;color:white;border-color:#aa202c}.filter-btn em{font-style:normal;background:#e5e8ec;color:#34404d;border-radius:15px;min-width:23px;text-align:center;padding:2px 5px;font-size:11px}.filter-btn.selected em{background:#fff3;color:white}.toolbar-caption{color:#8a929d;font-size:11px}.filters{padding:0;margin:0 0 10px;gap:8px}.filters input,.filters select{height:33px}.filters select{width:170px}.primary{background:#af2230;padding:9px 15px}.primary:hover{background:#8d1621}.list-meta{display:flex;justify-content:space-between;background:#fff;padding:9px 12px;border:1px solid #dde1e6;border-bottom:0;border-radius:8px 8px 0 0;color:#757d88;font-size:11px}.list-meta strong{font-size:13px;color:#a6202b}.tablewrap{max-height:calc(100vh - 245px);min-height:280px;border:1px solid #dde1e6;background:white;overflow:auto}.tight{font-size:11.5px;min-width:960px}.tight thead{background:#f2f3f5}.tight th{padding:6px 9px;height:29px;font-size:10px;letter-spacing:0;text-transform:none;color:#616875}.tight td{height:27px;padding:3px 9px;border-color:#edf0f2}.tight tbody tr:nth-child(even){background:#f5f6f7}.tight tbody tr:hover{background:#fff0f1}.tight .customer{font-weight:600;max-width:250px}.tight .subject{max-width:750px;font-weight:500;color:#1d2837}.mono{color:#ad2331}.prio-dot{display:inline-block;width:11px;height:11px;border-radius:50%}.status{padding:3px 6px;border-radius:4px;background:#edf0f3;color:#566374}.pager{padding:11px 5px}.pager a{color:#a51c2b}.readonly{background:#fff0f0;color:#a32633;border:1px solid #f2d9dc}.sidebar-collapsed .sidebar{width:66px}.sidebar-collapsed .brand-logo{width:40px;height:40px;object-fit:cover;object-position:left;overflow:hidden}.sidebar-collapsed .brand-sub,.sidebar-collapsed nav span,.sidebar-collapsed .identity{display:none}.sidebar-collapsed .sidebar nav a{font-size:16px;text-align:center}.history{display:grid;gap:8px}.history a{padding:8px;background:#f6f7f8;border-radius:4px;color:#a32430}.brand .logo-icon{background:#af2531}.login-card .primary{background:#a8202b}@media(max-width:800px){.sidebar{display:none}.toolbar{display:block}.quickfilters{gap:5px}.filter-btn{font-size:11px;padding:7px}.toolbar-caption{display:none}.tablewrap{max-height:calc(100vh - 250px)}.top{height:69px}.readonly{font-size:9px}}

/* 3.2 table sorting and work module */
.sortlink{display:inline-flex;align-items:center;gap:7px;color:inherit;white-space:nowrap}.sortlink span{color:#a5acb6}.sortlink:hover,.sort-active{color:#aa202c!important}.sort-active span{color:#aa202c}.description-cell{max-width:520px;overflow:hidden;text-overflow:ellipsis}.status.billed{background:#e8f4eb;color:#23683c}.status.open-billing{background:#fff1e2;color:#945515}.work-form{display:grid;gap:15px;margin-top:16px}.work-form label{font-weight:600;display:grid;gap:7px}.work-form input,.work-form select,.work-form textarea{width:100%;padding:10px;border:1px solid #d9dfe6;border-radius:6px;background:white;font:inherit}.work-form textarea{resize:vertical}.work-form button{justify-self:start}.work-form .muted{margin:0;font-size:11px}.toolbar>.primary{margin-left:auto;text-decoration:none}.drawer{z-index:5}

.employee-picker{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.employee-picker select{min-width:165px;max-width:260px;padding:9px;background:var(--panel,#fff);color:inherit;border:1px solid #ccd1d7;border-radius:8px}.work-filters{flex-wrap:wrap}

/* ServiceFlow 3.4: funktionale, vertikale Akkordeon-Navigation */
.sidebar{width:236px;background:#fff;color:#344256;border-right:1px solid #dfe5eb;min-height:100vh;position:sticky;top:0;height:100vh;overflow:hidden}
.sidebar .brand{padding:18px 16px 12px;border-bottom:1px solid #e7ebf0;flex-shrink:0}
.sidebar .brand-logo{width:175px;max-height:68px;background:transparent;padding:0}
.sidebar .brand-sub{color:#475569}.sidebar .brand-sub strong{display:inline;color:#b32130;font-size:12px}.brand-mode{display:inline-block;color:#768397;font-size:9px;margin-left:5px}
.sidebar-navigation{padding:12px 9px!important;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin}
.nav-group{margin:3px 0 7px}.nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:37px;padding:9px 11px;border-radius:8px;font-weight:650;font-size:12px;color:#455266;user-select:none}.nav-group summary::-webkit-details-marker{display:none}
.nav-group[open]>summary{background:#edf2fa;color:#235ac0}.nav-group summary:hover{background:#f0f3f8}.nav-icon{width:19px;text-align:center;font-size:16px;color:#768397}.nav-group[open] .nav-icon{color:#3869c1}.nav-chevron{margin-left:auto;color:#8a96a6;transition:transform .15s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-sub{border-left:1px solid #e5eaf0;margin:2px 0 8px 20px;padding:2px 0 2px 9px}.sidebar-navigation .nav-sub a,.sidebar-navigation .nav-sub span{display:flex!important;align-items:center;justify-content:space-between;gap:5px;padding:9px 9px!important;margin:2px 0!important;border-radius:6px;color:#4b596c;font-size:11.5px;font-weight:450;min-height:33px}.sidebar-navigation .nav-sub a:hover{background:#f4f7fb;color:#255cbb}.sidebar-navigation .nav-sub a.active{background:#e9f0fd!important;color:#205bc6!important;font-weight:650}.sidebar-navigation .nav-sub .nav-disabled{color:#9ca6b4!important;opacity:1!important;cursor:not-allowed}.nav-disabled small{font-size:9px;color:#a0a9b5}
.sidebar .side-bottom{border-top:1px solid #e4e9ef;padding:13px 12px;background:#fff;flex-shrink:0}.sidebar .identity{color:#263449}.sidebar .identity small{color:#8593a5}.sidebar .avatar{background:#e9eef8;color:#365dae}.sidebar .logout{color:#758397}
.sidebar-collapsed .sidebar{width:65px}.sidebar-collapsed .sidebar .brand{padding:10px}.sidebar-collapsed .sidebar .brand-logo{width:42px;height:42px;object-fit:cover;object-position:left}.sidebar-collapsed .sidebar .brand-sub,.sidebar-collapsed .nav-name,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-sub,.sidebar-collapsed .identity{display:none!important}.sidebar-collapsed .nav-group summary{justify-content:center;padding:10px 0}.sidebar-collapsed .nav-group .nav-icon{width:auto}.sidebar-collapsed .nav-group{margin-bottom:5px}
@media(max-width:800px){.sidebar{display:flex;position:fixed;z-index:10;left:0;top:0;box-shadow:8px 0 25px #0b162325;transform:translateX(-105%);transition:transform .2s}.mobile-nav-open .sidebar{transform:translateX(0)}.sidebar-collapsed .sidebar{width:236px}.sidebar-collapsed .nav-name,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-sub,.sidebar-collapsed .identity{display:initial!important}.sidebar-collapsed .nav-sub{display:block!important}.sidebar-collapsed .nav-group summary{justify-content:initial;padding:9px 11px}.sidebar-collapsed .nav-group .nav-icon{width:19px}}


/* ServiceFlow 3.5 – zentrierte Ticketdetailansicht */
.ticket-overlay{justify-content:center;align-items:center;padding:22px;z-index:30}.ticket-modal{position:relative;display:flex;flex-direction:column;width:min(1360px,96vw);height:min(860px,94vh);max-height:calc(100vh - 44px);background:#fff;border-radius:13px;box-shadow:0 24px 75px #09122255;overflow:hidden}.ticket-modal.is-expanded{width:100%;height:100%;max-height:none;border-radius:0}.ticket-overlay:has(.ticket-modal.is-expanded){padding:0}.ticket-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 28px 17px;border-bottom:1px solid #e6eaf0}.ticket-modal-heading{min-width:0}.ticket-modal-head h2{font-size:21px;line-height:1.25;margin:5px 0 7px;color:#243146}.ticket-modal-subtitle{font-size:12px;color:#68788d}.ticket-modal-actions{display:flex;gap:8px;align-items:center}.ticket-modal-actions button,.ticket-modal-actions a{border:1px solid #dfe5ed;background:#fff;border-radius:7px;width:35px;height:35px;display:grid;place-items:center;color:#4e617a;font-size:17px}.ticket-modal-actions button:hover,.ticket-modal-actions a:hover{background:#f3f6f9}.ticket-tabs{display:flex;gap:3px;overflow-x:auto;padding:0 23px;border-bottom:1px solid #e3e8ef;flex-shrink:0}.ticket-tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:14px 14px 11px;color:#66768b;font-weight:600;white-space:nowrap}.ticket-tab.active{color:#a72331;border-bottom-color:#b82735}.ticket-tab span{font-size:10px;background:#edf0f5;padding:2px 6px;border-radius:10px}.ticket-modal-content{overflow:auto;flex:1;min-height:0;padding:25px 28px}.ticket-tab-pane[hidden]{display:none}.ticket-tab-pane h3{font-size:15px;margin:0 0 15px}.ticket-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.ticket-main-pane{min-width:0}.ticket-description{border:1px solid #e5eaf0;border-radius:8px;background:#fbfcfe;padding:19px;min-height:190px;white-space:normal}.ticket-info-pane{border:1px solid #e5eaf0;border-radius:8px;padding:18px 20px;background:#f8fafc;align-self:start}.ticket-info-pane dl{margin:0;display:grid;grid-template-columns:110px 1fr;column-gap:12px;row-gap:13px}.ticket-info-pane dt{font-size:11px;color:#738299}.ticket-info-pane dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.ticket-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 25px;background:#f9fafc;border-top:1px solid #e5eaf0;color:#8490a1;font-size:11px}.modal-close-footer{background:#a72331;border-radius:6px;color:white;font-weight:600;padding:9px 17px}.modal-table-scroll{overflow:auto}.modal-table{min-width:760px;white-space:normal}.modal-table td{max-width:none;height:auto;vertical-align:top;white-space:normal}.modal-long-text{min-width:250px;overflow-wrap:anywhere;line-height:1.5}.modal-empty{padding:30px 15px;color:#8190a2;background:#f8fafc;border-radius:8px}.modal-records{display:grid;gap:13px}.modal-record{background:#fbfcfe;border:1px solid #e5eaf0;border-radius:8px;padding:16px}.modal-record-meta{color:#718096;font-size:11px;margin-bottom:10px}.check-row{display:flex;gap:10px;padding:9px 12px;border-bottom:1px solid #edf0f5}.check-row span{color:#b82735}.ticket-modal button:focus-visible,.ticket-modal a:focus-visible{outline:3px solid #598dc6;outline-offset:2px}@media(max-width:850px){.ticket-overlay{padding:7px}.ticket-modal{width:100%;height:calc(100vh - 14px);max-height:calc(100vh - 14px)}.ticket-modal-head{padding:14px}.ticket-modal-content{padding:15px}.ticket-overview-grid{grid-template-columns:1fr}.ticket-modal-footer{padding:10px 14px}}

.print-action{display:flex;justify-content:flex-end;margin:0 0 8px}.print-link{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d6dfe9;border-radius:7px;padding:8px 13px;color:#a81620;text-decoration:none;font-weight:700;font-size:12px}.print-link:hover{background:#fff0f1;border-color:#c5343e}

/* ServiceFlow 3.7: flache Navigation, Kundenakte als Dialog, Benutzeraktionen gesperrt */
.sidebar-navigation .nav-direct{display:flex!important;align-items:center;gap:12px;padding:11px 12px!important;margin:2px 0 6px!important;min-height:40px;border-radius:7px;font-size:12px;font-weight:600;color:#344256}
.sidebar-navigation .nav-direct.active{background:#e9f0fd!important;color:#205bc6!important}
.sidebar-navigation .nav-direct .nav-icon{font-size:17px;width:19px;text-align:center}
.sidebar-collapsed .sidebar .nav-direct{justify-content:center}
.customer-modal-body{padding:22px 28px;overflow:auto;flex:1}.customer-modal .info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-modal .info-grid>div{background:#f8fafc;border:1px solid #e5eaf0;padding:15px;border-radius:8px}.customer-modal .history{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-modal h3{margin:25px 0 12px}
.readonly-explanation{background:#fff8eb;border:1px solid #f1ddba;padding:13px 16px;border-radius:8px;margin-bottom:12px;color:#76531b}.user-actions{display:flex;gap:8px;margin-bottom:12px}.user-actions button{border:1px solid #d6dce4;background:#eceff3;color:#8692a0;border-radius:6px;padding:9px 13px;cursor:not-allowed}.print-link{display:inline-flex;align-items:center;justify-content:center;min-width:58px;font-weight:700}
@media(max-width:850px){.customer-modal .info-grid,.customer-modal .history{grid-template-columns:1fr}}

/* 3.7.1 Ansprechpartner innerhalb der Kundenakte */
.customer-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.customer-contact-card{padding:13px 15px;border:1px solid #e1e7ef;border-radius:9px;background:#fafbfd;min-width:0}
.customer-contact-card strong{display:block;font-size:13px;color:#243146;margin-bottom:8px}
.customer-contact-fields{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#64748b;overflow-wrap:anywhere}
.customer-contact-fields a{color:#a72331;text-decoration:none}
.customer-contact-fields a:hover{text-decoration:underline}
@media(max-width:850px){.customer-contacts{grid-template-columns:1fr}}

/* ServiceFlow 3.7.2: Hoher Kontrast für die linke Navigation */
.sidebar{color:#111827}
.sidebar .brand-sub{color:#111827}
.sidebar .brand-mode{color:#374151}
.sidebar-navigation .nav-direct,
.nav-group summary,
.sidebar-navigation .nav-sub a,
.sidebar-navigation .nav-sub span{color:#111827!important;font-weight:650}
.sidebar-navigation .nav-icon,
.nav-group .nav-icon,
.nav-group .nav-chevron{color:#252b34!important}
.sidebar-navigation .nav-direct:hover,
.nav-group summary:hover,
.sidebar-navigation .nav-sub a:hover{background:#f0f2f5;color:#090d14!important}
.sidebar-navigation .nav-direct.active,
.sidebar-navigation .nav-sub a.active{background:#fce8eb!important;color:#8f1420!important;font-weight:750}
.sidebar-navigation .nav-sub .nav-disabled{color:#5c6573!important;font-weight:500}
.sidebar .identity,.sidebar .identity small,.sidebar .logout{color:#111827}

/* ServiceFlow 3.8 – Kundenakte */
.customer-modern{padding:18px 23px 30px!important;display:grid;gap:15px;overflow-y:auto}
.customer-section{border:1px solid #dfe5ee;border-radius:11px;overflow:hidden;background:#fff}
.customer-section-head{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#f1f4f8;border-bottom:1px solid #e2e8f0;gap:10px}
.customer-section-head h3{margin:0;font-size:14px;color:#1b2736}.customer-section-head a{font-size:12px;color:#a61f32;text-decoration:none}.customer-readonly{color:#64748b;font-size:11px}.customer-count{font-size:11px;color:#657286;background:#e2e8f0;border-radius:9px;padding:2px 7px}
.customer-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 14px}.customer-facts>div{min-height:53px;padding:9px 5px;border-bottom:1px solid #eef1f5;display:flex;flex-direction:column;gap:4px}.customer-facts small{font-size:11px;color:#607086}.customer-facts strong{font-size:13px;color:#172334;overflow-wrap:anywhere}.customer-facts a,.customer-contact-card a{color:#9f2634}.customer-hint{padding:12px 17px;background:#fffbeb;border-top:1px solid #f4e5b3;font-size:12px}.customer-hint p{margin:6px 0 0}.customer-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.customer-contact-card{padding:12px 14px;border:1px solid #e2e7ef;border-radius:8px;background:#fcfdff}.customer-contact-card strong{display:block;color:#1a2536;font-size:13px;margin-bottom:7px}.customer-contact-fields{display:grid;gap:6px;color:#526078;font-size:12px;overflow-wrap:anywhere}.customer-section>.muted{padding:5px 14px}.customer-map-wrap{position:relative;margin:12px;border-radius:8px;overflow:hidden;background:#f0f4f9;min-height:215px}.customer-map-consent{text-align:center;padding:39px 14px}.customer-map-consent span{font-weight:600;color:#27364a}.customer-map-consent p{max-width:500px;margin:11px auto;color:#617085;font-size:12px}.customer-map-consent button{background:#b71825;color:#fff;border:0;border-radius:6px;padding:10px 18px;cursor:pointer;font-weight:600}.customer-map-wrap iframe{width:100%;height:300px;border:0}.customer-ticket-table{max-height:350px;overflow:auto;margin:10px 12px}.customer-ticket-table table{width:100%;border-collapse:collapse;font-size:12px}.customer-ticket-table th{text-align:left;background:#f1f4f8;color:#526077;padding:7px}.customer-ticket-table td{padding:7px;border-bottom:1px solid #e9edf3}.customer-ticket-table a{color:#a01f32;font-weight:700}
@media(max-width:760px){.customer-modern{padding:10px!important}.customer-facts,.customer-contacts{grid-template-columns:1fr}.customer-map-wrap iframe{height:260px}}

/* ServiceFlow 3.9: Aktionen in Kundenakte */
.customer-create-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #e4e9f0;background:#fbfcfd}.customer-create-actions a{font-size:12px;text-decoration:none}.customer-create-actions .create-hint{font-size:11px;color:#667085}

/* ServiceFlow 4.0 – kompakte AZ mit Artikelzuordnung */
.work-tab-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.work-tab-head h3{margin:0}.work-tab-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.work-tab-add{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#243146;font-weight:700;text-decoration:none;white-space:nowrap}.work-tab-add:hover{background:#f5f7fa;border-color:#c9d3df}.work-tab-head strong{background:#f2f4f8;color:#172334;border-radius:7px;padding:8px 12px}.work-ticket-table th:nth-child(3){width:34%}.work-ticket-table th:nth-child(4){width:25%}.work-ticket-table td{vertical-align:top}.work-ticket-table .time-num{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.work-total-row{background:#e9edf3!important;font-weight:700}.readonly-addons{padding:12px;border:1px dashed #cdd5df;border-radius:8px;background:#f8fafc}.readonly-addons p{font-size:12px;color:#64748b;margin:6px 0 0}

/* ServiceFlow 4.1 – Kundenkarte direkt einbetten */
.customer-map-wrap iframe{display:block;width:100%;height:320px;border:0}
.customer-map-privacy{margin:0 13px 14px;color:#58677a;font-size:11px;line-height:1.5}
@media(max-width:760px){.customer-map-wrap iframe{height:260px}}

/* 8.5: Neue Arbeitszeit in Ticket-Arbeitszeiten */
.work-articles{white-space:pre-line;min-width:190px;font-size:11px;line-height:1.35;color:#253044}

/* ServiceFlow 4.5: konsistente Ticketaktionen und kompakte horizontale Filter */
.create-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}
.create-actions a.create-primary,.create-actions a.create-secondary,.customer-create-actions a.create-primary,.customer-create-actions a.create-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border-radius:7px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;border:1px solid transparent;line-height:1.2;transition:background .15s,border-color .15s}
.create-actions a.create-primary,.customer-create-actions a.create-primary{background:#b21f30;color:#fff;border-color:#b21f30}
.create-actions a.create-primary:hover,.customer-create-actions a.create-primary:hover{background:#8e1624}
.create-actions a.create-secondary,.customer-create-actions a.create-secondary{background:#fff;color:#981b2a;border-color:#cfd5dd}
.create-actions a.create-secondary:hover,.customer-create-actions a.create-secondary:hover{background:#fff2f3;border-color:#c44a55}
.create-actions .create-hint{font-size:11px;color:#596574}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}
.toolbar .quickfilters{display:flex;flex-wrap:wrap;gap:7px}
@media(max-width:750px){.create-actions{gap:7px}.create-actions .create-hint{flex-basis:100%}}

/* Version 4.6: kontrastreiche, einheitliche Navigation */
.sidebar-navigation .nav-direct, .sidebar-navigation .nav-group summary,
.sidebar-navigation .nav-sub a, .sidebar-navigation .nav-name {
  color:#101820!important;font-weight:700!important;opacity:1!important;
}
.sidebar-navigation .nav-icon, .sidebar-navigation .nav-chevron {
  color:#192330!important;opacity:1!important;
}
.sidebar-navigation .nav-direct.active, .sidebar-navigation .nav-group[open]>summary {
  background:#fce8eb!important;color:#9f1827!important;
}
.sidebar-navigation .nav-direct.active .nav-icon {color:#9f1827!important}
.sidebar .brand-sub, .sidebar .identity, .sidebar .identity small {color:#101820!important}

/* 4.8: Gesamtzeit in der AZ-Spalte kompakt und einzeilig */
.az-cell{white-space:nowrap;font-variant-numeric:tabular-nums}

/* 4.9: kompakte Ticketstatus-Spalte und Ansprechpartner hinter Kunde */
.tight th:nth-child(7),.tight td.ticket-status{width:82px;max-width:82px;min-width:82px;padding-left:4px;padding-right:4px;white-space:nowrap}
.tight td.ticket-status .status{max-width:74px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.tight td.ticket-contact{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tight th:nth-child(5){min-width:110px}

/* Ticketliste: AZ immer vollständig, auch bei langer Stundenzahl */
.ticket-table{min-width:1190px;table-layout:auto}
.ticket-table th:last-child,.ticket-table td.az-cell{width:132px;min-width:132px;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:center;padding-left:7px;padding-right:9px;font-variant-numeric:tabular-nums}
.ticket-table th:nth-child(7),.ticket-table td.ticket-status{width:79px;min-width:79px;max-width:79px;padding-left:4px;padding-right:4px}
.ticket-table th:nth-child(1),.ticket-table td:nth-child(1){width:45px}
.ticket-table td.ticket-contact{max-width:165px}
.ticket-tablewrap{overflow-x:auto}

/* ServiceFlow 5.0: Artikel bearbeiten (Nur Lesen) */
.article-edit-modal{max-width:900px;width:min(900px,94vw)}
.article-edit-body{padding:24px;overflow:auto}
.article-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.article-edit-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#1e293b}
.article-edit-form input,.article-edit-form select{background:#fff;color:#172334;border:1px solid #bfcbd9;border-radius:8px;padding:11px 12px;font:inherit;min-width:0}
.article-edit-form input:focus,.article-edit-form select:focus{outline:2px solid #b71825;outline-offset:1px}
.article-edit-form input:disabled{background:#f0f2f5;color:#687487}
.article-edit-wide{grid-column:1/-1}
.article-edit-note{background:#fff7e9;border:1px solid #e9d6ad;padding:12px;border-radius:8px;color:#664b25;font-size:12px}
.article-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.article-edit-actions button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:620px){.article-edit-form{grid-template-columns:1fr}}

/* 5.1: AZ-Zahl direkt zur Arbeitszeiten-Registerkarte */
.ticket-table .az-open-link{display:inline-block;white-space:nowrap;font-weight:700;text-decoration:none;color:#ac182e;border-radius:5px;padding:4px 6px;margin:-4px -6px}
.ticket-table .az-open-link:hover,.ticket-table .az-open-link:focus-visible{color:#851021;background:#fce8ec;text-decoration:underline;outline-offset:2px}

/* 5.3: Ticketinformationen zuerst, über gesamter Breite */
.ticket-overview-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}
.ticket-info-pane{width:100%;box-sizing:border-box}
.ticket-info-pane dl{grid-template-columns:130px minmax(0,1fr)}

/* v5.4 Ticket-Kundeninformationen */
.ticket-customer-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 2px}
.ticket-customer-facts>div{background:#f8fafc;border:1px solid #e3e8ee;border-radius:7px;padding:11px 14px;min-width:0}
.ticket-customer-facts span{display:block;color:#526074;font-size:11px;margin-bottom:5px}
.ticket-customer-facts strong{display:block;color:#172334;font-size:13px;overflow-wrap:anywhere}
.customer-info-hint{color:#6a5260;background:#fff6eb;padding:12px;border-radius:8px;font-size:12px}
@media(max-width:750px){.ticket-customer-facts{grid-template-columns:1fr}}

/* ServiceFlow 5.6 – Kundeninformationen sichtbar in allen Ticket-Reitern */
.ticket-permanent-info{flex-shrink:0;padding:10px 25px 9px;background:#f8fafc;border-bottom:1px solid #dce3eb}
.ticket-permanent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 16px}
.ticket-permanent-group{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:11px;line-height:1.3}
.ticket-permanent-label{color:#526176;font-weight:600;white-space:nowrap}
.ticket-permanent-group strong{font-size:11px;line-height:1.3;color:#182536;min-width:0;overflow-wrap:anywhere;font-weight:600}
.ticket-permanent-group a{color:#a72331;text-decoration:none}.ticket-permanent-group a:hover{text-decoration:underline}
.ticket-permanent-meta{display:flex;flex-wrap:wrap;gap:5px 20px;margin-top:9px;padding-top:7px;border-top:1px solid #e1e7ee;color:#596779;font-size:10px}
.ticket-permanent-meta b{color:#253248}
@media(max-width:1000px){.ticket-permanent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-permanent-info{padding:10px 15px}}
@media(max-width:600px){.ticket-permanent-grid{grid-template-columns:1fr;gap:4px}.ticket-permanent-group{grid-template-columns:100px minmax(0,1fr)}.ticket-permanent-info{max-height:38vh;overflow-y:auto}}

/* ServiceFlow 5.6: Ticketfilter links, Erstellen-Aktionen rechts auf einer Zeile */
.ticket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ticket-toolbar .quickfilters{display:flex;flex:0 1 auto;align-items:center;gap:7px;flex-wrap:wrap}
.ticket-toolbar .create-actions{display:flex;align-items:center;gap:9px;margin:0 0 0 auto;flex:0 0 auto;flex-wrap:wrap}
@media(max-width:900px){.ticket-toolbar .create-actions{margin-left:0}}

/* ServiceFlow 5.7: PDF rechts von den beiden Ticketaktionen */
.ticket-toolbar .create-actions .ticket-toolbar-pdf{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-left:8px;white-space:nowrap}
.ticket-toolbar .create-actions{margin-left:auto}
@media(max-width:750px){.ticket-toolbar .create-actions .ticket-toolbar-pdf{margin-left:0}}

/* 5.8: AZ unmittelbar hinter Betreff, Status rechts */
.ticket-table th:nth-child(7),.ticket-table td.az-cell{width:132px;min-width:132px;white-space:nowrap;text-align:center}
.ticket-table th:nth-child(9),.ticket-table td.ticket-status{width:79px;min-width:79px;max-width:79px;padding-left:4px;padding-right:4px}

/* v5.9 Logo führt zurück zur Ticketübersicht */
.sidebar .brand-home-link{display:block;width:max-content;max-width:100%;border-radius:6px}
.sidebar .brand-home-link:focus-visible{outline:3px solid #b32130;outline-offset:3px}
.sidebar .brand-home-link .brand-logo{cursor:pointer}

/* ServiceFlow 6.0: Kundenakte: keine abgeschnittenen Adress- oder Kontaktfelder */
.customer-modern{display:block!important;overflow-y:auto!important;min-height:0}
.customer-modern>.customer-section,.customer-top-layout{margin-bottom:14px}
.customer-top-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;align-items:start}
.customer-top-layout>.customer-section{min-width:0;align-self:stretch}
.customer-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;padding:9px 14px!important}
.customer-facts>div{min-height:57px!important;height:auto!important;overflow:visible!important;padding:9px 7px!important}
.customer-facts strong{white-space:normal!important;overflow:visible!important;display:block!important}
.customer-contacts{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none!important;overflow:visible!important}
.customer-contact-card{min-width:0}
.customer-map-section{min-width:0}
.customer-osm-map{margin:12px;aspect-ratio:1 / 1;width:calc(100% - 24px);max-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:8px;background:#eef2f6;font-size:12px;color:#42516a;overflow:hidden}
.customer-osm-map iframe{width:100%;height:100%;border:0;display:block}
.customer-map-privacy a{color:#a21c2e}
.ticket-all-contacts{border-top:1px solid #e1e6ec;padding:8px 14px 10px}
.ticket-all-contacts summary{font-size:12px;font-weight:700;color:#1e293b;cursor:pointer;list-style:revert}
.ticket-all-contacts summary span{color:#617084;font-weight:400}
.ticket-contacts-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;max-height:210px;overflow-y:auto}
.ticket-contact-card{display:flex;flex-direction:column;gap:4px;font-size:11px;border:1px solid #dde5ed;padding:9px;background:white;border-radius:6px;overflow-wrap:anywhere}
.ticket-contact-card a{color:#a51b2c}
@media(max-width:950px){.customer-top-layout{grid-template-columns:1fr 260px}.customer-contacts,.ticket-contacts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.customer-top-layout{grid-template-columns:1fr}.customer-osm-map{max-width:340px}.customer-contacts,.ticket-contacts-list{grid-template-columns:1fr}}

/* ServiceFlow 6.1: offene Leistungen */
.billing-screen{background:white;border:1px solid #dde3ea;border-radius:12px;padding:22px;max-width:100%}.billing-heading,.billing-customer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.billing-heading h2{margin:0 0 6px;font-size:20px}.billing-lock{font-size:12px;background:#fef2f2;border:1px solid #fecaca;color:#9b1c2a;border-radius:7px;padding:8px 11px;font-weight:700}.billing-find{display:flex;gap:9px;margin:0 0 15px}.billing-find input{min-width:200px;max-width:380px;flex:1;border:1px solid #cfd8e3;border-radius:7px;padding:10px}.billing-find button,.billing-open{background:#ab1c2c;color:white!important;border-radius:6px;padding:8px 10px;text-decoration:none;border:0;white-space:nowrap;cursor:pointer}.billing-table{width:100%;border-collapse:collapse;font-size:12px}.billing-table th{background:#edf1f5;text-align:left;color:#243146;font-size:11px;padding:11px 9px;white-space:nowrap}.billing-table td{border-bottom:1px solid #e6ebf1;padding:10px 9px;vertical-align:top}.billing-table tr:nth-child(even) td{background:#f8fafc}.billing-table .billing-description{min-width:240px;max-width:480px;white-space:normal}.billing-back{color:#ab1c2c;font-weight:700;text-decoration:none}.billing-customer-head h3{font-size:17px;margin:0}.billing-customer-head small{color:#64748b;font-size:12px}.billing-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.billing-summary>div{flex:1;min-width:180px;background:#f3f6fa;padding:14px 18px;border:1px solid #e1e8f0;border-radius:9px}.billing-summary small{display:block;color:#64748b;font-size:12px}.billing-summary strong{font-size:22px}.billing-selectall{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 5px;flex-wrap:wrap}.billing-selectall label{font-weight:700}.billing-preparation{border-top:1px solid #dbe3ed;padding:18px 0 0;margin-top:18px;display:flex;flex-direction:column;gap:14px;max-width:640px}.billing-preparation h3{margin:0}.billing-preparation h3 span{font-size:12px;color:#64748b;font-weight:normal}.billing-preparation label{display:flex;align-items:center;gap:12px}.billing-preparation input[type=text]{padding:10px;border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:170px}.billing-disabled{background:#9ca3af;color:white;padding:12px;border:0;border-radius:7px;cursor:not-allowed}.billing-alert{color:#9f1239;background:#fff1f2;padding:9px 12px;border-radius:6px}.billing-lines input[type=checkbox],.billing-selectall input{width:16px;height:16px;accent-color:#ad1e30}@media(max-width:720px){.billing-screen{padding:12px}.billing-table{min-width:750px}.billing-lines{min-width:1300px}.billing-preparation label{flex-wrap:wrap}}

/* ServiceFlow 6.2 – volle Artikelbezeichnungen im Bereich Offene Leistungen */
.billing-screen .tablewrap:has(.billing-lines){overflow-x:auto;max-width:100%;}
.billing-screen .billing-lines{min-width:1630px;width:100%;table-layout:auto;white-space:normal;}
.billing-screen .billing-lines th,.billing-screen .billing-lines td{max-width:none;overflow:visible;text-overflow:clip;height:auto;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:top;}
.billing-screen .billing-lines th:last-child,.billing-screen .billing-lines td.billing-article-list{min-width:330px;width:24%;}
.billing-screen .billing-lines td.billing-article-list{font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;}
.billing-screen .billing-lines th:nth-child(7),.billing-screen .billing-lines td:nth-child(7){min-width:270px;}
.billing-screen .billing-lines th:nth-child(6),.billing-screen .billing-lines td:nth-child(6){min-width:160px;}
.billing-screen .billing-lines th:nth-child(3),.billing-screen .billing-lines td:nth-child(3){min-width:90px;white-space:nowrap;}
.billing-screen .billing-lines th:nth-child(8),.billing-screen .billing-lines td:nth-child(8){white-space:nowrap;}

/* ServiceFlow 6.3 */
.create-form-v63 .sf-article-editor{padding:12px;background:#f7f8fb;border:1px solid #e2e8f0;border-radius:10px;display:grid;gap:10px}
.sf-article-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 35px;gap:8px;margin-bottom:8px}
.sf-article-row select,.sf-article-row input{width:100%;min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:6px}
.sf-remove-article{border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer}

/* 6.4: structured, legible creation dialogs */
.create-modal .ticket-modal-content{padding:24px 28px;overflow-y:auto}
.create-modal .create-note{display:block;background:#fff8ed;border:1px solid #f6dfb5;color:#77531a;border-radius:8px;padding:11px 14px;margin-bottom:20px;font-size:12px}
.create-modal .create-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 22px!important;align-items:start;max-width:1050px;margin:0 auto}
.create-modal .create-fields>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0;max-width:none!important;margin:0!important;color:#25344b;font-weight:650;font-size:12px;line-height:1.4}
.create-modal .create-fields>label.wide,.create-modal .create-fields>.wide{grid-column:1 / -1}
.create-modal .create-fields input,.create-modal .create-fields select,.create-modal .create-fields textarea{display:block;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;min-height:39px;padding:9px 11px;background:#fff;color:#223149;border:1px solid #cdd7e2;border-radius:7px;font:inherit;font-weight:400;line-height:1.4}
.create-modal .create-fields textarea{min-height:125px;resize:vertical}
.create-modal .create-fields input:focus,.create-modal .create-fields select:focus,.create-modal .create-fields textarea:focus{outline:2px solid #bf5260;outline-offset:1px;border-color:#ab2332}
.create-modal .sf-form-heading{grid-column:1/-1;background:#f0f3f7;border-left:3px solid #b22534;padding:10px 13px;margin:5px 0 0;border-radius:0 7px 7px 0;font-size:13px;font-weight:750;color:#223149}
.create-modal .sf-form-heading small{display:block;color:#66768a;font-size:11px;font-weight:400;margin-top:2px}
.create-modal .sf-article-editor{grid-column:1/-1}
.create-modal .sf-article-row{grid-template-columns:minmax(0,1fr) 100px 40px}
.create-modal #sf-add-article{padding:11px 13px;border:1px solid #c9d3df;background:white;border-radius:7px;cursor:pointer}
@media(min-width:1200px){.create-modal .create-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}.create-modal .create-fields>label.wide{grid-column:1/-1}}
@media(max-width:760px){.create-modal .ticket-modal-content{padding:15px}.create-modal .create-fields{grid-template-columns:minmax(0,1fr)!important;gap:13px!important}.create-modal .create-fields>label.wide,.create-modal .create-fields>.wide{grid-column:1}}

/* 6.6 – eine kombinierte Kundensuche in beiden Eingabemasken */
.create-modal .sf-customer-picker{grid-column:1/-1;position:relative;min-width:0}
.create-modal .sf-customer-picker>label{display:block;margin:0 0 7px;font-weight:650;font-size:12px;color:#25344b}
.create-modal .sf-customer-field{display:flex;align-items:center;position:relative}
.create-modal .sf-customer-field input{padding-right:48px!important;height:44px!important}
.create-modal .sf-customer-picker-toggle{position:absolute;right:5px;top:5px;height:34px;width:36px;border:0;background:#f0f3f7;border-radius:6px;color:#243146;cursor:pointer;font-size:20px}
.create-modal .sf-customer-results{position:absolute;left:0;right:0;top:74px;z-index:60;max-height:300px;overflow-y:auto;background:white;border:1px solid #cbd5e1;border-radius:9px;box-shadow:0 12px 30px #16263a2b}
.create-modal .sf-customer-result{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;padding:10px 13px;border:0;border-bottom:1px solid #eef0f4;background:#fff;color:#223149;cursor:pointer}
.create-modal .sf-customer-result:hover,.create-modal .sf-customer-result:focus{background:#f1f5fa;outline:none}
.create-modal .sf-customer-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.create-modal .sf-customer-result-head strong{font-size:12px}
.create-modal .sf-customer-number{font-size:11px;color:#657286}
.create-modal .sf-customer-result small{font-size:11px;color:#607085}
.create-modal .sf-customer-empty{margin:0;padding:13px;font-size:12px;color:#657286}
.create-modal .sf-customer-help{font-size:11px;color:#66778b;margin:7px 0 0}

/* 6.7: interne Auswahlliste nie als zweites Eingabefeld rendern */
.create-modal #sf-create-customer[hidden],.create-modal [hidden]{display:none!important}
.create-modal .sf-duration-feedback{display:block;color:#65758a;font-size:11px;line-height:1.4;margin-top:4px}
.create-modal .sf-duration-feedback.is-invalid{color:#bd2431;font-weight:650}
.create-modal #sf-create-duration:invalid{border-color:#bd2431;background:#fff8f8}

/* ServiceFlow 6.8: kompakte Arbeitszeitmaske nach dem funktionalen Vorbild des Altsystems */
@media(min-width:900px){
.create-modal-work.ticket-modal{width:min(1380px,97vw);height:min(790px,94vh)}
.create-modal-work .ticket-modal-head{padding:12px 22px 10px}
.create-modal-work .ticket-modal-head h2{margin:2px 0 3px;font-size:19px}
.create-modal-work .ticket-modal-content{padding:12px 22px;overflow-y:auto}
.create-modal-work .create-note{padding:7px 10px;margin-bottom:10px;font-size:11px}
.create-modal-work .create-fields{max-width:none;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px 13px!important}
.create-modal-work .create-fields>.sf-form-heading{grid-column:1/-1;padding:5px 9px;margin:3px 0 0;font-size:12px}
.create-modal-work .sf-form-heading small{display:inline;font-size:10px;margin-left:10px}
.create-modal-work .sf-customer-picker{grid-column:1/-1}
.create-modal-work .sf-customer-picker>label{margin-bottom:3px}
.create-modal-work .sf-customer-field input{height:34px!important;min-height:34px!important}
.create-modal-work .sf-customer-picker-toggle{height:26px;top:4px}
.create-modal-work .sf-customer-help{display:none}
.create-modal-work .sf-customer-results{top:57px}
.create-modal-work .create-fields>label{font-size:11px;gap:3px!important}
.create-modal-work .create-fields input,.create-modal-work .create-fields select{height:34px;min-height:34px;padding:5px 8px}
.create-modal-work .create-fields>label.wide{grid-column:1/-1}
.create-modal-work .create-fields>label:has(#sf-create-work-ticket){grid-column:span 3}
.create-modal-work .create-fields>label:has(input[type=date]){grid-column:span 1}
.create-modal-work .create-fields>label:has(#sf-create-duration){grid-column:span 1}
.create-modal-work .create-fields>label:has(#sf-create-duration) .sf-duration-feedback{font-size:9px;white-space:nowrap;margin:0}
.create-modal-work .create-fields>label:has(select):not(:has(#sf-create-work-ticket)):not(:has(#create-contact-select)){grid-column:span 2}
.create-modal-work .create-fields>label:has(#create-contact-select){grid-column:span 2}
.create-modal-work .create-fields textarea{min-height:65px;height:70px;padding:7px 10px}
.create-modal-work .sf-article-editor{padding:8px 10px;display:block}
.create-modal-work .sf-article-editor>strong{display:none}
.create-modal-work .sf-article-row{grid-template-columns:minmax(0,1fr) 90px 32px;gap:7px;margin-bottom:5px}
.create-modal-work .sf-article-row select,.create-modal-work .sf-article-row input{height:31px;min-height:31px;padding:4px 7px}
.create-modal-work .sf-remove-article{height:31px}
.create-modal-work #sf-add-article{padding:6px 10px;font-size:11px}
.create-modal-work .ticket-modal-footer{padding:8px 20px}
}
@media(min-width:900px) and (max-height:750px){
.create-modal-work .ticket-modal-content{padding-top:8px;padding-bottom:8px}
.create-modal-work .create-fields{gap:5px 10px!important}
.create-modal-work .create-note{margin-bottom:6px}
.create-modal-work .create-fields textarea{height:55px;min-height:55px}
}

/* ServiceFlow 6.9 – schmalere Hauptnavigation, mehr Platz für Arbeitsbereich */
@media(min-width:801px){
  .app .sidebar{width:190px;min-width:190px}
  .sidebar .brand{padding:14px 11px 10px}
  .sidebar .brand-logo{width:155px;max-width:100%}
  .sidebar-navigation{padding:9px 6px!important}
  .sidebar-navigation .nav-direct,.sidebar-navigation .nav-group summary{padding:9px 8px!important;gap:8px}
  .sidebar-navigation .nav-name{font-size:12px}
  .sidebar .side-bottom{padding:10px 7px}
  .sidebar-collapsed .sidebar{width:65px;min-width:65px}
  .sidebar-collapsed .sidebar .brand-logo{width:40px}
}

/* Version 7.0: Artikelbearbeitung als zentriertes Dialogfenster */
.article-edit-modal.ticket-modal{width:min(960px,94vw);height:auto;max-height:min(720px,92vh);margin:auto}
.article-edit-modal .article-edit-body{overflow-y:auto;min-height:0}
@media(max-width:760px){.article-edit-modal.ticket-modal{width:100%;max-height:calc(100vh - 14px)}}

/* ServiceFlow 7.1: kompaktes Ticketformular */
.create-modal-ticket .ticket-modal-content{padding:14px 22px}
.create-modal-ticket .create-note{padding:7px 10px;margin-bottom:9px;font-size:11px}
.create-modal-ticket .create-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px 13px!important;max-width:none}
.create-modal-ticket .sf-form-heading{grid-column:1/-1;padding:6px 10px;margin:2px 0 0;font-size:12px}
.create-modal-ticket .sf-form-heading small{display:inline;margin-left:10px;font-size:10px}
.create-modal-ticket .create-fields>label{gap:4px!important;font-size:11px}
.create-modal-ticket .create-fields input,.create-modal-ticket .create-fields select{height:35px;min-height:35px;padding:6px 8px}
.create-modal-ticket .create-fields textarea{min-height:84px;height:92px;padding:7px 9px}
.create-modal-ticket .create-fields>label.wide{grid-column:1/-1}
.create-modal-ticket .sf-customer-picker{grid-column:1/-1}
.create-modal-ticket .sf-customer-help{margin:3px 0 0;font-size:10px}
.create-modal-ticket .ticket-modal-content{scrollbar-gutter:stable}
@media(max-width:760px){
 .create-modal-ticket .create-fields{grid-template-columns:1fr!important}
 .create-modal-ticket .ticket-modal-content{padding:12px}
 .create-modal-ticket .create-fields textarea{height:120px}
}

/* 7.2: Tastaturnavigation in Kundenauswahl */
.create-modal .sf-customer-result.is-keyboard-active{background:#e6eef8!important;outline:2px solid #647c9b;outline-offset:-2px}


/* ServiceFlow 7.3: Suchbegriffe in Ticketübersicht farbig hervorheben */
.sf-hit{display:inline-block;padding:0 2px;border-radius:3px;font-weight:700;line-height:1.25;box-shadow:inset 0 -1px 0 rgba(0,0,0,.06)}
.sf-hit-0{background:#c9f0d1;color:#0f5132}
.sf-hit-1{background:#ffe69c;color:#7a4b00}
.sf-hit-2{background:#cfe4ff;color:#0b4f8a}
.sf-hit-3{background:#f8d0d8;color:#8d1531}
.sf-hit-4{background:#e1d5ff;color:#5b21b6}
.sf-hit-5{background:#ffd8b5;color:#9a3412}
.ticket-table .subject a .sf-hit,.ticket-table .customer .sf-hit,.ticket-table .ticket-contact .sf-hit,.ticket-table .mono .sf-hit{margin:0 1px 0 0}

/* ServiceFlow 7.6: Kunde und Anschrift gemeinsam in einer kompakten Trefferzeile */
.create-modal .sf-customer-result{display:block;padding:8px 12px;min-height:35px}
.create-modal .sf-customer-result-head{display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:0}
.create-modal .sf-customer-result-main{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.create-modal .sf-customer-result-main strong{font-size:12px;white-space:nowrap}
.create-modal .sf-customer-address{font-size:11px;color:#65758b;font-weight:400;white-space:nowrap}
.create-modal .sf-customer-number{flex-shrink:0;white-space:nowrap}

/* ServiceFlow 7.8: Telefonnummern aus den Ansprechpartnern vollständig sichtbar */
.customer-phone{white-space:normal;overflow:visible;text-overflow:clip;max-width:340px;min-width:140px;overflow-wrap:anywhere;height:auto;line-height:1.4;}

/* 7.9: Farbige Suchtreffer im Kundenstamm, auch bei Telefonnummern */
.tight td.customer-phone .sf-hit{white-space:nowrap}

/* 8.0 – Straße in der Kundenübersicht */
.tight .customer-street{min-width:145px;max-width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ServiceFlow 8.1: Ansprechpartner kompakt unmittelbar unter Kundenstatus, neben der Karte */
.customer-contact-list-section{border-top:1px solid #e1e7ef;margin:0;padding:9px 13px 12px;min-width:0}
.customer-contacts-heading{display:flex;gap:9px;align-items:center;margin-bottom:7px;font-size:12px;color:#233146}
.customer-contacts-heading .customer-count{font-size:10px}
.customer-contact-table-wrap{width:100%;overflow-x:auto;border:1px solid #e3e8ee;border-radius:6px}
.customer-contact-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:0;font-size:11px;white-space:normal}
.customer-contact-table th{text-align:left;position:static;padding:6px 8px;font-size:10px;color:#59687a;background:#f2f5f8;border-bottom:1px solid #dfe6ed}
.customer-contact-table td{height:auto;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;padding:6px 8px;border-bottom:1px solid #e9eef3;vertical-align:top;line-height:1.35}
.customer-contact-table tbody tr:last-child td{border-bottom:0}
.customer-contact-table tbody tr:hover{background:#f5f8fa;cursor:default}
.customer-contact-table td:first-child{font-weight:650;width:33%}
.customer-contact-table td:nth-child(2){width:26%}
.customer-contact-table td a{color:#a21e30;text-decoration:none}
.customer-contact-table td a:hover{text-decoration:underline}
.customer-contact-none{font-size:11px;color:#68758a;margin:5px 0}
@media(max-width:650px){.customer-contact-table{min-width:410px}}

/* ServiceFlow 8.2: Kunde (75 %) und Ansprechpartner (25 %) in derselben Zeile der Arbeitszeiterfassung */
.create-modal-work .create-fields>.sf-work-customer-contact-row{
 grid-column:1/-1;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);
 align-items:start;gap:12px;min-width:0;
}
.create-modal-work .sf-work-customer-contact-row>.sf-customer-picker{grid-column:auto;min-width:0}
.create-modal-work .sf-work-customer-contact-row>.sf-work-contact-field{
 display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px;font-weight:650;color:#25344b;
}
.create-modal-work .sf-work-customer-contact-row>.sf-work-contact-field select{width:100%;height:34px;min-height:34px;min-width:0;padding:5px 8px}
.create-modal-work .sf-work-customer-contact-row .sf-customer-results{z-index:70}
@media(max-width:760px){
 .create-modal-work .create-fields>.sf-work-customer-contact-row{grid-template-columns:minmax(0,1fr);gap:8px}
}


/* ServiceFlow 8.4 – Einheitliche, neutrale Aktionen und Eingabemasken */
/* Neues Ticket ist wie Neue Arbeitszeit nicht mehr rot vollflächig ausgefüllt. */
.ticket-toolbar .create-actions a.create-primary,
.customer-create-actions a.create-primary{
  background:#fff;
  color:#981b2a;
  border-color:#cfd5dd;
}
.ticket-toolbar .create-actions a.create-primary:hover,
.customer-create-actions a.create-primary:hover{
  background:#fff2f3;
  border-color:#c44a55;
}
.ticket-toolbar .create-actions a.create-primary:focus-visible,
.ticket-toolbar .create-actions a.create-secondary:focus-visible,
.customer-create-actions a.create-primary:focus-visible,
.customer-create-actions a.create-secondary:focus-visible{
  outline:2px solid #ac2433;
  outline-offset:2px;
}
/* Dialoge: gleicher weißer Header, graue Abschnittsleisten und kompakte Abstände */
.create-modal-ticket.ticket-modal{
  width:min(1380px,97vw);
  height:min(790px,94vh);
}
.create-modal-ticket .ticket-modal-head{
  background:#fff;
  padding:12px 22px 10px;
}
.create-modal-ticket .ticket-modal-head h2{margin:2px 0 3px;font-size:19px;color:#243146}
.create-modal-ticket .ticket-modal-content{padding:8px 22px;overflow-y:auto}
.create-modal-ticket .create-note{padding:7px 10px;margin-bottom:6px;font-size:11px}
.create-modal-ticket .create-fields{gap:6px 10px!important;max-width:none}
.create-modal-ticket .create-fields>.sf-form-heading{
  background:#f0f3f7;
  color:#223149;
  border-left:3px solid #b22534;
  grid-column:1/-1;
  padding:5px 9px;
  margin:3px 0 0;
  border-radius:0 7px 7px 0;
  font-size:12px;
}
.create-modal-ticket .sf-form-heading small{display:inline;font-size:10px;margin-left:10px}
.create-modal-ticket .create-fields>label{gap:3px!important;font-size:11px}
.create-modal-ticket .create-fields input,
.create-modal-ticket .create-fields select{height:34px;min-height:34px;padding:5px 8px}
.create-modal-ticket .create-fields textarea{height:75px;min-height:75px;padding:7px 9px}
.create-modal-ticket .sf-customer-picker>label{margin-bottom:3px}
.create-modal-ticket .sf-customer-field input{height:34px!important;min-height:34px!important}
.create-modal-ticket .sf-customer-picker-toggle{height:26px;top:4px}
.create-modal-ticket .sf-customer-help{display:none}
.create-modal-ticket .sf-customer-results{top:57px}
.create-modal-ticket .ticket-modal-footer{padding:8px 20px}
@media(max-width:760px){
 .create-modal-ticket.ticket-modal{width:100%;height:calc(100vh - 14px)}
 .create-modal-ticket .ticket-modal-content{padding:10px 12px}
 .create-modal-ticket .create-fields{grid-template-columns:1fr!important;gap:9px!important}
 .create-modal-ticket .create-fields textarea{height:105px;min-height:105px}
}

/* 8.6: Eingabemaske immer vor dem geöffneten Ticketfenster anzeigen */
.overlay.create-overlay{z-index:60}
.overlay.create-overlay .ticket-modal{position:relative;z-index:1}


/* 8.7: Ticket-Ansprechpartner direkt oben wählbar, Kunde bearbeiten oben rechts */
.ticket-permanent-head{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px}
.ticket-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border-radius:7px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;border:1px solid #cfd5dd;background:#fff;color:#981b2a}
.ticket-header-action:hover{background:#fff2f3;border-color:#c44a55}
.ticket-header-action:focus-visible,.ticket-contact-switch:focus-visible{outline:3px solid #598dc6;outline-offset:2px}
.ticket-permanent-group-contact{align-items:flex-start}
.ticket-contact-switch-wrap{min-width:0}
.ticket-contact-switch{width:100%;max-width:100%;min-height:32px;padding:5px 32px 5px 9px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#182536;font:inherit;font-size:11px;font-weight:600}
.customer-overlay{z-index:50}
@media(max-width:600px){.ticket-permanent-head{justify-content:stretch}.ticket-header-action{width:100%}}

/* 8.8: Neuer-AZ-Button rechts oben in der Arbeitszeitenübersicht */
.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.work-toolbar .quickfilters{display:flex;gap:7px;flex-wrap:wrap}
.work-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex-wrap:wrap}
.work-new-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border:1px solid #cfd5dd;border-radius:7px;background:#fff;color:#981b2a;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.work-new-button:hover{background:#fff2f3;border-color:#c44a55}
@media(max-width:800px){.work-toolbar-actions{margin-left:0}}

/* 8.9: Arbeitszeiten – beide Aktionen rechts auf derselben Zeile */
.work-toolbar .work-toolbar-actions{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.work-toolbar .work-toolbar-pdf{min-height:34px;justify-content:center;white-space:nowrap}
@media(max-width:1050px){.work-toolbar .work-toolbar-actions{margin-left:auto}}
@media(max-width:640px){.work-toolbar .work-toolbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}}

/* 9.0: kompakte Jahreswahl und stufenweises Laden */
.work-year-picker{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}.work-year-picker select{width:118px;height:33px;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px}.incremental-pager{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.pager-more{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid #d2d9e3;border-radius:7px;background:#fff;text-decoration:none;font-weight:700}

/* 9.1 Geplante Tickets */
.planned-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:15px}.planned-head h2{margin:0 0 5px;font-size:19px}.planned-head p{margin:0;font-size:12px}.planned-table{min-width:1080px}.planned-table td{height:auto;padding:9px;vertical-align:top}.planned-table td:nth-child(2){min-width:230px}.planned-description{margin-top:5px;font-weight:400;font-size:11px}.planned-description summary{color:#a72331;cursor:pointer}.planned-description div{margin-top:7px;max-width:410px;overflow-wrap:anywhere;line-height:1.5}.planned-next{font-weight:700;white-space:nowrap}.planned-disclaimer{font-size:11px;color:#64748b;margin:12px 2px}.planned-table-wrap{max-height:calc(100vh - 275px)}

/* 9.2: bestehende Arbeitszeit im gleichen Dialog wie neue Arbeitszeit */
.sf-work-edit-status{padding:10px 12px;background:#fff6e8;border:1px solid #eddbbc;border-radius:7px;color:#724d17;font-size:12px}


/* 9.3: Kompaktes Ticket mit vollständigen Kundendaten und bearbeitbaren Statusfeldern */
.ticket-permanent-info{padding-top:8px;padding-bottom:8px}
.ticket-permanent-head{margin-bottom:5px}
.ticket-permanent-grid{gap:5px 12px}
.ticket-permanent-group{grid-template-columns:94px minmax(0,1fr)}
.ticket-compact-select,.ticket-permanent-info .ticket-contact-switch{width:100%;min-width:0;max-width:100%;height:30px;min-height:30px;padding:4px 23px 4px 7px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;color:#1e293b;font-size:11px;font-weight:600}
.ticket-edit-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:12px;align-items:center}
.ticket-edit-settings label{display:flex;align-items:center;gap:7px;min-width:0;font-weight:700;color:#526176;white-space:nowrap}
.ticket-edit-settings select{flex:1;min-width:0}
.ticket-created-date{white-space:nowrap}
.ticket-problem-editor{box-sizing:border-box;width:100%;min-height:210px;resize:vertical;border:1px solid #e0e6ee;border-radius:8px;padding:16px 18px;background:#fbfcfe;color:#1f2937;font:inherit;font-size:13px;line-height:1.55}
@media(max-width:1000px){.ticket-edit-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-created-date{grid-column:1/-1}}
@media(max-width:680px){.ticket-edit-settings{grid-template-columns:1fr}.ticket-created-date{grid-column:auto}.ticket-permanent-group{grid-template-columns:100px minmax(0,1fr)}}

/* 9.4: freigegebene Ticket-Schreibfunktion deutlich erkennbar */
.sf-save-ticket{display:inline-flex;align-items:center;justify-content:center;background:#a72331;color:#fff;border:1px solid #a72331;border-radius:7px;padding:9px 16px;font-size:12px;font-weight:700;cursor:pointer}
.sf-save-ticket:hover{background:#861b27}.sf-save-ticket:disabled{opacity:.5;cursor:wait}

/* 9.6: Ticket-Betreff direkt in der kompakten Kopfzeile bearbeiten */
.ticket-modal-head .ticket-title-edit{margin:5px 0 7px;max-width:100%}
.ticket-subject-input{display:block;width:100%;min-width:260px;max-width:100%;box-sizing:border-box;padding:3px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#243146;font:inherit;font-size:21px;font-weight:700;line-height:1.25}
.ticket-subject-input:hover,.ticket-subject-input:focus{border-color:#cbd5e1;background:#fff;outline:none}
.ticket-subject-input:focus-visible{outline:2px solid #8c9bb0;outline-offset:2px}
@media(max-width:680px){.ticket-subject-input{min-width:0;font-size:17px}}

/* 9.8: Firmenlogo statt Platzhalter auf dem Login-Bildschirm */
.login-card .sf-login-logo{display:block;width:min(260px,100%);height:auto;max-height:110px;object-fit:contain;margin:0 auto 15px;background:transparent}

/* 9.9 – AZ-Löschen deutlich von Speichern absetzen */
.sf-work-delete{min-height:34px;padding:8px 14px;color:#9b1c2a;border:1px solid #d5a2aa;background:#fff;border-radius:7px;font-weight:700;cursor:pointer;margin-right:10px}.sf-work-delete:hover{background:#fff0f1}.sf-work-delete:disabled{opacity:.6;cursor:wait}

/* 10.0 – Ticketbetreff über die gesamte verfügbare Kopfbreite */
[data-modal="ticket"] .ticket-modal-head .ticket-modal-heading{flex:1 1 0%;width:0;max-width:none;min-width:0}
[data-modal="ticket"] .ticket-modal-head .ticket-title-edit{width:100%;max-width:none;display:block}
[data-modal="ticket"] .ticket-modal-head .ticket-subject-input{width:100%;max-width:none;min-width:0;box-sizing:border-box;text-overflow:clip}
[data-modal="ticket"] .ticket-modal-head .ticket-modal-actions{flex:0 0 auto}
.ticket-work-edit-link{display:inline-flex;align-items:center;gap:6px;color:#962232;font-weight:650;text-decoration:none;white-space:nowrap}
.ticket-work-edit-link:hover{text-decoration:underline}
.ticket-work-edit-link span{font-size:12px}

/* 10.2: Jede Ticket-Arbeitszeit direkt durch Klick auf die Zeile öffnen. */
.work-ticket-table tbody tr.ticket-work-clickable{cursor:pointer;}
.work-ticket-table tbody tr.ticket-work-clickable:hover td{background:#fff0f2;}
.work-ticket-table tbody tr.ticket-work-clickable:focus-visible{outline:2px solid #a72331;outline-offset:-2px;}

/* 10.3: Einheitlich kompakte Aktionsknöpfe in Ticket- und AZ-Fenstern */
.ticket-modal-footer .create-footer-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.ticket-modal-footer .create-footer-actions > .sf-save-ticket,
.ticket-modal-footer .create-footer-actions > .sf-work-delete,
.ticket-modal-footer .create-footer-actions > .modal-close-footer{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100px;min-width:100px;height:36px;min-height:36px;max-height:36px;margin:0;padding:0 10px;border-radius:7px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap;text-decoration:none}

/* 10.4: Einheitlich besser lesbare Eingabeschrift in Ticket- und AZ-Formularen.
   Größen der Felder und das kompakte Raster bleiben unverändert. */
.create-modal .create-fields input:not([type="hidden"]),
.create-modal .create-fields select,
.create-modal .create-fields textarea,
.create-modal .sf-customer-field input,
.create-modal .sf-article-row input,
.create-modal .sf-article-row select {font-size:13px!important;line-height:1.4}
.create-modal .create-fields textarea{font-size:14px!important;line-height:1.5}
[data-modal="ticket"] .ticket-problem-editor{font-size:14px;line-height:1.55}
[data-modal="ticket"] .ticket-compact-select,
[data-modal="ticket"] .ticket-contact-switch{font-size:12px}

/* 10.4: Beschriftungen und Hilfetexte der Formulare ebenfalls harmonisieren. */
.create-modal .create-fields > label,
.create-modal .sf-customer-picker > label,
.create-modal .sf-work-contact-field {font-size:12px!important}
.create-modal .sf-form-heading small,
.create-modal .sf-duration-feedback,
.create-modal .create-note,
.create-modal .sf-work-edit-status {font-size:11px!important;line-height:1.4}
[data-modal="ticket"] .ticket-permanent-group,
[data-modal="ticket"] .ticket-permanent-group strong,
[data-modal="ticket"] .ticket-permanent-label {font-size:12px}
[data-modal="ticket"] .ticket-permanent-meta {font-size:11px}