/* Xpert v0.9.0 — shared tokens and components, all screens and themes. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;--canvas:#f5f6fa;--surface:#fff;--paper:#fff;--ink:#242536;--muted:#60667b;--line:#dfe3ee;--soft:#edf0f8;--purple:#6942ce;--purple-dark:#5330af;--x-orange:#ff7900;--x-pink:#ed2692;--x-violet:#8758f7;--x-cyan:#33d8f5;--x-gradient:linear-gradient(120deg,#ed2692,#8758f7 55%,#33d8f5);--shadow:0 12px 35px #2723440a;font-synthesis:none;text-rendering:optimizeLegibility}
:root[data-theme="dark"]{color-scheme:dark;--canvas:#11121b;--surface:#1b1d2b;--paper:#1b1d2b;--ink:#f1f2fa;--muted:#b8bfd4;--line:#383c53;--soft:#272a40;--purple:#c5afff;--purple-dark:#b29bee;--shadow:0 12px 35px #0003}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}button{color:inherit}button,input,select{min-height:44px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;overflow-wrap:anywhere}h1{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.12;margin-bottom:10px}h2{font-size:1.4rem;line-height:1.25;margin-bottom:10px}h3{font-size:1.05rem;margin-bottom:7px}p{line-height:1.6;overflow-wrap:anywhere}.muted,.fine-print,.optional{color:var(--muted)}.fine-print{font-size:.78rem;margin:12px 0}.tiny{font-size:.78rem}.eyebrow,.step-label,.hero-label{font-size:.7rem;font-weight:750;letter-spacing:.13em;color:var(--purple);line-height:1.6}.app-root,.shell{min-height:100dvh}.boot-state{padding:5rem;text-align:center}.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}
.primary-button,.secondary-button,.hero-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:12px 18px;font-weight:700;border:1px solid transparent;min-height:46px;line-height:1.3;text-align:center}.primary-button{background:linear-gradient(110deg,#ae267d,#6942ce);color:#fff;box-shadow:0 5px 14px #7845ba25}.secondary-button{background:var(--soft);border-color:var(--line);color:var(--ink)}.hero-button{background:#fff;color:#472373}.danger-button{border-color:#ce6b7d;background:var(--surface);color:#b52c48}.text-button,.small-link,.work-title-button{background:transparent;border:0;color:var(--purple);font-weight:700;padding:8px;text-align:left}.work-title-button{padding:0;font:inherit;color:var(--ink);width:100%;min-height:44px}.text-button:hover,.small-link:hover,.work-title-button:hover{text-decoration:underline}.icon-button,.round-plus,.calendar-nav,.modal-close,.close-drawer,.mobile-menu,.sidebar-collapse-button{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-width:44px;min-height:44px;display:inline-grid;place-items:center;color:var(--ink);font-size:1.25rem}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:9px 12px;color:var(--ink);font-size:.8rem;font-weight:700}
label{display:block;font-size:.85rem;font-weight:650;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);color:var(--ink);min-width:0}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:#8758f7}fieldset{border:1px solid var(--line);border-radius:12px;margin:18px 0;padding:12px}legend{font-weight:700;padding:0 6px}.form-row{display:flex;gap:12px}.form-row input{flex:1}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-split label{margin-top:14px}.modal-actions,.data-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.import-button{cursor:pointer}.import-button:focus-within{outline:3px solid var(--purple)}
.welcome-screen{max-width:1120px;margin:auto;padding:28px}.welcome-top{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.welcome-top>.eyebrow{flex:1}.brand-wordmark{display:block;width:190px;height:64px;overflow:hidden;border-radius:12px}.brand-wordmark img{width:100%;height:100%;object-fit:cover}.brand-wordmark .dark-wordmark{display:none}:root[data-theme="dark"] .brand-wordmark .light-wordmark{display:none}:root[data-theme="dark"] .brand-wordmark .dark-wordmark{display:block}.welcome-copy{padding:40px 0 24px;position:relative;max-width:940px}.welcome-copy h1{font-size:clamp(2.5rem,6vw,4.5rem);max-width:620px}.welcome-copy h1 span{color:var(--purple)}.welcome-copy>p{max-width:560px;color:var(--muted)}.sparkle-tag{font-weight:650;color:var(--purple);font-size:.82rem;margin-bottom:18px}.brand-intro-art{position:absolute;right:0;top:30px;width:230px;height:160px;border-radius:22px;overflow:hidden}.brand-intro-art img{width:100%;height:100%;object-fit:cover}.setup-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.setup-card h2{margin-top:10px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.pack-option{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:18px;text-align:left;display:flex;flex-direction:column;gap:9px}.pack-option.selected{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple)}.pack-icon,.stat-icon,.widget-emoji,.form-template-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:var(--soft);color:var(--purple)}.pack-name{font-weight:750;font-size:.95rem}.pack-summary{font-size:.8rem;line-height:1.5;color:var(--muted)}.radio-dot{position:absolute;right:15px;top:15px;width:15px;height:15px;border:1px solid var(--line);border-radius:50%}.selected .radio-dot{border:5px solid var(--purple)}.workspace-form{margin-top:24px;padding-top:8px;border-top:1px solid var(--line)}.welcome-footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0;color:var(--muted);font-size:.8rem}.recovery-notice{padding:18px;border:1px solid #d39051;border-radius:12px;margin-bottom:20px;background:var(--soft)}
.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;z-index:40;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:7px;min-height:64px;margin-bottom:20px}.sidebar-logo{width:38px;height:38px;object-fit:cover;border-radius:12px;flex-shrink:0}.drawer-wordmark{flex:1;min-width:0}.drawer-wordmark img{width:100%;height:45px;object-fit:cover;background:transparent;border-radius:8px}.sidebar-collapse-button{min-width:30px;width:30px;min-height:36px;font-size:1.1rem}.close-drawer,.mobile-menu,.drawer-scrim{display:none}.workspace-switcher,.profile-button{width:100%;display:flex;gap:10px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left}.workspace-switcher>span:nth-child(2),.profile-button>span:nth-child(2){flex:1;min-width:0}.workspace-switcher strong,.profile-button strong{display:block;font-size:.85rem;overflow-wrap:anywhere}.workspace-switcher small,.profile-button small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.workspace-avatar,.profile-avatar,.topbar-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--x-gradient);color:#fff;flex-shrink:0;font-weight:750;border:0}.nav-caption{font-size:.65rem;letter-spacing:.12em;color:var(--muted);padding:24px 12px 10px}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:10px;background:transparent;padding:12px;color:var(--muted);font-weight:650;font-size:.86rem}.nav-item:hover{background:var(--soft)}.nav-item.active{background:var(--soft);color:var(--purple);box-shadow:inset 3px 0 #ed2692}.nav-icon{width:24px;display:grid;place-items:center}.nav-count{margin-left:auto;font-size:.73rem}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-tip{font-size:.8rem;color:var(--muted);padding:12px}.sidebar-tip>span{display:none}.sidebar-tip p{margin:0}.profile-button{background:transparent}.main-area{margin-left:254px;width:calc(100% - 254px);min-width:0}.topbar{position:sticky;top:0;z-index:25;min-height:76px;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:.85rem}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-wordmark{display:block;width:144px;height:46px;flex-shrink:0;border-radius:10px;overflow:hidden}.header-wordmark img{width:100%;height:100%;object-fit:cover}.breadcrumb-divider{color:var(--muted)}.topbar-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}.sync-indicator{display:flex;align-items:center;gap:7px;font-size:.73rem;color:var(--muted)}.sync-indicator i{width:7px;height:7px;background:#23946b;border-radius:50%}.topbar-avatar{min-height:36px}.page-content{max-width:1450px;margin:auto;padding:30px 32px 22px}.page-title-row,.greeting-row,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title-row p,.greeting-row p{margin-bottom:0}.hero-panel{position:relative;background:linear-gradient(118deg,#342453,#4d2862 65%,#1b4557);border-radius:20px;padding:28px 30px;overflow:hidden;color:white;min-height:190px;display:flex}.hero-copy{max-width:70%;position:relative;z-index:1}.hero-label{color:#ddcffb}.hero-copy h2{font-size:1.9rem;margin:10px 0}.hero-copy h2 br{display:none}.hero-copy p{font-size:.9rem;color:#e4dcef;max-width:580px}.hero-orbit{position:absolute;right:35px;top:20px;width:160px;height:160px}.orbit-core{width:140px;height:140px;border-radius:50%;overflow:hidden}.orbit-core img{width:100%;height:100%;object-fit:cover}.float-chip,.orbit{display:none}.hero-brand-glow{position:absolute;width:250px;height:250px;border-radius:50%;right:-30px;top:-70px;background:#ed269223;filter:blur(20px)}.wave{font-size:.8em}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}.stat-card{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px}.stat-icon{grid-row:span 2}.stat-value{font-size:1.65rem;font-weight:750}.stat-label{color:var(--muted);font-size:.78rem}.section-heading{margin:28px 0 16px}.work-grid,.people-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-card,.person-card,.settings-card,.mini-widget,.empty-state,.form-template-card,.saved-form-card,.knowledge-card,.calendar-panel,.calendar-agenda,.resource-notice,.template-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px;min-width:0}.work-card-top,.work-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.work-card-top{margin-bottom:10px}.status-pill{display:inline-flex;padding:6px 10px;border-radius:8px;background:var(--soft);color:var(--purple);font-size:.72rem;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.status-done{color:#17764d;background:#e0f5e9}:root[data-theme="dark"] .status-done{color:#9de2c0;background:#153d33}.work-card>p{color:var(--muted);font-size:.85rem;margin-bottom:12px}.work-card-footer{border-top:1px solid var(--line);padding-top:10px;font-size:.75rem;color:var(--muted)}.work-task-list{margin:12px 0}.work-task-row{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:8px;text-align:left;padding:8px 0;font-size:.82rem}.work-task-row:hover{background:var(--soft)}.task-check{font-size:1.2rem;color:var(--purple)}.task-is-done>span:last-child{text-decoration:line-through;color:var(--muted)}.more-tasks{display:block;padding:6px;color:var(--muted)}.bottom-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.mini-widget{display:flex;align-items:center;gap:14px}.mini-widget>div{flex:1}.mini-widget p{font-size:.8rem;color:var(--muted);margin-bottom:0}.mini-widget h3{font-size:.95rem}.empty-state{text-align:center;padding:42px 25px}.empty-state p{color:var(--muted);max-width:500px;margin:10px auto 20px}.empty-illustration{font-size:2rem;color:var(--purple);margin-bottom:15px}.compact-empty{margin-top:20px;padding:30px}.filter-row,.knowledge-category-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.filter-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;padding:10px 14px;font-weight:650;font-size:.8rem}.filter-chip.active{background:var(--soft);color:var(--purple);border-color:var(--purple)}.person-card{display:flex;gap:14px;align-items:center}.person-card p{font-size:.84rem;color:var(--muted);margin-bottom:5px}.person-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--soft);color:var(--purple);font-weight:750;flex-shrink:0}.person-card>div:last-child{min-width:0}.template-card{text-align:left;display:flex;flex-direction:column;gap:12px;color:var(--ink)}.template-card small{color:var(--muted)}.template-card>span{color:var(--purple)}.resource-notice{display:flex;gap:15px;margin:20px 0}.resource-notice p{margin-bottom:0;color:var(--muted);font-size:.85rem}.resource-emoji{color:var(--purple)}
.settings-layout,.business-card-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{margin-bottom:18px}.settings-card-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.settings-card-head p{font-size:.85rem;color:var(--muted);margin:0}.settings-card button{margin-top:12px}.settings-card p{color:var(--muted)}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.capability-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.capability-row>span{display:flex;flex-direction:column;gap:5px}.capability-row small{font-size:.74rem;color:var(--muted)}.capability-row strong{font-size:.83rem}.widget-customizer{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.settings-note{display:flex;gap:12px;max-width:850px;color:var(--muted);font-size:.85rem}.pack-preview{margin:18px 0;padding:16px;border:1px solid var(--line);background:var(--soft);border-radius:12px}.pack-preview p{font-size:.85rem;margin:10px 0}.pack-stage-list{display:flex;gap:7px;flex-wrap:wrap}.pack-stage-list span{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:6px;font-size:.73rem}.inventory-list{display:grid;gap:8px;margin-top:15px}.inventory-row{border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;justify-content:space-between;gap:12px;text-align:left;padding:12px}.inventory-row span{color:var(--muted)}
.calendar-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:18px}.calendar-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.calendar-toolbar h2{flex:1;margin:0;font-size:1.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:12px}.calendar-day{position:relative;aspect-ratio:1.1;min-height:44px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:.9rem;padding:4px}.calendar-day.outside-month{color:var(--muted);opacity:.6}.calendar-day.today-day{border-color:var(--purple)}.calendar-day.selected-day{background:#6942ce;color:white}.calendar-dot-count{display:block;font-size:.6rem;font-style:normal}.agenda-item{display:flex;gap:12px;border-top:1px solid var(--line);padding:18px 0}.agenda-time{color:var(--purple);font-size:.8rem;min-width:62px}.agenda-item h3{font-size:.94rem}.agenda-item p,.agenda-empty{font-size:.85rem;color:var(--muted)}.agenda-empty{padding-top:20px}
.form-template-grid,.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-template-card{text-align:left;color:var(--ink)}.form-template-card>strong{display:block;margin:16px 0 10px}.form-template-card p,.knowledge-card p{font-size:.85rem;color:var(--muted)}.form-template-card small{color:var(--purple)}.saved-form-list{display:grid;gap:12px}.saved-form-card{display:flex;align-items:center;gap:16px}.saved-form-card>div{flex:1;min-width:0}.saved-form-card h3{margin-top:12px}.saved-form-card p{white-space:pre-wrap}.saved-form-card small{color:var(--muted)}.saved-form-checks{font-size:.8rem;color:var(--purple)}.record-check{display:flex;gap:12px;align-items:center;padding:10px 0;margin:0;font-weight:500;line-height:1.5}.signature-section canvas{width:100%;max-height:150px;background:#fff;border:1px solid var(--line);border-radius:10px;touch-action:none}.saved-signature{display:block;max-width:100%;background:#fff;margin-top:20px}.knowledge-card summary{cursor:pointer;list-style:none}.knowledge-card summary::-webkit-details-marker{display:none}.knowledge-category{font-size:.7rem;color:var(--purple);font-weight:750;display:block;margin-bottom:12px}.knowledge-expand{font-size:.8rem;color:var(--purple)}.knowledge-details{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;font-size:.86rem;line-height:1.6}.knowledge-details ul{padding-left:20px}.knowledge-footer{color:var(--muted);font-size:.8rem;margin:24px 0}
.cleaning-catalog-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px;margin:24px 0}.catalog-header{display:flex;gap:16px;align-items:flex-start}.catalog-count{font-size:.8rem;white-space:nowrap;color:var(--purple)}.catalog-header p{font-size:.85rem}.catalog-groups{max-height:560px;overflow:auto;margin-top:20px;padding-right:8px;overscroll-behavior:contain}.catalog-group{margin:16px 0}.catalog-module-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cleaning-module-card{border:1px solid var(--line);border-radius:12px;padding:12px}.module-select{display:flex;gap:12px;align-items:flex-start;margin:0}.module-select>span{display:flex;flex-direction:column;gap:7px}.module-select strong{font-size:.87rem}.module-select small{font-weight:400;font-size:.78rem;color:var(--muted);line-height:1.5}.module-select em{font-size:.72rem;color:var(--purple);font-style:normal}.module-priority{margin-top:12px}.cleaning-plan-summary{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.summary-stats{display:flex;gap:30px}.summary-stats strong,.summary-stats small{display:block}.summary-stats small{font-size:.75rem;color:var(--muted);margin-top:5px}.supply-summary{font-size:.85rem;margin:18px 0}.supply-summary p{color:var(--muted)}
.business-card-preview{position:relative;border-radius:22px;min-height:240px;background:linear-gradient(125deg,#4e286d,#193d52);color:#fff;padding:28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.business-card-brand img{width:140px;height:48px;object-fit:cover;border-radius:10px}.business-card-info h2{font-size:1.8rem;margin:18px 0 8px}.business-card-info p{margin:6px 0}.card-contact-lines{font-size:.85rem}.card-tagline{color:#ddd4eb}.rewards-hero{border-radius:18px;padding:24px;background:var(--soft);display:flex;gap:20px;align-items:center}.rewards-stats,.reward-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.reward-card,.reward-stat{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px}.reward-card.locked{opacity:.65}.reward-progress-bar{height:9px;border-radius:9px;background:var(--line);overflow:hidden}.reward-progress-bar span{height:100%;display:block;background:var(--x-gradient)}
.modal-backdrop{position:fixed;inset:0;background:#080817a8;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}.modal-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:28px;max-width:650px;width:100%;max-height:calc(100dvh - 40px);overflow:auto;position:relative;overscroll-behavior:contain;box-shadow:0 20px 90px #0005}.modal-card>h2{padding-right:40px}.modal-close{position:absolute;right:16px;top:16px}.modal-card>.eyebrow{padding-right:40px}.time-panel{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.time-panel button{margin-left:12px}.quick-fab-wrap{position:fixed;right:25px;bottom:25px;z-index:45}.quick-fab{width:56px;height:56px;border:1px solid #ffffff55;color:white;font-size:2rem;border-radius:18px;background:linear-gradient(130deg,#b92b87,#6942ce);box-shadow:0 8px 24px #45216f44}.quick-fab-menu{position:absolute;right:0;bottom:68px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:8px;min-width:210px;box-shadow:var(--shadow)}.quick-fab-menu button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:8px;padding:12px;text-align:left;color:var(--ink);font-weight:650;font-size:.85rem}.quick-fab-menu button:hover{background:var(--soft)}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 32px 90px;color:var(--muted);font-size:.75rem}.feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(650px,90vw);background:var(--ink);color:var(--surface);padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #0003;z-index:200;font-size:.85rem;line-height:1.5}.feedback.error{background:#9c2246;color:#fff}#pwa-status:not(:empty){padding:12px;background:var(--soft);color:var(--ink);font-size:.8rem}.install-banner{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 24px;display:flex;align-items:center;gap:15px}.install-banner p{margin:0;flex:1;font-size:.85rem}
@media(min-width:761px){.sidebar-collapsed .sidebar{width:80px}.sidebar-collapsed .main-area{margin-left:80px;width:calc(100% - 80px)}.sidebar-collapsed .drawer-wordmark,.sidebar-collapsed .workspace-switcher>span:not(.workspace-avatar),.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-item>span:not(.nav-icon),.sidebar-collapsed .sidebar-tip,.sidebar-collapsed .profile-button>span:not(.profile-avatar){display:none}.sidebar-collapsed .sidebar-brand{flex-wrap:wrap;justify-content:center}.sidebar-collapsed .workspace-switcher,.sidebar-collapsed .nav-item,.sidebar-collapsed .profile-button{justify-content:center;padding:10px 4px}.sidebar-collapsed .sidebar-collapse-button{width:38px}.sidebar-collapsed .nav-item{min-height:48px}}
@media(max-width:1100px){.work-grid,.people-grid,.template-grid,.form-template-grid,.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-indicator{display:none}.hero-copy{max-width:75%}.brand-intro-art{width:200px;opacity:.6}.welcome-copy>p,.welcome-copy h1{max-width:65%}}
@media(max-width:760px){.sidebar{width:min(310px,88vw);transform:translateX(-102%);transition:transform .18s ease;max-height:100dvh;z-index:80;padding-top:max(15px,env(safe-area-inset-top));padding-bottom:max(15px,env(safe-area-inset-bottom))}.drawer-open .sidebar{transform:translateX(0);box-shadow:20px 0 50px #0004}.drawer-scrim{display:block;position:fixed;inset:0;background:#07091699;border:0;z-index:75;visibility:hidden}.drawer-open .drawer-scrim{visibility:visible}.drawer-open .main-area{pointer-events:none}.drawer-is-open{overflow:hidden}.close-drawer,.mobile-menu{display:inline-grid}.sidebar-collapse-button{display:none}.main-area{margin-left:0;width:100%}.topbar{padding:10px 14px;min-height:66px;gap:8px}.topbar-actions{gap:7px}.topbar-avatar{display:none}.theme-toggle{min-width:44px;padding:9px}.theme-toggle-label{display:none}.header-wordmark{width:106px;height:38px}.breadcrumb{gap:7px;flex:1}.breadcrumb strong{max-width:110px;font-size:.76rem}.page-content{padding:24px 16px}.page-title-row,.greeting-row{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.page-title-row>.primary-button,.greeting-row>.primary-button{width:100%}.hero-panel{min-height:0;padding:23px}.hero-copy{max-width:100%}.hero-copy h2{font-size:1.6rem}.hero-copy p{font-size:.85rem}.hero-orbit{display:none}.stats-row{gap:8px;margin:16px 0 24px}.stat-card{grid-template-columns:1fr;padding:13px 10px;gap:7px}.stat-icon{grid-row:auto;width:32px;height:32px}.stat-icon .ui-icon{width:19px;height:19px}.stat-value{font-size:1.4rem}.stat-label{font-size:.72rem}.work-grid,.people-grid,.template-grid,.form-template-grid,.knowledge-grid,.settings-layout,.business-card-layout,.bottom-widgets,.calendar-layout,.catalog-module-list,.capability-list{grid-template-columns:1fr}.work-card,.person-card,.settings-card,.form-template-card,.knowledge-card,.calendar-panel,.calendar-agenda{padding:18px}.section-heading{gap:12px;align-items:flex-start}.section-heading .text-button{font-size:.8rem}.form-split{grid-template-columns:1fr;gap:0}.modal-backdrop{padding:10px;align-items:flex-end}.modal-card{max-height:calc(100dvh - 20px);padding:24px 18px;border-radius:18px}.modal-actions>button{flex:1}.app-footer{padding:20px 16px 100px;flex-wrap:wrap}.welcome-screen{padding:18px 16px}.welcome-top{gap:10px}.welcome-top .brand-wordmark{width:150px;height:54px}.welcome-top>.eyebrow{display:none}.welcome-top .text-button{width:100%;padding:0;text-align:right}.welcome-copy{padding:28px 0 16px}.welcome-copy h1,.welcome-copy>p{max-width:100%}.welcome-copy h1{font-size:2.7rem}.brand-intro-art{display:none}.setup-card{padding:22px 16px}.pack-grid{grid-template-columns:1fr 1fr;gap:10px}.pack-option{padding:14px}.pack-name{font-size:.86rem}.pack-summary{font-size:.76rem}.welcome-footer{flex-wrap:wrap;font-size:.75rem}.form-row{flex-direction:column}.quick-fab-wrap{right:16px;bottom:max(18px,env(safe-area-inset-bottom))}.data-actions{flex-direction:column}.data-actions>*{width:100%;margin:0}.saved-form-card{align-items:flex-start;flex-wrap:wrap}.calendar-toolbar{gap:6px}.calendar-toolbar h2{font-size:1rem}.calendar-day{aspect-ratio:auto;min-height:48px}.calendar-grid{gap:3px}.calendar-panel{padding:14px}.rewards-stats,.reward-progress-grid{grid-template-columns:1fr}.feedback{bottom:85px}.install-banner{padding:10px 14px;flex-wrap:wrap}.install-banner p{min-width:100%}}
@media(max-width:390px){.pack-grid{grid-template-columns:1fr}.breadcrumb-divider,.breadcrumb strong{display:none}.header-wordmark{width:102px}.topbar{gap:7px}.theme-toggle{font-size:.73rem}.calendar-day{font-size:.8rem}.stats-row{gap:6px}.stat-label{font-size:.68rem}.mini-widget{gap:10px;padding:16px}}
@media(display-mode:standalone),(display-mode:fullscreen){.topbar{padding-top:max(12px,env(safe-area-inset-top));min-height:calc(70px + env(safe-area-inset-top))}.app-footer{padding-bottom:max(100px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.drawer-wordmark .dark-wordmark{display:none}:root[data-theme="dark"] .drawer-wordmark .light-wordmark{display:none}:root[data-theme="dark"] .drawer-wordmark .dark-wordmark{display:block}.file-input{position:absolute;width:1px;height:1px;min-height:0;opacity:0}.import-button{position:relative}

.drawer-build{color:var(--muted);font-size:.7rem;padding:10px;text-align:center}.sidebar-collapsed .drawer-build{font-size:.6rem;padding-inline:0}

/* Guided v0.9.4 scenario preview; follows the existing planet.X theme tokens. */
.workflow-preview-steps{display:grid;gap:10px;padding-left:25px;margin:18px 0;max-height:35vh;overflow-y:auto;line-height:1.45}.workflow-preview-steps li{padding:7px 4px;border-bottom:1px solid var(--line);font-size:.88rem}.template-card:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.template-card small{line-height:1.5;overflow-wrap:anywhere}@media(max-width:760px){.workflow-preview-steps{max-height:34vh}}

.workflow-search-label{display:block;margin:20px 0 6px;font-size:.85rem;font-weight:700}.workflow-progress-panel{display:grid;gap:8px;padding:15px;margin:18px 0;background:var(--soft);border:1px solid var(--line);border-radius:13px}.workflow-progress-panel progress{width:100%;accent-color:var(--purple);height:12px}.workflow-progress-panel p{margin:0;font-size:.82rem}.template-grid .template-card[hidden]{display:none!important}

/* Xpert reciprocal transfer: native-size targets and clear review hierarchy. */
.transfer-check{min-height:52px;display:flex;align-items:center;gap:12px;padding:10px 8px;}
.transfer-check input[type=checkbox]{min-width:24px;min-height:24px;flex-shrink:0;}
.transfer-check span{display:grid;gap:3px;overflow-wrap:anywhere;}
.transfer-check small{font-size:14px;line-height:1.45;opacity:.84;}
.transfer-review-list{max-height:34vh;overflow:auto;padding-inline-start:24px;line-height:1.55;overflow-wrap:anywhere;}
.transfer-review-list li{margin:9px 0;}
.modal-card .modal-actions button{min-height:44px;}
@media (max-width:420px){.modal-card{max-width:calc(100vw - 24px);}.transfer-review-list{max-height:27vh;}}
@media(prefers-reduced-motion:reduce){.transfer-check,.modal-card .modal-actions button{transition:none!important;}}