:root{--color-bg: #f4f6f8;--color-surface: #ffffff;--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: rgba(23, 111, 143, .2);--shadow-soft: 0 14px 36px rgba(23, 32, 46, .08);--shadow-card: 0 1px 2px rgba(23, 32, 46, .05);--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{display:grid;min-height:100vh;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-6) 18px;background:#172231;color:#f8fafc}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-3);padding:6px 8px var(--space-6);min-width:0}.brand-mark{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:8px;background:#d9eadf;color:#173829;font-weight:800}.brand small{display:block;color:#b8c4d3}.nav-toggle{display:none}.hamburger-icon{position:relative;display:inline-block;width:18px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.hamburger-icon:before{position:absolute;top:3px;left:0;width:100%;border-top:2px solid currentColor;content:""}.side-nav{display:grid;gap:6px}.side-link{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:10px 12px;border-radius:8px;color:#d9e4ef;font-weight:700}.side-link:hover,.side-link.active{background:#ffffff1c;color:#fff}.side-dot{flex:0 0 auto;width:8px;height:8px;border-radius:99px;background:#8fb3c7}.workspace{display:flex;flex-direction:column;min-width:0;min-height:100vh;background:var(--color-bg)}.topbar{position:sticky;top:0;z-index:4;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-7);border-bottom:1px solid var(--color-border);background:#f6f8fbf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar span{display:block;color:var(--color-muted);font-size:.9rem}.topbar-user{min-width:0}.topbar-user strong,.topbar-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .button{flex:0 0 auto}.global-loader{position:absolute;left:0;right:0;bottom:-1px;height:3px;overflow:hidden;background:var(--color-surface-soft)}.global-loader:after{display:block;width:35%;height:100%;content:"";background:var(--color-primary);animation:slide 1.1s infinite}.content{flex:1;width:min(var(--content-max-width),100%);margin:0 auto;padding:var(--space-7)}.page,.stack,[data-content]{display:grid;gap:var(--page-gap);min-width:0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:var(--space-4)}.brand{padding-bottom:var(--space-4)}.side-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.content{padding:var(--space-5)}}@media (max-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 (max-width: 640px){.sidebar-head{align-items:center}.brand{padding-bottom:0}.nav-toggle{display:inline-flex;min-height:40px;align-items:center;gap:var(--space-2);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);background:#ffffff14;color:#fff;cursor:pointer;font-weight:800;padding:8px 12px}.nav-toggle:hover{background:#ffffff24}.side-nav{display:flex;flex-direction:column;gap:var(--space-2);max-height:0;overflow:hidden;padding:0;transition:max-height .2s ease,padding-top .2s ease}.sidebar.nav-open .side-nav{max-height:60vh;padding-top:var(--space-4)}.side-link{min-height:40px;width:100%}.topbar{align-items:center;flex-direction:row;justify-content:space-between;min-height:auto;padding:12px var(--space-4)}.topbar .button{width:auto}.content{padding:16px 12px}}@media (max-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 (max-width: 360px){.content{padding:12px 8px}.topbar{padding:9px 10px;gap:8px}}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;line-height:1.2;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.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{border-color:#abc2cf;background:#eff6f8;color:#173a4a}.button-secondary:hover{border-color:var(--color-primary)}.button-ghost{border-color:var(--color-border);background:#fff;color:var(--color-text)}.button-ghost:hover{border-color:#b6c4d2;background:#f8fafc}.button-small{min-height:32px;padding:5px 10px;font-size:.85rem}.link-button{border:0;background:transparent;color:var(--color-primary);cursor:pointer;font-weight:800;padding:0;text-align:left;overflow-wrap:anywhere;max-width:100%}.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{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);min-width:0}.page-header>div:first-child{min-width:0}.page-header h1{margin:2px 0 6px;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.15;overflow-wrap:anywhere}.page-header p{margin:0;color:var(--color-muted);max-width:62ch;overflow-wrap:anywhere}.page-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;flex:0 0 auto}.eyebrow{color:var(--color-primary);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.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{display:block;color:var(--color-muted);font-size:.88rem}.metric-card strong{display:block;margin-top:8px;font-size:2rem;line-height:1}.metric-card .metric-card-date{font-size:1rem;line-height:1.25}.action-strip{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.user-metric-grid,.agent-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-alert{color:var(--color-danger)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:var(--space-5);align-items:start;min-width:0}.dashboard-grid>*{min-width:0}.empty-dashboard{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);text-align:center}.empty-dashboard h2,.empty-dashboard p{margin:0;max-width:48ch}.empty-dashboard h2{color:var(--color-text);font-size:1.25rem}.count-pill{display:inline-flex;min-width:32px;min-height:28px;align-items:center;justify-content:center;border-radius:999px;background:#e7edf2;color:#334155;font-size:.82rem;font-weight:900;padding:2px 10px}.quiet-panel{display:grid;gap:6px;border:1px dashed #c2ceda;border-radius:8px;background:#fbfcfe;color:var(--color-muted);padding:var(--space-4)}.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{display:grid;gap:10px}.ticket-summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);gap:var(--space-4);align-items:center;border:1px solid var(--color-border);border-radius:8px;background:#fbfcfe;padding:var(--space-4)}.ticket-summary-main{display:grid;gap:8px;min-width:0}.ticket-summary-main h3{margin:0;font-size:1rem;overflow-wrap:anywhere}.ticket-id{color:var(--color-muted);font-size:.82rem;font-weight:900}.ticket-summary-meta{display:grid;justify-items:end;gap:8px;min-width:0;text-align:right}.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 ease,box-shadow .16s ease,transform .16s ease}.agent-ticket-row{align-items:start;grid-template-columns:minmax(0,1fr)}.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);box-shadow:0 12px 26px #14426a1f;outline:none;transform:translateY(-1px)}.agent-ticket-context{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--color-muted);font-size:.84rem;font-weight:700}.category-badge{background:#edf1f5;color:#46566b}.agent-compact-list,.saved-view-list{display:grid;gap:10px}.agent-compact-ticket,.saved-view-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--color-border);border-radius:8px;background:#fbfcfe;padding:12px}.agent-compact-ticket>div{display:grid;gap:7px;min-width:0}.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{display:inline-flex;min-width:34px;min-height:28px;align-items:center;justify-content:center;border-radius:999px;background:#e7edf2;font-size:.85rem}.agent-last-update{color:var(--color-muted);font-weight:700}.status-row{display:grid;gap:8px}.status-row>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-row strong{color:var(--color-text)}.status-bar{display:block;height:8px;overflow:hidden;border-radius:999px;background:#edf1f5}.status-bar span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.activity-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--color-border);padding-bottom:12px}.activity-item:last-child{border-bottom:0;padding-bottom:0}.activity-marker{width:10px;height:10px;margin-top:7px;border-radius:999px;background:#8fb3c7}.activity-comment{background:var(--color-primary)}.activity-attachment{background:var(--color-success)}.activity-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.activity-heading span,.activity-item small{color:var(--color-muted);font-size:.82rem;font-weight:800}.activity-item p{margin:6px 0;overflow-wrap:anywhere}.quick-help-item{display:grid;gap:4px;width:100%;border:1px solid var(--color-border);border-radius:8px;background:#fbfcfe;color:var(--color-text);cursor:pointer;padding:12px;text-align:left}.quick-help-item:hover{border-color:var(--color-primary);background:#f4f8fb}.quick-help-item span{color:var(--color-muted);font-size:.9rem;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-card);scrollbar-width:thin}table{width:100%;min-width:960px;border-collapse:collapse;table-layout:fixed}table td .link-button{display:inline;word-break:break-word}th,td{padding:13px 14px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;overflow-wrap:anywhere}th{background:#eef3f7;color:#415369;font-size:.78rem;letter-spacing:0;text-transform:uppercase}tr:last-child td{border-bottom:0}.row-actions,.badge-row,.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.inline-form{display:grid;gap:6px;width:100%}.inline-edit-form,.status-actions{display:grid;gap:12px;width:100%}.status-actions .row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch}.status-actions .button{width:100%;min-width:0;white-space:normal}.status-actions-compact{gap:6px}.status-actions-compact .inline-form-label{display:none}.status-actions-compact .row-actions{display:flex;align-items:center;gap:6px}.status-actions-compact .button{width:auto}.inline-form-label{color:#344256;font-size:.82rem;font-weight:800}.inline-form-row{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px;align-items:center}.inline-form select,.inline-form input,.inline-form-row .button{width:100%}.badge{display:inline-flex;min-height:26px;align-items:center;justify-content:center;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:800;white-space:nowrap}.status-open,.priority-unassigned,.priority-low{background:#e8f3fb;color:#15567a}.status-in_progress,.priority-medium{background:#f2efd9;color:#725a00}.status-waiting_for_user,.priority-high{background:#fbe7d2;color:#8c4d00}.status-resolved,.priority-critical{background:#e0f3e8;color:#12653d}.status-closed{background:#e6e9ee;color:#4b5563}.status-rejected,.status-cancelled{background:#f7dddd;color:#9d1c16}.role-badge,.internal-badge{background:#e7edf2;color:#334155}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.filter-grid{display:block}.filter-body{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr)) auto;column-gap:var(--space-3);row-gap:var(--space-4);align-items:end}.filter-grid.has-agent-filter .filter-body{grid-template-columns:repeat(6,minmax(112px,1fr)) auto}label{display:grid;gap:7px;color:#344256;font-weight:700;min-width:0}input,select,textarea{width:100%;border:1px solid #c7d2df;border-radius:8px;background:#fff;color:var(--color-text);padding:10px 12px;min-height:42px;min-width:0;transition:border-color .16s ease,box-shadow .16s ease}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{display:flex;align-items:center;gap:8px;min-height:42px}.checkbox input{width:auto}.span-2{grid-column:span 2}.form-actions{display:flex;gap:10px;justify-content:flex-end}.filter-actions{display:flex;gap:8px;align-items:end;justify-content:flex-end;min-width:max-content}.filter-actions .button{min-height:42px}.filter-body input,.filter-body select,.filter-actions .button{height:42px}.filter-toggle{display:none}.section-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.section-title h2,.card h2{margin:0;font-size:1.08rem}.toast-host{position:fixed;z-index:20;right:20px;bottom:20px;display:grid;gap:10px;width:min(360px,calc(100vw - 40px))}.toast{border-left:4px solid var(--color-primary);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-soft);padding:12px 14px;overflow-wrap:anywhere}.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:1px dashed #b8c5d1;border-radius:var(--radius);background:#fff;color:var(--color-muted);padding:var(--space-6);text-align:center;overflow-wrap:anywhere}.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{display:grid;gap:var(--space-3);justify-items:center}.alert{text-align:left}.alert-warning{border-style:solid;border-color:#f0c36d;background:#fff8e6;color:#725a00}.alert-error{border-style:solid;border-color:#efb1ac;background:#fff1f0;color:var(--color-danger)}.alert-success{border-style:solid;border-color:#9fd4b5;background:#eef9f2;color:var(--color-success)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid #d6e0e8;border-top-color:var(--color-primary);border-radius:999px;animation:spin .75s linear infinite}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-5);background:#17202e6b}.confirm-dialog{display:grid;width:min(460px,100%);gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:var(--space-5);max-height:calc(100vh - var(--space-6));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{display:flex;align-items:center;justify-content:space-between;gap:14px;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);font-weight:700}.pagination-empty{display:none}.muted{color:var(--color-muted)}@media (max-width: 1280px) and (min-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 (max-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 (max-width: 900px){.form-grid,.dashboard-grid,.ticket-summary-row{grid-template-columns:1fr}.ticket-summary-meta{justify-items:start;text-align:left}.span-2{grid-column:auto}.page-header{align-items:flex-start;flex-direction:column}.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{align-items:stretch;flex-direction:column}.action-strip .button,.form-actions .button,.filter-actions .button,.pagination .button,.confirm-dialog .form-actions .button{width:100%}.form-actions,.pagination{align-items:stretch;flex-direction:column}.ticket-summary-meta .row-actions{align-items:stretch;flex-direction:column;width:100%}.inline-form select{min-width:0}.agent-compact-ticket,.saved-view-button{grid-template-columns:1fr}.table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}table,thead,tbody,tr,th,td{display:block;width:100%}table{min-width:0}thead{display:none}tbody{display:grid;gap:var(--space-3)}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{display:grid;grid-template-columns:minmax(96px,36%) minmax(0,1fr);gap:var(--space-3);align-items:start;border-bottom:0;padding:8px 0}td:before{color:var(--color-muted);content:attr(data-label);font-size:.78rem;font-weight:900;text-transform:uppercase}td[data-label=Akcje]{grid-template-columns:1fr}td[data-label=Akcje]:before{margin-bottom:var(--space-1)}}@media (max-width: 1200px){.filter-toggle{display:inline-flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid #c7d2df;border-radius:var(--radius);background:#fff;color:var(--color-text);cursor:pointer;font-weight:900}.filter-body{display:none}.filter-grid.filters-open .filter-body{display:grid;grid-template-columns:1fr;margin-top:var(--space-4)}.filter-actions{align-items:stretch;flex-direction:column;min-width:0}.filter-actions .button{width:100%}}@media (max-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{gap:10px;grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.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{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.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{justify-self:start;width:fit-content;max-width:100%;white-space:normal;text-align:center}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 (max-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{align-items:flex-start;flex-direction:column;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,calc(100vw - 24px))}}@media (max-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{grid-template-columns:1fr;gap:var(--space-1)}}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:var(--space-6);background:linear-gradient(#f6f8fbe0,#f6f8fbe0),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80) center / cover}.auth-card{display:grid;width:min(940px,100%);grid-template-columns:1.1fr .9fr;gap:var(--space-7);border:1px solid rgba(217,225,234,.9);border-radius:var(--radius);background:#fffffff0;box-shadow:var(--shadow-soft);padding:var(--space-7)}.auth-copy h1{margin:0 0 12px;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.05;overflow-wrap:anywhere}.auth-copy p{margin:0;color:var(--color-muted);font-size:1.05rem;max-width:42ch}.login-form{display:grid;align-content:center;gap:var(--space-4)}.auth-switch{margin:0;color:var(--color-muted);font-size:.95rem}.auth-switch a{color:var(--color-primary);font-weight:800}.split-view{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:var(--space-5);align-items:start;min-width:0}.details-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:var(--space-5);align-items:start}.ticket-details-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:var(--space-5);align-items:start;min-width:0}.ticket-main-column,.ticket-side-column{min-width:0}.ticket-side-column{align-self:start}.details-list{display:grid;gap:var(--space-3);margin:0}.details-list div{display:grid;grid-template-columns:minmax(100px,120px) minmax(0,1fr);gap:var(--space-3);align-items:start}.details-list dt{color:var(--color-muted);font-weight:800}.details-list dd{margin:0;overflow-wrap:anywhere}.ticket-description{margin:0;border-left:3px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;background:#f4f8fb;padding:var(--space-4);overflow-wrap:anywhere;line-height:1.55}.comment-list,.timeline{display:grid;gap:var(--space-3)}.comment{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);overflow-wrap:anywhere}.comment-internal{border-color:#e6c36a;background:#fff8e6}.comment>div:first-child{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.comment span,.timeline small{color:var(--color-muted)}.comment p{margin:10px 0 0}.comment-form{display:grid;gap:var(--space-3)}.comment-attachments{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.comment-attachment-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius);background:#f8fafc;padding:10px;min-width:0}.comment-attachment-item div:first-child{display:grid;gap:2px;min-width:0}.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{position:relative;display:grid;gap:4px;border-left:3px solid #9ab4c3;padding-left:14px;overflow-wrap:anywhere}.timeline-item p{margin:0}@media (max-width: 1050px){.split-view,.details-grid,.ticket-details-layout,.auth-card{grid-template-columns:1fr}}@media (max-width: 900px){.comment-attachment-item{grid-template-columns:1fr}.comment-attachment-item .row-actions{justify-content:flex-start}}@media (max-width: 720px){.auth-shell{align-items:safe center;justify-items:center;min-height:100svh;padding:18px 14px}.auth-card{align-content:start;width:min(460px,100%);gap:16px;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{align-items:flex-start;flex-direction:column}}@media (max-width: 480px){.auth-card{width:min(390px,100%);gap:14px;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{min-height:100%;background:var(--color-bg);-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility;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)}}