/* Exact reference tokens from mmv-crm-kartka-zayavky, desktop and 390px board. */
body:has(.oc-card){background:#F4F3EE}.workspace:has(.oc-card){display:block!important}.workspace:has(.oc-card)>.rail,.workspace:has(.oc-card) .topbar,.workspace:has(.oc-card) .mobile-nav,.workspace:has(.oc-card) .mobile-bar{display:none!important}.main:has(.oc-card){margin:0!important;padding:0!important;max-width:none!important}.ws-card-host:has(.oc-card){padding:0!important}.oc-card{--oc-ink:#1D1F1C;--oc-muted:#5F625C;--oc-line:#E3E1D9;--oc-accent:#1F4D36;color:var(--oc-ink);font:14px/1.45 Inter,system-ui,sans-serif;background:#F4F3EE;padding:0!important;min-height:100dvh}.oc-card *{box-sizing:border-box}.oc-card [hidden]{display:none!important}.oc-card :is(h2,h3,p,dl,ol){margin:0}.oc-card svg{width:18px;height:18px;flex:none}.oc-card button,.oc-card a.button{font-family:inherit;font-weight:600;font-size:14px;min-height:44px;border-radius:10px;cursor:pointer}.oc-card button:disabled{opacity:.5;cursor:not-allowed}.oc-card .secondary{background:white;color:var(--oc-ink);border:1px solid #D6D3C9}.oc-card .primary{color:white;background:var(--oc-accent);border:1px solid var(--oc-accent)}.oc-card .primary:hover{background:#123222}.oc-card :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--oc-accent);outline-offset:3px}.oc-card :is(input,textarea,select){font:inherit;border:1px solid #D6D3C9;border-radius:10px;background:white;color:var(--oc-ink);max-width:100%}.oc-card button{padding:0 16px}.oc-card .oc-error{color:#9B2C1F;white-space:pre-wrap}.oc-error:empty{display:none}.oc-sticky{position:sticky;top:0;z-index:20;background:#F4F3EE;border-bottom:1px solid var(--oc-line)}.oc-header-inner{max-width:1440px;margin:auto;padding:16px 32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.oc-card .ws-card-header{padding:0;border:0;background:none;display:flex;align-items:center;gap:14px;flex:1 1 420px;min-width:0}.oc-card .ws-card-back{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center}.oc-card .ws-card-identity{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.oc-card .ws-card-identity h2{font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--oc-ink)}.oc-card .oc-meta{order:3;flex-basis:100%;font-size:13px;color:var(--oc-muted)}.oc-short-meta{display:none}.oc-card .oc-status-pill{min-height:26px;height:auto;max-width:100%;font-size:13px;line-height:1.3;border:0;border-radius:99px;padding:5px 10px;white-space:normal}.oc-status-pill.amber{background:#FBF0D9;color:#7A4B00}.oc-status-pill.blue{background:#E3ECF8;color:#1D4A80}.oc-status-pill.green{background:#E2F0E6;color:#1F5B36}.oc-status-pill.red{background:#FBE4E1;color:#9B2C1F}.oc-status-pill.done{background:#1F4D36;color:white}.oc-quick-actions{display:flex;gap:8px;align-items:center}.oc-card .oc-quick-actions>:is(button,a){display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #D6D3C9;border-radius:10px;text-decoration:none;color:var(--oc-ink);background:white;padding:0 16px;font-weight:600;white-space:nowrap}.oc-card .oc-quick-actions>.primary{background:var(--oc-accent);border-color:var(--oc-accent);color:white}.oc-card .oc-quick-actions>[data-order-action=status]{color:var(--oc-accent);border-color:var(--oc-accent)}.oc-phone-label{display:none}.oc-main{max-width:1440px;padding:24px 32px 48px;margin:auto;display:flex;flex-direction:column;gap:20px}.oc-progress{background:white;border:1px solid var(--oc-line);border-radius:14px;padding:20px 24px 18px;overflow-x:auto}.oc-steps{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));min-width:980px;list-style:none;padding:0!important;gap:0}.oc-steps li{position:relative;text-align:center;min-width:0}.oc-steps li:not(:last-child):after{content:'';position:absolute;top:16px;left:calc(50% + 17px);right:calc(-50% + 17px);height:2px;background:#D9D6CC}.oc-steps li.done:after{background:#1F4D36}.oc-card .oc-stage-button{border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;padding:0 6px;color:var(--oc-muted);font-weight:400;min-height:94px}.oc-step-circle{position:relative;z-index:1;border:1px solid #C9C6BC;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:white;font-size:13px;font-weight:700;color:#6A6C66}.oc-step-label{font-size:12.5px;line-height:1.3}.oc-stage-button small{font-size:11px}.oc-steps .done .oc-step-circle{background:#1F4D36;border:0;color:white}.oc-steps .current .oc-step-circle{border:2px solid #1F4D36;color:#1F4D36;box-shadow:0 0 0 4px #E6EEE8}.oc-steps .current .oc-step-label{font-weight:700;color:#1D1F1C}.oc-steps .current.red .oc-step-circle{background:#FBE4E1;color:#9B2C1F;border-color:#B3392A;box-shadow:none}.oc-progress-mobile{display:none}.oc-next{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;border:1px solid var(--oc-line);border-left:4px solid #1F4D36;border-radius:14px;padding:16px 20px;background:white}.oc-next.amber{border-left-color:#C98A1A}.oc-next.red{border-left-color:#B3392A}.oc-next-copy{flex:1;min-width:200px}.oc-next-copy strong{font-size:16px;font-weight:600}.oc-next-copy strong:before{content:'Наступна дія: '}.oc-next-copy p{font-size:13px;color:var(--oc-muted);margin-top:4px}.oc-next-eyebrow{display:none}.oc-next-buttons{display:flex;gap:8px;flex-wrap:wrap}.oc-next-buttons button{display:flex;align-items:center;gap:8px;justify-content:center}.oc-card .oc-layout{display:flex;flex-wrap:wrap;gap:20px;padding:0;background:none;align-items:flex-start}.oc-order-column{flex:999 1 560px;min-width:0;display:grid;gap:16px}.oc-right{flex:1 1 440px;min-width:0;background:white;border:1px solid var(--oc-line);border-radius:14px;overflow:hidden}.oc-information,.oc-quote,.oc-secondary{min-width:0;display:grid;gap:16px}.oc-card :is(.surface,.ws-panel){margin:0;border:1px solid var(--oc-line);border-radius:14px;box-shadow:none;padding:20px 24px;background:white;min-width:0}.oc-card .ws-panel-head{padding:0 0 14px;border:0;background:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.oc-card .ws-panel-head h2{font-size:17px;font-weight:600;color:var(--oc-ink);margin:0}.oc-card .ws-panel-head button{min-height:36px;font-size:13px;color:var(--oc-accent);background:#E6EEE8;border:0;padding:0 12px}.oc-card .ws-panel-head p{font-size:13px;color:var(--oc-muted)}.oc-card .ws-definition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:0;padding:0}.oc-field{display:flex;gap:12px;border-bottom:1px solid #ECEAE3;padding:12px 0;justify-content:space-between;align-items:baseline}.oc-card .ws-definition dt,.oc-card .ws-definition dd{font-size:14px;margin:0;padding:0;border:0;background:none;overflow-wrap:anywhere}.oc-card .ws-definition dt{color:var(--oc-muted);flex-shrink:0}.oc-card .ws-definition dd{color:var(--oc-ink);font-weight:500;text-align:right}.oc-disclosure{background:white;border:1px solid var(--oc-line);border-radius:14px;overflow:hidden}.oc-disclosure>summary{padding:16px 24px;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;list-style:none}.oc-disclosure>summary::-webkit-details-marker{display:none}.oc-disclosure>summary svg{width:14px}.oc-disclosure[open]>summary svg{transform:rotate(90deg)}.oc-card .oc-disclosure>.ws-panel{border:0;border-top:1px solid var(--oc-line);border-radius:0}.oc-disclosure>.ws-actions{padding:16px 24px}.oc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--oc-line);padding:8px 12px 0}.oc-card .oc-tabs button{height:48px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;color:var(--oc-muted);border-radius:0;padding:0 14px}.oc-card .oc-tabs button[aria-selected=true]{color:var(--oc-accent);border-bottom-color:var(--oc-accent)}.oc-summary{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.oc-summary h2{font-size:17px;font-weight:600}.oc-card .oc-summary-meta{font-size:12px;color:var(--oc-muted);line-height:1.5}.oc-summary-text{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.oc-known,.oc-missing{padding:14px;border-radius:12px;font-size:14px;line-height:1.6}.oc-known{background:#F3F8F4}.oc-missing{background:#FDF6E8}.oc-summary h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px}.oc-known h3{color:#1F4D36}.oc-missing h3{color:#7A4B00}.oc-summary ul{margin:0;padding-left:18px}.oc-recommendation{background:#F4F1FB;border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start;font-size:14px}.oc-recommendation svg{color:#4B3A86}.oc-summary-actions{display:flex;gap:8px;flex-wrap:wrap}.oc-card .oc-summary-actions button{min-height:40px;font-size:13px}.oc-card .oc-link{color:var(--oc-accent);background:none;border:0;text-align:left;font-size:14px}.oc-open-dialog{align-self:flex-start;margin-top:8px}.oc-mobile-tabs{display:none}.oc-card .ws-conversation{border:0;border-radius:0;background:white;height:auto;min-height:0;margin:0;position:static;display:flex;flex-direction:column}.oc-card .ws-conversation>.ws-tabs{padding:12px 24px;background:white;border-bottom:1px solid var(--oc-line);display:flex;flex-wrap:wrap;gap:6px}.oc-card .ws-tabs button{min-height:36px;font-size:13px;background:none;border:0;color:var(--oc-muted)}.oc-card .ws-tabs button.selected{background:#E6EEE8;color:var(--oc-accent)}.oc-card .ws-timeline{height:520px;min-height:0;overflow:auto;background:#FAFAF8;padding:20px 24px}.oc-card .ws-message{width:fit-content;max-width:94%;margin:0 0 14px;padding:12px 14px;border:1px solid var(--oc-line);border-radius:12px;background:white;color:var(--oc-ink);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.oc-card .ws-message.team{margin-left:auto;background:#E6EEE8;border-color:#E6EEE8}.oc-card .ws-message.internal{border-style:dashed}.oc-card .ws-message p{background:none!important;padding:0;border:0}.oc-card .ws-message small{font-size:11px;color:var(--oc-muted)}.oc-card .ws-timeline-event{font-size:11px;color:var(--oc-muted);text-align:center;margin:12px 0}.oc-card .ws-conversation-footer{padding:16px 24px;border-top:1px solid var(--oc-line);background:white;display:flex;flex-wrap:wrap;gap:12px}.oc-card .ws-conversation-footer details{width:100%}.oc-card .ws-note-form{width:100%;display:grid;gap:10px}.oc-card .ws-note-form textarea{width:100%}.oc-card .ws-inline-photo{max-height:240px;object-fit:contain}.oc-card .ws-workflow-form{display:grid;gap:12px}.oc-card .oc-status-menu{position:fixed;inset:88px 32px auto auto;width:320px;max-height:calc(100dvh - 110px);margin:0;border:1px solid var(--oc-line);border-radius:14px;box-shadow:0 12px 32px #1d1f1c24;padding:10px;background:white;overflow:auto;color:var(--oc-ink);font-family:inherit}.oc-status-menu::backdrop{background:#1d1f1c24}.oc-menu-head{display:none}.oc-card .oc-status-menu>button{width:100%;min-height:40px;display:flex;gap:10px;align-items:center;text-align:left;border:0;background:none;padding:6px 10px;font-weight:400;font-size:14px;border-radius:8px}.oc-status-menu>button.selected{background:#E6EEE8;font-weight:600}.oc-menu-number{width:24px;height:24px;flex:none;border-radius:50%;background:#E3ECF8;color:#1D4A80;display:grid;place-items:center;font-size:12px}.oc-menu-group{padding:8px 10px;color:var(--oc-muted);font-size:12px}.oc-menu-group:not(:first-of-type){border-top:1px solid var(--oc-line);margin-top:6px}.oc-card .oc-status-menu button svg{margin-left:auto}.oc-card[aria-busy=true] .oc-stage-button{pointer-events:none;opacity:.5}
@media(max-width:700px){.oc-card{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.oc-sticky{background:white;position:relative;flex:none}.oc-header-inner{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.oc-card .ws-card-header{width:100%;flex:auto;gap:8px}.oc-card .ws-card-back{border:0;background:none;width:36px;min-width:36px}.oc-card .ws-card-identity{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.oc-card .ws-card-identity h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-card .oc-meta{display:none}.oc-short-meta{display:block;font-size:13px;color:var(--oc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:1}.oc-card .oc-status-pill{grid-column:2;grid-row:1/3;max-width:132px;font-size:11px;line-height:1.3;min-height:32px;padding:6px 10px}.oc-card .oc-quick-actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.oc-card .oc-quick-actions>:is(button,a){min-height:60px;flex-direction:column;gap:4px;padding:8px 2px;white-space:normal;font-size:12px;border:0;background:#F4F3EE;color:var(--oc-ink);border-radius:12px}.oc-card .oc-quick-actions>.primary{color:white;background:var(--oc-accent)}.oc-quick-actions svg{width:20px;height:20px}.oc-card .oc-quick-actions>[data-order-action=status]{color:var(--oc-ink)}.oc-desktop-label{display:none}.oc-phone-label{display:inline}.oc-main{flex:1;min-height:0;width:100%;padding:14px 16px 24px;overflow-y:auto;gap:12px}.oc-progress{padding:0;overflow:visible}.oc-steps{display:none}.oc-card .oc-progress-mobile{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:14px 16px;width:100%;text-align:left;border:0;background:none;border-radius:14px;font-size:13px;color:var(--oc-muted);font-weight:400}.oc-stage-next{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-segments{display:flex;gap:4px;grid-column:1/-1}.oc-segments i{height:6px;border-radius:2px;flex:1;background:#DCD9D0}.oc-segments i.filled{background:#3B7C58}.oc-progress-mobile strong{grid-column:1/-1;font-size:17px;color:var(--oc-ink);font-weight:600}.oc-next{padding:14px 16px;border-left:1px solid var(--oc-line);border-top:4px solid #1F4D36;display:block}.oc-next.amber{border-left-color:var(--oc-line);border-top-color:#C98A1A}.oc-next.red{border-left-color:var(--oc-line);border-top-color:#B3392A}.oc-next-eyebrow{display:block;text-transform:uppercase;font-size:13px;color:var(--oc-muted);margin-bottom:4px}.oc-next-copy strong{font-size:17px}.oc-next-copy strong:before{content:none}.oc-next-copy p{margin-top:6px}.oc-next-buttons{margin-top:12px}.oc-next-buttons>.secondary{display:none}.oc-next-buttons>.primary{width:100%;min-height:48px}.oc-mobile-tabs{display:flex;gap:4px;padding:4px;background:#E9E7E0;border-radius:12px;flex:none}.oc-card .oc-mobile-tabs button{flex:1;min-height:40px;padding:0 4px;border:0;background:none;color:var(--oc-muted);font-size:13px}.oc-mobile-tabs button[aria-selected=true]{background:white;color:var(--oc-ink);box-shadow:0 1px 2px #00000014}.oc-card .oc-layout{display:block}.oc-right{width:100%}.oc-tabs{display:none}.oc-summary{padding:16px;gap:12px}.oc-summary-text{font-size:15px}.oc-summary-actions{display:grid;grid-template-columns:1fr;width:100%}.oc-card .oc-summary-actions button{min-height:48px;text-align:center}.oc-card :is(.surface,.ws-panel){padding:16px}.oc-card .ws-definition{grid-template-columns:minmax(0,1fr)}.oc-field{padding:10px 0}.oc-order-column{gap:12px}.oc-card .ws-panel-head h2{font-size:17px}.oc-disclosure>summary{padding:16px}.oc-card .ws-timeline{height:440px;padding:16px}.oc-card .ws-conversation>.ws-tabs,.oc-card .ws-conversation-footer{padding:12px 16px}.oc-card .oc-status-menu{inset:auto 0 0;max-height:88dvh;width:100%;max-width:none;border-radius:20px 20px 0 0;padding:8px 12px 20px;border:0}.oc-status-menu:before{content:'';display:block;margin:0 auto 12px;width:40px;height:4px;border-radius:3px;background:#D6D3C9}.oc-menu-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px}.oc-menu-head h2{font-size:18px}.oc-menu-head button{border:0;background:none;font-size:26px}.oc-card .oc-status-menu>button{min-height:44px}.oc-status-menu::backdrop{background:#1D1F1C70}}
@media(prefers-reduced-motion:reduce){.oc-card *{scroll-behavior:auto!important;transition:none!important}}

.main:has(.oc-card)>header,.main:has(.oc-card)>.notice,.workspace:has(.oc-card)~.partner-entry{display:none!important}.main:has(.oc-card) #content{padding:0!important}.oc-card .ws-card-header{position:static!important}.oc-card>.oc-main>.ws-notice{margin:0}
.oc-card .oc-quote>.surface{padding:0;overflow:hidden}.oc-price-card{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.oc-price-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.oc-price-head h2{font-size:17px;font-weight:600}.oc-price-badge{font-size:12px;font-weight:600;color:#4B3A86;background:#EDE9F7;padding:4px 10px;border-radius:99px}.oc-price-meta{font-size:12px;color:var(--oc-muted)}.oc-price-brief{background:#F6F5F0;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;white-space:pre-wrap;max-height:140px;overflow:auto}.oc-price-table{width:100%;border-collapse:collapse;table-layout:fixed}.oc-price-table th{font-size:12px;font-weight:500;text-transform:uppercase;color:var(--oc-muted);text-align:left;padding:0 0 8px;background:none}.oc-price-table td{padding:16px 0;border-top:1px solid #ECEAE3;font-size:14px;overflow-wrap:anywhere}.oc-price-table td:first-child{padding-right:12px}.oc-price-table :is(th,td):nth-child(2){width:110px;color:var(--oc-muted);font-size:13px}.oc-price-table :is(th,td):last-child{width:128px;text-align:right}.oc-price-table td:last-child{font-weight:500}.oc-price-table input{width:100%;min-height:36px;text-align:right;padding:6px 10px}.oc-price-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oc-price-totals>div{padding:12px 14px;background:#F6F5F0;border-radius:12px;display:flex;flex-direction:column;gap:2px}.oc-price-totals span{font-size:12px;color:var(--oc-muted)}.oc-price-totals strong{font-size:18px;font-weight:600}.oc-price-totals .oc-price-total{background:#1F4D36;color:white}.oc-price-total span{color:#E6EEE8}.oc-price-total strong{font-size:24px;font-weight:700}.oc-price-cost{font-size:13px;color:#1F5B36}.oc-price-actions{display:flex;gap:8px;flex-wrap:wrap}.oc-price-actions button{min-height:44px}.oc-approved-copy{background:#E2F0E6;color:#1F5B36;padding:12px;border-radius:10px;font-size:13px}.oc-price-details{border-top:1px solid var(--oc-line)}.oc-price-details>summary{padding:14px 24px;cursor:pointer;font-size:13px;color:var(--oc-muted)}.oc-quote-controls{padding:16px 24px;display:grid;gap:12px}.oc-quote-controls h2{font-size:17px}.oc-quote-controls details summary{padding:8px 0;cursor:pointer}.oc-quote-controls .cost-form{display:grid;gap:12px}.oc-quote-controls .cost-form label{display:flex;flex-direction:column;gap:6px}.oc-quote-controls .cost-form input[type=checkbox]{align-self:flex-start;width:20px;height:20px}.oc-quote-controls .cost-form input,.oc-quote-controls .cost-form select{min-height:40px}
@media(max-width:700px){.oc-price-card{padding:16px}.oc-price-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oc-price-total{grid-column:1/-1}.oc-price-totals .oc-price-total{flex-direction:row;align-items:center;justify-content:space-between}.oc-price-table :is(th,td):nth-child(2){width:64px}.oc-price-table :is(th,td):last-child{width:82px}.oc-price-table td{font-size:13px;padding:12px 0}.oc-price-table th{font-size:10px}.oc-price-actions{display:grid;grid-template-columns:1fr;width:100%}.oc-price-actions button{min-height:48px}.oc-price-details>summary,.oc-quote-controls{padding:14px 16px}.oc-price-totals strong{font-size:15px}}
.workspace .oc-card .oc-quick-actions{display:flex;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto;width:auto;min-width:0;margin:0;padding:0;position:static;overflow:visible;gap:8px}.workspace .oc-card .oc-quick-actions>:is(button,a){flex:none;width:auto;height:44px;margin:0;position:static;transform:none;overflow:visible;font-size:14px;padding:0 16px}.workspace .oc-card .oc-quick-actions span{width:auto;font-size:inherit;line-height:1.3;transform:none;position:static}.workspace .oc-card .oc-quick-actions .oc-phone-label{display:none}.workspace .oc-card .oc-quick-actions .oc-desktop-label{display:inline}.workspace:has(.oc-card){min-height:0!important}.workspace .oc-card .oc-layout{gap:20px}.workspace .oc-card .ws-card-header{min-height:0}.workspace .oc-card .ws-card-identity h2{font-weight:700}
@media(max-width:700px){body:has(.oc-card){overflow:hidden}.workspace .oc-card .oc-quick-actions{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.workspace .oc-card .oc-quick-actions>:is(button,a){min-width:0;width:100%;height:60px;font-size:12px;padding:8px 2px;overflow:hidden}.workspace .oc-card .oc-quick-actions .oc-phone-label{display:inline}.workspace .oc-card .oc-quick-actions .oc-desktop-label{display:none}.workspace .oc-card .oc-layout{margin:0;min-height:0}.workspace .ws-body:has(.oc-card){gap:0}.workspace .oc-card .ws-card-header{padding:0}.workspace .oc-card .ws-card-identity .oc-short-meta{line-height:1.45}.workspace .oc-card .ws-card-header h2{line-height:1.3}}
.workspace .oc-card .ws-order-grid{margin:0;max-height:none;overflow:visible}.oc-main>*{flex-shrink:0}.oc-card .oc-mobile-tabs button:hover{background:#fff}.workspace .oc-card .oc-mobile-tabs button[aria-selected=false]{background:transparent}.oc-card .oc-disclosure>summary{color:#1D1F1C}.workspace .oc-card .oc-next-buttons button{min-height:44px}@media(max-width:700px){.workspace .oc-card .oc-next-buttons button{min-height:48px}.oc-card .oc-progress-mobile{padding:14px 16px;line-height:1.3}}
html:has(.oc-card){scrollbar-gutter:auto}.oc-disclosure .oc-disclosure{margin:12px;border-radius:10px}.oc-card .oc-disclosure .oc-disclosure>summary{padding:12px 16px;font-size:13px}@media(min-width:701px){.workspace .oc-card .ws-card-identity h2{line-height:1.45}}
@media(min-width:701px) and (max-width:1100px){.workspace .oc-card .oc-quick-actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.workspace .oc-card .oc-quick-actions>:is(button,a){min-width:0;width:100%;height:auto;min-height:48px;white-space:normal;padding:8px;font-size:12px}.oc-header-inner{gap:12px}.oc-card .oc-layout{display:grid;grid-template-columns:minmax(0,1fr)}.oc-card .oc-right{width:100%}}
@media(max-width:700px){.workspace .oc-card{position:fixed;inset:0;z-index:31;width:100%;height:100dvh}.workspace .oc-card .oc-main{max-height:none}.workspace .oc-card .oc-right{overflow:visible}}
.workspace .oc-card .ws-order-grid.oc-layout{padding:0;display:flex}@media(max-width:700px){.workspace .oc-card .ws-order-grid.oc-layout{display:block}}@media(min-width:701px) and (max-width:1100px){.workspace .oc-card .ws-order-grid.oc-layout{display:grid}}
.oc-card .ws-definition dd.unknown{color:var(--oc-muted);font-weight:400}.oc-card .ws-definition dd.needs-clarification{color:#7A4B00}.oc-card .ws-definition dt,.oc-card .ws-definition dd{line-height:1.45}
.oc-card .oc-tabs button{display:flex;align-items:center;gap:8px}.oc-tabs svg{width:14px;height:14px}.oc-price-badge[data-state=approved_hold]{background:#E2F0E6;color:#1F5B36}.oc-price-badge[data-state=editing]{background:#FBF0D9;color:#7A4B00}.oc-price-badge[data-state=manual],.oc-price-badge[data-state=stale]{background:#FBE4E1;color:#9B2C1F}.oc-price-badge[data-state=sent]{background:#E3ECF8;color:#1D4A80}

.oc-price-card,.oc-price-details{--oc-muted:#5F625C;--oc-line:#E3E1D9}

/* Status choices share a stable number column, including the mobile sheet. */
.oc-card .oc-status-menu>button{justify-content:flex-start;text-align:left;flex-shrink:0}.oc-card .oc-status-menu>button>span:nth-child(2){flex:1;min-width:0}.oc-card .oc-status-menu{overscroll-behavior:contain;touch-action:pan-y;scroll-padding-top:64px}.oc-card .oc-menu-head{position:sticky;top:-8px;background:white;z-index:1}.oc-card .oc-menu-head button{flex:none}

.oc-manager-notes{border-bottom:1px solid var(--oc-line);padding-bottom:20px;display:grid;gap:12px}.oc-notes-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.oc-notes-list:empty{display:none}.oc-manager-note{padding:12px 0;border-top:1px solid var(--oc-line)}.oc-manager-note:first-child{border-top:0;padding-top:0}.oc-card .oc-note-meta{font-size:12px;color:var(--oc-muted);margin-bottom:6px}.oc-note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.oc-note-form{display:grid;gap:10px}.oc-note-form textarea{width:100%;padding:12px;resize:vertical;min-height:110px}.oc-notes-actions{display:flex;gap:8px;flex-wrap:wrap}

.oc-reminder-label{display:grid;gap:6px;font-size:13px}.oc-reminder-label input{padding:10px;width:100%;min-width:0}
@media(min-width:701px){.oc-card .oc-layout,.workspace .oc-card .ws-order-grid.oc-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px}.oc-order-column,.oc-right{width:100%;min-width:0}}

/* Manager notes: separate internal records with a compact reminder footer. */
.oc-card .oc-notes-list{display:grid;gap:12px;margin-top:18px}
.oc-card .oc-manager-note{padding:18px 20px;background:#f7f7f2;border:1px solid #e6e6dc;border-left:3px solid #315c48;border-radius:12px;margin:0}
.oc-card .oc-note-meta{font-size:12px;color:#6b746e;margin:0 0 10px}
.oc-card .oc-note-body{font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.oc-card .oc-note-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e2e5dc;padding-top:12px;margin-top:14px}
.oc-card .oc-note-reminder .oc-summary-meta{font-size:13px;color:#315c48;margin:0}
.oc-card .oc-note-reminder button{font-size:12px;padding:7px 12px;min-height:36px;background:#fff;border-radius:8px}
.oc-card .oc-note-form{background:#f7f7f2;padding:16px;border-radius:12px;margin-top:16px}
.oc-card .oc-note-photos{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.oc-card .oc-note-photo{display:flex;flex-direction:column;gap:5px;width:112px;min-width:0}
.oc-card .oc-note-photo img{width:112px;height:90px;object-fit:cover;border-radius:8px;border:1px solid #dedfd7}
.oc-card .oc-note-photo:focus-visible{outline:2px solid #315c48;outline-offset:3px}
@media(max-width:700px){.oc-card .oc-manager-note{padding:14px}.oc-card .oc-notes-head{gap:10px;flex-wrap:wrap}.oc-card .oc-notes-head h2{font-size:18px}}
.oc-card .oc-next-note{font-size:13px;color:#7A4B00;margin-top:4px}.oc-card .oc-next-buttons>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #D6D3C9;border-radius:10px;background:white;color:var(--oc-ink);font-weight:600;text-decoration:none;line-height:1.2}

/* Header scrolls away with the card (owner 2026-11-06): no sticky header on any screen. */
.oc-card .oc-sticky{position:relative;top:auto}
@media(max-width:700px){.workspace .oc-card{display:block;overflow-y:auto;overscroll-behavior:contain}.workspace .oc-card .oc-main{flex:none;overflow:visible;min-height:0}}
/* History of changes as its own tab, shown as a chronology (owner 2026-11-06). */
.oc-history{padding:20px 24px}
.oc-history .ws-history-panel{border:0;background:none;padding:0;box-shadow:none}
.oc-history .ws-panel-head{display:none}
.ws-chronology{list-style:none;margin:0;padding:0 0 0 4px}
.ws-chronology-day{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b746d;margin:18px 0 8px}
.ws-chronology-day:first-child{margin-top:0}
.ws-chronology-item{position:relative;display:grid;grid-template-columns:52px 1fr;gap:12px;padding:0 0 14px 18px;border-left:2px solid #e3e8e1;margin-left:4px}
.ws-chronology-item::before{content:'';position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #26583d}
.ws-chronology-item time{font-size:13px;color:#6b746d;font-variant-numeric:tabular-nums;padding-top:1px}
.ws-chronology-item p{margin:0;font-size:14.5px;line-height:1.45;color:#202621}
.ws-chronology-item small{font-size:12.5px;color:#6b746d}
.ws-definition .ws-missing-fields{grid-column:1/-1;margin:10px 0 0;font-size:13px;color:#6b746d}
.oc-notes-tab{padding:20px 24px}
/* AI summary as a structured list (owner 2026-11-06). */
.oc-summary-formatted{white-space:normal}
.oc-summary-title{margin:0 0 10px;font-size:15.5px;font-weight:600;color:#202621}
.oc-summary-facts{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:0;margin:0}
.oc-summary-facts dt,.oc-summary-facts dd{margin:0;padding:8px 0;border-bottom:1px solid #edf0eb;font-size:14.5px;line-height:1.45}
.oc-summary-facts dt{color:#6b746d;padding-right:16px}
.oc-summary-facts dd{color:#202621}
.oc-summary-flag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:5px;background:#fbf1dc;color:#7a5200;font-size:12px;white-space:nowrap}
@media (max-width:600px){.oc-summary-facts{grid-template-columns:1fr}.oc-summary-facts dt{border-bottom:0;padding-bottom:0}}
/* Phone tabs: one line, scroll sideways instead of wrapping (owner 2026-11-06). */
@media(max-width:700px){
 .oc-card .oc-mobile-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
 .oc-card .oc-mobile-tabs::-webkit-scrollbar{display:none}
 .oc-card .oc-mobile-tabs button{flex:0 0 auto!important;white-space:nowrap;padding:0 14px!important;min-height:38px!important;font-size:14px!important;scroll-snap-align:start;border-radius:9px}
}
@media(max-width:700px){
 .oc-card .oc-mobile-tabs{position:sticky;top:0;z-index:6;box-shadow:0 0 0 6px #F4F3EE,0 6px 10px -6px #0000002e}
 .ws-order-overlay>.ws-order-page,.workspace.ws-order-overlay .oc-card{position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh;overflow:visible!important}
}
@media(max-width:700px){.ws-order-overlay .oc-card :is(.oc-summary,.ws-conversation,.oc-notes-tab,.oc-history,.oc-order-column){min-height:calc(100dvh - 60px)}}
/* Photo previews in the AI summary + full-size viewer (owner 2026-11-06). */
.oc-photo-strip{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 2px}
.oc-card .oc-photo-thumb{width:84px;height:84px;min-height:84px;padding:0;border:1px solid #dfe3dc;border-radius:10px;overflow:hidden;background:#eef1ec;cursor:zoom-in;flex:none}
.oc-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.oc-card .oc-photo-thumb:hover{border-color:#26583d;box-shadow:0 0 0 2px #26583d33}
.oc-lightbox{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;padding:0;border:0;background:rgba(10,12,10,.92);color:#fff}
.oc-lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.oc-lightbox img{max-width:92vw;max-height:80dvh;object-fit:contain;border-radius:6px}
.oc-lightbox-cap{margin:0;font-size:13px;color:#d8ddd6;max-width:90vw;text-align:center;overflow-wrap:anywhere}
.oc-lightbox-open{color:#cfe0d4;font-size:13px}
.oc-card .oc-lightbox button{position:fixed;border:0;background:#ffffff26;color:#fff;border-radius:50%;width:48px;height:48px;min-height:48px;padding:0;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.oc-card .oc-lightbox button:hover{background:#ffffff40}
.oc-lightbox-close{top:14px;right:14px}.oc-lightbox-nav.prev{left:14px;top:50%}.oc-lightbox-nav.next{right:14px;top:50%}
.oc-card .oc-lightbox [hidden]{display:none!important}
@media(max-width:700px){.oc-card .oc-photo-thumb{width:72px;height:72px;min-height:72px}.oc-lightbox img{max-width:100vw;max-height:72dvh;border-radius:0}}
.oc-card .oc-photo-thumb.pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;cursor:pointer;padding:6px}
.oc-pdf-badge{font:700 13px/1 Inter,system-ui,sans-serif;color:#fff;background:#b3261e;border-radius:4px;padding:4px 6px}
.oc-pdf-name{font-size:10.5px;line-height:1.2;color:#5F625C;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-photo-loading{align-self:center;font-size:12.5px;color:#6b746d}
.oc-pdf-box[open]{justify-content:flex-start;overflow:auto;padding:64px 16px 24px}
.oc-pdf-holder{width:min(900px,100%);background:#fff;color:#1D1F1C;border-radius:10px;padding:12px}
/* Owner 06.11 (audit 0.8): one compact progress block on every screen — "Етап N з 10 · Далі: …",
   a segmented bar and the current stage. The full list of stages lives in «Змінити статус». */
.oc-card .oc-steps{display:none!important}
.oc-card .oc-progress-mobile{display:grid!important;grid-template-columns:auto 1fr;gap:8px 16px;padding:16px 20px;max-width:none;cursor:pointer}
.oc-card .oc-progress-mobile .oc-segments{grid-column:1/-1}
.oc-card .oc-progress-mobile:hover{background:#fafaf7}
@media(min-width:701px){.oc-card .oc-progress-mobile strong{font-size:18px}}
.oc-card .oc-progress-mobile{justify-items:stretch;text-align:left;align-items:center}
.oc-card .oc-progress-mobile .oc-stage-caption{justify-self:start}
.oc-card .oc-progress-mobile .oc-stage-next{justify-self:end;text-align:right}
.oc-card .oc-progress-mobile .oc-segments{display:flex!important;gap:4px;width:100%}
.oc-card .oc-progress-mobile .oc-segments i{display:block;height:6px;border-radius:2px;flex:1 1 0;background:#DCD9D0}
.oc-card .oc-progress-mobile .oc-segments i.filled{background:#3B7C58}
.oc-card .oc-progress{display:block}.oc-card .oc-progress-mobile{width:100%!important;max-width:100%!important;box-sizing:border-box}

/* Audit-2 (06.11): closed order — no segments, caption · date · status */
.oc-card .oc-progress-mobile.closed{grid-template-columns:auto 1fr}.oc-card .oc-progress-mobile.closed .oc-stage-caption{color:#8a2f2f}.oc-card .oc-progress-mobile.closed strong{grid-column:1/-1}

/* Owner 09.11: stage and next action in one compact block */
.oc-card .oc-stage-block{background:#fff;border:1px solid #e6e8ee;border-radius:14px;overflow:hidden;margin:0 0 12px}.oc-card .oc-stage-block>.oc-progress{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0}.oc-card .oc-stage-block>.oc-progress .oc-progress-mobile{padding:12px 20px 8px}.oc-card .oc-stage-block>.oc-next{background:transparent;border:0;border-left:4px solid currentColor;border-radius:0;box-shadow:none;margin:0;padding:10px 20px 12px;border-top:1px solid #eef0f4}.oc-card .oc-stage-block>.oc-next .oc-next-eyebrow{display:none}.oc-card .oc-stage-block>.oc-next strong{font-size:15px}.oc-card .oc-stage-block>.oc-progress[hidden]+.oc-next{border-top:0}
.oc-lead-no{display:inline-block;padding:2px 8px;border-radius:7px;background:#26583d;color:#fff;font-weight:700;font-size:.85em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:4px;vertical-align:.08em}
.ws-card-identity h2>span.oc-lead-no{color:#fff;font-weight:700}
/* Owner 09.11: the card's dialogue looks like WhatsApp again (as the chat page since 04.11, commit bab0e25). */
.ws-timeline{background-color:#efeae2!important;background-image:radial-gradient(#7c8b7815 .8px,transparent .8px);background-size:16px 16px;display:flex;flex-direction:column;gap:8px}
.ws-timeline .ws-message{border:0;box-shadow:0 1px 1px #152a251c;padding:7px 10px 6px;max-width:85%;color:#20332b;position:relative}
.ws-timeline .ws-message.customer{background:#fff;border-radius:0 10px 10px 10px;align-self:flex-start}
.ws-timeline .ws-message.team{background:#d9fdd3;border-radius:10px 0 10px 10px;align-self:flex-end}
.ws-timeline .ws-message.customer.form-submission{background:#fff;border-left:3px solid #26583d}
.ws-timeline .ws-message.internal{background:#fff6d6;border:1px dashed #e8c96b;border-radius:8px;align-self:center;max-width:92%;box-shadow:none}
.ws-timeline .ws-message p,.ws-timeline .ws-message .crm-message-text{background:transparent!important;padding:0!important;border-radius:0!important;margin:2px 0!important;font-size:14px;line-height:1.45;color:#20332b}
.ws-timeline .ws-message>small:first-child{display:block;font-size:11px;color:#557064!important;margin:0 0 2px;text-align:left}
.ws-timeline .ws-message .ws-delivery{font-size:10px;color:#64766b;text-align:right;margin-top:3px}
.ws-timeline .ws-message.ws-first-unread{margin-top:30px}
@media(max-width:700px){.ws-timeline .ws-message{max-width:91%}}
/* Owner 10.11: the dialogue gets the whole tab — no empty top row, the translation gear next to «Написати самому»,
   the conversation fills the height and nearly the full width. */
.oc-card .ws-conversation>.ws-tabs{display:none}
.oc-card .ws-conversation{min-height:0}
.oc-card .ws-conversation-footer{padding:8px 12px!important;gap:8px;align-items:center;flex-wrap:nowrap}
.oc-card .ws-conversation-footer>details{flex:1 1 auto;width:auto}
.oc-card .ws-conversation-footer details[open]{flex-basis:100%}
.oc-card .ws-conversation-footer:has(details[open]){flex-wrap:wrap}
.oc-card .ws-conversation-footer .ws-translation-toggle{flex:0 0 auto;width:38px;height:38px;min-height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce5fb;border-radius:8px;background:#f5f8ff;color:#2343a8;margin-left:auto}
.oc-card .ws-conversation-footer .ws-translation-toggle.on{background:#e2ebe4;border-color:#bcd8c6}
.oc-card .ws-conversation .ws-timeline{padding:12px 14px}
@media(max-width:700px){
 .ws-order-overlay .oc-card .ws-conversation{min-height:0!important}
 .ws-order-overlay .oc-card .ws-conversation .ws-timeline{flex:none;height:calc(100dvh - 190px);max-height:none;min-height:300px;padding:8px 6px}
 .ws-order-overlay .oc-card .ws-conversation{margin:0 -12px;width:calc(100% + 24px);border-radius:0}
 .ws-timeline .ws-message{max-width:94%}
}