/* A local playground inside 02. Controls never leave this demo. */
.drive-hub-preview[data-demo-interactive="true"]{cursor:auto;user-select:text}
.drive-hub-preview button,.drive-hub-preview input,.drive-hub-preview select{font:inherit;touch-action:manipulation}
.drive-hub-preview button{cursor:pointer}
.drive-hub-preview button:focus-visible,.drive-hub-preview input:focus-visible,.drive-hub-preview select:focus-visible{outline:2px solid #417a2e;outline-offset:-2px}
.drive-hub-preview .drive-hub-nav>button{width:100%;text-align:left;border:0;background:transparent;color:#d8dad7;box-shadow:none;font-size:10px}
.drive-hub-preview .drive-hub-nav>button:hover{background:#ffffff12;color:#fff}
.drive-hub-preview .drive-hub-nav>button.drive-hub-nav-item-active{color:#1d2418;background:linear-gradient(120deg,#ddfb4d,#d2ed56);box-shadow:0 5px 14px #ddfb4d20,inset 0 1px 0 #f2ffba66}
.drive-hub-preview .drive-hub-nav>button svg{pointer-events:none}
.drive-hub-preview .drive-hub-stats>button{text-align:left;transition:border-color .18s,background .18s}
.drive-hub-preview .drive-hub-stats>button:hover{border-color:#417a2e;background:#f8fcf7}
.drive-hub-preview[data-demo-interactive="true"]:focus-within .drive-hub-shell,.drive-hub-preview[data-demo-interactive="true"]:hover .drive-hub-shell{animation-play-state:paused!important}
body:has(#business-hub .drive-hub-preview:focus-within) :is(.quick-contact,.motion-control-floating){opacity:0;pointer-events:none}
@media(hover:hover) and (pointer:fine){body:has(#business-hub .drive-hub-preview:hover) :is(.quick-contact,.motion-control-floating){opacity:0;pointer-events:none}}
.drive-demo-toolbar-actions{display:flex;align-items:center;gap:6px;flex:none}
.drive-demo-reset,.drive-demo-expand{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:27px;padding:5px 8px;border:1px solid #d6dfd3;border-radius:8px;background:#fbfdfa;color:#417a2e;font-size:10px!important;line-height:1;white-space:nowrap}
.drive-demo-reset{width:27px;padding:5px}
.drive-demo-expand{border-color:#417a2e;background:#417a2e;color:#fff}
.drive-demo-expand:hover{background:#417a2e}
.drive-demo-reset:hover{background:#eff6ed}
.drive-hub-preview .drive-demo-toolbar-actions svg{width:12px;height:12px}
.drive-hub-main[data-demo-view]{grid-template-rows:auto minmax(0,1fr) auto;gap:9px}
.drive-hub-main[data-demo-view="overview"]>.drive-demo-view{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:9px}
.drive-hub-preview .drive-hub-operations>button{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:8px;flex:1;min-height:28px;padding:6px 0;border:0;border-bottom:1px solid #e8ece7;background:transparent;text-align:left;font-size:9px;color:#757974}
.drive-hub-preview .drive-hub-operations>button strong{font-size:9px;color:#417a2e}
.drive-hub-preview .drive-hub-operations>button:hover{background:#f6fbf5}
.drive-hub-preview .drive-hub-bars span{font-size:8px;line-height:1;color:#7a7e78;position:absolute;top:calc(100% + 5px)}
.drive-demo-view{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:hidden}
.drive-demo-view-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-width:0}
.drive-demo-view-head h4{margin:0;font-size:13px;line-height:1.2;color:#2c2f2b;font-weight:600}
.drive-demo-view-head .drive-demo-add,.drive-demo-add{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:6px 9px;border:0;border-radius:7px;background:#417a2e;color:#fff;font-size:10px;line-height:1.1;white-space:nowrap}
.drive-demo-add:hover{background:#417a2e}
.drive-demo-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;flex:none;min-width:0}
.drive-demo-search{width:100%;min-width:0;min-height:29px;padding:6px 9px;border:1px solid #e0e3df;border-radius:7px;background:#fff;color:#2f322e;font-size:11px!important;line-height:1.2}
.drive-demo-search::placeholder{color:#888d86}
.drive-demo-filters,.drive-demo-days,.drive-demo-slots{display:flex;align-items:center;flex-wrap:wrap;gap:5px;flex:none;min-width:0}
.drive-demo-filters{width:100%;flex:0 1 auto}
.drive-demo-chip{min-height:25px;padding:5px 9px;border:1px solid #e0e5de;border-radius:999px;background:#fff;color:#5f675c;font-size:9px!important;line-height:1.1;white-space:nowrap}
.drive-demo-chip[aria-pressed="true"]{border-color:#42792f;background:#f6fbf4;color:#417a2e}
.drive-demo-chip:hover{background:#f6fbf4}
.drive-demo-days .drive-demo-chip{display:flex;flex-direction:column;gap:3px;align-items:center}
.drive-demo-days .drive-demo-chip small{font-size:.9em;opacity:.75}
.drive-demo-list{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d4c3 transparent}
.drive-demo-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:40px;padding:8px 1px;border-bottom:1px solid #e8ece7}
.drive-demo-row-copy{display:grid;gap:3px;min-width:0}
.drive-demo-row-copy strong{font-size:11px;line-height:1.2;font-weight:600;color:#343833;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drive-demo-row-copy small{font-size:9px;line-height:1.2;color:#828780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drive-demo-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:5px;background:#f2eef0;color:#78626f;font-size:8px;line-height:1.2;white-space:nowrap}
.drive-demo-status-active,.drive-demo-status-available,.drive-demo-status-paid,.drive-demo-status-done{background:#edf8f0;color:#2a7443}
.drive-demo-status-transit{background:#fff5df;color:#956b14}
.drive-demo-status-inactive,.drive-demo-status-sold{background:#f1edf1;color:#796275}
.drive-demo-status-unpaid{background:#fff0f2;color:#b3213b}
.drive-demo-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.drive-demo-action{min-height:26px;padding:5px 8px;border:1px solid #d2dece;border-radius:6px;background:#fff;color:#417a2e;font-size:9px!important;line-height:1.15;white-space:nowrap}
.drive-demo-action:hover{background:#f6fbf4;border-color:#417a2f}
.drive-demo-summary{margin:0;font-size:10px;line-height:1.4;color:#747b72;flex:none}
.drive-demo-empty{margin:10px 0;font-size:11px;line-height:1.4;color:#747b72}
.drive-demo-feedback{margin:0;min-height:0;font-size:9px;line-height:1.3;color:#417a2e}
.drive-demo-feedback:empty{display:none}
.drive-demo-view button:disabled{opacity:.5;cursor:default}
.drive-demo-dialog{width:min(1180px,calc(100vw - 48px));height:min(760px,calc(100svh - 48px));max-width:none;max-height:calc(100svh - 24px);padding:18px;border:1px solid #dbe6d7;border-radius:26px;background:#fbfdfb;color:#30342f;box-shadow:0 24px 90px #0d140b59}
.drive-demo-dialog[open]{display:flex;flex-direction:column;gap:14px}
.drive-demo-dialog::backdrop{background:#111510a6;backdrop-filter:blur(5px)}
.drive-demo-dialog-head{display:flex;align-items:center;gap:16px;flex:none;min-width:0}
.drive-demo-dialog-head>div{margin-right:auto;min-width:0}
.drive-demo-dialog-head h2{margin:0;font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.15}
.drive-demo-dialog-head p{margin:4px 0 0;color:#7d847a;font-size:12px;line-height:1.3}
.drive-demo-language{display:flex;align-items:center;gap:7px;font-size:12px;color:#7d847a}
.drive-demo-language select{height:36px;min-height:36px;padding:6px 10px;border:1px solid #d7e0d4;border-radius:999px;background:#fff;color:#447234;font-size:12px;line-height:1.2}
.drive-demo-dialog-close{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:8px;border:1px solid #d7e0d4;border-radius:50%;background:#fff;color:#417a2e}
.drive-demo-dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.drive-demo-dialog-close:hover{background:#f4faf2}
.drive-demo-dialog-body{flex:1;min-height:0;min-width:0}
.drive-demo-dialog .drive-hub-preview{height:100%;min-height:0;width:100%;font-family:Arial,system-ui,sans-serif;color:#222321}
.drive-demo-expanded .drive-hub-shell{grid-template-columns:170px minmax(0,1fr);height:100%;border-radius:20px;animation:none;translate:none;transform:none;opacity:1}
.drive-demo-expanded .drive-hub-nav>button{min-height:41px;font-size:12px}
.drive-demo-expanded .drive-hub-main{padding:22px;gap:14px}
.drive-demo-expanded .drive-hub-toolbar{font-size:15px}
.drive-demo-expanded .drive-hub-toolbar-actions{gap:8px}
.drive-demo-expanded .drive-demo-expand{display:none}
.drive-demo-expanded .drive-demo-reset{width:34px;min-height:34px}
.drive-demo-expanded .drive-hub-intro h3{font-size:25px}
.drive-demo-expanded .drive-hub-intro p{font-size:12px}
.drive-demo-expanded .drive-hub-stat{padding:16px;min-height:100px}
.drive-demo-expanded .drive-hub-stat small{font-size:12px}
.drive-demo-expanded .drive-hub-stat strong{font-size:34px}
.drive-demo-expanded .drive-hub-chart h4,.drive-demo-expanded .drive-hub-operations h4{font-size:13px}
.drive-demo-expanded .drive-hub-operations>div,.drive-demo-expanded .drive-hub-operations>div>strong{font-size:12px}
.drive-demo-expanded .drive-hub-operations>button,.drive-demo-expanded .drive-hub-operations>button strong{font-size:12px}
.drive-demo-expanded .drive-hub-bars span,.drive-demo-expanded .drive-hub-chart-legend{font-size:11px}
.drive-demo-expanded .drive-demo-view{gap:12px}
.drive-demo-expanded .drive-demo-view-head h4{font-size:19px}
.drive-demo-expanded .drive-demo-add{min-height:36px;font-size:12px}
.drive-demo-expanded .drive-demo-search{min-height:38px;font-size:14px!important;padding:9px 12px}
.drive-demo-expanded .drive-demo-chip{min-height:31px;padding:7px 11px;font-size:12px!important}
.drive-demo-expanded .drive-demo-row{min-height:56px;padding:12px 2px;gap:16px}
.drive-demo-expanded .drive-demo-row-copy strong{font-size:14px}
.drive-demo-expanded .drive-demo-row-copy small{font-size:12px}
.drive-demo-expanded .drive-demo-status{font-size:11px;padding:6px 9px}
.drive-demo-expanded .drive-demo-action{min-height:34px;font-size:12px!important;padding:8px 10px}
.drive-demo-expanded .drive-demo-summary,.drive-demo-expanded .drive-demo-feedback{font-size:12px}
html:not(.motion-paused) .drive-demo-dialog[open] .drive-hub-sidebar:before{animation-play-state:running}
@media(prefers-reduced-motion:no-preference){html:not(.motion-paused) .drive-demo-dialog[open] .drive-hub-bar{animation:drive-hub-rise 1s cubic-bezier(.22,1,.36,1) both;animation-play-state:running}}
@media(max-width:800px){
 .drive-hub-main[data-demo-view="overview"]>.drive-demo-view{grid-template-rows:auto minmax(0,1fr)}
 .drive-demo-toolbar-actions{gap:4px}
 .drive-demo-reset{width:26px;min-height:28px;padding:5px}
 .drive-demo-expand{min-height:28px;padding:6px;font-size:9px!important}
 .drive-demo-row{gap:6px;min-height:38px}
 .drive-demo-row-copy strong{font-size:10px}
 .drive-demo-row-copy small{font-size:8px}
 .drive-demo-status{font-size:7px;padding:3px 4px}
 .drive-demo-action{font-size:8px!important;min-height:25px;padding:4px 5px}
 .drive-demo-view-head h4{font-size:12px}
 .drive-demo-add{font-size:9px;min-height:27px;padding:5px 7px}
 .drive-demo-search{font-size:16px!important;min-height:30px;padding:4px 7px}
 .drive-demo-chip{font-size:8px!important;padding:5px 7px;min-height:24px}
 .drive-demo-dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);padding:10px;border-radius:19px}
 .drive-demo-dialog[open]{gap:10px}
 .drive-demo-dialog-head{gap:8px}
 .drive-demo-dialog-head h2{font-size:18px}
 .drive-demo-dialog-head p{font-size:10px;max-width:175px}
 .drive-demo-language{font-size:0;gap:0}
 .drive-demo-language select{min-height:32px;height:32px;padding:5px 7px;font-size:10px}
 .drive-demo-dialog-close{width:33px;height:33px;min-width:33px;padding:7px}
 .drive-demo-expanded .drive-hub-shell{grid-template-columns:42px minmax(0,1fr);border-radius:13px}
 .drive-demo-expanded .drive-hub-nav>button{min-height:38px;padding:8px 5px}
 .drive-demo-expanded .drive-hub-main{padding:13px 10px;gap:10px}
 .drive-demo-expanded .drive-hub-toolbar{font-size:12px}
 .drive-demo-expanded .drive-hub-stat{padding:10px;min-height:73px}
 .drive-demo-expanded .drive-hub-stat small{font-size:10px}
 .drive-demo-expanded .drive-hub-stat strong{font-size:27px}
 .drive-demo-expanded .drive-demo-view-head h4{font-size:17px}
 .drive-demo-expanded .drive-demo-add{font-size:11px;padding:6px 8px;min-height:33px}
 .drive-demo-expanded .drive-demo-search{font-size:16px!important;min-height:38px}
 .drive-demo-expanded .drive-demo-chip{font-size:10px!important;min-height:29px;padding:6px 8px}
 .drive-demo-expanded .drive-demo-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;min-height:72px;padding:10px 0}
 .drive-demo-expanded .drive-demo-row-copy strong{font-size:13px}
 .drive-demo-expanded .drive-demo-row-copy small{font-size:10px}
 .drive-demo-expanded .drive-demo-row-actions{grid-column:1/-1}
 .drive-demo-expanded .drive-demo-status{font-size:9px;padding:5px 6px}
 .drive-demo-expanded .drive-demo-action{font-size:11px!important;min-height:32px;padding:6px 9px}
 .drive-demo-expanded .drive-demo-summary,.drive-demo-expanded .drive-demo-feedback{font-size:10px}
}
@media(max-width:800px) and (max-height:700px){
 .drive-hub-preview:not(.drive-demo-expanded) .drive-hub-sidebar{padding:7px 4px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-hub-brand{padding-bottom:6px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-hub-brand img{width:21px;height:21px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-hub-nav{gap:2px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-hub-nav>button{min-height:20px;padding:3px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-hub-main[data-demo-view]{gap:5px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-demo-view{gap:5px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-demo-toolbar-actions{gap:3px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-demo-expand{font-size:8px!important}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-demo-search{min-height:25px;padding:2px 5px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-demo-summary{font-size:8px}
 .drive-hub-preview:not(.drive-demo-expanded) .drive-demo-feedback{font-size:8px}
}