:root{--color-bg:#f4f6f8;--color-surface:#fff;--color-surface-soft:#edf2f6;--color-border:#d8e0e8;--color-text:#17202e;--color-muted:#657386;--color-primary:#176f8f;--color-primary-dark:#11536c;--color-secondary:#557a46;--color-danger:#b42318;--color-warning:#ad6b00;--color-success:#177245;--color-focus:#176f8f33;--shadow-soft:0 14px 36px #17202e14;--shadow-card:0 1px 2px #17202e0d;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--sidebar-width:264px;--content-max-width:1480px;--page-gap:var(--space-5);--card-gap:var(--space-4)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--space-6) 18px;color:#f8fafc;background:#172231;position:sticky;top:0;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.brand{align-items:center;gap:var(--space-3);padding:6px 8px var(--space-6);min-width:0;display:flex}.brand-mark{color:#173829;background:#d9eadf;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand small{color:#b8c4d3;display:block}.nav-toggle{display:none}.hamburger-icon{border-top:2px solid;border-bottom:2px solid;width:18px;height:12px;display:inline-block;position:relative}.hamburger-icon:before{content:"";border-top:2px solid;width:100%;position:absolute;top:3px;left:0}.side-nav{gap:6px;display:grid}.side-link{align-items:center;gap:var(--space-3);color:#d9e4ef;border-radius:8px;min-height:44px;padding:10px 12px;font-weight:700;display:flex}.side-link:hover,.side-link.active{color:#fff;background:#ffffff1c}.side-dot{background:#8fb3c7;border-radius:99px;flex:none;width:8px;height:8px}.workspace{background:var(--color-bg);flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{z-index:4;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;padding:0 var(--space-7);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f8fbf0;display:flex;position:sticky;top:0}.topbar span{color:var(--color-muted);font-size:.9rem;display:block}.topbar-user{min-width:0}.topbar-user strong,.topbar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .button{flex:none}.global-loader{background:var(--color-surface-soft);height:3px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.global-loader:after{content:"";background:var(--color-primary);width:35%;height:100%;animation:1.1s infinite slide;display:block}.content{width:min(var(--content-max-width), 100%);padding:var(--space-7);flex:1;margin:0 auto}.page,.stack,[data-content]{gap:var(--page-gap);min-width:0;display:grid}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:var(--space-4);position:static}.brand{padding-bottom:var(--space-4)}.side-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.content{padding:var(--space-5)}}@media (width<=768px){.sidebar{padding:14px var(--space-4)}.brand{gap:10px}.brand-mark{width:38px;height:38px;font-size:.9rem}.side-link{min-height:38px;padding:8px 10px;font-size:.92rem}.topbar{min-height:60px;padding:0 var(--space-4)}.topbar-user strong{font-size:.96rem}.topbar span{font-size:.8rem}.content{padding:18px 14px}.page,.stack,[data-content]{gap:14px}}@media (width<=640px){.sidebar-head{align-items:center}.brand{padding-bottom:0}.nav-toggle{align-items:center;gap:var(--space-2);border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;min-height:40px;padding:8px 12px;font-weight:800;display:inline-flex}.nav-toggle:hover{background:#ffffff24}.side-nav{gap:var(--space-2);flex-direction:column;max-height:0;padding:0;transition:max-height .2s,padding-top .2s;display:flex;overflow:hidden}.sidebar.nav-open .side-nav{max-height:60vh;padding-top:var(--space-4)}.side-link{width:100%;min-height:40px}.topbar{min-height:auto;padding:12px var(--space-4);flex-direction:row;justify-content:space-between;align-items:center}.topbar .button{width:auto}.content{padding:16px 12px}}@media (width<=480px){.sidebar{padding:12px}.brand{gap:9px}.brand-mark{width:34px;height:34px;font-size:.82rem}.brand strong{font-size:.95rem}.brand small{font-size:.76rem}.nav-toggle{min-height:34px;padding:6px 10px;font-size:.84rem}.sidebar.nav-open .side-nav{padding-top:12px}.side-link{min-height:36px;padding:7px 10px;font-size:.9rem}.topbar{gap:10px;padding:10px 12px}.topbar .button{min-height:34px;padding:6px 10px;font-size:.84rem}.content{padding:14px 10px}.page,.stack,[data-content]{gap:12px}}@media (width<=360px){.content{padding:12px 8px}.topbar{gap:8px;padding:9px 10px}}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-weight:700;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:disabled{cursor:wait;opacity:.7}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover{background:var(--color-primary-dark)}.button-danger{background:var(--color-danger);color:#fff}.button-danger:hover{background:#8f1c14}.button-secondary{color:#173a4a;background:#eff6f8;border-color:#abc2cf}.button-secondary:hover{border-color:var(--color-primary)}.button-ghost{border-color:var(--color-border);color:var(--color-text);background:#fff}.button-ghost:hover{background:#f8fafc;border-color:#b6c4d2}.button-small{min-height:32px;padding:5px 10px;font-size:.85rem}.link-button{color:var(--color-primary);cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;max-width:100%;padding:0;font-weight:800}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);padding:var(--space-5);min-width:0}.card.stack{gap:var(--card-gap)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);min-width:0;display:flex}.page-header>div:first-child{min-width:0}.page-header h1{overflow-wrap:anywhere;margin:2px 0 6px;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.15}.page-header p{color:var(--color-muted);overflow-wrap:anywhere;max-width:62ch;margin:0}.page-actions{gap:var(--space-3);flex-wrap:wrap;flex:none;align-items:center;display:flex}.eyebrow{color:var(--color-primary);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:900}.metric-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);padding:var(--space-5)}.metric-card span{color:var(--color-muted);font-size:.88rem;display:block}.metric-card strong{margin-top:8px;font-size:2rem;line-height:1;display:block}.metric-card .metric-card-date{font-size:1rem;line-height:1.25}.action-strip{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.user-metric-grid,.agent-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-alert{color:var(--color-danger)}.dashboard-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start;min-width:0;display:grid}.dashboard-grid>*{min-width:0}.empty-dashboard{justify-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);text-align:center;display:grid}.empty-dashboard h2,.empty-dashboard p{max-width:48ch;margin:0}.empty-dashboard h2{color:var(--color-text);font-size:1.25rem}.count-pill{color:#334155;background:#e7edf2;border-radius:999px;justify-content:center;align-items:center;min-width:32px;min-height:28px;padding:2px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.quiet-panel{color:var(--color-muted);padding:var(--space-4);background:#fbfcfe;border:1px dashed #c2ceda;border-radius:8px;gap:6px;display:grid}.quiet-panel strong,.quiet-panel p{margin:0}.quiet-panel strong{color:var(--color-text)}.ticket-row-list,.activity-list,.quick-help-list,.status-breakdown{gap:10px;display:grid}.ticket-summary-row{gap:var(--space-4);border:1px solid var(--color-border);padding:var(--space-4);background:#fbfcfe;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:center;display:grid}.ticket-summary-main{gap:8px;min-width:0;display:grid}.ticket-summary-main h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.ticket-id{color:var(--color-muted);font-size:.82rem;font-weight:900}.ticket-summary-meta{text-align:right;justify-items:end;gap:8px;min-width:0;display:grid}.ticket-summary-meta span{color:var(--color-muted);font-size:.82rem;font-weight:800}.ticket-summary-meta strong{font-size:.9rem}.ticket-open-row{cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.agent-ticket-row{grid-template-columns:minmax(0,1fr);align-items:start}.agent-compact-ticket.ticket-open-row{grid-template-columns:minmax(0,1fr)}.ticket-open-row:hover,.ticket-open-row:focus-visible,.agent-ticket-row:hover,.agent-ticket-row:focus-visible{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 12px 26px #14426a1f}.agent-ticket-context{color:var(--color-muted);flex-wrap:wrap;gap:6px 12px;font-size:.84rem;font-weight:700;display:flex}.category-badge{color:#46566b;background:#edf1f5}.agent-compact-list,.saved-view-list{gap:10px;display:grid}.agent-compact-ticket,.saved-view-button{border:1px solid var(--color-border);background:#fbfcfe;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.agent-compact-ticket>div{gap:7px;min-width:0;display:grid}.agent-compact-ticket strong{overflow-wrap:anywhere}.saved-view-button{width:100%;color:var(--color-text);cursor:pointer;font:inherit;text-align:left}.saved-view-button:hover{border-color:var(--color-primary);background:#f4f8fb}.saved-view-button span{font-weight:800}.saved-view-button strong{background:#e7edf2;border-radius:999px;justify-content:center;align-items:center;min-width:34px;min-height:28px;font-size:.85rem;display:inline-flex}.agent-last-update{color:var(--color-muted);font-weight:700}.status-row{gap:8px;display:grid}.status-row>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-row strong{color:var(--color-text)}.status-bar{background:#edf1f5;border-radius:999px;height:8px;display:block;overflow:hidden}.status-bar span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.activity-item{border-bottom:1px solid var(--color-border);grid-template-columns:12px minmax(0,1fr);gap:12px;padding-bottom:12px;display:grid}.activity-item:last-child{border-bottom:0;padding-bottom:0}.activity-marker{background:#8fb3c7;border-radius:999px;width:10px;height:10px;margin-top:7px}.activity-comment{background:var(--color-primary)}.activity-attachment{background:var(--color-success)}.activity-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.activity-heading span,.activity-item small{color:var(--color-muted);font-size:.82rem;font-weight:800}.activity-item p{overflow-wrap:anywhere;margin:6px 0}.quick-help-item{border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:#fbfcfe;border-radius:8px;gap:4px;padding:12px;display:grid}.quick-help-item:hover{border-color:var(--color-primary);background:#f4f8fb}.quick-help-item span{color:var(--color-muted);overflow-wrap:anywhere;font-size:.9rem}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);scrollbar-width:thin;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:960px}table td .link-button{word-break:break-word;display:inline}th,td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;overflow-wrap:anywhere;padding:13px 14px}th{color:#415369;letter-spacing:0;text-transform:uppercase;background:#eef3f7;font-size:.78rem}tr:last-child td{border-bottom:0}.row-actions,.badge-row,.inline-form{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.inline-form{gap:6px;width:100%;display:grid}.inline-edit-form,.status-actions{gap:12px;width:100%;display:grid}.status-actions .row-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch;display:grid}.status-actions .button{white-space:normal;width:100%;min-width:0}.status-actions-compact{gap:6px}.status-actions-compact .inline-form-label{display:none}.status-actions-compact .row-actions{align-items:center;gap:6px;display:flex}.status-actions-compact .button{width:auto}.inline-form-label{color:#344256;font-size:.82rem;font-weight:800}.inline-form-row{grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:8px;display:grid}.inline-form select,.inline-form input,.inline-form-row .button{width:100%}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:3px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.status-open,.priority-unassigned,.priority-low{color:#15567a;background:#e8f3fb}.status-in_progress,.priority-medium{color:#725a00;background:#f2efd9}.status-waiting_for_user,.priority-high{color:#8c4d00;background:#fbe7d2}.status-resolved,.priority-critical{color:#12653d;background:#e0f3e8}.status-closed{color:#4b5563;background:#e6e9ee}.status-rejected,.status-cancelled{color:#9d1c16;background:#f7dddd}.role-badge,.internal-badge{color:#334155;background:#e7edf2}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filter-grid{display:block}.filter-body{column-gap:var(--space-3);row-gap:var(--space-4);grid-template-columns:repeat(5,minmax(118px,1fr)) auto;align-items:end;display:grid}.filter-grid.has-agent-filter .filter-body{grid-template-columns:repeat(6,minmax(112px,1fr)) auto}label{color:#344256;gap:7px;min-width:0;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--color-text);background:#fff;border:1px solid #c7d2df;border-radius:8px;min-width:0;min-height:42px;padding:10px 12px;transition:border-color .16s,box-shadow .16s}input[type=datetime-local]{min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus);outline:none}textarea{resize:vertical}.checkbox{align-items:center;gap:8px;min-height:42px;display:flex}.checkbox input{width:auto}.span-2{grid-column:span 2}.form-actions{justify-content:flex-end;gap:10px;display:flex}.filter-actions{justify-content:flex-end;align-items:end;gap:8px;min-width:max-content;display:flex}.filter-actions .button{min-height:42px}.filter-body input,.filter-body select,.filter-actions .button{height:42px}.filter-toggle{display:none}.section-title{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.section-title h2,.card h2{margin:0;font-size:1.08rem}.toast-host{z-index:20;gap:10px;width:min(360px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{border-left:4px solid var(--color-primary);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow-wrap:anywhere;background:#fff;padding:12px 14px}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.empty-state,.state-panel,.alert{border-radius:var(--radius);color:var(--color-muted);padding:var(--space-6);text-align:center;overflow-wrap:anywhere;background:#fff;border:1px dashed #b8c5d1}.empty-state h3,.state-panel h3{margin:0 0 var(--space-2);color:var(--color-text);font-size:1.05rem}.empty-state p,.state-panel p{margin:0;max-width:52ch;margin-inline:auto}.state-panel{gap:var(--space-3);justify-items:center;display:grid}.alert{text-align:left}.alert-warning{color:#725a00;background:#fff8e6;border-style:solid;border-color:#f0c36d}.alert-error{color:var(--color-danger);background:#fff1f0;border-style:solid;border-color:#efb1ac}.alert-success{color:var(--color-success);background:#eef9f2;border-style:solid;border-color:#9fd4b5}.spinner{border:3px solid #d6e0e8;border-top-color:var(--color-primary);border-radius:999px;width:24px;height:24px;animation:.75s linear infinite spin;display:inline-block}.modal-backdrop{z-index:30;padding:var(--space-5);background:#17202e6b;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(460px,100%);box-shadow:var(--shadow-soft);padding:var(--space-5);max-height:calc(100vh - var(--space-6));display:grid;overflow:auto}.confirm-dialog .form-actions{justify-content:flex-end}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog p{color:var(--color-muted)}.pagination{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:var(--space-3) var(--space-4);color:var(--color-muted);justify-content:space-between;align-items:center;gap:14px;font-weight:700;display:flex}.pagination-empty{display:none}.muted{color:var(--color-muted)}@media (width<=1280px) and (width>=901px){.user-metric-grid,.agent-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=1024px){.filter-body,.filter-grid.has-agent-filter .filter-body{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.filter-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=900px){.form-grid,.dashboard-grid,.ticket-summary-row{grid-template-columns:1fr}.ticket-summary-meta{text-align:left;justify-items:start}.span-2{grid-column:auto}.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%}.user-dashboard .action-strip,.agent-dashboard .action-strip{display:none}.user-metric-grid,.agent-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.metric-card{padding:var(--space-4)}.action-strip{flex-direction:column;align-items:stretch}.action-strip .button,.form-actions .button,.filter-actions .button,.pagination .button,.confirm-dialog .form-actions .button{width:100%}.form-actions,.pagination{flex-direction:column;align-items:stretch}.ticket-summary-meta .row-actions{flex-direction:column;align-items:stretch;width:100%}.inline-form select{min-width:0}.agent-compact-ticket,.saved-view-button{grid-template-columns:1fr}.table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}table,thead,tbody,tr,th,td{width:100%;display:block}table{min-width:0}thead{display:none}tbody{gap:var(--space-3);display:grid}tr{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);padding:var(--space-3)}td{gap:var(--space-3);border-bottom:0;grid-template-columns:minmax(96px,36%) minmax(0,1fr);align-items:start;padding:8px 0;display:grid}td:before{color:var(--color-muted);content:attr(data-label);text-transform:uppercase;font-size:.78rem;font-weight:900}td[data-label=Akcje]{grid-template-columns:1fr}td[data-label=Akcje]:before{margin-bottom:var(--space-1)}}@media (width<=1200px){.filter-toggle{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);width:100%;min-height:42px;color:var(--color-text);cursor:pointer;background:#fff;border:1px solid #c7d2df;font-weight:900;display:inline-flex}.filter-body{display:none}.filter-grid.filters-open .filter-body{margin-top:var(--space-4);grid-template-columns:1fr;display:grid}.filter-actions{flex-direction:column;align-items:stretch;min-width:0}.filter-actions .button{width:100%}}@media (width<=768px){.button{min-height:36px;padding:7px 12px;font-size:.92rem}.button-small{min-height:30px;padding:5px 9px;font-size:.8rem}.card,.metric-card{padding:14px}.card.stack{gap:12px}.page-header{gap:10px}.page-header h1{margin-bottom:4px;font-size:1.45rem;line-height:1.16}.page-header p{font-size:.92rem;line-height:1.45}.eyebrow{font-size:.7rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px}.user-metric-grid,.agent-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:auto}.metric-card span{font-size:.78rem;line-height:1.3}.metric-card strong{margin-top:6px;font-size:1.55rem}.dashboard-grid{gap:14px}.empty-dashboard,.empty-state,.state-panel,.alert{padding:var(--space-4)}.empty-dashboard{gap:12px}.section-title{gap:10px}.section-title h2,.card h2{font-size:1rem;line-height:1.25}.count-pill{min-width:28px;min-height:24px;padding:2px 8px;font-size:.76rem}.ticket-row-list,.activity-list,.quick-help-list,.status-breakdown,.agent-compact-list,.saved-view-list{gap:8px}.ticket-summary-row{gap:10px;padding:12px}.ticket-summary-main{gap:6px}.ticket-summary-main h3{font-size:.95rem;line-height:1.25}.ticket-id{font-size:.76rem}.ticket-summary-meta{gap:4px}.ticket-summary-meta span,.ticket-summary-meta strong,.agent-ticket-context{font-size:.78rem}.agent-compact-ticket,.saved-view-button,.quick-help-item,.quiet-panel{padding:10px}.quick-help-item{gap:3px}.quick-help-item strong{font-size:.94rem}.quick-help-item span,.empty-state p,.state-panel p,.quiet-panel p{font-size:.88rem;line-height:1.45}.status-row{gap:6px}.status-bar{height:6px}.activity-item{grid-template-columns:10px minmax(0,1fr);gap:10px;padding-bottom:10px}.activity-marker{width:8px;height:8px}.activity-heading span,.activity-item small{font-size:.76rem}.activity-item p{margin:4px 0;font-size:.9rem;line-height:1.45}.badge-row,.row-actions{gap:6px}.badge{min-height:22px;padding:2px 7px;font-size:.72rem}input,select,textarea{min-height:38px;padding:8px 10px;font-size:.92rem}label{gap:5px;font-size:.9rem}.filter-toggle{min-height:38px;font-size:.92rem}.filter-grid.filters-open .filter-body{gap:10px;margin-top:12px}.filter-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.filter-body input,.filter-body select,.filter-actions .button{height:38px}tr{padding:10px}tbody{gap:10px}td{grid-template-columns:minmax(86px,32%) minmax(0,1fr);gap:8px;padding:6px 0;font-size:.9rem}td:before{font-size:.7rem}td .badge{white-space:normal;text-align:center;justify-self:start;width:fit-content;max-width:100%}td[data-label=Tytuł] .link-button{font-size:.9rem;line-height:1.25}td[data-label=Akcje]:has(.row-actions:empty){display:none}.pagination{gap:10px;padding:10px;font-size:.9rem}.toast{padding:10px 12px;font-size:.9rem}.modal-backdrop{padding:12px}.confirm-dialog{gap:12px;padding:16px}}@media (width<=480px){.button{min-height:34px;padding:6px 10px;font-size:.88rem}.card,.metric-card{padding:12px}.page-header h1{font-size:1.34rem}.page-header p{font-size:.88rem}.metric-grid,.user-metric-grid,.agent-metric-grid{gap:8px}.metric-card strong{font-size:1.38rem}.metric-card span{font-size:.74rem}.section-title{flex-direction:column;align-items:flex-start;gap:8px}.section-title .button,.section-title .count-pill{align-self:flex-start}.ticket-summary-row,.agent-compact-ticket,.saved-view-button{padding:10px}.ticket-summary-main h3{font-size:.9rem}.badge{min-height:21px;padding:2px 6px;font-size:.68rem}.filter-grid{padding:10px}.filter-toggle{min-height:36px}.filter-actions{gap:6px}input,select,textarea{min-height:36px;padding:7px 9px;font-size:.88rem}label{font-size:.86rem}tr{padding:9px}td{grid-template-columns:minmax(78px,30%) minmax(0,1fr);gap:7px;padding:5px 0;font-size:.86rem}.toast-host{right:var(--space-3);bottom:var(--space-3);width:min(360px,100vw - 24px)}}@media (width<=360px){.card,.metric-card,.empty-state,.state-panel,.alert{padding:var(--space-4)}.ticket-summary-row,.agent-compact-ticket,.saved-view-button{padding:var(--space-3)}.filter-actions{grid-template-columns:1fr}td{gap:var(--space-1);grid-template-columns:1fr}}.auth-shell{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg,#dbe8ef,#f6f8fb);place-items:center;display:grid}.auth-card{gap:var(--space-7);border-radius:var(--radius);width:min(940px,100%);box-shadow:var(--shadow-soft);padding:var(--space-7);background:#fffffff0;border:1px solid #d9e1eae6;grid-template-columns:1.1fr .9fr;display:grid}.auth-copy h1{overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.05}.auth-copy p{color:var(--color-muted);max-width:42ch;margin:0;font-size:1.05rem}.login-form{align-content:center;gap:var(--space-4);display:grid}.auth-switch{color:var(--color-muted);margin:0;font-size:.95rem}.auth-switch a{color:var(--color-primary);font-weight:800}.split-view{gap:var(--space-5);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;min-width:0;display:grid}.details-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;display:grid}.ticket-details-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;min-width:0;display:grid}.ticket-main-column,.ticket-side-column{min-width:0}.ticket-side-column{align-self:start}.details-list{gap:var(--space-3);margin:0;display:grid}.details-list div{gap:var(--space-3);grid-template-columns:minmax(100px,120px) minmax(0,1fr);align-items:start;display:grid}.details-list dt{color:var(--color-muted);font-weight:800}.details-list dd{overflow-wrap:anywhere;margin:0}.ticket-description{border-left:3px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;padding:var(--space-4);overflow-wrap:anywhere;background:#f4f8fb;margin:0;line-height:1.55}.comment-list,.timeline{gap:var(--space-3);display:grid}.comment{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);overflow-wrap:anywhere}.comment-internal{background:#fff8e6;border-color:#e6c36a}.comment>div:first-child{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.comment span,.timeline small{color:var(--color-muted)}.comment p{margin:10px 0 0}.comment-form{gap:var(--space-3);display:grid}.comment-attachments{gap:var(--space-2);margin-top:var(--space-3);display:grid}.comment-attachment-item{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:#f8fafc;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;padding:10px;display:grid}.comment-attachment-item div:first-child{gap:2px;min-width:0;display:grid}.comment-attachment-item strong,.comment-attachment-item span,.file-summary{overflow-wrap:anywhere}.comment-attachment-item span,.file-summary{color:var(--color-muted);font-size:.9rem}.file-summary{line-height:1.45}.comment-attachments-only{background:#fbfcfe}.timeline-item{overflow-wrap:anywhere;border-left:3px solid #9ab4c3;gap:4px;padding-left:14px;display:grid;position:relative}.timeline-item p{margin:0}@media (width<=1050px){.split-view,.details-grid,.ticket-details-layout,.auth-card{grid-template-columns:1fr}}@media (width<=900px){.comment-attachment-item{grid-template-columns:1fr}.comment-attachment-item .row-actions{justify-content:flex-start}}@media (width<=720px){.auth-shell{place-items:safe center center;min-height:100svh;padding:18px 14px}.auth-card{align-content:start;gap:16px;width:min(460px,100%);margin-block:10px;padding:20px}.auth-copy h1{margin-bottom:8px;font-size:1.58rem;line-height:1.12}.auth-copy p{font-size:.94rem;line-height:1.45}.login-form{gap:12px}.auth-switch{font-size:.88rem;line-height:1.45}.details-list div{grid-template-columns:1fr;gap:2px}.comment>div:first-child{flex-direction:column;align-items:flex-start}}@media (width<=480px){.auth-card{gap:14px;width:min(390px,100%);margin-block:6px;padding:16px}.auth-shell{padding:12px}.auth-copy h1{font-size:1.42rem}.auth-copy p{font-size:.88rem}.login-form{gap:10px}.split-view,.details-grid,.ticket-details-layout{gap:12px}.details-list{gap:10px;font-size:.9rem}.ticket-description,.comment{padding:12px;font-size:.9rem;line-height:1.5}.comment-list,.timeline,.comment-form{gap:10px}.comment-attachment-item{gap:8px;padding:9px}.comment-attachment-item span,.file-summary{font-size:.84rem}.timeline-item{padding-left:10px}}*{box-sizing:border-box}html{background:var(--color-bg);-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100vh;color:var(--color-text);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,select{touch-action:manipulation}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}