:root{color-scheme:dark;--bg: #050608;--bg-soft: #0a0b0f;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .085);--surface-solid: #0d0f14;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .17);--ink: #eef1f8;--body: #a6b0c3;--muted: #6b7690;--accent: #7c6bff;--accent-2: #22d3ee;--accent-gradient: linear-gradient(135deg, #8b7bff 0%, #22d3ee 100%);--accent-soft: rgba(124, 107, 255, .14);--green: #34d399;--green-soft: rgba(52, 211, 153, .14);--amber: #fbbf24;--red: #fb7185;--red-soft: rgba(251, 113, 133, .14);--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px rgba(124, 107, 255, .25), 0 8px 28px rgba(124, 107, 255, .18);font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 520px at 12% -12%,rgba(124,107,255,.08),transparent 60%),radial-gradient(700px 440px at 100% 5%,rgba(34,211,238,.05),transparent 55%),var(--bg);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.app{--rail: 226px;--rail-gap: 14px;--panel: 420px;min-height:100vh}.app[data-collapsed=true]{--rail: 72px}.app[data-panel-kind=pdf]{--panel: min(760px, calc(100vw - var(--rail) - var(--rail-gap) * 3))}.sidebar{position:fixed;top:var(--rail-gap);left:var(--rail-gap);bottom:var(--rail-gap);width:var(--rail);z-index:20;background:var(--surface-solid);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px 0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;transition:width .16s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 20px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:30px;height:30px;border-radius:8px;flex-shrink:0;object-fit:cover;display:block;box-shadow:0 4px 16px #7c6bff59}.brand-word{font-weight:700;font-size:15px;letter-spacing:-.2px;color:var(--ink);white-space:nowrap}.brand-dim{color:var(--muted);font-weight:500}.collapse-btn{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:0;border-radius:8px;background:none;color:var(--muted);transition:background .12s,color .12s}.collapse-btn:hover{background:var(--surface-hover);color:var(--ink)}.nav{display:flex;flex-direction:column;gap:2px;padding:0 10px}.nav-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--muted);padding:6px 10px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--body);font-size:13.5px;font-weight:600;text-align:left;width:100%;transition:background .12s,color .12s,border-color .12s}.nav-item:hover{color:var(--ink);background:var(--surface-hover)}.nav-item.active{color:var(--ink);background:var(--accent-soft);border-color:#7c6bff4d}.nav-icon{display:grid;place-items:center;flex-shrink:0;color:inherit}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-nested{padding-left:26px;font-size:12.5px;font-weight:500;color:var(--muted)}.nav-item-nested .nav-icon{width:15px}.nav-item-nested:hover{color:var(--ink)}.app[data-collapsed=true] .nav-item-nested{display:none}.activity-bell-btn,.activity-bell-icon{position:relative}.activity-bell-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--surface-solid)}.app[data-collapsed=true] .activity-bell-badge{top:-4px;right:-4px}.activity-panel{position:fixed;z-index:50;width:320px;max-height:420px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;animation:activity-panel-in .14s ease}@keyframes activity-panel-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-panel-title{font-size:13px;font-weight:700;color:var(--ink);padding:14px 18px;border-bottom:1px solid var(--border)}.activity-empty{padding:20px 18px;font-size:13px;color:var(--muted);margin:0}.activity-list{overflow-y:auto;padding:6px}.activity-item{display:flex;gap:10px;padding:10px 12px;border-radius:10px;transition:background .12s}.activity-item:hover{background:var(--surface-hover)}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.activity-item-body{min-width:0}.activity-item-message{font-size:13px;color:var(--ink);line-height:1.4}.activity-item-meta{font-size:11px;color:var(--muted);margin-top:2px}.sidebar-footer{margin-top:auto;padding:12px 10px 0}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;min-width:0}.sidebar-user-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;object-fit:cover;display:block}.sidebar-user-avatar-fallback{background:var(--accent-gradient);color:#0a0e1a;display:grid;place-items:center;font-size:11.5px;font-weight:800}.sidebar-user-meta{min-width:0}.sidebar-user-name{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-logout{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;margin-top:2px;font-size:11.5px;color:var(--muted)}.sidebar-user-logout:hover{color:var(--red)}.app[data-collapsed=true] .brand-word,.app[data-collapsed=true] .brand-dim,.app[data-collapsed=true] .nav-section,.app[data-collapsed=true] .nav-label,.app[data-collapsed=true] .sidebar-user-meta{display:none}.app[data-collapsed=true] .sidebar-header{justify-content:center;padding:0 0 20px}.app[data-collapsed=true] .nav-item{justify-content:center;padding-left:8px;padding-right:8px}.app[data-collapsed=true] .sidebar-user{justify-content:center;padding:8px 0}.main{margin-left:calc(var(--rail) + var(--rail-gap) * 2);display:flex;justify-content:center;transition:margin-left .16s ease,margin-right .16s ease}.app[data-panel-open=true] .main{margin-right:calc(var(--panel) + var(--rail-gap) * 2)}.main-inner{padding:40px 28px 60px;max-width:1120px;width:100%;transition:max-width .16s ease}.main-inner-wide{max-width:1680px}.page-title{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px;background:linear-gradient(135deg,#fff,#c7cbe8);-webkit-background-clip:text;background-clip:text;color:transparent}.page-sub{color:var(--muted);font-size:14.5px;margin:0 0 28px}.card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.komplett-order-card{padding:20px 22px;margin-bottom:16px}.komplett-order-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.komplett-order-actions{display:flex;gap:10px;margin-top:12px}.radio-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--ink)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.spacer{flex:1}.field-inline{display:flex;align-items:center;gap:8px}.field-inline label{font-size:12.5px;color:var(--muted);font-weight:600}.field-inline input[type=date]{border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px;background:#ffffff08;color:var(--ink);color-scheme:dark}.field-inline input[type=date]:focus{border-color:var(--accent);background:#7c6bff0f}.month-nav{display:flex;align-items:center;gap:4px}.month-nav .icon-btn{padding:6px;display:inline-flex}.month-nav .icon-btn:disabled{opacity:.35;cursor:not-allowed}.month-nav-label{font-weight:700;font-size:14.5px;color:var(--ink);min-width:150px;text-align:center}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;padding:12px 16px;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--body);white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff05}.data-table-name{color:var(--ink);font-weight:600}.data-table-negative{color:var(--red)}.data-table-row-clickable{cursor:pointer}.data-table-row-clickable:hover td{background:#7c6bff0f}.cost-input{width:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;font-size:13px;background:#ffffff08;color:var(--ink);font-family:inherit}.cost-input:focus{border-color:var(--accent);background:#7c6bff0f}.kpi-card .cost-input{width:130px;text-align:center;font-size:20px;font-weight:700}.quick-filters{display:flex;flex-wrap:wrap;gap:8px}.quick-filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 8px 6px 12px;font-size:12.5px;font-weight:600;color:var(--body);transition:background .12s,border-color .12s,color .12s}.quick-filter-chip:hover{color:var(--ink);border-color:var(--border-strong)}.quick-filter-chip.active{color:var(--ink);background:var(--accent-soft);border-color:#7c6bff66}.quick-filter-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;font-size:10.5px;font-weight:700;background:#ffffff14;color:var(--muted)}.quick-filter-chip.active .quick-filter-count{background:var(--accent-gradient);color:#0a0e1a}.btn.ghost.active{background:var(--accent-soft);border-color:#7c6bff66;color:var(--ink)}.filter-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px 18px;margin-bottom:20px}.filter-panel .field{min-width:150px;flex:1 1 150px}.filter-clear{flex:0 0 auto}.custom-select{position:relative}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;background:#ffffff08;color:var(--ink);font-family:inherit;text-align:left;transition:border-color .15s,background .15s}.custom-select-trigger svg{color:var(--muted);flex-shrink:0;transition:transform .15s}.custom-select.open .custom-select-trigger{border-color:var(--accent);background:#7c6bff0f}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}.custom-select-trigger:disabled{opacity:.5;cursor:not-allowed}.custom-select-placeholder{color:var(--muted)}.custom-select-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:1px;max-height:280px;overflow-y:auto;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 12px 32px #00000073;padding:4px;animation:activity-panel-in .12s ease}.custom-select-option{text-align:left;background:transparent;border:0;border-radius:7px;padding:8px 10px;font-size:13.5px;color:var(--ink);transition:background .1s}.custom-select-option:hover{background:var(--surface-hover)}.custom-select-option.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.field input[type=date]{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;background:#ffffff08;color:var(--ink);font-family:inherit;transition:border-color .15s,background .15s;color-scheme:dark}.field input[type=date]:focus{border-color:var(--accent);background:#7c6bff0f}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.kpi-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 20px 18px;text-align:left;display:flex;flex-direction:column;gap:10px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.kpi-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px}.kpi-card.tone-accent .kpi-icon{background:var(--accent-soft);color:var(--accent-2)}.kpi-card.tone-amber .kpi-icon{background:#fbbf2424;color:var(--amber)}.kpi-card.tone-green .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi-card.tone-red .kpi-icon{background:var(--red-soft);color:var(--red)}.kpi-card.tone-muted .kpi-icon{background:#22d3ee24;color:var(--accent-2)}.kpi-value{font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}.kpi-label{font-size:13px;color:var(--muted);font-weight:600}.kpi-sublabel{font-size:11.5px;color:var(--muted);margin-top:-4px}.kpi-sublabel .over-bad{color:var(--red)}.kpi-sublabel .over-good{color:var(--green)}.kpi-card.tone-accent:hover{box-shadow:0 0 0 1px #7c6bff40,0 0 24px #7c6bff2e}.kpi-card.tone-amber:hover{box-shadow:0 0 0 1px #fbbf244d,0 0 24px #fbbf2424}.kpi-card.tone-green:hover{box-shadow:0 0 0 1px #34d3994d,0 0 24px #34d39924}.kpi-card.tone-red:hover{box-shadow:0 0 0 1px #fb71854d,0 0 24px #fb718524}.kpi-card.tone-muted:hover{box-shadow:0 0 0 1px #22d3ee4d,0 0 24px #22d3ee29}.suggestions-banner{padding:18px 22px;margin-bottom:24px;border-color:#fbbf2459;background:#fbbf240f}.suggestions-head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;color:var(--amber);margin-bottom:14px}.suggestions-head svg{width:16px;height:16px;flex-shrink:0}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestion-row{display:flex;align-items:center;gap:16px;padding:12px 14px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm)}.suggestion-meta{display:flex;flex-direction:column;gap:3px;flex:1;font-size:13px;color:var(--body);min-width:0}.suggestion-meta .muted{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:12px}.suggestion-source{display:inline-flex;align-items:center;gap:6px}.suggestion-source svg{width:13px;height:13px;flex-shrink:0}.suggestion-source-link{background:none;border:none;padding:0;font:inherit;color:var(--accent-2);cursor:pointer;transition:color .15s}.suggestion-source-link:hover{color:var(--ink);text-decoration:underline}.suggestion-actions{display:flex;gap:8px;flex-shrink:0}.stat-hero-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-hero-row .kpi-card{flex:1 1 260px}.stat-hero-row .kpi-icon{width:44px;height:44px}.stat-hero-row .kpi-value{font-size:42px}.stat-hero-row .kpi-label{font-size:14px}.stat-hero-row .kpi-value.kpi-value-money{font-size:26px}.chart-panel{padding:22px 24px 16px;margin-bottom:20px}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:26px;border-bottom:1px solid var(--border)}.chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;height:100%;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}.chart-col:disabled{cursor:default}.chart-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{position:relative;width:56%;min-width:10px;border-radius:7px 7px 2px 2px;background:var(--accent-gradient);box-shadow:0 0 0 1px #7c6bff2e;transition:height .6s cubic-bezier(.16,1,.3,1),filter .15s ease}.chart-col:hover .chart-bar{filter:brightness(1.18)}.chart-bar-value{position:absolute;left:50%;top:-20px;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap}.chart-bar-label{margin-top:9px;font-size:11px;color:var(--muted);font-weight:600;text-transform:capitalize}.hbar-list{display:flex;flex-direction:column;gap:10px}.hbar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr 56px;align-items:center;gap:14px}.hbar-label{font-size:13px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{height:10px;border-radius:5px;background:var(--surface-hover);overflow:hidden;display:flex}.hbar-fill{height:100%;border-radius:5px;background:var(--accent);flex-shrink:0;transition:width .6s cubic-bezier(.16,1,.3,1)}.hbar-value{font-size:12.5px;font-weight:700;color:var(--ink);text-align:right;white-space:nowrap}.hbar-fill.hbar-fill-unassigned{background:var(--red)}.hbar-fill.hbar-fill-has-overage{border-radius:5px 0 0 5px}.hbar-fill.hbar-fill-overage{background:var(--red);border-radius:0 5px 5px 0}.hbar-fill.hbar-fill-overage.hbar-fill-overage-good{background:var(--green)}.trend-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.trend-legend-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--body);font-weight:600}.trend-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.trend-svg{width:100%;height:200px;display:block;overflow:visible}.trend-crosshair{stroke:var(--border-strong);stroke-width:1}.trend-axis{display:flex;justify-content:space-between;margin-top:8px}.trend-axis span{font-size:11px;color:var(--muted);font-weight:600}.trend-axis span.active{color:var(--ink)}.trend-panel{position:relative}.trend-tooltip{padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border-strong);display:inline-flex;flex-direction:column;gap:4px;font-size:12.5px;box-shadow:0 12px 32px #00000073}.trend-tooltip-corner{position:absolute;top:22px;right:24px;z-index:5;pointer-events:none}.trend-tooltip strong{color:var(--ink);font-size:13px}.trend-tooltip-row{display:flex;align-items:center;gap:7px;color:var(--body)}.dash-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.breakdown-panel{padding:22px 24px}.breakdown-title{font-size:14px;font-weight:700;color:var(--body);margin-bottom:14px}.breakdown-list{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow-y:auto}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:0;border-radius:10px;padding:10px;text-align:left;font-size:13.5px;color:var(--body);transition:background .12s,color .12s}.breakdown-row:hover{background:var(--surface-hover);color:var(--ink)}.breakdown-name{font-weight:600}.breakdown-count{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--accent-soft);color:var(--accent-2)}.btn{background:var(--accent-gradient);color:#0a0e1a;border:0;border-radius:var(--radius-sm);padding:10px 20px;font-size:14px;font-weight:700;letter-spacing:-.1px;box-shadow:0 4px 18px #7c6bff52;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7c6bff6b}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:none;box-shadow:none}.btn.small{padding:7px 13px;font-size:12.5px}.btn.danger{color:var(--red)}.btn.btn-danger-solid{background:var(--red);color:#1a0a0d;box-shadow:0 4px 18px #fb718552}.btn.btn-danger-solid:hover{box-shadow:0 8px 24px #fb71856b}.modal.confirm-modal{max-width:420px}.modal.confirm-modal h2{margin-bottom:8px}.modal.confirm-modal p{margin:0}.btn.danger:hover{background:var(--red-soft);border-color:#fb718559}.btn.success{background:var(--green);color:#06281c;box-shadow:0 4px 18px #34d39952}.btn.success:hover{box-shadow:0 8px 24px #34d3996b}.btn.ghost:disabled:hover{background:var(--surface);border-color:var(--border)}.po-list{display:flex;flex-direction:column;gap:12px}.po-row{display:grid;grid-template-columns:1.6fr 1.6fr 1.1fr auto;gap:20px;align-items:center;padding:20px 22px;position:relative;transition:border-color .15s,transform .15s}.po-row:hover{border-color:var(--border-strong);z-index:1}.po-row.clickable{cursor:pointer}.po-row.clickable:hover{border-color:#7c6bff66}.po-list.po-list-innkjop{gap:18px}.po-row.po-row-innkjop{grid-template-columns:1fr auto;gap:28px;padding:26px 28px}.po-row-innkjop .po-sub{margin-top:10px}.po-row-innkjop .po-ticket-row{margin-top:10px;gap:12px}.po-row-innkjop .po-actions{gap:10px}.po-header{display:flex;align-items:center;gap:12px}.po-customer-name{margin:0;font-size:16px;font-weight:700;color:var(--ink)}.po-created-meta{font-size:11.5px;margin-top:5px;margin-bottom:4px}.po-number-corner{position:absolute;top:20px;right:22px}.po-number{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:12.5px;letter-spacing:.2px;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(124,107,255,.28);border-radius:6px;padding:3px 8px;display:inline-block;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.po-number:hover{background:#7c6bff3d}.po-number.copied{color:var(--green);background:var(--green-soft);border-color:#34d39966;animation:po-copied-pop .32s ease}@keyframes po-copied-pop{0%{transform:scale(1)}35%{transform:scale(1.1)}to{transform:scale(1)}}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.po-customer{font-weight:650;font-size:15px;margin-top:8px;color:var(--ink)}.po-supplier{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--amber);background:#fbbf241f;border:1px solid rgba(251,191,36,.28);border-radius:999px;padding:3px 10px 3px 8px;width:fit-content}.po-supplier svg{flex-shrink:0;width:13px;height:13px}.po-margin-wrap{position:relative;display:inline-block;margin-top:8px}.po-margin{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;cursor:default;border-radius:999px;padding:3px 10px 3px 8px;width:fit-content}.po-margin svg{flex-shrink:0;width:13px;height:13px}.po-margin-positive{color:var(--green);background:var(--green-soft);border:1px solid rgba(52,211,153,.3)}.po-margin-negative{color:var(--red);background:var(--red-soft);border:1px solid rgba(251,113,133,.3)}.po-margin-tooltip{position:absolute;left:0;top:calc(100% + 10px);z-index:40;width:260px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none}.po-margin-wrap:hover .po-margin-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.po-margin-tooltip-title{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}.po-margin-tooltip-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:13px;color:var(--body);padding:4px 0}.po-margin-tooltip-row strong{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.po-margin-tooltip-divider{height:1px;background:var(--border);margin:8px 0}.po-margin-tooltip-total{font-size:14px;padding-top:2px}.po-margin-tooltip-total strong{font-size:15px}.po-margin-tooltip-total .po-margin-positive-text{color:var(--green)}.po-margin-tooltip-total .po-margin-negative-text{color:var(--red)}.po-flag-wrap{position:relative;display:inline-block}.po-flag-tooltip{position:absolute;left:0;top:calc(100% + 10px);z-index:40;width:300px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none}.po-flag-wrap:hover .po-flag-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.po-flag-tooltip-title{font-size:12px;font-weight:700;color:var(--red);margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}.po-flag-tooltip-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--body);padding:5px 0}.po-flag-tooltip-row svg{flex-shrink:0;width:14px;height:14px;margin-top:1px;color:var(--red)}.po-flag-tooltip-row-type{font-weight:700;color:var(--ink)}.po-flag-tooltip-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12.5px;color:var(--body);font-style:italic}.po-flag-tooltip-note strong{color:var(--green);font-style:normal}.po-sub{font-size:12.5px;color:var(--muted);margin-top:6px}.po-ticket{display:flex;align-items:center;gap:5px}.po-ticket svg{flex-shrink:0;color:var(--accent-2)}.po-ticket-link{background:none;border:0;padding:0;text-align:left;cursor:pointer;transition:color .12s}.po-ticket-link:hover{color:var(--accent-2)}.po-ticket-add{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);transition:color .12s}.po-ticket-add:hover{color:var(--accent-2)}.po-ticket-add svg{flex-shrink:0}.po-ticket-add.po-reconcile-flagged{color:var(--red);font-weight:700}.po-ticket-add.po-reconcile-flagged:hover{color:var(--red)}.po-ticket-add.po-reconcile-accepted{color:var(--green);font-weight:700}.po-ticket-add.po-reconcile-accepted:hover{color:var(--green)}.po-ticket-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px}.po-ticket-row .po-ticket{margin-top:0}.po-ticket-change{background:none;border:0;padding:0;cursor:pointer;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.po-ticket-change:hover{color:var(--ink)}.invoice-badge-wrap{display:inline-flex;align-items:center;gap:6px}.invoice-mismatch-flag{display:inline-flex;color:var(--red);cursor:default}.invoice-mismatch-flag svg{width:15px;height:15px}.icon-add-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;flex-shrink:0;background:var(--accent-soft);border:1px solid rgba(124,107,255,.28);color:var(--accent-2);transition:background .12s,transform .12s}.icon-add-btn:hover{background:#7c6bff3d;transform:scale(1.06)}.po-statuses{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.po-meta{font-size:11.5px}.po-meta .muted{margin-bottom:2px}.po-actions{display:flex;flex-direction:column;gap:6px}.warranty-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid transparent}.warranty-badge svg{width:13px;height:13px;flex-shrink:0}.warranty-badge.active{background:var(--green-soft);color:var(--green);border-color:#34d3994d}.warranty-badge.expiring{background:#fbbf2424;color:var(--amber);border-color:#fbbf244d}.warranty-badge.expired{background:var(--red-soft);color:var(--red);border-color:#fb71854d}.warranty-badge.neutral{background:var(--accent-soft);color:var(--accent-2);border-color:#7c6bff47}button.warranty-badge{font-family:inherit}button.warranty-badge:hover{filter:brightness(1.15)}.switch{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:34px;height:20px;border-radius:999px;background:#ffffff1a;border:1px solid var(--border-strong);position:relative;flex-shrink:0;transition:background .18s,border-color .18s}.switch-thumb{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:#cfd4e6;transition:transform .18s,background .18s}.switch.on .switch-track{background:var(--accent-gradient);border-color:transparent}.switch.on .switch-thumb{transform:translate(14px);background:#0a0e1a}.switch-label{font-size:13px;color:var(--body)}.switch.on .switch-label{color:var(--ink);font-weight:600}.switch-readonly{cursor:default}.switch-readonly.on .switch-track{background:var(--green-soft)}.switch-readonly.on .switch-thumb{background:var(--green)}.switch-auto.on .switch-track{background:var(--green-soft)}.switch-auto.on .switch-thumb{background:var(--green)}.banner{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;border:1px solid transparent}.banner.error{background:var(--red-soft);color:#ffb3bf;border-color:#fb71854d}.banner.warning{background:#fbbf2424;color:var(--amber);border-color:#fbbf244d}.banner.success{background:var(--green-soft);color:var(--green);border-color:#34d3994d}.banner.banner-button{display:block;width:100%;text-align:left;background:var(--red-soft);font-family:inherit;transition:background .12s}.banner.banner-button:hover{background:#fb718538}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:64px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty svg{color:var(--muted);opacity:.6}.loading{padding:48px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:20px;box-shadow:0 24px 64px #00000080;padding:28px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:15px}.modal h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}.modal.create-order-modal{max-width:640px;max-height:85vh;overflow-y:auto}.modal.reconcile-modal{max-width:680px;max-height:82vh;overflow-y:auto}.reconcile-ok{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;background:var(--green-soft);color:var(--green);border:1px solid rgba(52,211,153,.3)}.reconcile-flags{display:flex;flex-direction:column;gap:8px}.reconcile-flag{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;background:var(--red-soft);color:var(--ink);border:1px solid rgba(251,113,133,.3)}.reconcile-flag-icon{flex-shrink:0;display:inline-flex;color:var(--red)}.reconcile-flag-icon svg{width:14px;height:14px}.reconcile-flag-type{flex-shrink:0;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--red);background:#fb718529;border-radius:999px;padding:3px 8px}.reconcile-accepted{margin-top:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;background:var(--green-soft);color:var(--ink);border:1px solid rgba(52,211,153,.3)}.reconcile-accepted>div:first-child{color:var(--green);font-weight:600;margin-bottom:4px}.reconcile-accepted p{margin:0 0 10px;color:var(--body);font-style:italic}.reconcile-accept-form{margin-top:12px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.reconcile-accept-form label{font-size:12.5px;font-weight:600;color:var(--muted)}.reconcile-accept-form textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font:inherit;font-size:13.5px;background:#ffffff08;color:var(--ink)}.reconcile-accept-form textarea:focus{border-color:var(--accent);background:#7c6bff0f}.reconcile-accept-form .btn{align-self:flex-start}.margin-gauge{padding:4px 2px 2px}.margin-gauge-track{position:relative;height:8px;border-radius:999px;background:#ffffff14;margin-bottom:8px}.margin-gauge-zone{position:absolute;top:0;bottom:0;background:var(--green-soft);border-radius:999px}.margin-gauge-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--surface-solid);box-shadow:0 1px 4px #0006}.margin-gauge-marker.ok{background:var(--green)}.margin-gauge-marker.bad{background:var(--red)}.margin-gauge-label{font-size:12.5px;color:var(--body)}.margin-gauge-label strong{color:var(--ink)}.reconcile-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reconcile-col{background:var(--surface);border:1px solid var(--border);border-top-width:3px;border-radius:var(--radius-sm);padding:14px 16px}.reconcile-col .section-title{display:flex;align-items:center;gap:7px;margin-bottom:10px}.reconcile-col .section-title svg{flex-shrink:0;width:15px;height:15px}.reconcile-col-order{border-top-color:var(--accent)}.reconcile-col-order .section-title{color:var(--accent-2)}.reconcile-col-invoice{border-top-color:var(--amber)}.reconcile-col-invoice .section-title{color:var(--amber)}.reconcile-col-head{font-weight:700;color:var(--ink);font-size:13.5px;margin-bottom:4px}.reconcile-amount{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;color:var(--accent-2);font-size:15px;margin-bottom:10px}.reconcile-lines{margin:0 0 12px;padding-left:18px;font-size:12.5px;color:var(--body);display:flex;flex-direction:column;gap:4px}.reconcile-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.reconcile-line-amount{font-family:JetBrains Mono,ui-monospace,monospace;flex-shrink:0}.reconcile-line-matched{color:var(--green)}.reconcile-line-missing{color:var(--amber)}.reconcile-line-overpriced{color:var(--red);font-weight:700}.missing-match-list{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.missing-match-desc{font-size:12.5px;font-weight:700;color:var(--amber);margin-bottom:4px}.missing-match-suggestion{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--body);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.missing-match-suggestion .reconcile-lines{width:100%}.reconcile-invoice-block+.reconcile-invoice-block{border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.reconcile-col .btn svg{flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.1px}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;background:#ffffff08;color:var(--ink);transition:border-color .15s,background .15s}.field input::placeholder{color:var(--muted)}.field input:focus{border-color:var(--accent);background:#7c6bff0f}.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;background:#ffffff08;color:var(--ink);font-family:inherit;resize:vertical;transition:border-color .15s,background .15s}.field textarea::placeholder{color:var(--muted)}.field textarea:focus{border-color:var(--accent);background:#7c6bff0f}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.order-lines{display:flex;flex-direction:column;gap:8px}.order-line-header{display:grid;grid-template-columns:1fr 64px 120px 76px 90px 28px;gap:8px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:0 0 2px}.order-line-header span:nth-child(3),.order-line-header span:nth-child(4),.order-line-header span:nth-child(5){text-align:right}.order-line-row{display:grid;grid-template-columns:1fr 64px 120px 76px 90px 28px;gap:8px;align-items:center}.order-line-desc,.order-line-count,.order-line-price,.order-line-markup{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:13.5px;background:#ffffff08;color:var(--ink);font-family:inherit;width:100%}.order-line-markup{text-align:right}.order-line-markup:disabled{opacity:.4;cursor:not-allowed}.order-line-desc:focus,.order-line-count:focus,.order-line-price:focus,.order-line-markup:focus{border-color:var(--accent);background:#7c6bff0f}.order-line-total{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;color:var(--muted);text-align:right}.order-line-remove{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;padding:4px;border-radius:6px;transition:color .15s,background .15s}.order-line-remove:hover:not(:disabled){color:var(--red);background:var(--red-soft)}.order-line-remove:disabled{opacity:.3;cursor:not-allowed}.order-totals{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px}.order-totals>div{display:flex;justify-content:space-between;color:var(--body)}.order-totals-grand{font-weight:800;color:var(--ink);font-size:15px;padding-top:6px;border-top:1px solid var(--border)}.ticket-mode-tabs{display:flex;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px}.ticket-mode-tab{flex:1;background:transparent;border:0;color:var(--muted);padding:6px 10px;border-radius:7px;font-size:12px;font-weight:600;transition:color .15s,background .15s}.ticket-mode-tab.active{background:var(--accent-gradient);color:#0a0e1a}.ticket-mode-tab:not(.active):hover{color:var(--ink)}.ticket-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;color:var(--ink);background:#ffffff08}.ticket-selected-clear{background:none;border:0;padding:0;font-size:12px;color:var(--muted)}.ticket-selected-clear:hover{color:var(--red)}.duplicate-order-list{display:flex;flex-direction:column;gap:10px;margin:16px 0}.duplicate-order-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:#ffffff08}.duplicate-order-row.current{border-color:#34d39959;background:var(--green-soft)}.duplicate-order-number{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.duplicate-order-current-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--green);background:#34d39929;border-radius:999px;padding:2px 8px}.duplicate-order-sub{font-size:12.5px;margin-top:2px}.duplicate-order-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.combo-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;display:flex;flex-direction:column;max-height:260px;overflow-y:auto;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 12px 32px #00000073;padding:4px}.combo-result{display:flex;flex-direction:column;gap:1px;text-align:left;background:transparent;border:0;border-radius:7px;padding:7px 10px;font-size:13.5px;color:var(--ink);transition:background .1s}.combo-result:hover{background:var(--surface-hover)}.combo-result-title{font-weight:500}.combo-result-sub{font-size:11.5px;color:var(--muted)}.field-hint{font-size:11.5px;color:var(--accent-2);margin:0}.responsible-note{font-size:12.5px;color:var(--muted);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px}.responsible-note strong{color:var(--ink);font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow);padding:40px 36px;width:100%;max-width:360px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.login-mark{width:48px;height:48px;border-radius:12px;margin-bottom:10px;box-shadow:0 6px 20px #7c6bff59}.login-card h1{margin:0 0 4px;font-size:20px;font-weight:800;color:var(--ink)}.login-card .btn{margin-top:18px;width:100%}.admin-invite{padding:22px 24px;margin-bottom:28px}.admin-invite h2{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--ink)}.admin-invite-form{display:flex;gap:10px;margin-top:14px}.admin-invite-form input{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;background:#ffffff08;color:var(--ink)}.admin-invite-form input:focus{border-color:var(--accent);background:#7c6bff0f}.section-title{font-size:14px;font-weight:700;color:var(--body);margin:0 0 12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 16px;font-size:14px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.access-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.access-name{font-weight:600;color:var(--ink);font-size:14px}.notification-row{justify-content:flex-start;gap:12px;cursor:pointer;font-size:14px;color:var(--ink)}.notification-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.approval-chain-list{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;list-style:none}.approval-chain-step{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm)}.approval-chain-step-order{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:12px;font-weight:800;flex-shrink:0}.approval-chain-step-name{flex:1;font-size:14px;color:var(--ink);font-weight:500}.approval-chain-step-actions{display:flex;gap:6px}.po-approval{margin-top:8px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-solid);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px;max-width:340px}.po-approval-status{font-size:12.5px;font-weight:700}.po-approval-status.po-approval-pending{color:var(--amber)}.po-approval-status.po-approval-approved{color:var(--green)}.po-approval-status.po-approval-rejected{color:var(--red)}.po-approval-steps{display:flex;flex-wrap:wrap;gap:5px}.po-approval-step{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid var(--border)}.po-approval-step-done{color:var(--green);background:var(--green-soft);border-color:#34d3994d}.po-approval-step-current{color:var(--amber);background:#fbbf2424;border-color:#fbbf244d}.po-approval-step-upcoming{color:var(--muted)}.po-approval-actions{display:flex;gap:8px}.access-row-full{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.access-row-head{display:flex;align-items:center;gap:14px}.access-row-head .access-name{flex:1}.access-row-head .btn{margin-left:auto}.owner-switch .switch-label{font-weight:700}.owner-switch.on .switch-track{background:var(--accent-gradient)}.access-pages{display:flex;flex-wrap:wrap;gap:8px 18px;padding-left:2px}.access-page-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--body);cursor:pointer}.access-page-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.side-panel{position:fixed;top:var(--rail-gap);right:var(--rail-gap);bottom:var(--rail-gap);width:var(--panel);z-index:15;background:var(--surface-solid);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:side-panel-slide .2s ease}@keyframes side-panel-slide{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.side-panel-header h2{margin:0;font-size:17px;font-weight:800;color:var(--ink)}.side-panel-body{padding:22px;overflow-y:auto;flex:1}.side-panel-footer{display:flex;flex-direction:column;gap:8px;padding:14px 22px;border-top:1px solid var(--border);flex-shrink:0}.side-panel-footer textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-size:13.5px;background:#ffffff08;color:var(--ink);font-family:inherit;resize:vertical;transition:border-color .15s,background .15s}.side-panel-footer textarea::placeholder{color:var(--muted)}.side-panel-footer textarea:focus{border-color:var(--accent);background:#7c6bff0f}.side-panel-footer .btn{align-self:flex-end}.pdf-panel-body{padding:0;overflow:hidden;flex:1}.pdf-panel-body iframe{width:100%;height:100%;border:0;display:block}.pdf-panel-body .loading,.pdf-panel-body .banner{margin:22px}.ticket-detail-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:4px}.ticket-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px}.ticket-detail-meta .muted{display:block;font-size:11px;margin-bottom:2px}.ticket-status-tabs{display:flex;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px}.ticket-status-tab{flex:1;background:transparent;border:0;color:var(--muted);padding:7px 8px;border-radius:7px;font-size:12px;font-weight:600;transition:color .15s,background .15s}.ticket-status-tab.active{background:var(--accent-gradient);color:#0a0e1a}.ticket-status-tab:not(.active):hover{color:var(--ink)}.ticket-status-tab:disabled{opacity:.6;cursor:default}.ticket-comments{display:flex;flex-direction:column;gap:10px}.ticket-comment{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;background:#ffffff05}.ticket-comment-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.ticket-comment-author{font-size:12.5px;font-weight:700;color:var(--ink)}.ticket-comment-internal{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:var(--accent-soft);color:var(--accent-2);border-radius:20px;padding:1px 7px}.ticket-comment-date{font-size:11px;color:var(--muted);margin-left:auto}.ticket-comment-text{font-size:13px;color:var(--body);white-space:pre-wrap;line-height:1.5}