.portal-page.demo-mounted>[data-portal-title],.portal-page.demo-mounted>[data-portal-intro],.portal-page.demo-mounted>[data-portal-open],.portal-page.demo-mounted>a{display:none}
.demo-dashboard{font-size:1rem;line-height:1.55;color:#20271f}
.demo-heading h2{font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.06;letter-spacing:-.05em;margin:.4rem 0 .8rem}
.demo-heading p,.demo-dashboard p{color:#53604f}
.demo-heading p{max-width:65ch;margin:0 0 1rem}
.demo-toolbar,.demo-panel-head,.demo-actions,.demo-row>div:last-child{display:flex;gap:.55rem 1rem;align-items:center;flex-wrap:wrap}
.demo-toolbar{padding:.6rem 0;margin:0 0 1.2rem;border-bottom:1px solid #dce2d7}
.demo-toolbar button{min-height:44px}
.demo-panel-head{justify-content:space-between}
.demo-banner,.demo-warning{padding:.75rem 1rem;border-radius:9px;border:1px solid #dce2d7;background:#eff5e9}
.demo-dashboard .demo-warning{background:#fff6e7;border-color:#ead9b6;color:#70470f}
.demo-feedback:empty{display:none}
.demo-dashboard .demo-feedback:not(:empty){background:#fff0ee;color:#91271d;padding:.65rem .85rem;border-radius:8px}
.demo-panel{padding:clamp(1rem,3vw,1.6rem);border:1px solid #dce2d7;border-radius:14px;background:white;margin:.8rem 0}
.demo-panel h3,.demo-admin-body h3{font-size:1.45rem;line-height:1.2;margin:.35rem 0 .75rem}
.demo-panel h4{margin:.35rem 0 .65rem}
.demo-dashboard form .field{margin:.7rem 0}
.demo-dashboard form .button,.demo-actions .button,.demo-row .button,.demo-nav button{min-height:44px}
.demo-steps,.demo-doors,.demo-metrics{display:grid;gap:.65rem;margin:1rem 0}
.demo-steps{grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0}
.demo-steps li,.demo-doors article,.demo-metrics button{padding:.75rem .85rem;border:1px solid #dce2d7;border-radius:10px;background:#f5f6f1}
.demo-steps li{font-weight:750}
.demo-steps li.done{background:#eff5e9;border-color:#a1bb95;color:#28531d}
.demo-steps li span{display:block;color:#496341;font-size:.8rem;margin-bottom:.15rem}
.demo-doors,.demo-metrics{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.demo-doors article code{display:block;font-size:1rem;font-weight:750;overflow-wrap:anywhere;margin:.55rem 0 0}
.demo-metrics button{font:inherit;color:inherit;text-align:left;cursor:pointer}
.demo-metrics button strong{display:block;font-size:1.8rem;color:#28531d}
.demo-tag{display:inline-flex;white-space:normal;padding:.22rem .55rem;border-radius:999px;background:#edf0e9;color:#394633;font-size:.85rem;font-weight:750}
.demo-tag:is([data-status="active"],[data-status="verified"],[data-status="ready"],[data-status="available"],[data-status="paid"]){background:#e5f1de;color:#28531d}
.demo-tag:is([data-status="rejected"],[data-status="error"],[data-status="declined"]){background:#fff0ee;color:#91271d}
.demo-tag:is([data-status="held"],[data-status="pending"],[data-status="correction"]){background:#fff6e7;color:#70470f}
.demo-form-grid,.demo-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr) auto;gap:.7rem;align-items:end;margin:.75rem 0}
.demo-form-grid .button{margin-bottom:.7rem}
.demo-total{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem 1rem;margin:.75rem 0}
.demo-total strong{font-size:clamp(1.65rem,4vw,2.4rem);color:#28531d}
.demo-history{margin:.85rem 0;border-top:1px solid #dce2d7;padding:.5rem 0}
.demo-history summary{cursor:pointer;font-weight:750;padding:.4rem 0}
.demo-admin-grid{display:grid;grid-template-columns:minmax(145px,215px) minmax(0,1fr);gap:1rem}
.demo-nav{display:flex;flex-direction:column;gap:.35rem}
.demo-nav button{padding:.5rem .8rem;text-align:left;border:1px solid #dce2d7;border-radius:8px;background:#fff;color:#20271f;font:inherit;font-weight:750;cursor:pointer}
.demo-nav button[aria-pressed="true"]{background:#376d28;border-color:#376d28;color:white}
.demo-admin-body{min-width:0;padding:clamp(.75rem,2vw,1.25rem);background:#f5f6f1;border:1px solid #dce2d7;border-radius:12px}
.demo-row{display:flex;justify-content:space-between;align-items:center;gap:.7rem 1rem;flex-wrap:wrap;margin:.45rem 0;padding:.65rem .85rem;background:#fff;border:1px solid #dce2d7;border-radius:8px;overflow-wrap:anywhere}
.demo-row p{margin:.2rem 0;font-size:.9rem}
.demo-stock-actions{flex-basis:100%}
.demo-stock-actions summary{width:fit-content;cursor:pointer}
.demo-stock-actions .demo-form-grid{grid-template-columns:minmax(0,1fr) auto;max-width:38rem}
.demo-location-copy{white-space:pre-line;overflow-wrap:anywhere}
.demo-entrance{min-width:0;border:1px solid #dce2d7;border-radius:8px;margin:1rem 0;padding:.8rem 1rem}
.demo-location-coordinates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem}
.demo-order-row .demo-actions{flex-basis:100%}
.demo-empty{padding:1rem;border:1px dashed #c8d0c5;border-radius:8px}
.demo-dashboard button:focus-visible,.demo-dashboard input:focus-visible,.demo-dashboard select:focus-visible{outline:2px solid #376d28;outline-offset:3px}
@media(max-width:720px){
  .demo-admin-grid{grid-template-columns:minmax(0,1fr)}
  .demo-nav{flex-direction:row;flex-wrap:wrap}
  .demo-form-grid,.demo-search,.demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-form-grid .button{grid-column:1/-1}
  .demo-dashboard .demo-actions .button{white-space:normal}
}
@media(max-width:385px){.demo-form-grid,.demo-search{grid-template-columns:minmax(0,1fr)}}

.demo-client-nav{flex-flow:row wrap;margin:.75rem 0 1rem}
.demo-nav button{min-height:44px}
.demo-doors details summary{cursor:pointer;margin-top:.65rem;min-height:32px}
.demo-doors .text-button{min-height:44px}
.demo-tag[data-status="rotation_pending"]{background:#fff6e7;color:#70470f}

.demo-estimate{display:block;font-weight:750;color:#28531d;grid-column:1/-1}
.demo-tariff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.65rem}
.demo-dashboard textarea{display:block;width:100%;font:inherit;color:inherit;border:1px solid #c8d0c5;border-radius:8px;padding:.7rem;background:#fff;resize:vertical}

.demo-rotation-form{width:min(100%,24rem);min-width:0}
.demo-rotation-form .field input{width:100%;font-size:1rem}
.demo-rotation-form .text-button{min-height:44px}