.bh-app .nav button{display:flex;gap:10px;align-items:center;text-align:left}.bh-app .nav button svg,.bh-app .mobile-nav svg,.bh-setup>svg{width:21px;height:21px;flex-shrink:0}.bh-app .nav button span{line-height:1.35}.bh-nav-divider{height:1px;background:var(--line,#e5dce8);margin:12px}.bh-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:22px;margin-bottom:22px;background:linear-gradient(115deg,#eee3f0,#e3eef0 75%,#e9f0e8);color:#4e3c59}.bh-hero h1{font-size:clamp(25px,2.4vw,38px);line-height:1.15;margin:10px 0}.bh-hero p{margin:0;color:#75667f;max-width:580px}.bh-hero-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:190px;justify-content:flex-end}.bh-hero-actions a{display:inline-block;padding:10px 15px;border:1px solid #bba9c6;border-radius:12px;text-decoration:none;color:#5a405d}.bh-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.bh-stat{border-radius:16px;padding:18px;background:var(--panel,#fff);border:1px solid var(--line,#e5dce8);border-top:3px solid #ad94b9;display:flex;flex-direction:column;gap:12px}.bh-stat span{font-size:12px;color:var(--muted,#7c6e85)}.bh-stat strong{font-size:30px;line-height:1.1}.bh-stat.bh-pending{border-top-color:#b6a4c5}.bh-stat.bh-progress{border-top-color:#82a8bb}.bh-stat.bh-hold{border-top-color:#dab777}.bh-stat.bh-ready{border-top-color:#7fb199}.bh-stat.bh-complete{border-top-color:#a194ca}.bh-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bh-overview-grid .panel{margin:0 0 18px}.bh-list-row,.bh-task-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line,#eee7f0)}.bh-list-row:last-child{border:0}.bh-list-row p{margin:5px 0;font-size:13px}.bh-list-row small,.bh-task-row small{display:block;font-size:12px;color:var(--muted,#7c6e85);margin-top:6px}.bh-list-row strong{font-size:14px}.bh-clear{padding:20px;border-radius:12px;background:linear-gradient(105deg,#eaf1ed,#f0edf4);color:#6b6574;font-size:14px}.bh-week-chart{height:155px;display:flex;align-items:flex-end;gap:12px;padding:18px 8px 12px}.bh-week-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.bh-week-chart i{display:block;min-width:18px;max-width:45px;width:70%;background:linear-gradient(#b59cbe,#775783);border-radius:6px 6px 0 0}.bh-week-chart span{font-size:11px;color:var(--muted,#7c6e85)}.bh-setup{display:flex;gap:14px;align-items:center;background:linear-gradient(120deg,#f7efdF,#eee7f2);padding:17px 20px;border-radius:16px;margin-bottom:22px;color:#64536d}.bh-setup div{flex:1}.bh-setup p{margin:4px 0;font-size:12px}.bh-choice{display:flex;gap:10px;margin:16px 0 20px}.bh-choice button{flex:1}.bh-selected{background:#e3f1e8;color:#3a6d55;padding:12px;border-radius:10px}.bh-intake-hint{font-size:13px}.bh-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bh-crew .sidebar{display:none!important}.bh-crew .main{margin-left:auto!important;margin-right:auto!important;max-width:800px;padding:18px 18px 115px!important}.bh-crew .topbar{padding:4px 0 14px;margin-bottom:18px}.bh-crew .topbar h2{font-size:20px}.bh-crew .topbar small{font-size:11px}.bh-crew .topbar [data-crm-menu]{display:none!important}.bh-crew .topbar .actions{gap:6px}.bh-crew .topbar .actions button{font-size:11px;padding:8px}.bh-crew .bh-hero{padding:21px;display:block}.bh-crew .bh-hero-actions{justify-content:flex-start;margin-top:17px}.bh-crew-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.bh-crew .bh-stat{padding:13px}.bh-crew .bh-stat span{font-size:11px}.bh-crew .bh-stat strong{font-size:26px}.bh-queue-card{border:1px solid var(--line,#e4dbe8);border-radius:16px;padding:17px;background:var(--panel,#fff);margin:13px 0}.bh-card-title,.bh-card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.bh-card-title strong{font-size:24px;overflow-wrap:anywhere}.bh-card-title small{display:block;color:var(--muted,#7c6e85);font-size:12px;margin-top:4px}.bh-queue-card p{font-size:14px;line-height:1.65}.bh-card-meta{font-size:12px;color:var(--muted,#7c6e85)}.bh-queue-card .wf-actions button{flex:1}.bh-hold-reason{background:#faf0dd;border-radius:8px;color:#886b34;padding:8px}.bh-footer-actions,.bh-filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.bh-footer-actions button{flex:1}.bh-booking-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.bh-booking-filter>.field{flex:1;min-width:170px}.bh-booking-filter>button{margin-bottom:0}.bh-work-header h2{font-size:28px;margin:4px 0}.bh-work-header h2 small{font-size:14px;display:block;font-weight:400;margin:5px 0 12px;color:var(--muted,#7c6e85)}.bh-work-header p{font-size:14px}.bh-work-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.bh-work-steps span{font-size:11px;padding:10px 8px;background:#eee7f3;color:#7f6d89;border-radius:8px}.bh-work-steps .done{background:#e0efe6;color:#3e775b}.bh-photo-actions{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.bh-photo-actions button{flex:1}.bh-photo-strip{display:flex;gap:10px;overflow-x:auto;margin-bottom:18px}.bh-photo-strip a{position:relative;flex-shrink:0}.bh-photo-strip img{width:95px;height:78px;object-fit:cover;border-radius:9px}.bh-photo-strip span{display:block;font-size:10px;text-align:center}.bh-task-detail{border:1px solid var(--line,#e4dbe8);border-radius:14px;padding:15px;margin:12px 0}.bh-task-detail h3{font-size:17px;margin-top:0}.bh-task-detail small{display:block;margin:7px 0;color:var(--muted,#7c6e85)}.bh-task-detail button{width:100%;margin-top:8px}.bh-work-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.bh-work-actions button{font-size:12px;padding:13px 9px}.bh-job-details{border-top:1px solid var(--line,#e4dbe8);padding:16px 0;font-size:13px}.bh-job-details summary{cursor:pointer;font-weight:600}.bh-inspection-jobs{display:grid;gap:10px;margin:20px 0}.bh-crew .mobile-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:800px;z-index:50;background:var(--panel,#fff);border:1px solid var(--line,#e4dbe8);padding:8px 4px max(8px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;justify-content:space-around}.bh-crew .mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;border:0;border-radius:12px;background:transparent;min-width:0;padding:8px 4px;width:20%;gap:5px}.bh-crew .mobile-nav button.active{background:#eee3f0;color:#6a4874}.bh-crew .mobile-nav .bh-nav-add{background:#6a4874;color:white}.bh-app .mobile-nav button>svg{margin:0}.bh-app dialog{max-height:90dvh;overflow-y:auto}.bh-inspection-dialog .inspection-item{min-width:0}.bh-app .bh-inspection-dialog .bh-photo-actions{margin-bottom:20px}body.bh-app:not(.light) .bh-hero{background:linear-gradient(110deg,#47364f,#303f48);color:#f2eaf5}body.bh-app:not(.light) .bh-hero p{color:#c0afc9}body.bh-app:not(.light) .bh-hero a{color:#dccbe5}body.bh-app:not(.light) .bh-clear{background:linear-gradient(105deg,#35433c,#403746);color:#d7cadf}body.bh-app:not(.light) .bh-setup{background:linear-gradient(110deg,#4d4538,#463b50);color:#e5d4ed}@media(max-width:1100px){.bh-stats{grid-template-columns:repeat(3,1fr)}.bh-hero{display:block}.bh-hero-actions{justify-content:flex-start;margin-top:20px}}@media(max-width:700px){.bh-overview-grid{grid-template-columns:1fr}.bh-stats{grid-template-columns:repeat(2,1fr);gap:10px}.bh-stat{padding:14px}.bh-stat strong{font-size:26px}.bh-hero{padding:20px;margin-bottom:17px}.bh-hero h1{font-size:28px}.bh-hero p{font-size:14px}.bh-hero-actions>*{flex:1;text-align:center}.bh-setup{padding:14px;flex-wrap:wrap}.bh-setup>div{min-width:150px}.bh-setup button{margin-left:auto}.bh-crew .main{padding:14px 13px 115px!important}.bh-crew .panel{padding:16px}.bh-task-row{gap:10px;align-items:flex-start}.bh-task-row button{padding:10px 12px;font-size:12px;white-space:nowrap}.bh-app dialog{width:calc(100vw - 18px);max-width:calc(100vw - 18px);padding:18px;max-height:94dvh;margin:auto}.bh-crew dialog{max-width:600px}.bh-app .mobile-nav button{font-size:10px;min-width:0}.bh-app .mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.bh-app .main{padding-bottom:110px}.bh-booking-filter{gap:10px}.bh-booking-filter>.field{min-width:100%}.bh-booking-filter>button{width:100%}.bh-inspection-dialog .inspection-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){.bh-app *{scroll-behavior:auto!important}}
.bh-crew .main{width:100%!important}.bh-hero-actions button,.bh-hero-actions a,.bh-choice button,.bh-work-actions button{cursor:pointer}

.bh-app .mobile-nav button>span{font-size:10px!important;line-height:1.15!important;font-weight:500!important;display:block;white-space:nowrap;max-width:100%}.bh-crew .mobile-nav{height:82px;box-sizing:border-box;gap:1px}.bh-crew .mobile-nav button{overflow:hidden}.bh-crew .mobile-nav button>svg{height:21px;width:21px}.bh-crew .bh-hero-actions button{font-size:14px}.bh-app dialog .dialog-head{position:sticky;top:-18px;background:var(--panel,#fff);z-index:3;padding-top:8px}.bh-crew:has(dialog[open]){overflow:hidden}

/* Keep the whole workshop story visible rather than cropping a landscape photo. */
.auth-art{background:linear-gradient(145deg,#352739,#5a405d);padding:36px;justify-content:center;gap:0;min-height:100dvh}
.auth-art::before{display:none}
.auth-art .brand{margin:0 0 28px;padding:0;font-size:20px;align-items:center}
.auth-art .bh-auth-scene{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:20px;margin:0 0 30px;box-shadow:0 12px 35px #21172633}
.auth-art h1{font-size:clamp(30px,3.4vw,46px);margin:12px 0 16px;max-width:600px}
.auth-art p{max-width:540px;margin:0;line-height:1.7}
.auth-art .car{display:none!important}
@media(max-width:900px){.auth-art{min-height:0;padding:24px;justify-content:flex-start}.auth-art .brand{margin:0 0 18px;font-size:18px}.auth-art .bh-auth-scene{max-height:260px;aspect-ratio:16/9;margin-bottom:20px;border-radius:14px}.auth-art h1{font-size:28px;margin:9px 0 10px}.auth-art p{display:block;max-width:600px;font-size:12px}.auth-form{padding:26px 22px 34px}}
@media(max-width:480px){.auth-art{padding:20px}.auth-art .bh-auth-scene{max-height:190px;margin-bottom:16px}.auth-art h1{font-size:25px}.auth-art .eyebrow{font-size:9px}.auth-art .brand .logo{width:38px;height:38px}.auth-form .inner>h1{font-size:26px}}