:root{--bg:#f4f5f7;--panel:#fff;--text:#24292f;--muted:#6e7781;--border:#d8dde3;--accent:#1f6feb;--accent-dark:#1158c7;--danger:#c5283d;--green-bg:#d8f3dc;--green-fg:#1b6e36;--orange-bg:#ffe8c2;--orange-fg:#9a5b00;--red-bg:#ffd7d9;--red-fg:#a40e26}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}#root{min-height:100vh}button{font:inherit;cursor:pointer;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:5px 8px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1f6feb26}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h2{margin:0 0 16px;font-size:20px}h3{margin:24px 0 8px;font-size:16px}h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:13px}.loading{text-align:center;color:var(--muted);padding:48px}.muted{color:var(--muted)}.warn{color:var(--orange-fg)}.ok{color:var(--green-fg)}.nowrap{white-space:nowrap}.spacer{flex:1}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:20px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.brand{font-size:17px;font-weight:700}.brand span{color:var(--accent);font-weight:400}.topbar nav{gap:2px;height:100%;display:flex}.tab{height:100%;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 14px}.tab:hover{color:var(--text);border-color:#0000}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.me-name{color:var(--muted)}.ghost{background:0 0;border-color:#0000}.ghost:hover{border-color:var(--border)}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent-dark)}.danger{color:var(--danger)}.linkish{color:var(--accent);background:0 0;border:none;padding:4px}main{max-width:1400px;margin:0 auto;padding:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.panel.narrow{max-width:640px}.login-wrap{place-items:center;min-height:100vh;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:360px;padding:32px;display:flex;box-shadow:0 8px 30px #0000000f}.login-brand{text-align:center;margin-bottom:8px;font-size:22px}.login-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.login-card input{padding:8px 10px}.alert{cursor:default;border-radius:8px;padding:10px 12px;font-size:13px}.alert.error{background:var(--red-bg);color:var(--red-fg);cursor:pointer}.alert.info{color:#1e429f;background:#dbeafe}.tickets-view{flex-direction:column;gap:12px;display:flex}.toolbar{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.add-form{gap:6px;display:flex}.search{width:160px}.check{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;display:flex}.sync-info{color:var(--muted);white-space:nowrap;font-size:13px}.prio-manage{position:relative}.prio-manage summary{cursor:pointer;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:5px 8px;list-style:none}.prio-manage[open] summary{border-color:var(--accent);color:var(--accent)}.prio-pop{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;min-width:180px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 24px #0000001a}.prio-line{justify-content:space-between;align-items:center;gap:8px;display:flex}table.grid{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}.grid th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfc;padding:10px;font-size:12px}.grid td{vertical-align:middle;border-bottom:1px solid #eef0f3;padding:8px 10px}.grid tr:last-child td{border-bottom:none}.empty{text-align:center;color:var(--muted);padding:24px!important}.ticket-row{transition:background .1s}.ticket-row:hover{background:#f8fafc}.ticket-row.drag-over td{border-top:2px solid var(--accent)}.ticket-row.expanded{background:#f3f7ff}.col-drag{cursor:grab;color:#b3bac2;text-align:center;-webkit-user-select:none;user-select:none;width:26px}.col-prio{width:110px}.col-id{font-variant-numeric:tabular-nums;width:76px}.col-state{width:180px}.col-age{text-align:center;white-space:nowrap;border-radius:4px;width:110px}.col-comment{width:28%}.col-x{text-align:right;width:40px}.col-subject{cursor:pointer}.chevron{padding:2px 7px}.warn-flag{cursor:pointer;filter:drop-shadow(0 0 1px #0003);margin-right:6px}.age-green{background:var(--green-bg);color:var(--green-fg)}.age-orange{background:var(--orange-bg);color:var(--orange-fg)}.age-red{background:var(--red-bg);color:var(--red-fg)}.age-dot{border-radius:50%;width:10px;height:10px;margin:0 4px 0 8px;display:inline-block}.id-pill{font-variant-numeric:tabular-nums;white-space:nowrap;border:1.5px solid;border-radius:999px;padding:1px 8px;font-size:12.5px;display:inline-block}a.id-pill:hover{filter:brightness(.92);text-decoration:none}.pill-predano_resiteli{color:#1158c7;background:#ddebff;border-color:#1f6feb}.pill-predano_am{color:#6639ba;background:#ece4fb;border-color:#8250df}.pill-odlozeno{color:#57606a;background:#eef0f3;border-color:#8c959f}.pill-uzavreno{color:#0c6e5c;background:#d2efea;border-color:#0f9b82}.pill-storno{color:#57606a;background:#f6f8fa;border-style:dashed;border-color:#8c959f}.prio-select,.state-select{width:100%;font-size:13px}.state-select.state-odlozeno{color:var(--muted)}.state-select.state-uzavreno,.state-select.state-storno{color:var(--muted);text-decoration:line-through}.comment-cell{cursor:text;white-space:pre-wrap;min-height:18px}.comment-edit{resize:vertical;width:100%}.drop-end{border-radius:6px;height:14px}.drop-end.over{border:1px dashed var(--accent);background:#1f6feb26}.hint{font-size:12.5px}.detail-row td{background:#f3f7ff;padding:14px 18px 18px}.detail{flex-direction:column;gap:14px;display:flex}.detail-grid{flex-wrap:wrap;gap:10px 28px;display:flex}.dl{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px;display:block}.assign-row .dl{margin-right:6px;display:inline}.sync-err{color:var(--red-fg)}.journals{flex-direction:column;gap:8px;display:flex}.journal{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px}.journal-head{color:var(--muted);margin-bottom:4px;font-size:12px}.journal-body{white-space:pre-wrap}.detail-actions{flex-direction:column;gap:10px;display:flex}.add-comment{align-items:flex-start;gap:8px;display:flex}.add-comment textarea{resize:vertical;flex:1}.assign-row{align-items:center;gap:6px;display:flex}.closed-section{margin-top:4px}.closed-section summary{cursor:pointer;color:var(--muted);padding:8px 4px}.closed-row td{color:var(--muted)}.profile-info{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.key-form{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.user-add{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.link-copy{width:100%;margin-top:8px;font-size:12.5px}.row-actions{justify-content:flex-end;gap:6px;display:flex}.audit-detail{color:var(--muted);max-width:480px;font-size:13px}.audit-auto td{background:#fbf7ef}@media (width<=900px){.topbar{gap:8px;padding:0 10px;overflow-x:auto}main{padding:10px}.col-comment{width:auto}}