:root{--navy:#0d2340;--gold:#c99b3b;--green:#17834f;--bg:#f4f7fb;--line:#dce4ee}
*{box-sizing:border-box}.lha-shell{font-family:Inter,system-ui,sans-serif;color:#132238;background:var(--bg);padding:24px;border-radius:18px}.lha-card,.lha-section{background:#fff;padding:24px;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #203c6412}.lha-card{max-width:720px;margin:20px auto}.lha-card h2,.lha-top h1{margin-top:0}.lha-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lha-shell input,.lha-shell select,.lha-shell textarea,.lha-shell button{font:inherit;padding:11px 14px;border-radius:9px;border:1px solid #cbd6e2}.lha-shell button{cursor:pointer;background:#fff}.lha-shell button:hover,.lha-shell button.active,#lha-confirm,#lha-new{background:var(--gold);color:#101b2b;border-color:var(--gold)}.lha-shell label{font-weight:650;display:block;margin:18px 0 7px}.lha-grid{display:flex;gap:10px;flex-wrap:wrap}.lha-success,.lha-error{padding:10px;margin:12px 0;border-radius:8px}.lha-success{background:#eaf8f0;color:#11643e}.lha-error{background:#fff0f0;color:#a21d1d}.lha-steps{display:flex;justify-content:space-between;margin:20px 0;color:var(--navy)}
.lha-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.lha-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.lha-stats>div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px}.lha-stats b{font-size:28px;display:block}.lha-toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.lha-actions{display:flex;justify-content:flex-end;margin:0 0 10px}.lha-board{display:grid;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto;grid-template-columns:90px repeat(var(--cols,4),minmax(180px,1fr))}.lha-board>div,.lha-board>button{min-height:58px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.lha-board .head{font-weight:750;background:#edf2f8;padding:16px}.lha-board .time{font-weight:700;padding:18px}.lha-board .available{background:#effaf4;color:var(--green)}.lha-board .appt{text-align:left;padding:9px 12px;background:#eaf3ff;color:#103f80}.lha-board .appt.staff{background:#fff2e8;color:#8e430f}.lha-board small{display:block;margin-top:5px}
.lha-list{display:grid;gap:12px}.lha-mini{display:grid;grid-template-columns:2fr 1fr 100px auto auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px}.lha-mini label,.lha-form label{margin:0}.lha-mini input,.lha-mini select,.lha-form input,.lha-form select,.lha-form textarea{width:100%;margin-top:6px}.lha-form{display:grid;gap:14px}.lha-form textarea{min-height:80px}.lha-client-row{width:100%;display:grid;grid-template-columns:2fr 1fr 1.5fr 90px;gap:10px;text-align:left;margin-top:8px}.lha-user-row{display:grid;grid-template-columns:2fr 1.5fr 2fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px}.lha-upload{margin:0!important;padding:11px 14px;border:1px solid #cbd6e2;border-radius:9px;cursor:pointer}.lha-help{color:#607086;font-size:13px}.lha-block{padding:10px;margin:8px 0;background:#fff4e5;border-radius:8px}dialog{border:0;border-radius:16px;box-shadow:0 18px 60px #0003;min-width:360px;max-width:620px;padding:26px}.lha-close{float:right;border:0;font-size:24px;background:none}.danger{color:#b42318!important;border-color:#f0a7a0!important}
.lha-stylist-choice{display:grid;gap:7px;min-width:120px;text-align:center}.lha-stylist-choice img{width:76px;height:76px;object-fit:cover;border-radius:50%;margin:auto}.lha-grid button small{display:block;margin-top:4px}.slot-booked,.slot-holiday,.slot-leave{cursor:not-allowed!important;color:#667085!important}.slot-booked{background:#fff1f1!important}.slot-holiday{background:#f2ecff!important}.slot-leave{background:#fff5dd!important}.lha-board-block{padding:9px 12px;background:#fff5dd;color:#704c00}.lha-suggestions{position:relative;z-index:5;background:#fff;box-shadow:0 10px 25px #0002}.lha-suggestions button{width:100%;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:8px;text-align:left;border-radius:0}.lha-suggestions p{padding:10px}.lha-photo{width:100%}
@media(max-width:760px){.lha-shell{padding:12px}.lha-top{display:block}.lha-stats{grid-template-columns:1fr 1fr}.lha-board{grid-template-columns:75px repeat(var(--cols,4),160px)}.lha-row input{width:100%}.lha-row button{flex:1}.lha-mini{grid-template-columns:1fr 1fr}.lha-client-row{grid-template-columns:1fr}dialog{min-width:calc(100vw - 28px)}}

/* v0.5 laptop-first appointment workspace */
.lha-dashboard-page{overflow:hidden!important}.lha-dashboard-app{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;background:#f5f8fc;z-index:2147483647!important;box-shadow:none}
.lha-side{background:#10243f;color:#fff;padding:24px 14px;height:100vh;overflow-y:auto}.lha-brand{padding:5px 12px 25px;border-bottom:1px solid #ffffff22;margin-bottom:16px}.lha-brand b{font-family:Georgia,serif;letter-spacing:1px}.lha-brand small{display:block;color:#cbd5e1;margin-top:5px}.lha-side nav{display:grid;gap:5px}.lha-side nav button,.lha-side nav a{color:#dce7f4;background:transparent;border:0;text-decoration:none;text-align:left;padding:12px 14px;border-radius:8px}.lha-side nav button:hover,.lha-side nav button.active,.lha-side nav a:hover{background:#ffffff14;color:#fff}.lha-workspace{padding:24px;min-width:0;height:100vh;overflow:auto}.lha-workspace .lha-top h1{font-size:26px;margin-bottom:6px}.lha-workspace .lha-top{background:#fff;padding:18px;border:1px solid var(--line);border-radius:14px}.lha-stats{grid-template-columns:repeat(7,minmax(105px,1fr));gap:10px}.lha-stats>div{padding:14px;border-left:4px solid #64748b}.lha-stats .website{border-color:#3182ce;background:#eff6ff}.lha-stats .staff{border-color:#ed8936;background:#fff7ed}.lha-stats .available-count{border-color:#22a06b;background:#eefbf5}.lha-stats .holiday-count{border-color:#9333ea;background:#faf5ff}.lha-stats .leave-count{border-color:#eab308;background:#fffbeb}.lha-stats .blocked-count{border-color:#64748b;background:#f1f5f9}.lha-stats b{font-size:25px}.lha-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start}.lha-detail{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;position:sticky;top:20px;min-height:330px}.lha-detail h3{margin-top:0}.lha-detail-actions{display:grid;gap:8px}.lha-detail-actions button{width:100%}.lha-source{display:inline-block;padding:4px 9px;border-radius:999px;background:#eaf3ff;color:#1456a0;text-transform:capitalize}.lha-source.staff{background:#fff2e8;color:#8e430f}.lha-board{font-size:14px;box-shadow:0 5px 18px #10233f0b}.lha-board>div,.lha-board>button{min-height:68px}.lha-board .head{position:sticky;top:0;z-index:2;background:#e8eef6}.lha-board .appt.website{border-left:4px solid #3182ce}.lha-board .appt.staff{border-left:4px solid #ed8936}.lha-board-block{border-left:4px solid #eab308}.lha-section{font-size:15px}.lha-section h2{font-size:27px}.lha-appointment-row{width:100%;display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1.2fr;gap:12px;text-align:left;margin:8px 0;align-items:center}.lha-button{display:inline-block;padding:11px 14px;border:1px solid #cbd6e2;border-radius:9px;text-decoration:none;color:#132238;background:#fff}.date-only-fields,.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lha-holiday-message{padding:14px;margin:12px 0;background:#fff0f2;border-left:4px solid #be123c;color:#881337;border-radius:8px}.lha-avatar{width:76px;height:76px;border-radius:50%;background:#edf2f8;display:grid;place-items:center;margin:auto;font-size:28px}.lha-confirm-card{text-align:center}.lha-confirm-icon{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:50%;background:#eaf8f0;color:#15803d;font-size:34px}.lha-confirm-card dl{display:grid;grid-template-columns:130px 1fr;text-align:left;max-width:540px;margin:20px auto;border:1px solid var(--line);border-radius:12px;overflow:hidden}.lha-confirm-card dt,.lha-confirm-card dd{margin:0;padding:10px 14px;border-bottom:1px solid var(--line)}.lha-confirm-card dt{background:#f8fafc;font-weight:700}.lha-booking-code{font-size:17px}body.lha-dashboard-page dialog{z-index:2147483646!important}body.lha-dashboard-page dialog::backdrop{background:#10243f99}
@media(max-width:1100px){.lha-dashboard-app{grid-template-columns:180px minmax(0,1fr)}.lha-stats{grid-template-columns:repeat(4,1fr)}.lha-main-grid{grid-template-columns:1fr}.lha-detail{position:static;min-height:auto}.lha-workspace{padding:16px}}
@media(max-width:760px){.lha-dashboard-app{width:100%;margin:0;display:block}.lha-side{min-height:auto}.lha-side nav{display:flex;overflow:auto}.lha-side nav button,.lha-side nav a{white-space:nowrap}.lha-stats{grid-template-columns:repeat(2,1fr)}.lha-appointment-row{grid-template-columns:1fr}.date-only-fields,.time-fields{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}#lha-confirmation,#lha-confirmation *{visibility:visible}#lha-confirmation{position:absolute;inset:0;background:#fff}.lha-confirm-card .lha-row{display:none}}