:root{--bg:#f6f7f9;--surface:#ffffff;--text:#15181d;--muted:#626b78;--border:#e2e5ea;--accent:#1f7a4d;--accent-text:#ffffff;--danger:#b42318;--warn-bg:#fff6e0;--bubble-in:#ffffff;--bubble-bot:#e7f4ec;--bubble-me:#e6eefc;--radius:10px;--tap:44px;--topbar-h:52px;--nav-h:46px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1216;--surface:#171b21;--text:#e8eaed;--muted:#9aa3ae;--border:#2a3039;--accent:#3fb07a;--accent-text:#08130d;--danger:#f97066;--warn-bg:#3a2f12;--bubble-in:#1e232b;--bubble-bot:#173326;--bubble-me:#1b2a45;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:var(--accent)}h1{font-size:20px;margin:0 0 12px}h2{font-size:17px;margin:0}img{max-width:100%}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;white-space:nowrap;flex:1 1}.topbar .right{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted);min-width:0}.topbar .who{display:none}.topbar .right button,.topbar .right select{min-height:36px;padding:4px 8px;font-size:14px}.nav{position:-webkit-sticky;position:sticky;top:var(--topbar-h);z-index:19;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;height:var(--nav-h);align-items:center;padding:0 8px;background:var(--surface);border-bottom:1px solid var(--border)}.nav::-webkit-scrollbar{display:none}.nav a{flex:none;padding:8px 12px;border-radius:99px;text-decoration:none;color:var(--text);white-space:nowrap}.nav a.active{background:var(--accent);color:var(--accent-text);font-weight:600}.acting{border-radius:0}main{padding:14px max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:100%;max-width:1100px;margin:0 auto;flex:1 1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stack{display:flex;flex-direction:column;gap:14px}.row{align-items:center;flex-wrap:wrap}.fields,.row{display:flex;gap:8px}.fields{flex-direction:column}.fields>*{width:100%;max-width:none!important}label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}label.inline{flex-direction:row;align-items:center;gap:10px;font-weight:400;min-height:var(--tap)}.label{font-weight:600;font-size:14px}.hint{font-weight:400;color:var(--muted);font-size:13px}input,select,textarea{font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%;min-height:var(--tap)}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;flex:none;accent-color:var(--accent)}input[type=file]{border:0;padding:0;min-height:0}textarea{min-height:96px;resize:vertical}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 14px;min-height:var(--tap);cursor:pointer;-webkit-tap-highlight-color:transparent}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger)}button:disabled{opacity:.55;cursor:default}.error{color:var(--danger)}.error,.ok{font-size:14px}.ok{color:var(--accent)}.warn{background:var(--warn-bg);border-radius:8px;padding:10px 12px;font-size:14px}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;border:1px solid var(--border);white-space:nowrap}.badge.green{color:var(--accent);border-color:var(--accent)}.badge.red{color:var(--danger);border-color:var(--danger)}.chips{display:flex;gap:4px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.center{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:380px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--border);vertical-align:top}.table-wrap{overflow-x:auto}table.cards thead{display:none}table.cards,table.cards tbody,table.cards td,table.cards tr{display:block;width:100%}table.cards tr{padding:10px 0;border-bottom:1px solid var(--border)}table.cards tr:last-child{border-bottom:0}table.cards td{border:0;padding:3px 0;max-width:none!important}table.cards td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);margin:0 -12px;padding:0 12px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 12px;white-space:nowrap}.tabs button.active{border-bottom-color:var(--accent);font-weight:600}.savebar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;background:var(--bg);margin:0 -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.savebar button.primary{flex:1 1}.dayrow{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 8px;gap:6px 8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.dayrow>label.inline{grid-column:1/-1;min-height:36px}.dayrow input[type=time]{width:100%}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.product{padding:10px!important;gap:6px!important}.product .thumb,.thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--bg)}.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.thumbs figure{margin:0;display:flex;flex-direction:column;gap:4px}.inbox{display:block}.chatlist{padding:0;overflow:hidden}.chatlist button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px;background:transparent}.chatlist button.active{background:var(--bg)}.chatlist .name{font-weight:600}.chatlist .preview{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.chatlist,.card.thread,.thread{padding:0}.thread{display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:30;inset:0;border-radius:0;border:0}.inbox.has-chat .chatlist,.inbox:not(.has-chat) .thread{display:none}.thread-head{padding:max(8px,env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--border);display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap;background:var(--surface)}.thread-head .back{min-width:var(--tap);padding:6px 10px;font-size:18px;line-height:1}.messages{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 10px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.bubble{max-width:88%;padding:8px 10px;border-radius:12px;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border)}.bubble.customer{align-self:flex-start;background:var(--bubble-in)}.bubble.bot{align-self:flex-end;background:var(--bubble-bot)}.bubble.manager{align-self:flex-end;background:var(--bubble-me)}.bubble .meta{font-size:11px;color:var(--muted);margin-top:2px}.composer{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.composer select{flex:1 1 100%}.composer textarea{flex:1 1;min-height:var(--tap);height:var(--tap)}.side{border-bottom:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--surface);max-height:50vh;overflow-y:auto}.side .row>*{flex:1 1 100%}@media (min-width:640px){main{padding:20px 16px 32px}h1{font-size:22px}.card{padding:16px}.topbar .who{display:inline;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid2{grid-template-columns:1fr 1fr}.fields{flex-direction:row;align-items:flex-start}.fields>*{width:auto}.dayrow{grid-template-columns:170px 140px 140px}.dayrow>label.inline{grid-column:auto}.products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.thumbs{grid-template-columns:repeat(auto-fill,120px)}.tabs{margin:0;padding:0}.savebar{margin:0;padding:10px 0;border-top:0}.savebar button.primary{flex:none}.side .row>*{flex:initial}table.cards thead{display:table-header-group}table.cards{display:table}table.cards tbody{display:table-row-group}table.cards tr{display:table-row;padding:0}table.cards td{display:table-cell;width:auto;padding:8px;border-bottom:1px solid var(--border)}table.cards td:before{display:none!important}}@media (min-width:960px){input,select,textarea{font-size:15px;min-height:38px;padding:8px 10px}button{min-height:38px;padding:8px 14px}label.inline{min-height:32px}.topbar{gap:16px;padding:0 16px;padding:0 max(16px,calc((100vw - 1100px) / 2 + 16px))}.brand{flex:1 1}.nav{padding:0 max(16px,calc((100vw - 1100px) / 2 + 16px))}.nav a{padding:6px 10px;border-radius:8px}.nav a.active{background:var(--bg);color:var(--text)}.inbox{display:grid;grid-template-columns:320px 1fr;grid-gap:12px;gap:12px;height:calc(100dvh - 230px);min-height:460px}.inbox.has-chat .chatlist,.inbox:not(.has-chat) .thread{display:flex}.chatlist{display:block!important;overflow-y:auto}.thread{position:static;z-index:auto;border:1px solid var(--border);border-radius:var(--radius)}.thread-head{padding-top:8px}.thread-head .back{display:none}.bubble{max-width:75%}.composer{flex-wrap:nowrap}.composer select{flex:none;width:auto;max-width:170px}}