:root{--bg:#f6f8fb;--card:#fff;--line:#e7ebf0;--text:#1a283c;--muted:#758294;--navy:#101d30;--accent:#16836a;--soft:#e7f5ef;--blue:#eaf0ff;--shadow:0 8px 25px rgba(20,40,60,.035)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1{font-size:29px;letter-spacing:-.8px;margin:5px 0 7px}h2{font-size:17px;margin:0}p{line-height:1.55;color:var(--muted);margin:5px 0}.app{display:flex;min-height:calc(100vh - 38px)}.sidebar{width:265px;background:var(--navy);color:#c5cfda;flex-shrink:0;display:flex;flex-direction:column;padding:32px 18px}.brand{display:flex;align-items:center;gap:11px;color:white;padding:5px 10px 38px}.brand-icon,.auth-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent);font-size:23px;font-weight:900;color:#fff}.brand strong{display:block;letter-spacing:2px;font-size:20px}.brand small{display:block;color:#8596aa;font-size:9px;letter-spacing:1.6px;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-link{border-radius:9px;padding:14px 12px;display:flex;align-items:center;font-weight:600;font-size:13px}.nav-link.selected,.nav-link:hover{background:#25384c;color:#fff}.nav-counter{margin-left:auto;padding:3px 8px;border-radius:20px;background:#405065;color:white}.side-bottom{margin-top:auto;font-size:11px;padding:18px 11px;color:#91a2b5}.status-dot{display:inline-block;border-radius:50%;height:7px;width:7px;background:#39d39c;margin-right:6px}.main{width:min(1400px,100%);margin:0 auto;padding:37px 42px 55px}.topline{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.topline p{font-size:14px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:var(--accent)}.actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center}button,.btn{border-radius:8px;padding:11px 16px;font-weight:700;white-space:nowrap}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.primary:hover{background:#116c57}.secondary{color:#33475e;background:#fff;border:1px solid #dce3e9}.secondary:hover{background:#f0f5f8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.stat span{display:block;font-weight:650;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:34px;line-height:1.45;letter-spacing:-1px;color:var(--text)}.stat small{color:#99a3b1;font-size:11px}.panel,.conversation{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.panel>h2{padding:24px;border-bottom:1px solid var(--line)}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);gap:15px;flex-wrap:wrap}.panel-top p{font-size:12px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters select,.auth-card input,.reply textarea{border:1px solid #dde4eb;color:var(--text);background:#fff;border-radius:8px;padding:10px 11px;outline-color:var(--accent)}.filters select{max-width:155px}.filters button{padding:10px 13px}.check{white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);cursor:pointer}.check input{accent-color:var(--accent)}.thread-row{display:flex;align-items:center;gap:15px;padding:16px 22px;min-height:78px;border-bottom:1px solid #edf0f4}.thread-row:last-child{border-bottom:none}.thread-row:hover{background:#f8fbfc}.customer-icon,.account-avatar{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#e9f0f3;color:#50697a;font-size:15px;font-weight:800;flex-shrink:0}.thread-main{display:grid;gap:7px;min-width:0;flex:1}.thread-main strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.thread-main small{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-tag{font-size:11px;color:#2b668d;background:#eaf4fb;padding:4px 7px;border-radius:5px;font-weight:750}.kind{color:#929ca9;font-size:11px}.thread-right{display:grid;gap:9px;justify-items:end}.thread-right time{color:#8893a0;font-size:11px;white-space:nowrap}.unread{color:#12846d;font-weight:700;font-size:11px}.read{color:#9eabb5;font-size:11px}.thread-arrow{font-size:28px;color:#bec6d1;margin-left:6px}.empty{text-align:center;padding:44px 18px}.empty.big{padding:76px 18px}.empty-icon{font-size:35px;background:#e8f6f0;color:var(--accent);width:75px;height:75px;border-radius:20px;display:grid;place-items:center;margin:0 auto 20px}.empty p{max-width:420px;margin:12px auto 24px}.muted{color:#99a4b3}.account-row{padding:17px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.account-row:last-child{border-bottom:0}.account-row small{display:block;margin-top:4px;color:var(--muted)}.grow{flex:1}.danger-link{border:1px solid #f3dada;background:#fff5f5;color:#af3d3d;font-size:12px;padding:9px 13px}.footnote{font-size:11px;color:#9ba6b4;margin:17px 3px}.thread-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.back{font-weight:700;color:#526a7a}.back:hover{text-decoration:underline}.pill{font-size:11px;font-weight:750;color:#26688a;padding:7px 11px;background:#e6f4fb;border-radius:18px}.conv-header{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}.conv-header h1{font-size:23px}.conv-header p{font-size:12px}.messages{padding:28px;display:flex;flex-direction:column;gap:15px;min-height:230px;background:#fbfcfd}.message{max-width:min(80%,760px);background:#fff;padding:17px 20px;border:1px solid var(--line);border-radius:11px}.message.out{background:#eaf7f1;border:1px solid #d2e9dc;align-self:flex-end}.msg-meta{display:flex;gap:20px;justify-content:space-between;color:#8692a1;font-size:11px;padding-bottom:9px}.msg-meta strong{color:#344d60}.msg-text{line-height:1.6;overflow-wrap:anywhere}.msg-subject{display:block;padding-bottom:10px}.msg-related,.attachment{margin-top:10px;font-size:11px;color:#8291a0}.reply{padding:25px 27px;border-top:1px solid var(--line)}.reply label,.auth-card label{font-weight:750;display:block;margin-bottom:10px}.reply textarea{width:100%;resize:vertical;min-height:100px}.reply-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:13px}.reply-footer small{color:#8995a1}.closed{padding:22px;background:#fffae9;color:#947531}.notice{margin-bottom:18px;padding:13px 16px;border-radius:8px;font-size:13px;background:#e8f6ed;color:#17693e;border:1px solid #cee8d5}.notice.error{background:#fff0ef;color:#a63d34;border-color:#f4d3d1}footer{font-size:11px;color:#a6b0bc;background:#f6f8fb;text-align:center;padding:12px}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 38px);padding:25px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:42px;width:100%;max-width:425px;box-shadow:0 13px 55px #10203010}.auth-logo{width:51px;height:51px;font-size:30px}.auth-card h1{font-size:26px;margin-top:22px}.auth-card p{margin-bottom:27px}.auth-card input{width:100%;margin-bottom:17px}.auth-card .full{width:100%}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.main{padding:28px 20px}.sidebar{width:220px}}@media(max-width:740px){.app{display:block}.sidebar{width:100%;padding:12px;display:block}.brand{padding:5px 8px}.sidebar nav{display:flex;overflow:auto;gap:3px}.nav-link{padding:11px;font-size:11px;white-space:nowrap}.nav-counter,.side-bottom{display:none}.main{padding:24px 12px}.topline{align-items:flex-start;flex-wrap:wrap}.topline h1{font-size:25px}.stat-grid{gap:8px}.stat{padding:12px}.stat strong{font-size:26px}.panel-top{padding:15px}.thread-row{gap:9px;padding:14px 10px}.customer-icon{width:33px;height:33px}.thread-right time{font-size:10px}.thread-arrow{display:none}.message{max-width:98%}.conv-header{padding:17px;flex-wrap:wrap}.messages{padding:15px}.reply{padding:15px}.reply-footer{flex-direction:column;align-items:stretch}.reply-footer .primary{width:100%}}
/* 0.2: filtry, wewnętrzny obieg spraw, szybkie szablony */
.work-pill{font-size:10px;background:#f1f3f8;color:#5c6575;padding:4px 7px;border-radius:5px;font-weight:750}
.work-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 26px;border-bottom:1px solid var(--line);background:#f9fbfc}
.work-form label{color:#64758a;font-size:12px;font-weight:700}
.work-form select,.search-box{border:1px solid #dde4eb;border-radius:8px;background:#fff;padding:10px 11px;color:var(--text)}
.search-box{min-width:160px;max-width:240px}
.notice-small{font-size:11px;color:#ad3d33;font-weight:750}
.quick-replies{display:flex;gap:7px;margin:0 0 12px;flex-wrap:wrap}
.quick-replies button{padding:7px 10px;font-size:11px}
.actions form{margin:0}
@media(max-width:740px){.actions{flex-wrap:wrap}.work-form{padding:12px}.filters .search-box{max-width:none;min-width:120px;width:100%}}

.nav-logout{font-size:13px;text-align:left;width:100%;background:transparent;color:inherit;border:0;cursor:pointer;font-weight:600}.nav-logout:hover{background:#25384c;color:#fff}.sidebar nav form{margin:0}

/* v0.3: ustawienia potwierdzenia per konto, również w wersji mobilnej */
.sync-timestamp{font-size:12px}
.auto-ack-panel{margin-top:18px;padding:20px}
.auto-ack-panel p{padding:5px 0 7px}
.auto-ack-form{display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--line);margin-top:12px}
.auto-ack-form label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}
.auto-ack-form textarea{width:100%;border:1px solid #dde4eb;border-radius:8px;padding:13px;resize:vertical;outline-color:var(--accent);line-height:1.5}
.auto-ack-form input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}
.auto-ack-form small{color:var(--muted);margin-left:10px}
@media(max-width:740px){.auto-ack-panel{padding:14px}.auto-ack-form button{white-space:normal}}