@scope (.journey-host) {
:scope{--ink:#242624;--muted:#6b6e6a;--line:#d8dad4;--canvas:#f1f2ee;--brand:#176951;--paper:#fff;--soft:#f6f6f3}*{box-sizing:border-box}:scope{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand)}button{cursor:pointer;padding:10px 15px;border:1px solid #bbbeb7;border-radius:4px;background:white;color:var(--ink);font-weight:550}button:hover{background:#eceee8}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--ink);border-color:var(--ink);color:white}button.primary:hover{background:#444844}button.quiet{border-color:transparent;background:transparent;padding-left:0}.studio{display:flex;gap:30px;align-items:center;padding:18px 32px;border-bottom:1px solid var(--line);background:white;min-height:80px}.brand{font-size:26px;color:#172e35;font-weight:750;text-decoration:none;letter-spacing:-1.3px;white-space:nowrap}.brand span{color:var(--brand)}.studio-label{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--muted)}.studio-label span{margin:0 12px}.studio-actions{display:flex;gap:8px;margin-left:auto}.studio-actions button{font-size:12px;border-color:transparent}.studio-actions button.active{background:var(--canvas);border-color:var(--line)}main{max-width:1500px;margin:auto;padding:38px 32px 70px}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1px;line-height:1.2;font-weight:620}h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;font-weight:620}h3{font-size:16px;font-weight:650}p{margin:10px 0 20px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--muted);margin-bottom:10px}.intro{max-width:770px}.intro p{font-size:16px}.legend{display:flex;gap:22px;margin:24px 0;font-size:12px;color:var(--muted);flex-wrap:wrap}.legend b{color:var(--ink)}.journey{border-top:1px solid var(--line)}.phase{display:grid;grid-template-columns:200px 1fr;gap:28px;border-bottom:1px solid var(--line);padding:26px 0}.phase-title{padding-top:8px}.phase-title p{font-size:12px;color:var(--muted);max-width:175px}.nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.node{position:relative;background:white;text-align:left;padding:18px;border:1px solid #bfc3bb;min-height:153px;border-radius:4px;font-weight:400}.node:hover{border-color:#333;background:white;box-shadow:0 3px 0 #d2d6ca}.node-number{font-size:11px;color:var(--muted);font-family:monospace}.node h3{margin:12px 0 5px}.node p{font-size:12px;color:var(--muted);margin:0 0 12px}.node .next{font-size:11px;font-weight:650}.node:not(:last-child):after{content:'→';position:absolute;right:-16px;top:65px;font-size:15px;color:#74786e;z-index:1}.overview-bottom{display:flex;justify-content:space-between;gap:30px;margin:25px 0}.return-path{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.return-path article{border-top:2px solid #a7aca1;padding-top:16px}.return-path p{font-size:13px;color:var(--muted)}.contract{margin-top:30px;color:var(--muted);font-size:12px;max-width:900px}.workbench{display:grid;grid-template-columns:195px minmax(0,1fr) 225px;gap:28px}.rail-title{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:0 0 15px}.rail button{display:flex;width:100%;gap:10px;text-align:left;padding:10px;border:0;border-radius:4px;background:transparent;font-weight:400;font-size:12px;margin-bottom:3px}.rail button.active{background:#e1e4dc;font-weight:650}.rail .phase-divider{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:20px 10px 8px}.rail .phase-divider:first-child{margin-top:0}.rail button span{font-family:monospace;color:var(--muted)}.frame-wrap{min-width:0}.frame-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:10px;gap:10px}.frame{background:white;border:1px solid #bfc3bb;min-height:570px;box-shadow:0 6px 20px #22222205}.product-head{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:1px solid var(--line);gap:20px}.product-head .brand{font-size:23px}.product-head .account{font-size:12px;color:var(--muted)}.product-content{padding:32px;min-height:420px}.product-content>p{color:var(--muted);max-width:550px}.product-content h1{font-size:29px;letter-spacing:-.6px}.product-content h2{font-size:22px}.product-content h3{font-size:15px}.progress-label{font-size:11px;color:var(--muted);margin-bottom:20px;display:flex;gap:12px;align-items:center}.progress-line{display:flex;gap:4px;flex:1;max-width:140px}.progress-line i{background:#d9ddd4;height:3px;flex:1}.progress-line i.done{background:#3e443c}.product-bottom{padding:18px 26px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.actions{display:flex;gap:12px;margin-top:25px;align-items:center;flex-wrap:wrap}.notes{padding-top:25px}.notes section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.notes h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.notes p{font-size:13px;margin:8px 0 0}.notes ul{padding-left:16px;font-size:12px}.screen-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:15px}.screen-navigation button{font-size:12px;background:transparent}.placeholder{background:repeating-linear-gradient(135deg,#fafaf7,#fafaf7 8px,#f2f3ee 8px,#f2f3ee 9px);border:1px dashed #b8bcb2;padding:25px;text-align:center;color:var(--muted);margin:24px 0;font-size:12px}.value-list{list-style:none;padding:0;margin:24px 0}.value-list li{padding:12px 0;border-bottom:1px solid #eceee7;display:flex;gap:15px}.value-list span{font-family:monospace;color:var(--muted);font-size:12px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.plan{padding:15px 12px;border:1px solid var(--line)}.plan.selected{border:2px solid #343a31;padding:14px 11px}.plan .price{font-size:25px;font-weight:650;white-space:nowrap;margin:12px 0 0}.plan p{font-size:11px;color:var(--muted);margin:5px 0 15px}.plan ul{font-size:12px;padding-left:15px;min-height:85px}.plan button{width:100%;padding:8px;font-size:12px}.help{font-size:11px;color:var(--muted);margin-top:18px!important}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}label{display:grid;gap:6px;font-size:12px;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #b9bfb2;border-radius:3px;padding:10px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:85px}.choice{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:12px}.choice input{width:auto;accent-color:#3d4439;margin-top:3px}.summary{padding:16px;background:var(--soft);border:1px solid var(--line);margin:18px 0;font-size:13px}.summary p{margin-bottom:0}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.document-row{padding:16px 0;border-bottom:1px solid var(--line)}.document-row button{font-size:11px;padding:7px 10px}.status{font-size:11px;border:1px solid #bfc3ba;padding:3px 6px;display:inline-block;background:#fafbf7}.list-item{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:14px;align-items:flex-start}.list-item input{width:auto;margin-top:5px;accent-color:#333}.list-item p{font-size:12px;color:var(--muted);margin:4px 0 9px}.list-item label{flex:1;display:block;cursor:pointer}.list-item:has(input:checked){background:#f7f8f3}.table-scroll{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}th{font-weight:550;color:var(--muted)}.document-preview{border:1px solid #bbb;padding:24px;margin:20px 0}.document-preview .bar{height:7px;background:#ddd;margin:9px 0}.document-preview .bar.short{width:60%}.document-preview p{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin:20px 0}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;background:transparent;font-size:12px}.tabs button.active{border-bottom-color:#333}.admin-nav{border-right:1px solid var(--line);padding:20px 15px;background:#fafaf8;min-width:140px}.admin-nav div{font-size:12px;padding:9px 0}.admin-layout{display:flex}.admin-layout .product-content{flex:1;min-width:0}.admin-table input{min-width:55px;padding:6px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;background:#222;color:white;padding:14px 24px;border-radius:4px;z-index:10;font-size:13px}.error{font-size:12px;border-left:3px solid #333;padding:10px;background:#f0f1ed;margin:16px 0}.desktop-only{display:initial}@media(min-width:1500px){main{padding-top:45px}.frame{min-height:620px}}@media(max-width:1150px){.workbench{grid-template-columns:170px minmax(0,1fr)}.notes{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0}.notes section{margin:0}.notes section:last-child{grid-column:1/-1}.studio-label{display:none}}@media(max-width:760px){.studio{padding:14px 18px;gap:15px;flex-wrap:wrap}.studio-actions{margin-left:0;gap:0}.studio-actions button{padding:8px;font-size:11px}main{padding:26px 16px 45px}h1{font-size:29px}.phase{grid-template-columns:1fr;gap:10px;padding:22px 0}.phase-title p{max-width:none;margin:5px 0}.nodes{grid-template-columns:1fr;gap:10px}.node{min-height:0;padding:15px 18px}.node h3{margin:6px 0}.node:not(:last-child):after{display:none}.return-path{grid-template-columns:1fr}.overview-bottom{flex-direction:column}.workbench{grid-template-columns:1fr}.rail{display:none}.notes{grid-column:1;grid-template-columns:1fr}.notes section:last-child{grid-column:1}.product-content{padding:24px 18px}.product-head,.product-bottom{padding:15px 18px}.product-content h1{font-size:25px}.plans{grid-template-columns:1fr}.plan ul{min-height:0}.fields{grid-template-columns:1fr}.frame-meta{font-size:10px}.screen-navigation{flex-wrap:wrap}.admin-layout{display:block}.admin-nav{display:none}.desktop-only{display:none}.frame{min-height:0}.row{flex-wrap:wrap}.product-bottom{flex-wrap:wrap}}
/* Product inventory tree: hierarchy first, details on demand. */
.scope-boundary{border-left:3px solid #555f50;background:#e7eae2;padding:14px 18px;max-width:980px;font-size:13px;margin:24px 0 18px}.scope-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-width:1050px}.scope-state{font-size:11px;padding:3px 7px;border:1px solid #ccd0c5;background:#f8f9f5;white-space:nowrap;border-radius:3px;color:#4c5446;display:inline-block}.scope-state.wire{background:#e7eee3;color:#2d5034;border-color:#b7c6af}.scope-state.open,.scope-state.external{background:#f4efdf;color:#715e32;border-color:#d8cfae}.scope-state.excluded{color:#73756f;background:#e9ebe6}.scope-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.scope-tools button{font-size:12px}.scope-tools .choice{margin:0;font-size:12px}.scope-tree{max-width:1150px}.scope-root{display:flex;align-items:center;gap:24px;border:1px solid #b8bfb1;background:white;padding:18px 22px;max-width:620px}.scope-branches,.scope-leaves{list-style:none;margin:0;padding:0 0 0 30px}.scope-branches>li,.scope-leaves>li{position:relative;border-left:1px solid #b8c0b1;padding:16px 0 0 25px}.scope-branches>li:before,.scope-leaves>li:before{content:'';position:absolute;left:0;top:40px;width:25px;border-top:1px solid #b8c0b1}.scope-branches>li:last-child,.scope-leaves>li:last-child{border-left-color:transparent}.scope-branches>li:last-child:after,.scope-leaves>li:last-child:after{content:'';position:absolute;left:-1px;top:0;height:40px;border-left:1px solid #b8c0b1}.scope-group{border:1px solid #cdd2c7;background:#fafbf7;border-radius:4px}.scope-group>summary,.scope-item>summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px;list-style:none}.scope-group>summary::-webkit-details-marker,.scope-item>summary::-webkit-details-marker{display:none}.scope-group>summary:before,.scope-item>summary:before{content:'+';font:18px monospace;color:#68725e;flex-shrink:0}.scope-group[open]>summary:before,.scope-item[open]>summary:before{content:'−'}.scope-group>summary:hover,.scope-item>summary:hover{background:#eef1e8}.scope-group summary:focus-visible,.scope-item summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.scope-index{font:12px monospace;color:var(--muted)}.scope-group-title{font-size:16px;font-weight:650;flex:1}.scope-group-title small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.scope-count{font-size:11px;color:var(--muted)}.scope-leaves{margin:0 18px 18px 10px;padding-left:18px}.scope-leaves>li{padding-top:10px;padding-left:18px}.scope-leaves>li:before{top:33px;width:18px}.scope-leaves>li:last-child:after{height:33px}.scope-item{background:white;border:1px solid #d9ddd2;border-radius:3px}.scope-item>summary{padding:12px;font-size:13px;flex-wrap:wrap}.scope-item-title{flex:1;min-width:180px;font-weight:550}.scope-detail{padding:0 18px 20px 37px}.scope-detail dl{display:grid;grid-template-columns:155px 1fr;gap:12px 20px;font-size:13px;margin:10px 0 20px}.scope-detail dt{color:var(--muted)}.scope-detail dd{margin:0;max-width:690px}.scope-detail button{font-size:12px}.scope-next{border-top:1px solid var(--line);padding-top:24px;margin-top:35px;max-width:1000px}.scope-next p{font-size:13px}@media(max-width:760px){.scope-branches,.scope-leaves{padding-left:9px}.scope-branches>li{padding-left:12px}.scope-branches>li:before{width:12px}.scope-leaves{margin-left:0;margin-right:8px}.scope-leaves>li{padding-left:10px}.scope-leaves>li:before{width:10px}.scope-index{display:none}.scope-count{display:none}.scope-group>summary{padding:12px}.scope-group-title{font-size:14px}.scope-item>summary{gap:7px}.scope-item-title{min-width:130px}.scope-state{white-space:normal}.scope-detail{padding:0 12px 16px}.scope-detail dl{grid-template-columns:1fr;gap:5px}.scope-detail dd{margin-bottom:10px}.scope-root{gap:14px}.scope-root .small{font-size:11px}.scope-tools{gap:8px}.scope-tools .choice{width:100%;margin-top:7px}}

/* Shares the customer's monochrome wireframe primitives. */
.admin-demo { min-width: 0; }
.admin-demo .admin-publication-state { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 18px; }
.admin-demo .tabs { gap: 20px; overflow-x: auto; }
.admin-demo .tabs button { white-space: nowrap; }
.admin-offer-editors { display: grid; gap: 20px; }
.admin-offer-editor { padding: 20px; border: 1px solid var(--line); background: var(--paper); display: grid; gap: 16px; }
.admin-offer-heading, .admin-history-heading { display: flex; gap: 15px; align-items: baseline; justify-content: space-between; flex-wrap: wrap; }
.admin-number-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.admin-offer-editor textarea { min-height: 80px; }
.admin-offer-editor fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.admin-offer-editor legend { font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.admin-offer-editor .choice { margin: 9px 0 0; }
.admin-offer-editor .choice input { flex: 0 0 auto; }
.admin-offer-editor [aria-invalid="true"] { border-width: 2px; border-color: #454943; background: #f6f6f3; }
.admin-field-error { font-size: 11px; font-weight: 600; }
.admin-preview-frame { padding: 20px; border: 1px solid var(--line); }
.admin-customer-cards { min-width: 0; }
.admin-customer-cards .plan { display: flex; flex-direction: column; min-width: 0; }
.admin-customer-cards .plan h3, .admin-customer-cards .admin-offer-copy { overflow-wrap: anywhere; }
.admin-customer-cards .plan ul { flex: 1; }
.admin-customer-cards .plan .price { font-size: clamp(20px, 2vw, 25px); white-space: normal; }
.admin-customer-cards .admin-offer-copy { font-size: 12px; color: var(--ink); }
.admin-preview-action { display: block; padding: 8px; border: 1px dashed #9da397; font-size: 11px; text-align: center; }
.admin-history { list-style: none; padding: 0; margin: 0; }
.admin-history > li { padding: 20px; border: 1px solid var(--line); margin-bottom: 20px; }
.admin-history .table-scroll { margin-top: 8px; }
.admin-history table th:first-child { min-width: 80px; overflow-wrap: anywhere; }
.admin-history details { margin: 16px 0; }
.admin-history details summary { cursor: pointer; font-size: 12px; }
.admin-history details p { overflow-wrap: anywhere; }
.admin-history button { font-size: 12px; }
.admin-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width: 1700px) { .admin-offer-editors { grid-template-columns: repeat(3, minmax(0, 1fr)); } .admin-number-fields { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .admin-demo .tabs { gap: 16px; }
  .admin-demo .tabs button { font-size: 11px; }
  .admin-offer-editor, .admin-history > li, .admin-preview-frame { padding: 14px; }
  .admin-number-fields { grid-template-columns: 1fr; }
  .admin-customer-cards .plan .price { font-size: 25px; }
  .admin-demo .actions button { width: 100%; }
  .admin-history table { font-size: 11px; }
  .admin-history th, .admin-history td { padding: 9px 4px; }
}

.demo-session{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:28px;font-size:11px;color:var(--muted)}.demo-session button{white-space:nowrap;font-size:11px}.field-error{font-size:12px;color:#783d2a}input[aria-invalid=true],select[aria-invalid=true]{border:2px solid #875843}.empty-state{padding:25px 0}.empty-state h2{margin-bottom:14px}.empty-state p{max-width:520px}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-actions button{font-size:12px;padding:7px 11px}.job-:scope{flex:1;min-width:0}.job-:scope label{display:block;cursor:pointer}.application-list{margin-top:24px}.application-row{border-top:1px solid var(--line);padding:22px 0}.application-row .actions{margin-top:15px}.application-row .summary{margin:12px 0}.blockers{padding-left:18px;color:#6b5540;font-size:12px}.status.done{background:#edf2e9;color:#365633}.status.pending{background:#f6f0e6;color:#735c3e}.simulation{margin-top:24px;border-top:1px dashed var(--line);padding-top:14px;font-size:12px;color:var(--muted)}.simulation summary{cursor:pointer}.application-chooser{max-width:330px;margin-bottom:25px}.review-checks{display:flex;flex-wrap:wrap;gap:7px 24px;margin:20px 0}.review-checks .choice{margin:0}.progress-summary{display:flex;gap:15px;flex-wrap:wrap;border-block:1px solid var(--line);padding:16px 0;margin:24px 0}.progress-summary span{font-size:12px;color:var(--muted)}.progress-summary b{font-size:19px;color:var(--ink);margin-right:4px}.filters-grid{gap:12px}.product-content .table-scroll button{font-size:11px;padding:7px 10px}.product-head .account{display:flex;gap:12px;align-items:center}.product-head .account button{font-size:11px;padding:5px 9px}.table-scroll:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.product-content .error{overflow-wrap:anywhere}.review-checks input{flex-shrink:0}.admin-demo input[type=checkbox]{width:auto}.scope-state.demo{background:#e5eee2;color:#2c5232;border-color:#b5c7ac}@media(max-width:760px){.demo-session{align-items:flex-start;gap:8px;flex-direction:column}.review-checks{flex-direction:column;gap:15px}.application-row .row{align-items:flex-start}.application-row h3{font-size:14px}.inline-actions button{min-height:36px}.progress-summary{gap:12px}.product-head .account{gap:7px;flex-wrap:wrap;justify-content:flex-end}.product-content .plans{grid-template-columns:1fr}.product-content .fields{grid-template-columns:1fr}.table-scroll{max-width:100%}}

/* Same quiet wireframe language; product navigation is separate from test controls. */
:scope.app-mode .studio{display:none}:scope.app-mode #workspace{max-width:1560px;padding:0 24px 40px}.app-demo-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:11px;color:var(--muted)}.app-demo-bar button{font-size:12px;padding:7px 12px}.app-layout{display:flex;align-items:flex-start;gap:22px}.app-main{flex:1;min-width:0;background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.app-header{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-nav{display:flex;gap:10px;flex-wrap:wrap;border-block:1px solid var(--line);padding:7px 24px}.app-nav button{border:0;background:transparent;padding:10px 14px;font-size:13px}.app-nav button.active{background:#e9eee5}.app-page{padding:26px 36px 40px;min-height:560px}.app-page>h1{font-size:32px;max-width:820px}.app-page>p{max-width:760px;color:var(--muted)}.app-page .product-content{padding:0;min-height:0}.app-path{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);margin-bottom:24px}.app-path button{font-size:11px;padding:4px}.app-related{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.app-related button{font-size:12px}.app-footer{display:flex;flex-wrap:wrap;gap:15px;padding:18px 30px;border-top:1px solid var(--line)}.app-footer button{background:transparent;border:0;font-size:12px;padding:5px}.app-account{position:relative;font-size:13px}.app-account>summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:4px}.app-account>div{position:absolute;right:0;z-index:4;top:100%;min-width:205px;background:white;border:1px solid var(--line);box-shadow:0 8px 15px #0001;padding:10px;display:grid;gap:5px}.app-account button{border:0;text-align:left}.test-panel{width:360px;flex-shrink:0;background:#f9faf6;border:1px solid #c4ccbd;padding:20px;max-height:calc(100vh - 76px);overflow:auto;position:sticky;top:16px;border-radius:5px}.test-panel h2{font-size:19px}.test-panel h3{font-size:15px}.test-panel p,.test-panel ol{font-size:12px;color:var(--muted)}.test-panel .row button{font-size:10px;padding:5px 8px}.test-panel .tabs{gap:16px}.test-panel label{margin:15px 0}.test-panel .actions button{font-size:11px;padding:8px}.test-group{margin:12px 0;border-top:1px solid var(--line);padding-top:10px}.test-group>summary{font-size:12px;font-weight:650;cursor:pointer}.test-leaf{width:100%;text-align:left;display:grid;gap:4px;border:0;border-left:2px solid #ccd2c6;border-radius:0;margin:8px 0;padding:8px 10px;font-size:12px;background:white;font-weight:450}.test-leaf small{font-size:10px;color:var(--muted)}.test-workshop{display:grid;gap:7px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.test-workshop button{font-size:11px}.scenario-buttons{display:grid;gap:8px;margin:15px 0}.scenario-buttons button{font-size:12px}.app-page .table-scroll{max-width:100%}.app-page .fields{max-width:850px}.app-page form{max-width:850px}.app-page label{max-width:850px}.app-page section{min-width:0}.app-page .error{overflow-wrap:anywhere}.app-page .summary{overflow-wrap:anywhere}.app-page .operations-demo .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.app-page table button{font-size:11px}.app-page .notice{padding:15px;border:1px solid var(--line);background:var(--soft);margin:18px 0}.app-page input[type=checkbox]{width:auto}
@media(min-width:1300px){.app-layout.with-sidebar .app-main{display:grid;grid-template-columns:170px 1fr}.with-sidebar .app-header,.with-sidebar .app-footer{grid-column:1/-1}.with-sidebar .app-nav{display:flex;flex-direction:column;align-items:stretch;border-right:1px solid var(--line);padding:18px 10px;border-bottom:0}.with-sidebar .app-nav button{text-align:left}.with-sidebar .app-page{border-top:1px solid var(--line)}}
@media(max-width:1050px){.app-layout{flex-direction:column}.app-main{width:100%}.test-panel{width:100%;max-height:45vh;min-height:220px;position:static;order:-1}.test-panel .test-group{display:inline-block;vertical-align:top;width:calc(50% - 12px);margin:8px 6px}.app-header{padding:20px 24px}.app-page{padding:24px}.app-page .admin-offer-editors{grid-template-columns:1fr}.app-page .plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){:scope.app-mode #workspace{padding:0 12px 28px}.app-demo-bar{font-size:10px;align-items:flex-start}.app-demo-bar>span{max-width:210px}.app-demo-bar button{white-space:nowrap;font-size:11px}.app-header{padding:18px}.app-header .brand{font-size:25px}.app-nav{padding:5px 10px;gap:0}.app-nav button{padding:10px;font-size:12px}.app-page{padding:18px;min-height:460px}.app-page>h1{font-size:27px}.app-page .plans{grid-template-columns:1fr}.app-page .table-scroll{overflow:auto}.test-panel{padding:15px}.test-panel .test-group{display:block;width:100%;margin:12px 0}.app-footer{padding:15px}.app-path{margin-bottom:20px}.app-page .operations-demo .cards{grid-template-columns:1fr}.app-page .row{flex-wrap:wrap}.app-related{gap:8px}.app-page .fields{grid-template-columns:1fr}.app-page input,.app-page select,.app-page textarea{min-width:0}.app-page .tabs{gap:10px;flex-wrap:wrap}}

}