:root{--bg:#eef6ff;--bg-soft:#f8fbff;--panel:#ffffff;--line:#c9d8ee;--ink:#0f1f3c;--muted:#5b6a87;--brand:#2a4f96;--brand-dark:#15366e;--brand-light:#14b4e6;--accent:#54d64d;--danger:#b42318;--shadow:0 18px 38px rgba(20,44,92,0.1);--radius-lg:18px;--radius-md:12px;--radius-sm:10px;--font-body:"Noto Sans TC","Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 8% 0,rgba(20,180,230,.2),transparent 34%),radial-gradient(circle at 100% 8%,rgba(42,79,150,.16),transparent 30%),linear-gradient(180deg,var(--bg-soft) 0,var(--bg) 100%)}.upload-warning-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(11,35,72,.36);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.upload-warning-panel{position:relative;width:min(520px,100%);border:1px solid rgba(247,189,85,.72);border-radius:24px;padding:28px;background:linear-gradient(145deg,#fff7df,#ffffff 72%);box-shadow:0 24px 80px rgba(11,35,72,.24);color:var(--ink)}.upload-warning-panel h2{margin:0 0 12px;font-size:24px}.upload-warning-panel p{margin:0 0 22px;line-height:1.75;color:var(--muted)}.upload-warning-panel .button{min-width:140px}.upload-warning-close{position:absolute;top:18px;right:20px;border:0;background:transparent;color:var(--ink);font-size:22px;font-weight:900;cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1260px;margin:0 auto;padding:28px 18px 56px}.hero{padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff,#f6fbff);box-shadow:var(--shadow)}.card h3,.card h4,.hero h1,.hero h2,.section h2,.section h3{margin:0}.hero-brand{display:flex;justify-content:space-between;align-items:center;gap:16px}.hero-brand .brand-head{margin:0 auto}.brand-head{display:grid;justify-items:center;text-align:center;grid-gap:10px;gap:10px;width:100%}.brand-mark{width:min(240px,46vw);min-height:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0}.brand-logo{width:100%;height:auto;object-fit:contain}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:5px 12px;border-radius:999px;background:rgba(20,180,230,.14);color:var(--brand-dark);font-size:12px;font-weight:700}.tab-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tab-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--brand-dark);font-weight:700}.tab-pill-active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-light))}.muted{color:var(--muted)}.section{margin-top:20px;display:grid;grid-gap:14px;gap:14px}.section-compact{margin-top:12px}.card,.status-card,.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow);padding:18px}.page-shell{max-width:1260px;margin:0 auto;padding:24px 18px 48px;display:grid;grid-gap:16px;gap:16px}.section-card{display:grid;grid-gap:14px;gap:14px;border:1px solid #dbe6f6;border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(248,252,255,.96),#fff 36%),#fff;box-shadow:0 16px 36px rgba(20,44,92,.08)}.section-card h1,.section-card h2{margin:0;color:var(--brand-dark)}.section-card>.form{padding:14px;border:1px solid #e1eaf7;border-radius:14px;background:#fbfdff}.notice{padding:12px 14px;border:1px solid #d9e5f5;border-radius:12px;background:#f8fbff}.notice-success{color:#0b6b3a;border-color:#bfe6ce;background:#f1fbf5}.notice-danger{color:var(--danger);border-color:#f0cfc8;background:#fff6f4}.header-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form,.ticket-grid{display:grid;grid-gap:14px;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field-full{grid-column:1/-1}.field label{font-size:14px;font-weight:700}.field-hint{margin:-2px 0 2px;color:#667797;font-size:12px;line-height:1.45}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;border:1px solid #b6c7e0;border-radius:var(--radius-sm);background:#fbfdff;color:var(--ink);font:inherit;padding:10px 12px}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input:not([type=checkbox]):not([type=radio]){padding-right:72px}.password-toggle{position:absolute;right:8px;min-height:30px;padding:0 10px;border:1px solid #c7d5eb;border-radius:999px;background:#ffffff;color:var(--brand-dark);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.password-toggle:hover{background:#eef8ff}.field textarea{min-height:92px;resize:vertical}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.check-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:0 14px;border:1px solid #d4def0;border-radius:8px;background:#f7faff;color:var(--ink);font-weight:700;line-height:1.2;white-space:nowrap}.check-item input[type=checkbox],.check-item input[type=radio]{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--brand)}.check-item span{display:inline-flex;min-width:0}.check-item-disabled{cursor:not-allowed;opacity:.48;background:#eef2f7}.check-item-disabled input{cursor:not-allowed}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:none;font:inherit;font-weight:700;cursor:pointer}.button{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-light))}.button-secondary{color:var(--brand-dark);border:1px solid #b9c8e2;background:#fff}.button-danger{color:var(--danger);border-color:#f0c7c0;background:#fff6f4}.action-row,.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.login-actions{margin-top:18px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:116px;min-height:34px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2;text-align:center}.ticket-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:0;gap:0;width:100%;padding:14px 10px 10px}.ticket-progress-step{color:var(--muted);text-align:center}.ticket-progress-title{min-height:24px;font-size:13px;font-weight:800}.ticket-progress-line{position:relative;display:flex;justify-content:center;align-items:center;height:30px}.ticket-progress-line:before{position:absolute;inset:50% 0 auto;height:5px;border-radius:999px;background:#d8e4ef;content:"";transform:translateY(-50%)}.ticket-progress-step.active .ticket-progress-line:before{background:linear-gradient(90deg,#35b84a,#74cf44)}.ticket-progress-dot{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#cfd6dd;color:white;font-size:14px;font-weight:900;box-shadow:0 0 0 5px white}.ticket-progress-step.active .ticket-progress-dot{background:#4abd3a}.ticket-progress-time{font-size:12px;line-height:1.4}@media (max-width:760px){.ticket-progress{grid-template-columns:1fr;gap:8px}.ticket-progress-step{display:grid;grid-template-columns:100px 42px 1fr;align-items:center;text-align:left}.ticket-progress-line:before{display:none}}.badge-amber{color:#9a4c00;background:rgba(255,193,87,.25)}.badge-blue{color:#104c93;background:rgba(78,160,246,.2)}.badge-green{color:#0b7f45;background:rgba(84,214,77,.2)}.badge-red{color:#a11a2b;background:rgba(241,82,106,.18)}.badge-stone{color:#4e6086;background:rgba(176,190,215,.3)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid #d8e2f2;vertical-align:top}.workspace-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;width:100%}.workspace-sidebar{border-right:1px solid #d7e3f5;background:#f5f9ff;padding:18px 14px;display:grid;grid-template-rows:auto 1fr auto;grid-gap:18px;gap:18px}.workspace-brand{display:grid;justify-items:center;text-align:center;grid-gap:8px;gap:8px}.workspace-brand h2{margin:0;font-size:22px}.workspace-brand p{margin:0;color:var(--muted);font-size:13px}.workspace-nav{display:grid;align-content:start;grid-gap:8px;gap:8px}.workspace-nav-item{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:10px;color:var(--brand-dark);font-weight:700;border:1px solid transparent}.workspace-nav-item:hover{background:#eaf2ff}.workspace-nav-item.active{border-color:#bfd4f3;background:#deecff}.workspace-version{align-self:end;border-top:1px solid #d7e3f5;color:#5c6f91;font-size:12px;line-height:1.4;padding-top:12px;text-align:center}.workspace-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #d7e3f5;background:#fdfefe}.workspace-header h1{margin:0}.workspace-header p{margin:4px 0 0}.workspace-breadcrumb{margin:2px 0 0;color:#4e6086;font-size:12px;font-weight:700}.workspace-content{overflow:auto;padding:16px 22px 24px;display:grid;grid-gap:14px;gap:14px}.workspace-block{display:grid;grid-gap:14px;gap:14px;border:1px solid #dbe6f6;border-radius:12px;padding:14px;background:#ffffff}.workspace-block h3{margin:0}.ticket-center-block{align-content:start;gap:18px;min-height:0;padding:18px;background:linear-gradient(180deg,rgba(248,252,255,.96),#fff 34%),#fff}.history-filter-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto auto;align-items:end;grid-gap:12px;gap:12px;padding:14px;border:1px solid #dbe6f6;border-radius:14px;background:#f8fbff}.history-filter-form .field{min-width:0}.history-filter-form .field input,.history-filter-form .field select{width:100%}.history-filter-form .field input:not([type=checkbox]):not([type=radio]),.history-filter-form .field select{min-height:42px;padding:8px 12px;border-radius:10px}.history-filter-form .button-secondary{min-width:84px;min-height:42px;padding-inline:18px;border-radius:12px;white-space:nowrap}.history-admin-tools{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);grid-gap:14px;gap:14px}.history-admin-card{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid #dbe6f6;border-radius:14px;background:#fbfdff}.category-modal-card{padding:18px}.category-modal-card .compact-admin-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px;grid-gap:12px;gap:12px;align-items:end}.category-modal-card .compact-admin-form .field,.category-modal-card .compact-admin-form input{min-width:0;width:100%}.category-modal-card .compact-list{display:grid;grid-gap:10px;gap:10px}.category-modal-card .compact-edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px 82px;gap:12px;padding:10px;border:1px solid #dbe6f6;border-radius:14px;background:#fff}.category-modal-card .compact-edit-row input{width:100%}.test-management-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.test-management-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 16px;border:1px solid #dbe6f6;border-radius:16px;background:linear-gradient(135deg,#ffffff,#f4fbff 56%,rgba(35,179,215,.14)),#fbfdff}.test-management-summary span{color:#5b6d8e;font-size:13px;font-weight:800}.test-management-summary strong{color:var(--brand-dark);font-size:26px;line-height:1}.test-management-list{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid #dbe6f6;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f7fbff)}.test-checklist-table-wrap{overflow:auto;border:1px solid #d9e6f7;border-radius:16px;background:#fff}.test-checklist-table{min-width:900px}.test-checklist-table th{background:#f4f9ff;color:var(--brand-dark);font-weight:900}.test-checklist-table td{vertical-align:middle}.test-checklist-table td:first-child{width:23%}.test-checklist-table td:nth-child(2){width:110px;white-space:nowrap}.test-checklist-table td:nth-child(3){width:24%}.test-checklist-table td:last-child{width:160px}.test-checklist-description{color:#43577a;line-height:1.5}.table-subtext{margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.test-management-list .checklist-edit-card{display:none}.checklist-edit-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:12px;gap:12px}.checklist-delete-form{display:flex;justify-content:flex-end;min-width:72px;padding-top:52px}.empty-state{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:42px 18px;text-align:center;border:1px dashed #bfd0e9;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff)}.empty-state h3,.empty-state p{margin:0}.compact-admin-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end}.compact-admin-form .field-full{grid-column:1/-1}.compact-list{display:grid;grid-gap:8px;gap:8px}.compact-edit-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1.2fr) auto auto;align-items:center;grid-gap:8px;gap:8px}.checklist-edit-row{grid-template-columns:minmax(240px,1.4fr) minmax(170px,.8fr) 96px minmax(220px,1fr) auto auto auto;align-items:end;gap:10px}.checklist-edit-row input[name=title]{grid-column:span 2;font-weight:800}.checklist-edit-row input[name=description]{grid-column:1/span 4}.checklist-edit-row button[type=submit]{justify-self:end;min-width:76px}.compact-edit-row input,.compact-edit-row select,.ticket-category-form select{min-height:38px;min-width:0;border:1px solid #b6c7e0;border-radius:10px;background:#fff;color:var(--ink);font:inherit;padding:7px 10px}.checklist-edit-row input,.checklist-edit-row select{min-height:42px;border-color:#c7d7ee;background:#fcfeff}.mini-check{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid #dbe6f6;border-radius:12px;background:#f8fbff;white-space:nowrap}.mini-check,.ticket-row-category{color:var(--brand-dark);font-size:13px;font-weight:800}.ticket-row-category{justify-self:start;padding:7px 11px;border-radius:999px;background:#eef8ff}.ticket-category-form{display:inline-flex;align-items:center;gap:8px}.ticket-category-form .button-secondary{min-height:36px;padding-inline:12px;border-radius:10px}.checklist-input-list,.checklist-result-list{display:grid;grid-gap:8px;gap:8px}.checklist-check-item{justify-content:flex-start;min-height:40px;position:relative}.checklist-check-item[title]{cursor:help}.checklist-help{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:auto;border-radius:999px;background:#e8f6fc;color:var(--brand-dark);font-size:12px;font-weight:900}.checklist-result-item{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#fff4ce;color:#8a5a00;font-size:13px;font-weight:800}.checklist-result-item.checked{background:#dcfce7;color:#166534}.list-center-block{align-content:start;gap:16px;min-height:0;padding:18px;background:linear-gradient(180deg,rgba(248,252,255,.96),#fff 34%),#fff}.list-table-scroll{max-height:calc(100vh - 230px);min-height:min(560px,calc(100vh - 260px));background:#fff}.list-table-scroll .table th{background:#f7fbff;color:var(--brand-dark);font-weight:800}.list-table-scroll .table td,.list-table-scroll .table th{padding:9px 10px;vertical-align:middle}.list-table-scroll .list-actions{gap:8px}.list-table-scroll .list-actions .button-secondary{min-height:34px;padding-inline:12px}.customer-table{min-width:1060px}.customer-table td:last-child,.customer-table th:last-child{min-width:132px}.customer-workspace .workspace-content{background:radial-gradient(circle at top left,rgba(191,239,252,.45),transparent 32%),linear-gradient(135deg,#f6fbff,#eef5ff)}.customer-content{align-content:start}.customer-panel{gap:14px;padding:18px;border-color:#d4e3f6;border-radius:18px;box-shadow:0 18px 40px rgba(41,85,140,.08)}.customer-reply-search-form{display:grid;grid-template-columns:minmax(150px,180px) minmax(260px,420px) auto auto;align-items:end;grid-gap:12px;gap:12px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:12px;border:1px solid #dbe6f6;border-radius:14px;background:#f8fbff}.customer-reply-search-form .field{min-width:0}.customer-reply-search-form .field input:not([type=checkbox]):not([type=radio]){min-height:42px;padding:8px 12px;border-radius:10px}.customer-reply-search-form .button-secondary{min-width:84px;min-height:42px;padding-inline:18px;border-radius:12px;white-space:nowrap}.compact-panel{gap:12px;padding:16px}.customer-result-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid #ffd36d;background:linear-gradient(135deg,#fff0bc,#fff8e8);color:var(--brand-dark);box-shadow:0 12px 28px rgba(155,100,25,.14);max-width:720px;width:min(560px,100%);min-height:0;align-self:start}.workspace-content>.customer-result-banner{padding:10px 14px;border-radius:12px}.modal-inline-notice{display:inline-flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:9px 12px;border:1px solid #ffd36d;border-radius:12px;background:#fff4ce;color:var(--brand-dark);font-size:14px}.modal-inline-notice-danger{border-color:#f2beb6;background:#fff7f5;color:var(--danger)}.customer-result-banner.customer-result-danger,.customer-result-banner.danger{border-color:#f2beb6;background:#fff7f5;color:#a82d20}.customer-result-banner.customer-result-success{border-color:#ffd36d;background:linear-gradient(135deg,#fff0bc,#fff8e8)}.customer-result-banner span{flex:1 1}.customer-result-banner a{font-weight:800}.customer-form{gap:12px}.customer-ticket-modal .customer-form{padding:18px;background:linear-gradient(180deg,#f7fbff,#fff)}.customer-ticket-modal .customer-form .field{padding:12px;border:1px solid #dce8f7;border-radius:14px;background:#fff}.customer-ticket-modal .customer-form .field input,.customer-ticket-modal .customer-form .field textarea{margin-top:6px}.field-hint{margin:6px 0 0;color:#667999;font-size:13px}.customer-ticket-list{display:grid;grid-gap:10px;gap:10px}.customer-ticket-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:12px 14px;border:1px solid #d9e6f6;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(34,80,135,.07)}.customer-ticket-card h3,.customer-ticket-card p{margin:3px 0 0}.customer-ticket-card strong{color:var(--brand-dark)}.customer-status{display:inline-flex;align-items:center;justify-content:center;min-width:78px;min-height:32px;padding:0 12px;border-radius:999px;background:#e7f6fd;color:#0b6798;font-size:13px;font-weight:800}.customer-status-pending{color:#965500;background:#fff1cf}.customer-status-working{color:#0b6798;background:#e6f7ff}.customer-status-confirm{color:#8a3f00;background:#ffd59a}.customer-status-done{color:#ffffff;background:#1f8f53}.customer-ticket-modal{width:min(880px,calc(100vw - 34px));overflow:hidden}.customer-ticket-detail{display:grid;grid-gap:12px;gap:12px;padding:14px;background:linear-gradient(180deg,#f7fbff,#fff)}.customer-ticket-detail-compact{gap:10px}.customer-ticket-detail section{padding:12px 14px;border:1px solid #dce8f7;border-radius:14px;background:#fbfdff}.customer-ticket-detail h4{margin:0 0 10px;color:var(--brand-dark)}.customer-ticket-detail p{margin:7px 0}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.detail-list div{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid #e5edf8;border-radius:12px;background:#fff}.detail-list .detail-full{grid-column:1/-1}.detail-list dt{color:#5b6a87;font-size:12px;font-weight:800}.detail-list dd{margin:0;white-space:pre-wrap}.attachment-list-compact{display:grid;grid-gap:8px;gap:8px}.attachment-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5edf8;border-radius:12px;background:#fff}.attachment-line:last-child{border-bottom:1px solid #e5edf8}.customer-ticket-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:2px}.customer-inline-resend{display:flex;justify-content:flex-end;padding:0 18px 18px}.customer-inline-resend-centered,.customer-ticket-actions-centered{justify-content:center}.content-attachment-summary{display:grid;grid-gap:8px;gap:8px;padding:12px 14px;border:1px solid #dfe9f7;border-radius:12px;background:#fff}.content-attachment-summary h4{margin:0;color:var(--brand-dark)}.staff-response-list{display:grid;grid-gap:8px;gap:8px}.staff-response-card{display:grid;grid-gap:6px;gap:6px;padding:10px 12px;border:1px solid #e5edf8;border-radius:12px;background:#fbfdff}.staff-response-card p{margin:0;white-space:pre-wrap}.staff-response-card span{color:var(--muted);font-weight:800}.danger-text{color:var(--danger)}.result-modal{opacity:1;pointer-events:auto;visibility:visible}.result-panel{width:min(460px,calc(100vw - 32px));padding:26px;text-align:center}.result-panel h3{margin-top:0}.reply-body{margin:0;padding:20px 24px 24px;white-space:pre-wrap;font-family:inherit;line-height:1.7}.list-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.list-actions form{display:inline-flex}.list-actions .button-secondary{min-height:34px;min-width:64px;padding:0 12px}.modal-form{padding:20px}.modal-form .form-actions-center{margin-top:4px}.workflow-guide{border:1px solid #d8e6fa;border-radius:10px;padding:10px 12px;background:#f6fbff}.task-switch{display:flex;flex-wrap:wrap;gap:10px}.task-switch-note{margin:0;color:var(--muted);font-size:13px}.task-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:104px;padding:0 16px;border-radius:999px;border:1px solid #bfd4f3;background:#fff;color:var(--brand-dark);font-weight:700;font-size:13px;white-space:nowrap}.task-pill.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-light))}.form-actions-center{grid-column:1/-1;display:flex;justify-content:center;margin-top:4px}.form-actions-center .button{min-width:min(340px,100%)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 2px 10px;border-bottom:1px solid #e5edf8}.section-heading-row .muted{margin:4px 0 0}.ticket-create-button{min-width:118px;box-shadow:0 10px 22px rgba(20,94,164,.18)}.table-scroll{overflow:auto;max-height:260px;border:1px solid #d8e2f2;border-radius:10px}.ticket-list{display:grid;grid-gap:0;gap:0;overflow:hidden;border:1px solid #d8e2f2;border-radius:14px;background:#fff}.ticket-detail{border:0;border-bottom:1px solid #e5edf8;border-radius:0;background:#fff}.ticket-row-card{overflow:hidden}.ticket-row-card:last-child{border-bottom:0}.ticket-row-card:hover{background:#f7fbff}.ticket-row-summary{display:grid;grid-template-columns:minmax(118px,auto) minmax(145px,auto) minmax(220px,1fr) minmax(150px,auto) auto auto auto;align-items:center;grid-gap:14px;gap:14px;min-height:68px;padding:14px 16px}.ticket-row-summary strong{letter-spacing:.01em}.ticket-row-title{min-width:0;overflow:hidden;color:var(--ink);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ticket-row-customer{color:#536487;font-weight:600;text-align:right}.ticket-row-summary .button-secondary{min-height:34px;padding:0 16px}.ticket-detail>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:12px}.ticket-detail>summary::-webkit-details-marker{display:none}.ticket-detail-body{border-top:1px solid #e4ecf9;padding:12px;display:grid;grid-gap:12px;gap:12px}.ticket-modal-body{border-top:0;padding:14px 18px 18px;background:#f8fbff}.ticket-tab-input{position:absolute;opacity:0;pointer-events:none}.ticket-tabs{display:flex;gap:8px;padding:6px;border:1px solid #d9e5f5;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(15,45,91,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ticket-tab-label{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:96px;padding:0 14px;border:1px solid transparent;border-radius:999px;color:#385174;font-size:14px;font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.ticket-tab-label:hover{border-color:#c9d8ee;background:#f4f8ff;color:var(--brand-dark)}.ticket-tab-admin-input:checked~.ticket-tabs .ticket-tab-admin-label,.ticket-tab-attachments-input:checked~.ticket-tabs .ticket-tab-attachments-label,.ticket-tab-manager-input:checked~.ticket-tabs .ticket-tab-manager-label,.ticket-tab-staff-input:checked~.ticket-tabs .ticket-tab-staff-label,.ticket-tab-summary-input:checked~.ticket-tabs .ticket-tab-summary-label{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-light));box-shadow:0 10px 20px rgba(20,94,164,.18)}.ticket-tab-attachments,.ticket-tab-attachments-label{display:none!important}.ticket-tab-summary{gap:12px;padding:16px;border:1px solid #d9e5f5;border-radius:18px;background:#fff}.ticket-modal-body>p,.ticket-tab-summary>p{margin:0;padding:12px 14px;border:1px solid #dfe9f7;border-radius:12px;background:#fff}.ticket-modal-body>p:first-child,.ticket-tab-summary>p:first-child{color:var(--ink);font-size:16px;font-weight:700}.ticket-modal-body>.workspace-block{border-radius:16px;box-shadow:none}.ticket-modal-section{display:grid;grid-gap:12px;gap:12px;padding:14px 16px;border:1px solid #d9e5f5;border-radius:18px;background:#fff}.ticket-modal-section-danger{border-color:#f0cfc8;background:linear-gradient(180deg,#fffafa,#fff)}.admin-ticket-delete-form,.admin-ticket-edit-form{border:1px solid #f2d5d5;border-radius:14px;background:#fff;padding:14px}.admin-ticket-delete-form{align-content:start}.ticket-modal-section>h3{display:none}.modal-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:48px;padding-bottom:10px;border-bottom:1px solid #e5edf8}.modal-section-heading h3{margin:0;color:var(--brand-dark);font-size:18px;line-height:1.35}.modal-section-heading .muted{margin:4px 0 0;font-size:13px;line-height:1.55}.action-form-grid{align-items:start}.action-form-grid>.table-scroll,.action-form-grid>div,.action-form-grid>form,.action-form-grid>p{min-width:0}.action-form-grid>form{padding:14px;border:1px solid #e0e9f7;border-radius:14px;background:#fbfdff}.action-form-grid>.table-scroll,.action-form-grid>form.field-full,.action-form-grid>form.form-grid{grid-column:1/-1}.manager-flow-guide{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.manager-flow-step{display:grid;grid-gap:5px;gap:5px;min-height:86px;padding:12px;border:1px solid #dbe6f6;border-radius:14px;background:#ffffff;color:#64718e}.manager-flow-step strong{color:var(--brand-dark)}.manager-flow-step span{font-size:13px;line-height:1.45}.manager-flow-step.active{border-color:#69c7e2;background:linear-gradient(135deg,#eafaff,#ffffff);box-shadow:0 12px 26px rgba(36,137,179,.12)}.ticket-tab-manager .manager-flow-guide,.ticket-tab-manager>.modal-section-heading .muted{display:none}.manager-action-card{border-color:#dce8f7;background:linear-gradient(180deg,#fbfdff,#ffffff)}.manager-next-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 16px;border:1px solid #bfe6f2;border-radius:16px;background:linear-gradient(135deg,#eefbff,#ffffff);color:var(--brand-dark)}.manager-next-action strong{white-space:nowrap}.manager-next-action span{color:#415273;font-weight:700}.manager-status-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px;margin:0 0 14px}.manager-status-board article{display:grid;grid-gap:4px;gap:4px;min-height:92px;padding:12px 14px;border:1px solid #dfe9f7;border-radius:16px;background:#fff}.manager-status-board span{color:#64718e;font-size:12px;font-weight:800}.manager-status-board strong{color:var(--brand-dark);font-size:16px}.manager-status-board small{color:#536483;font-weight:700}.action-form-grid .button,.action-form-grid .button-secondary{width:-moz-fit-content;width:fit-content;min-width:128px}.ticket-modal-section .table-scroll{max-height:320px;background:#fff}.ticket-modal-section .notice{padding:10px 12px;border:1px solid #dfe9f7;border-radius:12px;background:#fff}.ticket-modal-section .notice summary{cursor:pointer;color:var(--brand-dark);font-weight:800}.attachment-form{align-items:stretch;gap:10px}.attachment-form .field{min-height:104px;padding:10px 12px;border:1px solid #e1eaf7;border-radius:14px;background:#fbfdff;align-content:start}.attachment-form .field input:not([type=checkbox]):not([type=radio]),.attachment-form .field select{min-height:46px;background:#fff}.attachment-role-field{gap:5px}.role-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:2px}.role-checkbox-grid .check-item{min-height:36px;padding:0 10px;background:#fff}.attachment-upload-button{align-self:end;justify-self:end;width:auto;min-width:128px;min-height:42px;border-radius:12px;padding:0 24px;box-shadow:0 10px 20px rgba(20,94,164,.16)}.attachment-table-scroll{max-height:260px}.attachment-table-scroll .table{min-width:1040px}.attachment-table-scroll td,.attachment-table-scroll th{white-space:nowrap}.attachment-table-scroll td:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis}.attachment-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:250px}.attachment-actions .button-secondary{min-height:34px;min-width:64px;padding:0 12px;border-radius:999px}.attachment-actions form{display:inline-flex!important;margin-left:0!important}.ticket-modal-body>.ticket-tab-panel{display:none}.ticket-modal-body>.ticket-tab-admin-input:checked~.ticket-tab-admin,.ticket-modal-body>.ticket-tab-attachments-input:checked~.ticket-tab-attachments,.ticket-modal-body>.ticket-tab-manager-input:checked~.ticket-tab-manager,.ticket-modal-body>.ticket-tab-staff-input:checked~.ticket-tab-staff,.ticket-modal-body>.ticket-tab-summary-input:checked~.ticket-tab-summary{display:grid}.modal-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:28px;overflow:auto;background:rgba(5,25,55,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-overlay.modal-open,.modal-overlay:target{display:flex}.modal-panel{width:min(760px,100%);max-height:calc(100vh - 56px);overflow:auto;border:1px solid #c6d9f2;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(8,36,78,.28)}.modal-panel-wide{width:min(1040px,100%)}.modal-header{position:relative;top:auto;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #e4ecf9;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel .ticket-progress{padding-top:10px}.modal-panel .ticket-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal-header h3{margin:0}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;border:0;border-radius:0;color:var(--brand-dark);font-size:20px;font-weight:800;white-space:nowrap;background:transparent}.modal-close:hover{color:var(--brand-light);background:transparent}.modal-panel-preview{width:min(980px,100%)}.attachment-preview-frame{display:block;width:100%;height:min(72vh,760px);border:0;background:#f8fbff}.modal-panel>.ticket-create-form{padding:20px}.ticket-create-form{gap:16px}.ticket-create-form .field label{color:#122850}.ticket-create-form .form-actions-center{margin-top:8px}.ticket-create-form .form-actions-center .button{min-width:min(360px,100%)}@media (max-width:960px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{border-right:0;border-bottom:1px solid #d7e3f5}.workspace-nav{grid-auto-flow:column;grid-auto-columns:minmax(120px,auto);overflow:auto;padding-bottom:4px}.workspace-content,.workspace-header{padding:14px}.ticket-detail>summary,.ticket-row-summary{grid-template-columns:1fr;align-items:start}.section-heading-row{align-items:stretch;flex-direction:column}.section-heading-row .button{width:100%}.modal-overlay{padding:12px}.modal-panel{max-height:calc(100vh - 24px)}.hero-brand{flex-direction:column;align-items:flex-start}.category-modal-card .compact-admin-form,.category-modal-card .compact-edit-row,.checklist-edit-card,.checklist-edit-row,.compact-admin-form,.compact-edit-row,.customer-reply-search-form,.form-grid,.grid-3,.history-admin-tools,.history-filter-form,.test-management-summary{grid-template-columns:1fr}.checklist-edit-row input[name=description],.checklist-edit-row input[name=title]{grid-column:auto}.checklist-delete-form{justify-content:stretch;min-width:0;padding-top:0}.ticket-grid{grid-template-columns:1fr}}