/* v22: consistent spacing without changing the visual language. */
:root{--ab-space:24px;--ab-pad:24px;--ab-control:44px;--ab-card-radius:24px}
.workspace{padding:32px!important;max-width:1480px;min-width:0}
.workspace>*,.page-heading>*,.row>*,.editor-grid>*,.fields>*,.variant-grid>*{min-width:0}
.page-heading{gap:16px 24px;margin-bottom:24px!important;align-items:flex-start;flex-wrap:wrap}
.page-heading>div:first-child{flex:1;min-width:240px}
.page-heading h1{line-height:1.2!important;overflow-wrap:anywhere}
.page-heading p{margin:8px 0 0}
.page-heading .back{margin-bottom:12px}
.page-heading .row{flex-wrap:wrap;margin-bottom:8px;gap:8px}
.test-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;align-self:flex-end;flex-shrink:0}
.ab-report-export{margin:0;display:flex;min-width:0}
.topbar{height:auto;min-height:64px;padding:12px 32px;gap:12px 24px;flex-wrap:wrap}
.topbar>.row{gap:10px;flex-wrap:wrap;margin-left:auto}
.crumbs{flex-wrap:wrap;gap:8px;min-width:0}
.topbar .meta{font-size:12px;white-space:nowrap}
[data-slot=button]:not([data-size=icon]):not([data-size=icon-sm]):not([data-size=icon-lg]),[data-slot=select-trigger].choice,.ab-export-primary,.ab-lite-btn,.ab-primary,.ab-secondary{min-height:44px;height:auto;border-radius:12px;padding:10px 16px;line-height:1.35}
[data-slot=button][data-size=icon]{width:44px;height:44px;padding:0}
[data-slot=input]{min-height:44px;height:auto;padding:10px 12px}
[data-slot=textarea]{line-height:1.55;padding:12px;resize:vertical}
[data-slot=select-trigger].choice{min-width:0;max-width:100%}
[data-slot=select-value]{overflow:hidden;text-overflow:ellipsis}
.panel,.raw-details,.idea-filters,.ab-report-text,.ab-copy-editor{border-radius:var(--ab-card-radius)}
.form-panel,.variant-card,.upload-card,.ideas-grid .compact-idea{padding:var(--ab-pad)}
.form-panel>h2,.form-panel>h3,.form-panel>.row{margin:0 0 16px;line-height:1.4}
.row.spread{gap:12px;flex-wrap:wrap}
.row h2,.row h3{margin:0}
.fields{gap:16px 20px}
.field{margin-top:16px}
.fields>.field{margin-top:0}
.fields{margin-top:16px}
.field>label{margin-bottom:8px;line-height:1.45}
.help-text{margin:12px 0 16px;line-height:1.6}
.hint{line-height:1.55}
.editor-grid,.variant-grid,.report-detail-grid,.test-grid,.ideas-grid,.upload-grid{gap:24px}
.editor-grid aside h3{line-height:1.4}
.stepper{margin:0 0 24px;gap:4px;padding:8px}
.stepper button{min-width:0;line-height:1.4;gap:8px}
.stepper button span{flex-shrink:0}
.wizard-footer{margin-top:24px;padding-top:20px;gap:16px;flex-wrap:wrap}
.wizard-footer p{margin:0;max-width:600px}
.test-tile{padding:24px;gap:16px}
.test-tile h2{line-height:1.4;margin:0;overflow-wrap:anywhere}
.test-tile>p{margin:0;line-height:1.55}
.test-tile-facts{margin: auto 0 0;gap:8px}
.test-tile-code{white-space:nowrap;flex-shrink:0}
.test-tile-head{flex-wrap:wrap;gap:8px}
.test-tile-action{margin-top:0}
.ideas-grid .compact-idea{gap:12px}
.idea-tags{display:flex;flex-wrap:wrap;gap:6px}
.idea-bottom{margin-top:auto;padding-top:8px}
.idea-title{line-height:1.45;overflow-wrap:anywhere}
.idea-hypothesis{margin:0;line-height:1.5}
.idea-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px;margin-bottom:16px}
.idea-filters .search{grid-column:1/-1;min-width:0}
.idea-filters .choice{width:100%!important}
.search svg{top:50%;transform:translateY(-50%)}
.topic-row{gap:8px;margin:0 0 16px}
.idea-found{margin:0 0 16px}
.decision-panel{padding:24px;gap:20px;margin-bottom:24px;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(0,1fr))}
.decision-main{gap:14px;align-items:flex-start;min-width:0}
.decision-main h2{margin:0 0 8px;line-height:1.35}
.decision-main p{margin:0}
.decision-icon{margin-top:2px}
.metric{padding-left:20px;min-width:0}
.metric strong{font-size:28px;line-height:1.25;overflow-wrap:anywhere}
.report-title{padding:24px;gap:16px;flex-direction:row;flex-wrap:wrap;align-items:center}
.report-title h2{margin:0;font-size:20px}
.report-title>.row{width:auto;min-width:0;margin-left:auto;gap:12px}
.report-title .choice{width:300px;max-width:100%}
.report-panel table{min-width:560px}
.funnel th:first-child{width:30%}
.funnel th,.funnel td{padding:14px 20px!important}
.auto-conclusion{padding:20px 24px;gap:12px}
.auto-conclusion p{margin:6px 0 0}
.report-detail-grid{margin-top:24px}
.raw-details{margin-top:24px;padding:0 24px}
.report-actions{margin-top:24px;gap:12px}
.compare-picker{margin-bottom:24px}
.compare-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.compare-chip{width:100%;max-width:100%;min-width:0;height:auto;min-height:44px;padding:10px 14px}
.compare-control{margin-top:20px;padding-top:20px;gap:12px}
.compare-empty{padding:40px 24px}
.bg-panel{margin:24px 0}
.season-heading{padding:24px 24px 8px;gap:12px}
.season-prompt{padding:0 24px 24px;margin:8px 0 0}
.bg-summary{padding:20px 24px}
.bg-body{padding:0 24px 24px}
.bg-scroll th,.bg-scroll td{padding:12px!important}
.bg-toggle{white-space:normal}
.calendar-heading{gap:16px;align-items:center!important;flex-wrap:wrap}
.calendar-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.calendar-month{min-width:170px;text-align:center}
.calendar-legend{padding:16px 20px;gap:12px;flex-wrap:wrap}
.notice,.error-box{margin:16px 0;padding:16px 20px;gap:12px}
.notice p,.error-box p{margin:0}
[data-slot=dialog-content]{max-width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;gap:20px;overscroll-behavior:contain}
[data-slot=dialog-description]{line-height:1.6}
[data-slot=dialog-footer]{gap:12px;flex-wrap:wrap}
[data-slot=dialog-title]{padding-right:32px;line-height:1.35}
.delete-actions{gap:12px;flex-wrap:wrap}
.ab-report-dialog{width:min(1160px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.ab-report-dialog>header{position:static;min-height:0;padding:24px;border-bottom:1px solid #ebecef;gap:16px}
.ab-report-dialog>header>div{min-width:0}
.ab-report-dialog h2{font-size:23px;line-height:1.35;overflow-wrap:anywhere}
.ab-report-dialog>.ab-report-toolbar{position:sticky;top:0;z-index:2;padding:16px 24px;border-top:0;border-bottom:1px solid #ebecef;gap:12px;box-shadow:0 2px 4px #00000005}
.ab-report-tabs{margin-right:auto;flex-shrink:0;align-self:center}
.ab-report-tabs button{min-height:38px;padding:8px 14px}
.ab-variation-picker{display:flex;gap:8px;align-items:center;min-width:0}
.ab-variation-picker>span{font-size:12px;color:#6d6d78;white-space:nowrap}
.ab-report-toolbar select{width:245px;max-width:100%;min-width:0;height:44px;padding:10px 12px;font-size:14px}
.ab-pencil{width:44px;min-width:44px;padding:0}
.ab-report-body{padding:24px}
.ab-export-status:empty{display:none}
.ab-export-status{padding:16px 24px 0;min-height:0;line-height:1.5}
.ab-report-text{padding:24px}
.ab-report-text section{margin-top:20px}
.ab-report-text h2{margin-top:8px}
.ab-report-text p{line-height:1.6}
.ab-copy-editor{padding:24px;gap:20px}
.ab-copy-field textarea{min-height:80px;box-sizing:border-box}
.ab-copy-field input{min-height:44px;box-sizing:border-box}
.ab-copy-field:has(input[aria-label="Название вариации"]){grid-column:1/-1}
.ab-variation-actions{grid-column:1/-1;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #ebecef}
.ab-copy-editor>.help-text{margin:0}
.ab-copy-labels summary{padding:16px 0}
.ab-account-backdrop,#auth-root{font-family:var(--ab-font)}
.ab-account{font-family:var(--ab-font);padding:24px;max-height:calc(100dvh - 48px);overscroll-behavior:contain}
.ab-account header{gap:16px;align-items:flex-start}
.ab-account h2{font-size:24px;line-height:1.35}
.ab-account header p{margin:8px 0 0}
.ab-access-section{margin-top:24px;padding-top:24px}
.ab-account footer{gap:12px;flex-wrap:wrap}
.ab-member{gap:12px;padding:16px 0}
.ab-login{padding:32px}
.ab-login .ab-brand{margin:20px 0 24px}
.app-footer{padding:20px 32px;gap:12px}
[data-slot=dialog-content] .field{margin-top:0}
@media(max-width:1400px){
 .page-heading:has(.test-heading-actions)>div:first-child{flex-basis:100%}
 .test-heading-actions{width:100%;justify-content:flex-end}
}
@media(max-width:1200px){
 .page-heading:has(.test-heading-actions)>div:first-child{flex-basis:100%}
 .test-heading-actions{width:100%;justify-content:flex-end}
 .decision-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
 .decision-main{grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid #ffffff25}
 .metric{border-left:0;padding-left:0}
 .ab-variation-picker>span{display:none}
}
@media(max-width:1000px){
 .workspace{padding:24px!important}.topbar{padding:12px 24px}
 .idea-filters,.compare-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
 .report-detail-grid,.editor-grid{grid-template-columns:minmax(0,1fr)}
 .ab-report-toolbar>.hint{flex-basis:100%}
 .ab-report-toolbar{justify-content:flex-end}
}
@media(max-width:767px){
 :root{--ab-pad:20px;--ab-space:20px}
 .workspace{padding:20px 16px!important}.topbar{padding:10px 16px;min-height:60px}
 .topbar>.row{gap:8px}.topbar>.row>.meta{display:none}
 .topbar>.row>[data-slot=button]{max-width:180px;overflow:hidden;text-overflow:ellipsis}
 .page-heading{gap:16px;margin-bottom:20px!important}
 .page-heading>div:first-child{min-width:0;flex-basis:100%}
 .page-heading>button{width:auto}
 .test-heading-actions{justify-content:stretch;gap:10px}
 .test-heading-actions>button,.test-heading-actions>.ab-report-export{flex:1}
 .test-heading-actions button{width:100%;white-space:normal}
 .fields.two,.fields.three,.variant-grid,.mapping-grid{grid-template-columns:minmax(0,1fr)}
 .test-grid,.ideas-grid,.upload-grid{gap:20px}
 .decision-panel{padding:20px;gap:16px 12px}
 .decision-main{padding-bottom:16px}
 .metric strong{font-size:23px}.metric span{font-size:11px}
 .report-title{padding:20px;align-items:flex-start}
 .report-title>.row{width:100%;margin-left:0}
 .report-title .choice{flex:1;width:auto}
 .auto-conclusion{padding:20px}
 .report-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .report-actions>*{width:100%;white-space:normal}
 .wizard-footer{align-items:stretch;flex-direction:column}
 .stepper{overflow-x:auto}
 .stepper button{min-width:88px;padding:8px}
 .compare-chips{grid-template-columns:minmax(0,1fr)}
 .compare-chip{width:100%;justify-content:flex-start}
 .compare-chip span{flex:1}
 .compare-control{align-items:stretch}
 .compare-control>.choice{width:100%!important}
 .calendar-toolbar{width:100%;justify-content:space-between}
 .calendar-month{min-width:0;order:0;width:auto;text-align:center}
 .calendar-toolbar>[data-slot=button]:first-child{width:100%}
 .ab-report-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}
 .ab-report-dialog>header{padding:20px;align-items:flex-start}
 .ab-report-dialog>header button{padding:10px 12px}
 .ab-report-dialog>.ab-report-toolbar{padding:12px 16px;position:static;gap:10px;justify-content:flex-start}
 .ab-report-tabs{width:auto;margin:0;flex-basis:100%}
 .ab-variation-picker{flex:1;min-width:0}
 .ab-report-toolbar select{width:100%}
 .ab-report-toolbar>button:not(.ab-pencil){flex:1}
 .ab-report-toolbar>.hint{min-width:0}
 .ab-report-body{padding:16px}
 .ab-report-text,.ab-copy-editor{padding:20px}
 .ab-copy-editor{grid-template-columns:minmax(0,1fr);gap:16px}
 .ab-copy-field,.ab-copy-labels{grid-column:1/-1}
 .ab-variation-actions>button{flex:1 1 140px}
 .ab-export-status{padding:12px 16px 0}
 .ab-account-backdrop{padding:8px}
 .ab-account{padding:20px;max-height:calc(100dvh - 16px)}
 .ab-member span{flex-basis:100%}
 .app-footer{padding:20px 16px}
}
@media(max-width:420px){.idea-filters{grid-template-columns:minmax(0,1fr)}.test-heading-actions{flex-direction:column}.test-heading-actions>.ab-report-export{width:100%}.report-actions{grid-template-columns:minmax(0,1fr)}}