/* Document review, September 2026. Only one interface, two colour themes. */
.studio .quota-panel progress{appearance:none;display:block;height:11px;border:0;border-radius:999px;overflow:hidden;background:var(--hover);color:var(--accent)}
.studio .quota-panel progress::-webkit-progress-bar{background:var(--hover);border-radius:999px}
.studio .quota-panel progress::-webkit-progress-value{background:var(--accent);border-radius:999px}
.studio .quota-panel progress::-moz-progress-bar{background:var(--accent);border-radius:999px}
[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}
:root,[data-theme=light]{--paper:#faf9fa;--hover:#f5f2f4;--line:#e9e3e6;--card:#fff;--accent:#ae304e;--accent-soft:#f7e9ed}
[data-theme=dark]{--paper:#181619;--card:#242025;--hover:#2b252b;--line:#3c323b;--accent:#c24765;--accent-soft:#412b35}
.studio .btn,button,input,select,textarea{font-family:inherit}.studio .btn{font-weight:600}.studio .btn:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.studio .card,.studio .project-row,.studio .quota-panel{border:0}.studio .project-row,.studio .result-card{transition:box-shadow .18s,background .18s}.studio .project-row:hover,.studio .result-card[data-card-url]:hover{box-shadow:0 7px 26px #72243d12;background:var(--card)}
[data-card-url]{cursor:pointer}.studio-context a:hover{color:var(--accent-ink)}.studio .project-row{grid-template-columns:48px minmax(0,1fr) 120px 120px 78px}.project-actions{display:flex;align-items:center;justify-content:center;gap:8px}.icon-button{border:0;border-radius:50%;background:transparent;font:inherit;font-size:24px;color:var(--soft);cursor:pointer;width:32px;height:32px}.icon-button:hover{background:var(--accent-soft);color:var(--accent-ink)}
.studio .section-heading .actions{flex-wrap:wrap}.search-field{position:relative;display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding-left:14px}.search-field>span[aria-hidden]{font-size:23px;font-weight:400}.studio .search-field input{margin:0;background:transparent;border:0;min-width:170px;width:100%}.filter-icon{font-size:20px;align-self:center;color:var(--soft);padding:0 8px}
.hero-art{position:absolute;right:-5px;bottom:-30px;width:38%;height:auto;pointer-events:none;z-index:-1}.hero-panel{padding-right:36%}.hero-panel h1{font-size:clamp(28px,2.4vw,40px)}.hero-panel::after{display:none}.hero-panel p{font-size:13px}.studio .quota-panel{transition:box-shadow .2s}.quota-panel:hover{box-shadow:0 8px 24px #72243d0c}
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;align-items:start}.form-layout .form-intro{display:block}.form-layout .form-guide{margin-top:34px;position:sticky;top:130px}.form-main{min-width:0}.studio .search-form-page>.card{max-width:none!important}.studio .search-form-page>.tabs{max-width:none;margin-left:0}.studio .search-form-page .mode-pick label{border:0;min-width:0}.studio .mode-pick label:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}
.studio .result-card-head{align-items:center;border-bottom:0}.result-card-head>div{min-width:0}.company-monogram img{width:32px;height:32px;object-fit:contain}.studio .result-card-body{padding-top:6px;padding-left:90px}.studio .result-card-footer{background:var(--card);border-top:1px solid var(--line);gap:12px}.studio .result-card-footer .btn.ghost{background:transparent;border:0}.studio .result-card-footer .btn.ghost:hover{background:var(--hover)}.company-city{margin-top:20px!important}.studio .requisites{padding:6px 28px 22px 90px}.requisites>.company-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:var(--hover);border-radius:12px;margin:0}.requisites>.company-facts .full{grid-column:1/-1}.requisites .company-reason{margin-top:20px!important}.requisites a{overflow-wrap:anywhere}.note-toolbar{display:flex;align-items:center;gap:12px;margin-left:auto}.note-history{flex-basis:100%;width:100%;margin-top:10px}.note-history ol{list-style:none;padding:0}.note-history li{padding:12px 0;border-bottom:1px solid var(--line)}.note-history p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.studio dialog.modal{width:min(580px,calc(100vw - 32px));max-height:85dvh;background:var(--card);color:var(--ink);border:0}.studio dialog::backdrop{background:#21182380;backdrop-filter:blur(3px)}.note-dialog .section-heading{margin-bottom:10px}.studio .note-dialog form.note-form{padding-top:0}.studio .note-dialog input,.studio .note-dialog textarea,.studio .note-dialog select{background:var(--hover)}
.workspace-filters{margin-bottom:24px}.studio .workspace-filters select{width:auto;margin:0;min-width:180px}.workspace-filters .search-field{flex:1;max-width:450px}.studio .workspace-filters input{max-width:none}.table-scroll .contact-list{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.table-scroll td:first-child{min-width:190px}.table-scroll .note-toolbar{flex-wrap:wrap;justify-content:flex-start}.table-scroll .note-history{min-width:220px;max-width:400px}
.studio .knowledge-layout nav a{padding:10px 14px;border-radius:10px;transition:background .15s}.studio .knowledge-layout nav a.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:650}.knowledge-layout article{scroll-margin-top:140px}
.subscription-banner{display:flex;gap:28px;justify-content:space-between;align-items:center;background:var(--accent-soft);padding:26px 30px;border-radius:20px;margin-bottom:24px}.subscription-banner .eyebrow{margin-bottom:6px}.subscription-banner h2{font-size:26px;margin:0 0 8px}.subscription-banner p{margin:8px 0}.studio .tariff-card{padding:24px;position:relative;overflow:hidden}.studio .tariff-card h2{padding-right:85px;min-height:45px}.tariff-art{position:absolute;right:6px;top:0;width:110px;height:110px;object-fit:contain;pointer-events:none}.tariff-art-1{transform:rotate(-12deg)}.tariff-art-2{transform:rotate(12deg)}.tariff-price{font-size:24px;font-weight:700;margin:12px 0}.tariff-card>p{margin-bottom:12px}.tariff-card ul{padding-left:18px;line-height:1.9}.studio .tariff-current{box-shadow:inset 0 3px var(--accent)}.corporate-offer h2{font-size:32px}.corporate-offer .muted{margin:14px 0 0;color:#dcc6ce}.corporate-offer .hero-art{width:270px;right:32px;bottom:-20px}
.password-field{position:relative}.studio .password-field input{padding-right:88px}.password-field button{position:absolute;top:7px;right:6px;background:transparent;border:0;padding:8px;color:var(--soft);font:inherit;font-size:11px;cursor:pointer}.studio .otp-boxes{display:flex;justify-content:center;gap:8px;margin:24px 0}.studio .otp-boxes input{min-width:0;margin:0;flex:1;max-width:48px;height:56px;border:1px solid var(--line);text-align:center}.g-recaptcha{overflow-x:auto}
.tariff-art{background-image:url('/static/tariff-art.png');background-size:400% auto;background-position:var(--art-position) center;background-repeat:no-repeat}
input::-ms-reveal{display:none}
.studio-mark{display:block;width:40px;height:40px;flex:0 0 40px;color:var(--accent)}

/* Keep native checkbox semantics and form submission; customise only the paint.
   Fixed min/max dimensions also cover older forms with inline width:auto. */
body.studio input[type=checkbox]{
  -webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;
  box-sizing:border-box;width:20px;height:20px;min-width:20px;max-width:20px;
  min-height:20px;max-height:20px;flex:0 0 20px;padding:0;
  margin:0 .55em 0 0;vertical-align:-.3em;
  border:1.5px solid var(--faint,#8b8289);border-radius:6px;
  background:var(--paper);color:#fff;box-shadow:none;cursor:pointer;
  transition:background-color .14s,border-color .14s,box-shadow .14s;
}
body.studio input[type=checkbox]::before{
  content:"";width:12px;height:12px;background:currentColor;
  clip-path:polygon(10% 44%,0 56%,38% 92%,100% 22%,87% 10%,36% 66%);
  opacity:0;transform:scale(.7);transition:opacity .12s,transform .12s;
}
body.studio input[type=checkbox]:is(:checked,:indeterminate){
  background:var(--accent);border-color:var(--accent);
}
body.studio input[type=checkbox]:is(:checked,:indeterminate)::before{opacity:1;transform:none}
body.studio input[type=checkbox]:indeterminate::before{clip-path:inset(40% 5% round 1px)}
body.studio input[type=checkbox]:hover:enabled{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body.studio input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body.studio input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
.studio label:has(>input[type=checkbox]:enabled){cursor:pointer}
.studio label:has(>input[type=checkbox]:disabled){cursor:not-allowed}
@media(prefers-reduced-motion:reduce){
  body.studio input[type=checkbox],body.studio input[type=checkbox]::before{transition:none}
}
@media(forced-colors:active){
  body.studio input[type=checkbox]{
    -webkit-appearance:auto;appearance:auto;display:inline-block;
    border:revert;background:revert;color:revert;box-shadow:none!important;
    opacity:1;transition:none;forced-color-adjust:auto;
  }
  body.studio input[type=checkbox]::before{content:none}
  body.studio input[type=checkbox]:is(:checked,:indeterminate){background:revert;border-color:revert}
  body.studio input[type=checkbox]:focus-visible{outline-color:Highlight}
}

/* Document points 1–18, September 9. Neutral surfaces, restrained red accents. */
[data-theme=dark]{--paper:#17181b;--card:#222428;--hover:#2a2d32;--line:#3b3f46;--ink:#f1f2f4;--soft:#bfc3cb;--faint:#a2a8b2;--studio-deep:#25282f;--accent-soft:#382b33;--info:#a9ceff;--info-soft:#203047}
:root,[data-theme=light]{--info:#215c9d;--info-soft:#eaf3ff}
[data-theme=dark]{--info:#a9ceff;--info-soft:#203047}
.studio .message,.studio .error,.studio .info{border:0;border-radius:14px;padding:16px 20px}
.studio .info{background:var(--info-soft);color:var(--info)}
.studio .company-reason{border-left:0;padding-left:0}
.studio .metric-grid>.card{border-left:0;border-radius:18px}
.studio .field-error{color:var(--bad);font-size:13px;text-align:center;margin:8px 0 20px}
.studio .verify-resend{display:flex;justify-content:center;margin:20px 0}
.studio .otp-boxes{margin-bottom:10px}.studio .otp-boxes input[aria-invalid=true]{border-color:var(--bad)}
.studio .icon-button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}
.studio .icon-button svg{pointer-events:none;flex-shrink:0}
.studio .search-field{padding:0;min-width:0;width:fit-content;max-width:100%}
.studio .search-field input{padding:12px;line-height:20px;min-width:0;max-width:none;margin:0;box-sizing:content-box;width:36ch;max-inline-size:calc(100% - 24px)}
@supports(field-sizing:content){.studio .search-field input{field-sizing:content;width:auto;min-inline-size:18ch}}
.studio .workspace-filters .search-field{flex:0 1 auto;max-width:100%}
.studio .section-heading .actions{min-width:0}
.studio .project-row h3,.studio .project-row p,.studio .result-card-head h2,.studio .result-card-head h2 a{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;-webkit-line-clamp:unset;max-height:none}
.studio .result-card-body{align-items:start}
.studio .result-card-body .requisites{padding:0;margin:22px 0 0}
.studio .result-card-body p,.workspace-description{overflow-wrap:anywhere;white-space:pre-line}
.studio .company-website{display:inline-block;margin-top:6px;overflow-wrap:anywhere}
.studio .workspace-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.studio .workspace-card{display:flex;flex-direction:column;min-width:0;margin:0}
.workspace-card h2,.workspace-card p{overflow-wrap:anywhere}.workspace-card header{align-items:start}
.workspace-card header time{flex-shrink:0}.workspace-card .workspace-description{line-height:1.8}
.workspace-card-footer{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:auto;padding-top:26px}
.workspace-card-footer .contact-list{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px;width:100%}
.workspace-card-footer .contact-list a{padding:9px 12px;background:var(--hover);border-radius:10px;overflow-wrap:anywhere;max-width:100%;font-size:12px}
.workspace-card-footer .note-toolbar{margin:0;justify-content:center;flex-wrap:wrap}
.workspace-card-footer .note-history{margin:0;text-align:center;border-top:1px solid var(--line);padding-top:18px}
.workspace-card-footer .note-history ol{text-align:left}
.studio .tariff-art{position:static;display:block;width:150px;height:132px;max-width:100%;margin:0 auto 16px;flex-shrink:0}
.studio .tariff-card h2{padding:0;min-height:0;margin:0 0 6px!important;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.studio .tariff-price{margin:4px 0 10px}.studio .tariff-card>p{margin-top:0}
.studio .tariff-current{box-shadow:inset 0 0 0 2px var(--accent)}
.studio .current-plan-badge{background:var(--accent);color:white}
.studio .corporate-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:28px;align-items:center;padding:32px 40px}
.corporate-offer .team-art{grid-column:2;grid-row:1;width:100%;height:auto;max-height:360px;object-fit:contain}
.corporate-offer>div{grid-column:1;grid-row:1;min-width:0}
.confirm-dialog .actions{justify-content:flex-end;margin-top:24px}.studio .btn.danger{background:var(--accent);color:#fff}.studio .btn.danger:hover{background:#8f203b;color:#fff}
.studio dialog.modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
.studio .team-member{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.team-member>div{min-width:0}.team-member .actions{flex-shrink:0}.team-member select{margin:0}
.studio select{color:var(--ink);background-color:var(--card);cursor:pointer}
.studio select option{color:var(--ink);background:var(--card);padding:10px 14px}
@supports (appearance:base-select){
 .studio select:not([multiple]):not([size]),.studio select:not([multiple]):not([size])::picker(select){appearance:base-select}
 .studio select::picker(select){background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0002;padding:6px;max-height:320px;overflow-y:auto}
 .studio select option{border-radius:7px;white-space:normal;overflow-wrap:anywhere;min-height:38px}
 .studio select option:hover,.studio select option:checked{background:var(--accent-soft);color:var(--ink)}
 .studio select::picker-icon{color:var(--soft);transition:rotate .15s}.studio select:open::picker-icon{rotate:180deg}
}
@media(max-width:900px){.studio .workspace-cards{grid-template-columns:1fr}.studio .corporate-offer{grid-template-columns:minmax(0,1fr) 240px;padding:28px}.workspace-card header time{flex-shrink:1}}
@media(max-width:600px){.studio .corporate-offer{display:flex;flex-direction:column-reverse;gap:20px;padding:26px}.corporate-offer .team-art{width:240px;max-width:100%}.studio .team-member{align-items:flex-start;flex-wrap:wrap}.team-member .actions{flex-wrap:wrap}.studio .search-field{max-width:100%}}
@media(max-width:1200px){.hero-panel{padding-right:32px}.hero-art{opacity:.2;width:48%}.corporate-offer .hero-art{opacity:.5}.form-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.studio .result-card-body,.studio .requisites{padding-left:28px}}
@media(max-width:1000px){.studio .project-row{grid-template-columns:40px minmax(0,1fr) 100px 78px}.studio .project-date{display:none}.form-layout{grid-template-columns:1fr}.form-layout .form-guide{position:static;margin-top:0}.studio .result-card-body{grid-template-columns:1fr}.corporate-offer{padding-right:220px}.corporate-offer .hero-art{width:220px}}
@media(max-width:820px){.hero-art{opacity:.8;width:40%}.hero-panel{padding-right:40%}.results-layout{display:flex;flex-direction:column}.results-layout>section,.results-layout>aside{width:100%}.note-toolbar{margin-left:0}.subscription-banner{align-items:flex-start;flex-direction:column;gap:10px}.studio .result-card-body,.studio .requisites{padding-left:22px;padding-right:22px}.corporate-offer{padding-right:32px}.corporate-offer .hero-art{opacity:.18}}
@media(max-width:520px){.hero-panel{padding:26px}.hero-art{opacity:.17;width:65%}.hero-panel h1{font-size:30px}.studio .project-row{grid-template-columns:34px minmax(0,1fr) 32px}.project-actions{grid-column:3;grid-row:1/3;flex-direction:column}.project-actions .project-arrow{grid-row:auto;grid-column:auto}.studio .section-heading{align-items:flex-start}.studio .section-heading .actions{gap:8px;width:100%}.search-field{width:100%}.result-card-head{gap:12px}.company-monogram{width:38px;height:38px}.studio .result-card-head h2{font-size:18px}.result-card-footer .label-buttons{gap:2px}.studio .requisites{padding:0 20px 20px}.requisites>.company-facts{grid-template-columns:1fr}.studio dialog.modal{padding:22px}.tariff-grid{gap:12px}.tariff-card{min-width:100%}.studio .workspace-filters select{width:100%}}