.demo-device-picker{display:flex;justify-content:center;gap:4px;margin:0 auto 10px;padding:5px;border:1px solid #deceb7;border-radius:15px;width:max-content;background:#fffaf1}
.demo-device-picker button{padding:11px 24px;border:0;border-radius:10px;background:transparent;color:#304936;font:800 15px Manrope,sans-serif;cursor:pointer}
.demo-device-picker button[aria-pressed=true]{background:#304936;color:white}
.demo-device-note{text-align:center;color:#645d53;font-size:13px;margin:0 0 24px}
.demo-mobile-header,.demo-mobile-nav,.demo-mobile-summary{display:none}
.demo-status-tiles .demo-mobile-total{display:none}
.is-mobile-demo .demo-status-tiles .demo-mobile-total{display:block;grid-column:1/-1;min-height:90px}
.is-mobile-demo .demo-status-tiles .demo-mobile-total em{display:block;font-size:11px;font-style:normal}
.demo-new-request[hidden]{display:none}
.is-mobile-demo.desktop-demo-shell{display:block;position:relative;width:min(100%,414px);min-height:0;margin:0 auto;border:6px solid #334534;border-radius:32px;overflow:hidden;background:#fbfaf6;box-shadow:0 16px 45px #24362620}
.is-mobile-demo .demo-app-sidebar,.is-mobile-demo .demo-view-switch,.is-mobile-demo .demo-dashboard-heading,.is-mobile-demo .demo-dashboard-date,.is-mobile-demo .demo-dashboard-lower,.is-mobile-demo .demo-column-head,.is-mobile-demo .demo-queue-actions,.is-mobile-demo .demo-advanced{display:none}
.is-mobile-demo .demo-app-main{padding:0;min-width:0;height:650px;max-height:76vh;overflow:auto;background:#fbfaf6}
.is-mobile-demo .demo-mobile-header{display:flex;align-items:center;gap:10px;padding:16px 12px;background:#fbfaf6;position:sticky;top:0;z-index:3;border-bottom:1px solid #e8ddcb}
.demo-mobile-mark{font-size:22px;font-weight:900;border:1px solid #dfd2bd;border-radius:12px;padding:8px;color:#618331}
.demo-mobile-header strong{font-size:18px;color:#263c2d}
.demo-mobile-header button{margin-left:auto;border:1px solid #d7b88f;border-radius:11px;background:#fffaf2;color:#254b36;padding:9px;font-weight:800;white-space:nowrap;min-height:44px}
.demo-mobile-header button[hidden]{display:none}
.is-mobile-demo .demo-mobile-summary{display:block;background:linear-gradient(135deg,#294e38,#32996b);color:white;border-radius:24px;padding:20px;margin:12px}
.demo-mobile-summary>span{font-size:11px;font-weight:800;letter-spacing:.06em;color:#ffe9be}
.demo-mobile-summary h3{font-size:25px;margin:10px 0 16px;color:white}
.demo-mobile-summary>div{display:flex;gap:10px}
.demo-mobile-summary button{flex:1;border:1px solid #ffffff50;background:#ffffff18;color:white;border-radius:15px;padding:12px;font-weight:800}
.demo-mobile-summary button b{display:block;font-size:28px}
.demo-mobile-summary p{font-size:13px;color:white;margin-bottom:0}
.is-mobile-demo .demo-dashboard-panel{margin:12px;padding:12px;border-radius:22px}
.is-mobile-demo .demo-panel-heading h3{font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.is-mobile-demo .demo-panel-heading .demo-app-kicker,.is-mobile-demo .demo-panel-heading>button{display:none}
.is-mobile-demo .demo-status-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.is-mobile-demo .demo-status-tiles button{display:block;padding:16px 12px;min-height:100px;text-align:left}
.is-mobile-demo .demo-status-tiles .demo-tile-icon,.is-mobile-demo .demo-status-tiles em,.is-mobile-demo .demo-status-tiles button>b{display:none}
.is-mobile-demo .demo-status-tiles button>span{display:flex;flex-direction:column-reverse}
.is-mobile-demo .demo-status-tiles .demo-mobile-total>span{flex-direction:column}
.is-mobile-demo .demo-status-tiles .demo-mobile-total strong{order:-1}
.is-mobile-demo .demo-status-tiles small{font-size:11px;text-transform:uppercase}
.is-mobile-demo .demo-status-tiles strong{font-size:30px}
.is-mobile-demo .demo-mobile-nav{display:flex;background:#fffcf6;border-top:1px solid #dfd2bd;padding:8px;gap:8px}
.demo-mobile-nav button{flex:1;min-height:66px;border:0;border-radius:17px;background:transparent;color:#554d40;font-size:24px;cursor:pointer}
.demo-mobile-nav button span{display:block;font-size:11px;font-weight:800}
.demo-mobile-nav button.is-selected{background:#ea841d;color:white}
.is-mobile-demo .demo-queue-view,.is-mobile-demo .demo-request-detail,.is-mobile-demo .demo-new-request{padding:12px;margin:0;min-width:0}
.is-mobile-demo .demo-queue-heading h2{font-size:18px}
.is-mobile-demo .demo-queue-heading p,.is-mobile-demo .demo-queue-heading .demo-app-kicker{display:none}
.is-mobile-demo .demo-filters{overflow:auto;max-width:100%;padding:8px}
.is-mobile-demo .demo-filters>div{display:flex;flex-wrap:wrap;gap:5px}
.is-mobile-demo .demo-filters button:disabled,.is-mobile-demo .demo-search{display:none}
.is-mobile-demo .demo-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px;padding:14px;text-align:left;min-width:0;position:relative}
.is-mobile-demo .demo-request-row .demo-request-accent{position:absolute;left:0;top:0;bottom:0;width:4px}
.is-mobile-demo .demo-request-row .demo-row-title{grid-column:1/-1;grid-row:1;white-space:normal;font-size:14px;overflow-wrap:anywhere}
.is-mobile-demo .demo-request-row .demo-row-location{grid-column:1;grid-row:2;font-size:12px;white-space:normal;overflow-wrap:anywhere;border-left:0;line-height:1.4}
.is-mobile-demo .demo-request-row>span:nth-child(6){grid-column:2;grid-row:2;align-self:start;border-left:0;text-align:right}
.is-mobile-demo .demo-request-row>span:nth-child(4),.is-mobile-demo .demo-request-row>span:nth-child(5),.is-mobile-demo .demo-request-row>span:nth-child(7),.is-mobile-demo .demo-request-row>span:nth-child(8){display:none}
.is-mobile-demo .demo-detail-grid{grid-template-columns:1fr 1fr}
.is-mobile-demo .demo-detail-head{display:block}
.is-mobile-demo .demo-detail-head h3{font-size:20px;overflow-wrap:anywhere}
.is-mobile-demo .demo-detail-toolbar>span{display:none}
.is-mobile-demo .demo-detail-content{padding:10px}
.is-mobile-demo .demo-detail-actions{display:flex;flex-wrap:wrap}
.demo-new-request h2{font-size:25px;margin:14px 0 6px}
.demo-new-request p{font-size:14px}
.demo-mobile-steps{color:#945212;background:#fff7e7;padding:12px;border-radius:16px;font-size:12px;font-weight:800;text-align:center}
.demo-new-request label{display:block;margin:18px 0;font-weight:800;font-size:14px;color:#665f52}
.demo-new-request small{font-weight:500}
.demo-new-request input,.demo-new-request select,.demo-new-request textarea{display:block;box-sizing:border-box;width:100%;padding:13px;border:1px solid #ded4c1;border-radius:13px;background:white;font:16px Manrope,sans-serif;margin-top:8px}
.demo-new-request .btn{width:100%}
.demo-sample-note{font-size:12px!important;color:#6d6559}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request{max-width:820px;margin:0 auto;padding:16px 24px 28px}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request .demo-mobile-steps{display:none}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request>h2{margin-top:2px}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request label{margin:10px 0}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request label:nth-of-type(5),.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request label:nth-of-type(6),.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request .btn,.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request .demo-sample-note{grid-column:1/-1}
.desktop-demo-shell:not(.is-mobile-demo) .demo-new-request textarea{min-height:86px;resize:vertical}
#demoQrDialog{box-sizing:border-box;width:min(92vw,370px);max-height:85vh;overflow:auto;border:1px solid #ddceb8;border-radius:24px;background:#fffdf8;padding:22px;text-align:center}
#demoQrDialog::backdrop{background:#24362688}
#demoQrDialog img{box-sizing:border-box;display:block;max-width:100%;height:auto;padding:20px;background:white;margin:12px auto}
#demoQrDialog img[hidden]{display:none}
#closeDemoQr{float:right;min-width:44px;min-height:44px;border:1px solid #ddd;border-radius:12px;background:white}
#demoQrFeedback{overflow-wrap:anywhere}
@media(max-width:450px){.is-mobile-demo.desktop-demo-shell{border-width:3px}.is-mobile-demo .demo-mobile-header{gap:6px}.demo-mobile-header strong{font-size:16px}.demo-mobile-header button{font-size:11px}.demo-mobile-mark{font-size:18px;padding:6px}}
@media(min-width:701px){
  .is-mobile-demo.desktop-demo-shell{width:min(100%,350px);border-width:5px;border-radius:27px}
  .is-mobile-demo .demo-app-main{height:min(570px,calc(100vh - 300px));min-height:460px}
  .is-mobile-demo .demo-mobile-header{padding:10px 9px}
  .is-mobile-demo .demo-mobile-summary{padding:14px;margin:8px;border-radius:19px}
  .is-mobile-demo .demo-dashboard-panel{margin:8px;padding:9px}
  .is-mobile-demo .demo-status-tiles button{padding:10px;min-height:75px}
  .is-mobile-demo .demo-request-row{padding:10px;font-size:12px}
  .is-mobile-demo .demo-mobile-nav{padding:6px}
  .is-mobile-demo .demo-mobile-nav button{min-height:58px;font-size:20px}
}