:root{color-scheme:light;--background:#f4f8f6;--surface:#fff;--text:#192d24;--muted:#59655f;--accent:#18b957;--heading:#187c3c;--border:#dfe7e2}
:root[data-theme=dark]{color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:760px;margin:auto;padding:0 20px 32px;padding-top:env(safe-area-inset-top)}[hidden]{display:none!important}
.brand-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:16px 0;border-bottom:1px solid var(--border)}#brand-logo{width:132px;height:auto;flex-shrink:0}.header-controls{display:flex;gap:8px;min-width:0}.header-controls select{width:auto;min-height:40px;font-size:13px;padding:8px}
button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button,input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:11px 14px;background:var(--surface);max-width:100%}button{min-height:46px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--heading);outline-offset:3px}button.primary,#calculate,#place,form button[type=submit]{background:var(--accent);color:#071e11;border-color:transparent}.primary{width:100%}
.hero{padding:28px 2px 30px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--heading);font-weight:750;margin:0 0 14px}h1{line-height:1.13;letter-spacing:-1.4px;margin:0;font-weight:780}h1 span{display:block;overflow-wrap:anywhere}#hero-line2{color:var(--heading)}#hero-subtitle{color:var(--muted);line-height:1.6;margin:18px 0 0;max-width:460px}h2{font-size:19px;line-height:1.3}h3{margin:0 0 10px}p{margin:10px 0}#notice:empty,#catalog-notice:empty,#checkout-notice:empty{display:none}#notice{overflow-wrap:anywhere}
nav{display:flex;gap:6px;flex-wrap:wrap}#client-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;background:color-mix(in srgb,var(--heading) 8%,var(--surface));border-radius:14px;gap:4px}#client-tabs button{border:0;background:transparent;padding:10px 4px;font-size:14px;color:var(--muted)}#client-tabs button[aria-pressed=true]{background:var(--surface);color:var(--heading);box-shadow:0 2px 7px #00000006}:root[data-theme=dark] #client-tabs button[aria-pressed=true]{background:var(--accent);color:#071e11}#cabinets{padding-top:12px}#cabinets button[aria-pressed=true]{border-color:var(--heading);color:var(--heading)}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 18px}.catalog-heading h2{margin:0;font-size:18px}#duration{flex-wrap:nowrap;gap:0;padding:4px;background:color-mix(in srgb,var(--heading) 8%,var(--surface));border-radius:11px;flex-shrink:0}#duration button{font-size:12px;min-height:34px;padding:6px 9px;background:transparent;border:0;font-weight:500}#duration button[aria-pressed=true]{background:var(--surface);color:var(--heading);font-weight:650}:root[data-theme=dark] #duration button[aria-pressed=true]{background:var(--accent);color:#071e11}
#plan-cards{display:grid;gap:14px}.plan-card,article,#service-info{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:22px;overflow-wrap:anywhere}.plan-card{margin:0;display:flex;flex-direction:column;gap:0}.plan-card h3{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:0 0 8px}.participant{font-size:13px;line-height:1.5;color:var(--muted);margin:0;min-height:20px}.plan-price{color:var(--muted);margin:16px 0 2px}.plan-price strong{font-size:34px;color:var(--text);letter-spacing:-1px;line-height:1.1}.plan-rub{color:var(--muted);font-size:13px;margin:4px 0 18px;min-height:20px}.plan-card button{margin-top:auto;min-height:48px}#service-info{margin-top:18px;padding:20px 22px;font-size:13px}#service-info p{color:var(--muted);margin:8px 0 0}
#checkout{background:var(--surface);padding:22px;border:1px solid var(--border);border-radius:14px}#checkout-back{margin-top:12px}fieldset{border:0;padding:0;min-width:0}label{display:block;margin:14px 0}label>span{display:block;margin-bottom:6px}input:not([type=checkbox]),label select,textarea{width:100%}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}input[type=color]{height:46px;padding:5px}.password-row{display:flex;gap:8px;align-items:center}.password-row input{min-width:0;flex:1}.password-row button{flex-shrink:0}form{margin:16px 0 24px}form>button{margin:4px 4px 4px 0}article{margin:14px 0}article form{margin-bottom:0}article code{font-size:13px}#admin>div,#design-settings{margin:16px 0}#admin form{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}#admin h2{margin-top:30px}#admin details{margin:20px 0}summary{cursor:pointer;font-weight:650}#quote-summary{font-weight:650}a{color:var(--heading)}@media(min-width:640px){#client{max-width:460px;margin:auto}.brand-header{padding:18px 2px}.hero{padding-top:34px}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}#brand-logo{width:112px}.header-controls{gap:5px}.header-controls select{font-size:12px;padding:7px}.brand-header{gap:8px}.catalog-heading h2{font-size:16px}.plan-card{padding:18px}#client-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Owner cabinet: one destination per screen, mobile drawer. */
.owner-toolbar{display:flex;align-items:center;gap:14px;margin:18px 0 24px}.owner-toolbar h1{font-size:25px;letter-spacing:-.5px;line-height:1.25}.owner-toolbar button{flex:0 0 46px;font-size:22px;padding:5px}
#owner-drawer{position:fixed;inset:0 auto 0 0;z-index:101;display:flex;flex-direction:column;width:min(80vw,320px);overflow:hidden;background:color-mix(in srgb,var(--accent) 3%,var(--surface));border-right:1px solid var(--border);padding:14px 12px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:8px 0 36px #0002}
.owner-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px 12px;flex-shrink:0}.owner-drawer-head img{width:122px;height:auto}.owner-drawer-head button{border:0;background:transparent;font-size:23px;font-weight:400;min-height:44px;width:44px;padding:0;flex-shrink:0}
#owner-menu-caption{font-size:10px;letter-spacing:1px;line-height:1.5;text-transform:uppercase;color:var(--muted);margin:4px 10px 9px;flex-shrink:0}#owner-links{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;flex-wrap:nowrap;gap:3px}#owner-links button{display:flex;align-items:center;gap:12px;flex-shrink:0;width:100%;text-align:left;border:0;border-radius:9px;background:transparent;font-size:14px;font-weight:400;line-height:20px;min-height:40px;padding:10px}#owner-links button[aria-current=page]{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--heading)}.owner-menu-icon{width:17px;height:17px;flex:0 0 17px}.owner-menu-icon svg{display:block;width:100%;height:100%}
.owner-drawer-profile{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:16px;border-top:1px solid var(--border);padding:16px 8px 2px;font-size:13px;line-height:1.5}.owner-drawer-profile>div{min-width:0;overflow-wrap:anywhere}.owner-profile-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--heading);font-size:12px}.owner-drawer-profile small{display:block;color:var(--muted);font-size:12px;margin-top:2px}#owner-shade{position:fixed;inset:0;z-index:100;border:0;border-radius:0;background:#0006;width:100%;height:100%}
.owner-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.owner-stats>div{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:16px 10px}.owner-stats strong{display:block;font-size:28px}.owner-stats span{font-size:12px;color:var(--muted)}
#owner-content{min-width:0}#owner-content section{min-width:0}#owner-content h2{margin-top:24px}#owner-content form{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}#owner-content article form{padding:0;border:0}#owner-content code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}#owner-content p{overflow-wrap:anywhere}
#owner-setting-tabs{gap:8px;margin-bottom:24px}#owner-setting-tabs button{font-size:13px;min-height:42px}#owner-setting-tabs button[aria-pressed=true]{background:var(--accent);color:#071e11;border-color:transparent}.owner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.owner-filters{display:grid;gap:10px;margin-bottom:18px}.employee-card{padding:16px;border:1px solid var(--border);border-radius:12px;margin:12px 0;background:var(--surface)}summary{cursor:pointer;overflow-wrap:anywhere}.employee-card summary{font-weight:600}.permission-row{margin:8px 0!important}.permission-row label{margin-top:0}#owner-content input,#owner-content select,#owner-content textarea{font-size:16px}#owner-client-list article{padding:16px}
@media(min-width:900px){body.owner-mode main{max-width:1120px}#owner-content{max-width:820px;margin:auto}.owner-filters{grid-template-columns:2fr 1fr}}
@media(max-width:380px){main{padding-left:14px;padding-right:14px}.owner-toolbar h1{font-size:22px}.owner-stats{gap:6px}.owner-stats>div{padding:12px 6px}#owner-content form{padding:12px}}
/* Agreed Mini App order and support views. */
:root{--order-red:#be293b;--order-yellow:#8b6500;--order-green:#16783c}
:root[data-theme=dark]{--order-red:#ff8591;--order-yellow:#f6d168;--order-green:#70dfa0}
.status-new{color:var(--order-red)}.status-work{color:var(--order-yellow)}.status-done{color:var(--order-green)}.status-gray{color:var(--muted)}
.order-status{font-weight:650;display:inline-block;border-radius:8px;padding:5px 10px;background:color-mix(in srgb,currentColor 9%,var(--surface))}.order-card>h3{margin-top:12px}.order-card>code{font-variant-numeric:tabular-nums;font-weight:700}.order-card[data-state=completed] .order-status{display:table}
.order-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px 12px;margin:22px 0}.order-info dt{color:var(--muted)}.order-info dd{margin:0;text-align:right;overflow-wrap:anywhere}.order-credentials{border-top:1px solid var(--border);padding-top:20px}.order-credentials dd:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.order-credentials button{border:0;padding:5px 0;background:transparent;color:var(--heading);font-size:13px}
.orders-counters{display:flex;gap:10px 20px;flex-wrap:wrap;margin:4px 0 18px}.orders-counters>span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.orders-counters strong{font-size:16px;color:var(--text);font-variant-numeric:tabular-nums}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:currentColor;flex-shrink:0}
.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.orders-toolbar select{width:auto;min-height:46px;font-size:16px}.orders-scroll{height:486px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:11px;background:var(--surface)}
.orders-table{border-collapse:separate;border-spacing:0;width:100%;min-width:400px;font-size:13px}.owner-mode .orders-table{min-width:530px}.orders-table th,.orders-table td{height:44px;padding:0 12px;white-space:nowrap;border-bottom:1px solid var(--border);text-align:left}.orders-table th{font-weight:500;color:var(--muted);position:sticky;top:0;z-index:2;background:var(--surface)}.orders-table th:first-child,.orders-table td:first-child{position:sticky;left:0;background:var(--surface)}.orders-table td:first-child{z-index:1}.orders-table th:first-child{z-index:3}.orders-table tr:hover td{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.order-number{font-weight:800;letter-spacing:.35px;min-height:44px;padding:0;border:0;background:transparent;font-variant-numeric:tabular-nums}.orders-count{font-size:12px;color:var(--muted);margin-top:12px}.orders-empty{padding:22px!important;white-space:normal!important;text-align:center!important;color:var(--muted)}.orders-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.orders-back{margin-bottom:12px}.orders-detail .order-card{margin-top:0}.orders-list{min-width:0}
.order-filter-dialog{width:min(520px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:0}.order-filter-dialog::backdrop{background:#0008}.filter-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.filter-heading h2{margin:0}.filter-heading button{font-size:24px;width:44px;padding:0;border:0}.order-filter-dialog form{margin:0}.order-filter-groups{padding:0 18px 12px}.order-filter-groups fieldset{margin:18px 0}.order-filter-groups legend{font-weight:650;margin-bottom:6px}.filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.filter-options label{display:flex;gap:8px;align-items:center;margin:0;min-height:44px;font-size:14px}.filter-options input{flex-shrink:0}.filter-options span{margin:0}.filter-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-dates label{min-width:0;font-size:13px}.filter-dates input{font-size:16px;padding:8px 4px;margin-top:5px;min-height:44px}.filter-footer{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 18px;background:var(--surface);border-top:1px solid var(--border)}.filter-footer button{flex:1}
.support-intro{color:var(--muted);white-space:pre-wrap}.support-faq{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:18px 0 24px;overflow:hidden}.support-faq>summary{color:var(--heading);padding:16px}.support-faq>div{padding:0 16px}.support-faq details{border-top:1px solid var(--border);margin:0!important}.support-faq details summary{padding:14px 0;font-size:14px}.support-faq details p{white-space:pre-wrap;color:var(--muted);padding-bottom:10px;font-size:14px}
.support-tabs{display:flex;padding:4px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:10px;margin-bottom:16px}.support-tabs button{flex:1;border:0;background:transparent}.support-tabs button[aria-pressed=true]{background:var(--surface);color:var(--heading)}.support-ticket-row{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;text-align:left;background:var(--surface);padding:16px;margin:8px 0;font-weight:400}.support-ticket-row small,.support-ticket-row>span{color:var(--muted);font-size:12px}.support-dialog{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.support-dialog-heading{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.support-dialog-heading strong{font-size:14px;overflow-wrap:anywhere}.support-dialog-heading small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.support-dialog-heading button{padding:6px 9px;flex-shrink:0;font-size:12px}.support-back{margin:10px 14px;border:0;padding:0;color:var(--muted);background:transparent}
.support-log{height:360px;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px;display:flex;flex-direction:column;gap:10px}.support-bubble{max-width:88%;align-self:flex-start;background:color-mix(in srgb,var(--muted) 10%,var(--surface));border-radius:12px 12px 12px 3px;padding:10px 12px;overflow-wrap:anywhere}.support-bubble.support-mine{align-self:flex-end;background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-radius:12px 12px 3px 12px}.support-bubble p{white-space:pre-wrap;font-size:14px;margin:0}.support-bubble small{display:block;font-size:11px;color:var(--muted);text-align:right;margin-top:6px}.support-download{display:block;text-align:left;overflow-wrap:anywhere;font-size:13px;margin:4px 0;padding:8px 10px;min-height:44px;max-width:100%;color:var(--heading)}
#owner-content .support-composer,.support-composer{display:flex;gap:7px;align-items:flex-end;margin:0;padding:10px;border:0;border-top:1px solid var(--border);border-radius:0}.support-composer textarea{min-width:0;flex:1;min-height:48px;max-height:160px;resize:vertical;padding:9px;font-size:16px}.support-composer button{margin:0;min-height:48px}.support-attach{width:44px;padding:0;font-size:24px;flex-shrink:0}.support-send{padding:10px 8px;font-size:13px}.support-note{padding:0 12px;font-size:13px}.support-note:empty{display:none}.support-files{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px}.support-files:empty{display:none}.support-file-chip{display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-radius:8px;padding:0 8px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.support-file-chip button{border:0;background:transparent;min-height:44px;min-width:32px;padding:0}.support-closed-info{padding:12px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--border)}.support-dialog>button:not(.support-back){margin:8px 14px}.faq-editor-item{border-top:1px solid var(--border);padding-top:10px;margin-top:20px}.faq-editor-item button{margin-right:6px}.support-faq[open]>summary{border-bottom:1px solid var(--border)}
.staff-toolbar{display:flex;gap:14px;align-items:center;margin:18px 0}.staff-toolbar h2{font-size:24px;margin:0}.staff-toolbar>button{width:46px;flex-shrink:0;font-size:22px;padding:0}#staff-drawer{position:fixed;inset:0 auto 0 0;z-index:101;width:min(86vw,310px);overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;padding-top:max(16px,env(safe-area-inset-top));box-shadow:12px 0 40px #0004}.staff-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 22px}.staff-drawer-head img{width:135px;height:auto}.staff-drawer-head button{width:44px;border:0;background:transparent;font-size:24px;padding:0}#staff-links{flex-direction:column;gap:3px}#staff-links button{text-align:left;min-height:44px;border:0;background:transparent;padding:10px 12px;border-radius:8px}#staff-links button[aria-current=page]{background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--heading)}#staff-shade{position:fixed;inset:0;z-index:100;border:0;border-radius:0;background:#0008;width:100%;height:100%}.staff-menu-person{margin:30px 8px 0;border-top:1px solid var(--border);padding:16px 0}.staff-menu-person small{display:block;color:var(--muted);margin-top:5px}
@media(min-width:900px){body.staff-mode main{max-width:1040px}}@media(max-height:650px){.orders-scroll{height:398px}.support-log{height:280px}}@media(max-width:360px){.filter-options{grid-template-columns:1fr}.orders-counters{gap:8px 12px}.orders-counters>span{font-size:12px}.support-dialog-heading{flex-wrap:wrap}.support-composer{gap:5px;padding:8px}.support-send{font-size:12px}.support-log{padding:12px 8px}}
/* Completed customer order: approved reference card, shared light/dark palette. */
.completed-order-card{width:100%;max-width:410px;margin:14px auto;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:none}
.completed-order-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.completed-order-number{min-width:0;margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.completed-order-badge{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 10px;border-radius:9px;background:color-mix(in srgb,var(--order-green) 10%,var(--surface));color:var(--order-green);font-size:12px;line-height:18px;font-weight:500;white-space:nowrap}.completed-order-icon{display:inline-flex;width:16px;height:16px;flex:0 0 16px}.completed-order-icon svg{display:block;width:100%;height:100%}
.completed-order-heading h3{margin:0;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.35px}.completed-order-heading p{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.completed-order-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:15px;margin:26px 0 24px;font-size:14px;line-height:1.5}.completed-order-details dt{margin:0;max-width:160px;color:var(--muted)}.completed-order-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.completed-order-discount{color:var(--order-green);white-space:nowrap}
.completed-order-renew{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border-radius:11px;font-size:14px;font-weight:500;line-height:1.5;padding:12px 14px}
@media(max-width:360px){.completed-order-card{padding:18px}.completed-order-top{gap:8px}.completed-order-heading h3{font-size:22px}.completed-order-details{column-gap:12px}.completed-order-badge{padding:6px 8px}}
/* Owner cabinet — compact, touch-friendly administration. */
.owner-toolbar-row,.owner-period{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.owner-toolbar-row h2,.owner-toolbar-row h3{margin:0 auto 0 0}.owner-toolbar-row label,.owner-period label{flex:1;min-width:145px;margin:0}.owner-note{font-size:13px;color:var(--muted);line-height:1.55;margin:12px 0}.owner-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;margin:16px 0}.owner-card h2,.owner-card h3{margin-top:0}.owner-table-scroll{width:100%;overflow:auto;max-height:620px;border:1px solid var(--border);border-radius:12px;margin:14px 0;overscroll-behavior:contain}.owner-table{width:100%;border-collapse:collapse;font-size:14px;min-width:540px}.owner-table th{background:var(--surface);position:sticky;top:0;z-index:1;text-align:left;color:var(--muted);font-weight:500}.owner-table th,.owner-table td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.owner-table tr:last-child td{border-bottom:0}.owner-table td small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.owner-table td button{padding:7px 12px;font-size:13px;min-height:36px;white-space:nowrap}.owner-table td label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.owner-table td input,.owner-table td select{min-width:100px;width:100%;padding:9px 10px}.owner-table td label{margin:0;position:relative}.owner-table td{overflow-wrap:anywhere}.owner-table td:has(button){white-space:nowrap}.owner-table td a{color:var(--heading)}.owner-table td button+button{margin-left:6px}.owner-check{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.owner-check input{width:20px;height:20px;accent-color:var(--accent)}.owner-check span{margin:0}.owner-subtabs{display:flex;gap:6px;overflow-x:auto;padding:10px 0;margin:6px 0 16px}.owner-subtabs button{white-space:nowrap;padding:10px 14px;font-size:13px}.owner-subtabs button[aria-pressed=true]{color:var(--heading);background:var(--selected);border-color:var(--accent)}.owner-breakdown{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 24px;align-items:baseline;margin:24px 0}.owner-breakdown dt{color:var(--muted);font-size:14px}.owner-breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.owner-breakdown dd button{display:block;margin:6px 0 0 auto}.owner-profit{border-bottom:1px solid var(--border);padding:22px 0;display:grid;gap:8px}.owner-profit span{font-size:14px;color:var(--muted)}.owner-profit strong{font-size:clamp(28px,5vw,40px);font-weight:650;letter-spacing:-1px;color:var(--heading)}.owner-profit small{color:var(--muted)}.owner-warning{color:var(--warning);padding:12px;border:1px solid var(--warning);border-radius:10px}.owner-modal{box-sizing:border-box;background:var(--dialog,var(--surface));color:var(--text);border:1px solid var(--border);border-radius:20px;padding:24px;max-height:90dvh;width:min(720px,94vw);overflow:auto}.owner-modal::backdrop{background:#0007}.owner-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.owner-modal-head h2{font-size:21px;margin:0}.owner-modal-head button{border:0;background:none;font-size:28px;padding:4px 12px}.owner-modal form{margin:18px 0}.owner-modal details{padding:14px 0}.owner-settings-menu{display:grid;gap:10px;margin-top:14px}.owner-settings-menu>button{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:14px}.owner-settings-menu strong{display:block;font-size:16px}.owner-settings-menu small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:5px}.owner-settings-menu>button>span:last-child{font-size:26px;font-weight:400;color:var(--muted)}.owner-translation{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0}.owner-translation>strong{font-size:14px;display:block;white-space:pre-wrap}.owner-translation>small{font-size:12px;display:block;color:var(--muted);white-space:pre-wrap;margin:8px 0}.owner-translation textarea{resize:vertical}.owner-translation-fields{max-height:62vh;overflow:auto;padding-right:4px}.owner-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.owner-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.owner-color-grid input{width:46px;min-width:46px;height:36px;padding:3px}.owner-color-preview{padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--background);color:var(--text);margin:20px 0}.owner-color-preview h3{color:var(--heading)}.owner-color-preview small{color:var(--muted)}.owner-color-preview input{margin:14px 0}.owner-team{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.owner-team>div{background:var(--selected);border-radius:10px;padding:12px 16px}.owner-team small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.owner-ticket-assignment{padding:14px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:end;gap:12px;flex-wrap:wrap}.owner-ticket-assignment label{flex:1;margin:0}.owner-audit-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.owner-audit-filters select[multiple]{height:110px;font-size:13px}.owner-audit-filters select[multiple] option{padding:5px 8px}.owner-mode #owner-drawer{background:var(--sidebar,var(--surface))}.owner-mode #owner-links button{padding:10px 12px;min-height:38px;margin:2px 0}.owner-mode #owner-links [aria-current=page],.staff-mode #staff-links [aria-current=page]{background:var(--selected);color:var(--heading)}#staff-drawer{background:var(--sidebar,var(--surface))}.support-dialog{background:var(--dialog,var(--surface))}.support-bubble{background:var(--surface)}.support-bubble.support-mine{background:var(--selected)}input,textarea,select{background:var(--input,var(--surface))}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus,var(--accent));outline-offset:1px}button.primary,.completed-order-renew{background:var(--accent);color:var(--button_text,var(--text))}button.primary:hover,.completed-order-renew:hover{background:var(--button_hover,var(--accent))}button:disabled,input:disabled{background:var(--disabled,var(--surface));opacity:.65}.status-new{color:var(--danger,#cf263b)!important}.status-work{color:var(--warning,#a46c00)!important}.status-done{color:var(--success,#138443)!important}.status-gray{color:var(--status_muted,var(--muted))!important}.completed-order-badge{color:var(--success);background:var(--selected)}.completed-order-discount{color:var(--success)}.owner-mode .orders-counters .status-dot{background:currentColor}.drawer-open{overflow:hidden}.plan-card select{margin:6px 0 0}.plan-card .plan-price{font-size:28px;font-weight:650;margin-bottom:3px}
@media(max-width:600px){.owner-card{padding:16px}.owner-table th,.owner-table td{padding:12px}.owner-modal{padding:18px}.owner-breakdown{column-gap:12px}.owner-audit-filters{grid-template-columns:1fr}.owner-audit-filters select[multiple]{height:105px}.owner-toolbar-row>button,.owner-period>button{min-height:42px}.owner-color-grid{grid-template-columns:1fr}.owner-settings-menu>button{padding:16px}.owner-mode #owner-content{min-width:0}.owner-profit strong{font-size:30px}}

.owner-table th,.owner-table td{white-space:nowrap}.owner-table td small{white-space:normal}.owner-translation textarea{font-size:15px}#owner-page-clients .owner-table{min-width:440px}

.owner-audit-values{margin:0;display:grid;gap:4px;white-space:normal}.owner-audit-values dt{color:var(--muted);font-size:12px}.owner-audit-values dd{margin:0 0 10px;overflow-wrap:anywhere}.owner-modal .owner-table td{white-space:normal}

.bot-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);line-height:1.5}

/* Invitations and independent customer bonus wallet. */
.friends-heading,.friends-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.friends-heading h2{margin:0}.friends-heading button{padding:8px 14px;font-size:.9rem}.friends-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin:16px 0}.friends-card input[readonly]{font-size:.85rem;cursor:text}.friends-actions>*{flex:1;min-width:140px;text-align:center}.friends-primary{display:block;background:var(--accent);color:var(--accent-text,#071e12);border-radius:12px;padding:13px;text-decoration:none;font-weight:600}.friends-balance{display:block;font-size:2rem;margin:6px 0 20px}.friends-counters{display:grid;grid-template-columns:1fr auto;gap:10px}.friends-counters dd{margin:0;font-weight:600}.friends-threshold{font-weight:600}.friends-history-row{padding:12px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.friends-history-row small{flex-basis:100%;color:var(--muted)}.friends-rules{font-size:.85rem;color:var(--muted);line-height:1.6}#bonus-label>span{display:flex;gap:10px;align-items:center}#bonus-label input{width:auto}

#client-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Native language names remain readable without widening the mobile page. */
.header-controls{flex-wrap:wrap;justify-content:flex-end}.header-controls select{max-width:160px}#language{min-width:115px}

.support-language{display:block;font-weight:600;color:var(--accent);line-height:1.45;overflow-wrap:anywhere}
.support-file-preview{width:min(920px,calc(100vw - 24px));max-height:92dvh;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.support-file-preview::backdrop{background:#000a}.support-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border)}.support-preview-heading strong{overflow-wrap:anywhere;min-width:0}.support-preview-heading button{flex-shrink:0}.support-preview-content{padding:12px;overflow:auto;max-height:72dvh}.support-preview-content img{display:block;max-width:100%;height:auto;margin:auto}.support-preview-content iframe{display:block;width:100%;height:65dvh;border:0;background:white}.support-preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.support-file-save{display:block;margin:12px 16px 18px;color:var(--accent);overflow-wrap:anywhere}