@import url('./stock.css');
@import url('/theme/tokens.css');
*{box-sizing:border-box}html{color-scheme:dark}body{font-family:var(--font-body);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--accent);text-decoration:none}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ui-icon{flex:none}h1,h2,h3,p{margin:0}h1{font:600 22px var(--font-display);line-height:1.4}h2{font-size:16px;font-weight:600}h3{font-size:15px;font-weight:500}.ui-label{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-label)}.muted{color:var(--text-muted);font-size:13px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h);padding:0 14px;border-radius:var(--r-control);border:1px solid var(--line-control);background:var(--control);color:var(--text);font:500 14px var(--font-body);white-space:nowrap}.ui-button:hover:not(:disabled){background:var(--control-hover)}.ui-button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.ui-button.primary:hover:not(:disabled){background:var(--accent-hover)}.ui-button.ai{background:var(--ai);border-color:var(--ai);color:var(--on-accent)}.ui-button.ai:hover:not(:disabled){background:var(--ai-text)}.ui-button.small{min-height:var(--control-h-sm);padding:0 10px;font-size:13px}.ui-button.icon-only{width:var(--control-h);padding:0}.ui-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:var(--r-chip);white-space:nowrap}.ui-chip.ok{background:var(--ok-bg);color:var(--ok-text)}.ui-chip.warn{background:var(--warn-bg);color:var(--warn-text)}.ui-chip.bad{background:var(--bad-bg);color:var(--bad-text)}.ui-chip.info{background:var(--info-bg);color:var(--info-text)}.ui-chip.ai{background:var(--ai-surface);color:var(--ai-text)}.ui-chip.mute{background:var(--mute-bg);color:var(--mute-text)}.ui-channel{font:600 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:var(--r-tag);border:1px solid var(--line-control);color:var(--text-2);white-space:nowrap}.ui-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);min-width:0;overflow:hidden}.panel-heading{padding:20px 20px 12px}.panel-heading p{font-size:13px;color:var(--text-muted);margin-top:5px}.ui-metric{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card)}.ui-metric>strong{display:block;margin:12px 0;font:600 28px var(--font-display)}.ui-metric p{font-size:13px;color:var(--text-2)}.ui-metric dl{font-size:12px;color:var(--text-muted);margin:12px 0}.ui-metric dl>div{display:flex;gap:10px;justify-content:space-between}.ui-metric dd{margin:0}.ui-pill{min-height:var(--control-h-sm);padding:0 12px;border-radius:var(--r-chip);border:1px solid var(--line-control);background:transparent;color:var(--mute-text);font:500 13px var(--font-body)}.ui-pill:hover{background:var(--panel-2)}.ui-pill.selected{background:var(--text);border-color:var(--text);color:var(--on-accent)}.ui-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.ui-tab{flex:1;min-height:var(--control-h);border:0;border-radius:var(--r-control);background:transparent;color:var(--text-muted);font-size:13px;padding:0 8px}.ui-tab.selected{background:var(--control-hover);color:var(--text)}.ui-field-label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-2)}.ui-field{background:var(--bg-sidebar);border:1px solid var(--line-control);border-radius:var(--r-card);color:var(--text);font:inherit;min-height:var(--touch-min);padding:10px 12px;width:100%;min-width:0}.ui-field::placeholder{color:var(--text-muted)}.ui-switch-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--text-2);min-height:var(--touch-min)}.ui-switch{display:flex;align-items:center;justify-content:flex-start;background:var(--raised);border:1px solid var(--line-control);border-radius:var(--r-chip);width:48px;min-height:28px;padding:3px}.ui-switch span{width:20px;height:20px;border-radius:var(--r-chip);background:var(--text-muted)}.ui-switch[aria-checked=true]{background:var(--accent);border-color:var(--accent);justify-content:flex-end}.ui-switch[aria-checked=true] span{background:var(--on-accent)}.ui-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.ui-dot{width:8px;height:8px;border-radius:var(--r-chip);flex:none;background:var(--mute)}.ui-dot.ok{background:var(--ok)}.ui-dot.warn{background:var(--warn)}.ui-dot.bad{background:var(--bad)}.ui-dot.info{background:var(--info)}.ui-dot.ai{background:var(--ai)}.ui-avatar{width:40px;height:40px;border-radius:var(--r-card);flex:none;display:flex;align-items:center;justify-content:center;font:600 14px var(--font-display);background:var(--mute-bg);color:var(--mute-text)}.ui-avatar.info{background:var(--info);color:var(--on-accent)}.ui-avatar.ok{background:var(--ok);color:var(--on-accent)}.ui-avatar.warn{background:var(--warn);color:var(--on-accent)}.ui-avatar.bad{background:var(--bad);color:var(--on-accent)}.ui-avatar.ai{background:var(--ai);color:var(--on-accent)}.ui-progress{display:flex;gap:4px;height:8px;overflow:hidden;border-radius:var(--r-chip)}.ui-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:40px 20px;min-width:0}.ui-empty>.ui-icon{width:28px;height:28px;color:var(--text-label)}.ui-empty h3{color:var(--text-2)}.ui-empty p{font-size:13px;color:var(--text-muted);max-width:310px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:var(--accent);color:var(--on-accent);padding:12px;border-radius:var(--r-control)}.skip-link:focus{transform:none}
.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--line-soft);padding:20px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand-mark{width:36px;height:36px;flex:none;border-radius:var(--r-control);background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font:700 13px var(--font-display)}.brand strong{font:600 13px var(--font-display);line-height:1.4;display:block}.brand small{display:block;margin-top:3px}.sidebar-body{display:flex;flex-direction:column;flex:1}.sidebar-section{padding:8px 12px 6px}.sidebar-section:not(:first-child){padding-top:18px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:0 12px;min-height:var(--touch-min);border-radius:var(--r-control);color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:2px}.sidebar-link:hover{background:var(--panel-2);color:var(--text)}.sidebar-link.active{background:var(--raised);color:var(--text)}.sidebar-link.active .ui-icon{color:var(--accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:20px}.shift-state{display:flex;align-items:center;padding:12px;border-radius:var(--r-card);background:var(--panel-2)}.user-state{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:13px}.user-state .ui-avatar{width:32px;height:32px;border-radius:var(--r-control);font-size:12px}.user-state small{display:block;color:var(--text-muted);font-size:11px;margin-top:3px}.mobile-menu{display:none}.main-content{min-width:0;padding:20px 24px 28px}.shell-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.shell-state,.shell-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shell-tools .ui-field-label{flex-direction:row;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.shell-tools .ui-field{width:auto;min-height:34px;padding:6px 10px;font-size:12px}.shell-tools .kit-active{border-color:var(--accent)}.chat-grid{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px;align-items:stretch;min-height:calc(100dvh - 155px)}.conversation-list{display:flex;flex-direction:column;gap:12px;min-width:0}.conversation-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 0}.chat-search{display:flex;align-items:center;gap:10px;min-height:var(--touch-min);padding:0 14px;border-radius:var(--r-card);background:var(--panel);border:1px solid var(--line);color:var(--text-label)}.chat-search input{border:0;outline:none;font-size:14px;flex:1;min-width:0;background:transparent;color:var(--text)}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.conversation-list .ui-empty{padding:36px 12px}.channel-list{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.dialog-panel{display:flex;flex-direction:column;min-height:660px}.dialog-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.dialog-heading>div{flex:1;min-width:170px}.dialog-heading p{font-size:12px;color:var(--text-muted);margin-top:4px}.dialog-content{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.composer{padding:0 18px 16px}.composer>label{display:flex;position:relative}.composer textarea{width:100%;resize:none;border:1px solid var(--line-control);border-bottom:0;border-radius:var(--r-card) var(--r-card) 0 0;background:var(--bg-sidebar);color:var(--text);font:inherit;font-size:14px;padding:14px 16px 6px}.composer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px 10px;border:1px solid var(--line-control);border-top:0;border-radius:0 0 var(--r-card) var(--r-card);background:var(--bg-sidebar)}.composer-actions>.primary{margin-left:auto}.composer-note{font-size:12px;color:var(--text-muted);margin-top:10px}.inspector-content{padding:18px}.assistant-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assistant-heading>div{flex:1}.assistant-heading h2{font:600 14px var(--font-display)}.assistant-heading p{font-size:12px;color:var(--text-muted);margin-top:4px}.assistant-symbol{background:var(--ai-surface);color:var(--ai-text);border-radius:var(--r-control);width:34px;height:34px;display:flex;align-items:center;justify-content:center}.inspector .ui-empty{padding:40px 0}.assistant-symbol~div h2{color:var(--text)}.inspector .ui-empty>.ui-icon{color:var(--text-label)}.shell-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-muted);padding-top:20px}.page-heading{margin-bottom:24px}.page-heading h1{margin:8px 0 12px}.page-heading p{color:var(--text-muted);font-size:14px}.kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kit-content{padding:16px 20px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.table-scroll{overflow-x:auto;position:relative}
@media(max-width:1250px){.chat-grid{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.inspector{grid-column:1/-1}.inspector .ui-empty{padding:24px 0}.dialog-panel{min-height:650px}.chat-grid{min-height:0}}@media(min-width:1800px){.chat-grid{grid-template-columns:350px minmax(0,1fr)}}@media(max-width:900px){.chat-grid{grid-template-columns:minmax(0,1fr)}.inspector{grid-column:auto}.conversation-list .ui-empty{padding:20px 12px}.dialog-panel{min-height:480px}.kit-grid,.metric-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:relative;height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--line-soft);padding:12px 16px}.sidebar-brand{padding:0;justify-content:space-between}.mobile-menu{display:inline-flex}.sidebar-body{display:none;padding-top:16px}.sidebar-body.expanded{display:flex}.sidebar-footer{padding-top:18px}.main-content{padding:18px 16px 24px}.shell-toolbar{gap:12px}.shell-tools{width:100%;justify-content:space-between}.shell-tools .ui-field-label{font-size:11px}.shell-tools .ui-field{max-width:130px}.chat-grid{gap:16px}.fields{grid-template-columns:1fr}.ui-button,.ui-button.small,.ui-tab,.ui-pill{min-height:var(--touch-min)}.ui-button.icon-only{min-width:var(--touch-min)}.ui-switch{min-height:var(--touch-min)}.composer{padding:0 12px 14px}.dialog-heading{padding:14px}.dialog-content{padding:16px}.inspector-content{padding:16px}.shell-footer{font-size:11px}.brand strong{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

svg.ui-progress{display:block;width:100%}svg.ui-progress .track{fill:var(--raised)}svg.ui-progress .free{fill:var(--accent)}svg.ui-progress .hold{fill:var(--warn)}svg.ui-progress .reserved{fill:var(--info)}

@media(any-pointer:coarse){.ui-button,.ui-button.small,.ui-tab,.ui-pill,.ui-switch{min-height:var(--touch-min)}.ui-button.icon-only{min-width:var(--touch-min)}}
.access-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:28px 16px}.access-panel{width:100%;max-width:450px}.access-brand{gap:12px}.access-brand strong{font:600 17px var(--font-display)}.access-form{grid-template-columns:1fr;gap:16px}.access-local{font:11px var(--font-mono)}.access-error{color:var(--bad-text);font-size:13px;padding:12px;background:var(--bad-bg);border-radius:var(--r-card);margin-bottom:12px}.team-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1.3fr);gap:20px;align-items:start}.profile-cards{display:flex;flex-direction:column;gap:14px}.profile-card{padding:18px}.profile-header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.profile-header>div{flex:1;min-width:140px}.profile-header h2{font-size:16px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.mono{font-family:var(--font-mono)}.invite-panel,.audit-panel{margin-top:18px}.invite-panel .ui-field-label{margin:16px 0}.audit-list{list-style:none;padding:0;font-size:13px}.audit-list li{padding:10px 0;border-bottom:1px solid var(--line-soft)}.audit-list time{display:block;color:var(--text-muted);font:11px var(--font-mono);margin-top:4px}@media(max-width:1100px){.team-grid{grid-template-columns:1fr}}
.chat-source-note{font-size:13px;line-height:1.7;color:var(--text-muted);background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:var(--r-card)}.chat-source-note a{display:block;margin-top:10px}.source-freshness{font-size:11px;line-height:1.7;margin-top:12px}.live-conversations{display:flex;flex-direction:column;gap:3px}.live-conversation{display:flex;gap:12px;width:100%;text-align:left;padding:12px;border:0;border-radius:var(--r-card);background:transparent;color:var(--text)}.live-conversation:hover,.live-conversation.selected{background:var(--raised)}.live-conversation>span{min-width:0;flex:1}.live-conversation strong{font-size:14px;display:block}.live-conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin:4px 0;font-size:13px}.live-conversation span>span{display:flex;gap:4px;flex-wrap:wrap}.live-conversation time{display:block;color:var(--text-muted);font:11px var(--font-mono);margin-top:6px}.live-messages{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:12px;max-height:70dvh;overflow-y:auto}.message-bubble{max-width:85%;padding:12px 14px;border-radius:var(--r-panel);background:var(--raised);align-self:flex-start;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.message-bubble.out{background:var(--accent);color:var(--on-accent);align-self:flex-end}.message-bubble time{display:block;text-align:right;font:10px var(--font-mono);margin-top:8px}.conversation-toolbar{display:flex;gap:8px}

/* Keep long chat lists and message history inside their own viewport. */
.chat-page .conversation-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
.chat-page .conversation-list>*{flex-shrink:0}
.chat-page .dialog-panel{min-height:0;overflow:hidden}
.chat-page .dialog-heading,.chat-page .composer{flex-shrink:0}
.chat-page .live-messages{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
.chat-page .message-bubble{flex-shrink:0}
@media(min-width:901px){
 .chat-page{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .chat-page .shell-toolbar,.chat-page .shell-footer{flex-shrink:0}
 .chat-page .chat-grid{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
 .chat-page .inspector{min-height:0;overflow-y:auto}
}

@media(max-width:900px){
 .chat-page .conversation-list{max-height:55dvh}
 .chat-page .dialog-panel{height:75dvh;min-height:320px}
}

.message-photo{display:block;border:0;padding:0;background:transparent;color:inherit;border-radius:var(--r-card);overflow:hidden;max-width:100%;cursor:zoom-in}
.message-photo img{display:block;width:240px;min-height:100px;max-width:100%;max-height:320px;object-fit:contain;border-radius:var(--r-card)}
.photo-failure{padding:12px;font-size:13px}
.photo-composer{padding-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.photo-picker{position:relative;overflow:hidden;cursor:pointer}
.photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.photo-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.photo-limit{font-size:12px}
.photo-draft{display:flex;gap:14px;align-items:center;width:100%;min-width:0}
.photo-draft>img{width:96px;height:96px;object-fit:contain;background:var(--bg-sidebar);border-radius:var(--r-card)}
.photo-draft>div{min-width:0;flex:1}.photo-draft p{overflow-wrap:anywhere;font-size:13px}.photo-draft .row{margin-top:8px}
.photo-composer>.composer-note,.photo-composer>.photo-error,.photo-composer>[role=status]{width:100%}
.photo-error{color:var(--bad-text);font-size:13px}
.photo-viewer{padding:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-panel);max-width:95vw;max-height:95dvh}
.photo-viewer::backdrop{background:var(--bg-sidebar);opacity:.9}
.photo-viewer form{display:flex;justify-content:flex-end;margin-bottom:12px}
.photo-viewer>img{display:block;max-width:88vw;max-height:80dvh;object-fit:contain;margin:auto}
.photo-viewer [hidden],.message-photo [hidden]{display:none}

.live-conversation{gap:0}.live-conversation>span{width:100%}.chat-account-name{font-size:11px;color:var(--text-muted);overflow-wrap:anywhere}
.connections-panel{margin-bottom:20px}.connections-list{display:flex;flex-direction:column;gap:14px}.connections-list>.ui-button{align-self:flex-start}
.connection-card{padding:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel-2)}.connection-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.connection-title h2{flex:1;overflow-wrap:anywhere}.connection-card>p{margin-top:8px}.connection-card>.ui-button{margin-top:12px}

.store-tag{max-width:100%;overflow-wrap:anywhere;white-space:normal;text-transform:none;letter-spacing:0;line-height:1.4;color:var(--text-2)}
.store-name-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:14px 0}.store-name-form label{flex:1;min-width:180px}.store-name-form p{width:100%;font-size:12px}
.text-composer{display:flex;flex-direction:column;gap:8px;padding-top:12px}.text-composer textarea{resize:none;min-height:76px;max-height:120px;font-size:14px;line-height:1.5}.reply-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reply-actions>[data-reply-count]{flex:1;font-size:11px;min-width:100px}.text-composer>.photo-error{font-size:12px}
.dialog-panel .composer{max-height:55%;overflow-y:auto;overscroll-behavior:contain}.dialog-panel .live-messages{scrollbar-gutter:stable}

.conversation-toolbar{align-items:center;flex-wrap:wrap}.live-update-label{font-size:11px;flex:1}.sidebar-unread{margin-left:auto;padding:2px 7px;border-radius:var(--r-chip);background:var(--info-bg);color:var(--info-text);font:500 11px var(--font-mono)}
#chat-load-sentinel{height:1px;flex:none}.unread-stores{margin-top:20px}.unread-store{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.unread-store>span:first-child{flex:1}.unread-stores .row{margin:18px 0}.unread-stores small{font-size:12px}

.channel-picker{display:grid;gap:8px}.channel-switch{display:flex;gap:6px;overflow-x:auto;padding:3px}.channel-switch>*{flex-shrink:0}.order-inspector,.order-detail{display:grid;gap:14px}.order-card{padding:14px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);display:grid;gap:10px;min-width:0;overflow-wrap:anywhere}.order-card .row{gap:6px}.order-card .ui-button{white-space:normal;text-align:left}.order-card h3{font-weight:600}.order-tools{margin:18px 0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.pipeline-scroll{overflow-x:auto;margin-top:20px;padding-bottom:14px}.pipeline-board{display:flex;gap:16px;align-items:flex-start}.pipeline-column{flex:0 0 280px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-panel);padding:14px;display:grid;gap:14px;min-height:200px}.pipeline-column>header{display:grid;gap:8px}.pipeline-column>header .ui-chip{justify-self:start}.order-footnote{margin-top:20px}.order-event{display:flex;gap:16px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.order-event time{color:var(--text-muted)}.order-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line-control);border-radius:var(--r-panel);background:var(--panel);color:var(--text);z-index:30}.order-dialog form{display:grid;gap:18px}.order-dialog h2{flex:1}.order-dialog textarea{resize:vertical}.pipeline-setup{margin-top:20px;display:grid;gap:16px}.pipeline-edit-stage{display:flex;gap:8px;align-items:center}.pipeline-edit-stage .ui-field{flex:1}.order-comment{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.pipeline-edit-stage{flex-wrap:wrap}.pipeline-edit-stage .ui-field{flex:1 1 100%}.pipeline-column{flex-basis:260px}.order-dialog{padding:18px}}

.order-dialog::backdrop{background:var(--bg-sidebar);opacity:.8}

.order-task{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.order-check{display:flex;gap:10px;align-items:flex-start}.order-check input{margin-top:6px}.unread-stores{margin-bottom:20px}

.incoming-queue{max-height:320px;overflow-y:auto}.pipeline-column{max-height:75dvh;overflow-y:auto}

.order-actions{display:flex;gap:6px;flex-wrap:wrap}.order-actions .ui-button{flex:1 1 auto}.order-card[draggable="true"]{cursor:grab}.order-card.dragging{opacity:.45}.pipeline-column.drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--raised)}.pipeline-column{max-height:calc(100dvh - 280px);overflow-y:auto;min-height:200px}.incoming-card>.ui-button{width:100%}

.order-items{display:grid;gap:16px}.order-item{border:1px solid var(--line);border-radius:var(--r-card);padding:14px;display:grid;gap:12px;min-width:0}.order-item h3{flex:1}.order-item-detail{padding-bottom:12px;border-bottom:1px solid var(--line)}

.order-status-filter{margin-top:14px}.pipeline-column{height:max(480px,calc(100dvh - 230px));min-height:max(480px,calc(100dvh - 230px));max-height:max(480px,calc(100dvh - 230px));align-content:start;grid-auto-rows:max-content}.pipeline-board{align-items:stretch}.pipeline-column>header{position:sticky;top:-14px;background:var(--panel-2);padding:6px 0 12px;z-index:1}.pipeline-column.drop-target>header{background:var(--raised)}

.chat-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dialog-heading>.chat-header-actions{flex:0 1 auto;min-width:0}@media(max-width:700px){.dialog-heading>.chat-header-actions{justify-content:flex-start;width:100%}}

.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.orders-toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.customer-contacts{display:grid;gap:12px}.customer-chat-link{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-chat-link .ui-field{flex:1;min-width:180px}.customer-contacts details summary{cursor:pointer;color:var(--text-muted)}.customer-contacts form{display:grid;gap:12px;margin-top:16px}.customer-telegram-link{color:var(--accent)}

.chat-filters{display:grid;gap:10px}.chat-filters-toggle{width:100%;justify-content:space-between;text-align:left}.chat-filters-toggle>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-filters-panel{padding:12px;display:grid;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card)}

/* Compact connections, invoices and the internal Moscow-time shift calendar. */
.compact-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:10px;margin-bottom:10px;align-items:start}
details.connection-card{padding:0;min-width:0;background:var(--panel);border:1px solid var(--line-control);border-radius:14px;overflow:hidden}
.connection-card>summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;cursor:pointer;padding:16px;list-style:none;min-height:64px}
.connection-card>summary::after{content:'⌄';margin-left:auto;color:var(--text-muted)}
.connection-card[open]>summary::after{content:'⌃'}
.connection-card>summary strong{overflow-wrap:anywhere}.connection-card[open]>summary{border-bottom:1px solid var(--line-control)}
.connection-body{padding:16px}.connection-body .fields{margin-top:12px}.connection-body .ui-panel{margin-top:14px}
.connection-add{max-width:440px;margin:22px 0}.connection-add .ui-field{width:100%}
.connection-card details>summary,.detail-history>summary{cursor:pointer;color:var(--text-muted);padding:14px 0}
.detail-history{margin-top:16px}.order-card>a,.order-card h3 a{color:inherit;text-decoration:none}.order-card h3 a:hover{text-decoration:underline}
.invoice-list{display:grid;gap:10px}.invoice-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line-control);border-radius:12px;padding:18px;color:inherit;cursor:pointer;font:inherit}
.invoice-row .muted{margin-left:auto}.invoice-dialog,.shift-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--panel);color:inherit;border:1px solid var(--line-control);border-radius:18px;padding:24px}.invoice-dialog::backdrop,.shift-dialog::backdrop{background:#0009}
.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-heading h2{margin:0;font-size:21px}.invoice-dialog .row{margin-top:16px}.payment-qr{display:block;width:min(280px,100%);height:auto;margin:20px auto;border-radius:10px}.payment-test{color:var(--warn-text);font-size:14px}
.calendar-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.calendar-toolbar .ui-field{max-width:180px}.calendar-toolbar .primary{margin-left:auto}.calendar-scroll{overflow:auto}.shift-calendar{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:1px;min-width:780px;background:var(--line-control);border:1px solid var(--line-control);border-radius:12px;overflow:hidden}.calendar-weekday{padding:12px;background:var(--panel);text-align:center;font-size:13px;color:var(--text-muted)}.calendar-day{min-height:142px;padding:10px;background:var(--panel)}.calendar-padding{background:var(--bg)}.calendar-day-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-day-heading .ui-button{padding:3px 8px;min-height:26px}.calendar-today .calendar-day-heading>strong{color:var(--info-text)}.calendar-shift{display:flex;flex-direction:column;gap:4px;border:0;border-radius:8px;width:100%;text-align:left;background:var(--panel-3);padding:9px;margin-top:6px;font:inherit;color:inherit;font-size:12px;overflow-wrap:anywhere}.calendar-shift strong{font-size:13px}.calendar-shift.own-shift{box-shadow:inset 3px 0 var(--info)}.calendar-shift small{color:var(--text-muted)}button.calendar-shift{cursor:pointer}.calendar-shift span{white-space:nowrap}
@media(max-width:650px){.compact-connections{grid-template-columns:1fr}.calendar-toolbar .primary{margin-left:0}.invoice-dialog,.shift-dialog{padding:18px}.invoice-row .muted{margin-left:0}.chat-header-actions{flex-wrap:wrap}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.connection-card>summary{position:relative;min-height:90px;padding-right:36px;gap:6px;align-content:center}.connection-card>summary>strong{flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.connection-card>summary::after{position:absolute;right:16px;top:50%;transform:translateY(-50%)}