:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f4f7;--surface:#fff;--surface-2:#f7f8fa;--border:#dde1e7;--border-strong:#c3cad5;--text:#1a2230;--muted:#5d6877;--accent:#2b4c7e;--accent-strong:#213c65;--accent-soft:#e7eef8;--on-accent:#fff;--sidebar:#1c2636;--sidebar-text:#c6cfdb;--sidebar-muted:#8693a6;--sidebar-active:#2f3f59;--danger:#b3261e;--danger-soft:#fbeceb;--ok:#1c7347;--ok-soft:#e3f4ea;--warn:#8a5200;--warn-soft:#fdf0d9;--info:#1d4fa3;--info-soft:#e4ecfb;--teal:#0e665f;--teal-soft:#ddf2ef;--neutral-soft:#eceef2;--internal:#fff8e1;--internal-border:#ecd797;--internal-text:#5b4500;--radius:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#11151b;--surface:#1a2029;--surface-2:#202733;--border:#2d3644;--border-strong:#3d4859;--text:#e5e9ef;--muted:#9ba7b7;--accent:#7fa6e0;--accent-strong:#9bbbea;--accent-soft:#233349;--on-accent:#0f1722;--sidebar:#141a23;--sidebar-active:#263246;--danger:#f08a82;--danger-soft:#3a2220;--ok:#6fcf9b;--ok-soft:#1c3328;--warn:#e7b765;--warn-soft:#3a2e17;--info:#8fb4f2;--info-soft:#1f2d48;--teal:#6fd0c6;--teal-soft:#173430;--neutral-soft:#2a323f;--internal:#322b16;--internal-border:#5c4e22;--internal-text:#f3dc9a;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}h1{text-wrap:balance;margin:0;font-size:22px;font-weight:650;line-height:1.25}h2{margin:0 0 12px;font-size:15px;font-weight:650}p{margin:0 0 8px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--border);width:100%;margin:4px 0}code,.mono{font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:13px}.muted{color:var(--muted)}.small{font-size:12.5px}.block{display:block}.nowrap{white-space:nowrap}.num{text-align:right;font-variant-numeric:tabular-nums}.spacer{flex:1}.stack{flex-direction:column;gap:14px;display:flex}.narrow{max-width:820px}.narrow-left{max-width:640px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-columns:232px minmax(0,1fr);min-height:100%;display:grid}.sidebar{background:var(--sidebar);height:100vh;color:var(--sidebar-text);flex-direction:column;padding:16px 12px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:10px;padding:4px 8px 18px;font-size:16px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand-dark{color:var(--text);padding:0 0 18px}.brand-mark{background:var(--accent) linear-gradient(135deg, #3f6bb0, #2b4c7e);border-radius:7px;flex:none;width:26px;height:26px;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-mark:after{content:"";clip-path:polygon(0 0,100% 0,100% 30%,86% 50%,100% 70%,100% 100%,0 100%,0 70%,14% 50%,0 30%);background:#fff;border-radius:2px;position:absolute;inset:8px 6px}.nav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);margin:18px 8px 6px;font-size:11px}.nav-link{color:var(--sidebar-text);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav-link.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-count{font-variant-numeric:tabular-nums;background:#ffffff1a;border-radius:10px;padding:0 7px;font-size:12px}.sidebar-foot{color:var(--sidebar-muted);margin-top:auto;padding:8px;font-size:12px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 24px;display:flex;position:sticky;top:0}.topbar .tenant-select{flex:none;width:210px;font-weight:600}.search{flex:1;min-width:120px}.topbar .search .input{max-width:520px}.user{text-align:right;line-height:1.25}.user-name{white-space:nowrap;font-weight:600}.user-role{color:var(--muted);white-space:nowrap;font-size:12px}.menu-toggle,.backdrop{display:none}.content{width:100%;max-width:1500px;padding:24px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-head p{margin:4px 0 0}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters .select,.filters .input{width:auto;min-width:150px}.crumbs{color:var(--muted);margin-bottom:12px;font-size:13px}.section-title{margin:22px 0 10px}.input,.select,.textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:7px 10px}.textarea{resize:vertical;min-height:80px;line-height:1.5}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--muted)}.input-title{font-size:18px;font-weight:600}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.8}.btn{font:inherit;white-space:nowrap;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-soft)}.btn-small{padding:3px 10px;font-size:13px;font-weight:500}.btn-block{width:100%}.btn-microsoft{width:100%;padding:9px 14px}.ms-logo{grid-template-columns:8px 8px;gap:2px;display:grid}.ms-logo i{width:8px;height:8px;display:block}.ms-logo i:first-child{background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1}.icon-button:hover{background:var(--neutral-soft)}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-label{font-size:13px;font-weight:600}.field-hint{color:var(--muted);font-size:12.5px;font-weight:400;display:block}.field-error{color:var(--danger);font-size:12.5px}.has-error .input,.has-error .select,.has-error .textarea{border-color:var(--danger)}.check{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin-top:3px}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.actions .muted{margin-right:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:600}.table th.num{text-align:right}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}.table tr:last-child td{border-bottom:0}.table-click tbody tr{cursor:pointer}.table-click tbody tr:hover{background:var(--accent-soft)}.cell-title{min-width:240px}.cell-title a{color:var(--text);font-weight:600;display:block}.cell-actions{text-align:right;white-space:nowrap}.cell-actions .btn+.btn{margin-left:6px}.lock{font-size:11px}.badge{white-space:nowrap;background:var(--neutral-soft);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-ok,.status-resolved{background:var(--ok-soft);color:var(--ok)}.badge-warn,.status-pending{background:var(--warn-soft);color:var(--warn)}.status-new{background:var(--info-soft);color:var(--info)}.status-open{background:var(--teal-soft);color:var(--teal)}.status-closed{background:var(--neutral-soft);color:var(--muted)}.badge-internal{background:var(--internal-border);color:var(--internal-text)}.priority{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.priority-dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.priority-2 .priority-dot{background:#6f8fbf}.priority-3 .priority-dot{background:#e08a1e}.priority-4 .priority-dot{background:#d13b32}.priority-4{color:var(--danger);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;cursor:pointer;color:var(--muted);border:1px dashed var(--border-strong);background:0 0;border-radius:999px;padding:2px 10px;font-size:12.5px}.chip.on{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);font-weight:600}.chip.static{cursor:default;border-style:solid}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:16px;display:flex;overflow:auto hidden}.tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px;font-weight:600}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.tab-head p{max-width:640px}.add-row{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) auto;align-items:start;gap:12px;margin-bottom:14px;display:grid}.add-row .btn{margin-top:23px}.add-row .note{grid-column:1/-1}.narrow-left .add-row{grid-template-columns:minmax(0,1fr) auto}.note{border-radius:6px;padding:9px 12px;font-size:13.5px}.note-error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.note-ok{background:var(--ok-soft);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 35%, transparent)}.note-warn{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent)}.note a{color:inherit;text-decoration:underline}.badge-danger{background:var(--danger-soft);color:var(--danger)}.plain-list{flex-direction:column;gap:2px;margin:6px 0 0;padding:0;font-weight:400;list-style:none;display:flex}.select.auto-width{width:auto;min-width:180px}.attachments{flex-wrap:wrap;gap:6px 8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.attachments li{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;align-items:center;gap:8px;max-width:100%;padding:3px 6px 3px 10px;display:inline-flex}.attachments a,.attachments li>span:first-child{overflow-wrap:anywhere;font-weight:600}.comment-internal .attachments li,.reply-internal .attachments li{border-color:var(--internal-border);background:0 0}.small-x{padding:0 5px;font-size:16px}.file-picker{flex-direction:column;gap:6px;display:flex}.file-picker .attachments{margin-top:0}.file-picker-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sla-running,.sla-paused{background:var(--neutral-soft);color:var(--text)}.sla-warning{background:var(--warn-soft);color:var(--warn)}.sla-breached{background:var(--danger-soft);color:var(--danger)}.sla-met{background:var(--ok-soft);color:var(--ok)}.sla-done.sla-met,.sla-done.sla-breached{background:0 0;border:1px solid;padding:0 8px}.nav-count-alert{color:#fff;background:#c0392b}.input-number{max-width:120px}.sub-title{margin:6px 0 0;font-size:14px}.hours{flex-direction:column;gap:6px;display:flex}.hours-row{grid-template-columns:150px 120px auto 120px;justify-content:start;align-items:center;gap:10px;display:grid}.holiday-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.holiday-list li{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.add-row.holiday-add{grid-template-columns:170px minmax(0,1fr) auto;margin-bottom:0}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;max-height:46vh;margin:0;padding:12px 14px;font:13px/1.5 Cascadia Mono,Consolas,ui-monospace,monospace;overflow:auto}.help .mail-body{white-space:pre;overflow-wrap:normal;margin-top:8px}.mail-meta{grid-template-columns:70px minmax(0,1fr);gap:4px 12px;display:grid}.mail-meta>span:nth-child(odd){color:var(--muted);padding-top:2px;font-size:12.5px}.status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.status-row>div{flex-direction:column;gap:2px;display:flex}.narrow>.card+.card{margin-top:16px}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:40px 20px}.empty strong{color:var(--text);margin-bottom:4px;font-size:15px;display:block}.loading{color:var(--muted);text-align:center;padding:30px}.pager{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.ticket-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.ticket-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ticket-ref{color:var(--muted);align-items:center;gap:10px;margin-bottom:6px;display:flex}.meta{color:var(--muted);margin:8px 0 14px;font-size:13px}.meta strong{color:var(--text)}.body-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.timeline{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.comment{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.comment-internal{background:var(--internal);border-color:var(--internal-border)}.comment-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.comment-head time{margin-left:auto;font-size:12.5px}.reply{flex-direction:column;gap:10px;display:flex}.reply-internal{background:var(--internal);border-color:var(--internal-border)}.segmented{border:1px solid var(--border-strong);border-radius:6px;align-self:flex-start;display:inline-flex;overflow:hidden}.segmented button{font:inherit;color:var(--muted);background:var(--surface);cursor:pointer;border:0;padding:5px 14px;font-weight:600}.segmented button+button{border-left:1px solid var(--border-strong)}.segmented button.active{background:var(--accent);color:var(--on-accent)}.history{color:var(--muted);margin-top:18px}.history summary{cursor:pointer;color:var(--text);font-weight:600}.history ul{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.history li{grid-template-columns:130px minmax(0,1fr);gap:10px;font-size:13px;display:grid}.history strong{color:var(--text);font-weight:600}.props{flex-direction:column;gap:10px;display:flex;position:sticky;top:76px}.props h2{margin-bottom:2px}.prop{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;display:grid}.prop-label{color:var(--muted);font-size:12.5px}.center-screen{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:28px;display:flex}.login-card h1{margin-bottom:2px}.login-foot{text-align:center;color:var(--muted);font-size:12px}.divider{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.help{margin-bottom:16px}.help ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.copy-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.copy-row code{background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:6px;padding:4px 8px}.modal{border:1px solid var(--border);background:var(--surface);width:min(520px,100vw - 32px);color:var(--text);border-radius:12px;padding:0;box-shadow:0 20px 50px #0000004d}.modal-wide{width:min(760px,100vw - 32px)}.modal::backdrop{background:#0f141e8c}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal-header h2{margin:0;font-size:16px}.modal-content{padding:18px}.modal-footer{border-top:1px solid var(--border);padding:12px 18px}.toasts{z-index:50;flex-direction:column;gap:8px;max-width:min(420px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;background:#1f2937;border-radius:8px;padding:10px 14px;font-size:13.5px;box-shadow:0 8px 24px #00000040}.toast-error{background:#a3261f}@media (width<=1000px){.ticket-layout{grid-template-columns:minmax(0,1fr)}.props{position:static}}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:20;width:248px;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%)}.menu-open .sidebar{transform:none}.menu-open .backdrop{z-index:15;background:#0f141e80;display:block;position:fixed;inset:0}.menu-toggle{display:inline-flex}.topbar{flex-wrap:wrap;padding:10px 16px}.topbar .tenant-select{flex:1;width:auto;min-width:140px}.topbar .search .input{max-width:none}.search{flex-basis:100%;order:5}.user{display:none}.content{padding:16px}.grid-2,.add-row,.narrow-left .add-row,.status-row,.add-row.holiday-add{grid-template-columns:minmax(0,1fr)}.hours-row{grid-template-columns:minmax(0,1fr) 105px auto 105px}.add-row .btn{margin-top:0}.tab-head{flex-direction:column}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}