/* UI FINAL.HTML alignment, 28 October 2026. Loaded after original.css and app.css. */
:root{--prod-bg:var(--canvas);--prod-card:var(--panel);--prod-text:var(--text);--prod-muted:var(--muted);--prod-line:var(--border);--prod-accent:var(--accent)}
.production{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--canvas);color:var(--text)}
.production .ui-icon{width:22px;height:22px;flex:none;vertical-align:middle}.production a{text-decoration:none}.production a:hover{text-decoration:none}.production input,.production select,.production textarea{border-radius:12px;border-color:var(--border);background:var(--paper);color:var(--text);font-size:14px;line-height:1.5}.production button,.production .prod-button{font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;border-radius:12px;background:var(--jade);padding:11px 18px;min-height:44px;color:white}.production .prod-button.secondary{background:var(--paper);color:var(--text);border:1px solid var(--border)}.production button:hover,.production .prod-button:hover{filter:brightness(.96)}.production .prod-panel{border-radius:25px;padding:26px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);margin:0 0 19px;min-width:0}.production .prod-panel h2{font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0 0 18px}.production .prod-panel h3{font-weight:550}.production .prod-form{gap:17px}.production .prod-form label{font-size:13px}.production .prod-form label input,.production .prod-form label select,.production .prod-form label textarea{margin-top:5px}.production .prod-check{font-weight:400;line-height:1.6}.production .prod-check input{flex:none;margin:0!important}.production .prod-form>button{margin-top:3px}.production .prod-grid{gap:18px}.production .prod-grid>*{min-width:0}.production .prod-filter{gap:12px}.production .prod-filter>label{flex:1 1 160px;min-width:0}.production .prod-pill{background:var(--soft);color:var(--jade);white-space:normal;font-size:11px}.production .prod-notice{background:var(--soft);border:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1.8;border-radius:14px}.production .prod-pre,.production .prod-row{overflow-wrap:anywhere}.production .prod-footer{color:var(--muted);font-size:11px}.production .prod-table{border:1px solid var(--border);border-radius:18px;max-width:100%;overflow:auto;overscroll-behavior-x:contain}.production .prod-table table{font-size:13px;min-width:570px}.production .prod-table th{background:var(--soft);color:var(--muted);font-size:10px;letter-spacing:.7px;padding:16px}.production .prod-table td{padding:16px;overflow-wrap:anywhere}.production .prod-table td small{display:block;color:var(--muted);margin-top:4px}.production .prod-table tbody tr:last-child td{border-bottom:0}.production .prod-table td a{color:var(--jade);font-weight:600}.production .prod-table td button{min-height:40px}.production .prod-links{gap:9px}.production .prod-links:empty{display:none}.production details.prod-panel>summary{font-size:18px;min-height:44px;display:flex;align-items:center;gap:10px}.production details.prod-panel>summary:before{content:'+';color:var(--jade);font-size:23px}.production details.prod-panel[open]>summary:before{content:'−'}.production details.prod-panel[open]>summary{margin-bottom:16px}.production .prod-wa{border-radius:50px;padding:12px 19px;font-weight:600;font-size:12px;background:var(--jade);bottom:20px}.production .unified-header-inner{max-width:1240px}.production .unified-brand small{font-size:9px;letter-spacing:1.5px}.production .unified-access .ui-btn{border-radius:50px;min-height:36px;padding:8px 14px}.production #screenInduk .bh-actions .bh-btn.bh-gold{color:#19251e}.production #screenInduk .bh-search-panel{align-items:end}.production #screenInduk .bh-btn{border-radius:50px;font-size:13px;font-weight:600}.production #screenInduk .bh-btn.bh-outline{color:var(--text)}.production #screenInduk .bh-hero .bh-btn.bh-outline{color:#fff}.production #screenInduk .bh-wrap{max-width:1180px}
.portal-theme .portal-clockbar{position:sticky;top:0;z-index:76;height:37px;background:var(--paper)}.portal-theme .portal-clockbar .unified-clockbar{height:37px}.portal-theme .admin-shell{min-height:calc(100dvh - 37px);grid-template-columns:262px minmax(0,1fr)}.portal-theme .admin-sidebar{top:37px;height:calc(100dvh - 37px);z-index:90;gap:25px;padding:25px 16px;background:#203730;overscroll-behavior:contain}.portal-theme .admin-sidebar .ui-logo{font-size:17px;line-height:1.4;padding:0 9px;white-space:normal}.portal-theme .admin-sidebar .ui-logo>span:last-child{min-width:0;overflow-wrap:anywhere}.portal-theme .admin-sidebar .ui-logo small{font-size:8px}.portal-theme .admin-sidebar .ui-brandglyph{width:42px;height:42px}.portal-theme .sidebar-account{padding:0 12px;font-size:13px;overflow-wrap:anywhere}.portal-theme .sidebar-account small{display:block;color:#b5c3b7;font-size:11px}.portal-theme .admin-side-label{margin-top:0}.portal-theme .admin-menu a{display:flex;align-items:center;gap:12px;color:#d2ddd5;padding:11px 13px;border-radius:12px;min-height:44px;font-size:13px}.portal-theme .admin-menu a .ui-icon{width:19px;height:19px}.portal-theme .admin-menu a.active,.portal-theme .admin-menu a:hover{background:#ffffff22;color:white}.portal-theme .sidebar-bottom{margin-top:auto}.portal-theme .sidebar-public{display:flex;justify-content:space-between;align-items:center;padding:12px;color:#d2ddd5;font-size:12px}.portal-theme .admin-logout{margin:8px 0 0}.portal-theme .admin-logout button{width:100%;background:transparent;border:1px solid #ffffff55}.portal-theme .sidebar-close{display:none}.portal-theme .sidebar-overlay{position:fixed;inset:0;z-index:89;background:#081b1499;border:0;border-radius:0;backdrop-filter:blur(3px);width:100%;height:100%;padding:0}.portal-theme .admin-context{position:sticky;top:37px;z-index:65;margin:0 -30px 26px;padding:18px 24px;min-height:90px;border-bottom:1px solid #dabe869e;background:linear-gradient(115deg,#173b32,#21463b 58%,#2d493d);box-shadow:0 10px 26px #0d1f1933;display:block}.portal-head-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}.portal-theme .dashboard-brand{gap:12px;min-width:0;white-space:normal}.portal-theme .dashboard-brand .ui-brandglyph{width:42px;height:42px;background:#d3b57b;color:#213d34}.portal-theme .dashboard-brand-copy{min-width:0}.portal-theme .dashboard-brand-name{font-size:20px;line-height:1.2;font-weight:650;overflow-wrap:anywhere}.portal-theme .dashboard-brand-copy small{display:table;margin-top:5px;padding:3px 8px;border-radius:5px;background:#071512;color:#f2d394;font-size:9px;font-weight:650;letter-spacing:1.1px}.portal-theme .admin-context .action-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.portal-theme .admin-context .admin-hamburger{width:42px;height:42px;min-height:42px;padding:9px;border-radius:15px;background:#ffffff12;border:1px solid #dec38e88}.portal-theme .admin-profile,.portal-balance{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #dec38e88;border-radius:15px;padding:8px 12px;font-size:12px;background:#ffffff12;color:#fffaf0}.portal-theme .admin-profile{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.portal-service{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#e8ddbf}.production .portal-service select{width:190px;min-height:40px;border-radius:12px;font-size:12px;background:#17372f;color:#fffaf0;border-color:#dec38e99}.portal-service option{background:#17372f;color:#fffaf0}.portal-theme .admin-panel{padding:0 30px 38px;min-width:0}.portal-theme .admin-page{min-width:0}.portal-theme .admin-page h1{font-size:30px;line-height:1.3;font-weight:570;letter-spacing:-.9px;margin:2px 0 0}.portal-page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.portal-theme .admin-page-context{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.portal-theme .admin-desc{font-size:13px;color:var(--muted);margin:0 0 25px}.portal-theme .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}.portal-theme .dashboard-stats .prod-panel{padding:20px;margin:0;min-height:128px;border-radius:20px;box-shadow:0 5px 20px #173f3505}.dashboard-stats small,.dashboard-stats a{font-size:12px;color:var(--muted);display:block}.dashboard-stats strong{display:block;font-size:30px;font-weight:650;line-height:1.3;margin:7px 0;overflow-wrap:anywhere}.portal-empty{padding:26px;border:1px dashed var(--border);border-radius:16px;color:var(--muted);font-size:13px}.portal-empty h3{margin:0 0 8px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.production .panel-heading h2{margin:0}.portal-back{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:13px}.portal-theme.nav-collapsed .admin-shell{grid-template-columns:minmax(0,1fr)}.portal-theme.nav-collapsed .admin-sidebar{display:none}
.customer-theme .admin-shell{display:block;max-width:1180px;margin:0 auto}.customer-theme .admin-sidebar{position:fixed;left:0;width:280px;transform:translateX(-110%);visibility:hidden;box-shadow:0 5px 40px #0003}.customer-theme .admin-sidebar.open{transform:none;visibility:visible}.customer-theme .sidebar-close{display:flex;align-self:flex-end;background:transparent;border:1px solid #ffffff55}.customer-theme .admin-panel{padding:0}.customer-theme .admin-context{margin:0;padding:22px 24px 18px;min-height:0;top:37px}.customer-theme .portal-head-row{padding-bottom:19px;border-bottom:1px solid #dabe8661}.customer-primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.customer-primary-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#e8e2d2;border-right:1px solid #dec38e47;min-height:70px;font-size:13px;padding:4px 8px}.customer-primary-nav a:last-child{border-right:0}.customer-primary-nav a[aria-current]{color:#f2d394}.customer-primary-nav .ui-icon{width:27px;height:27px}.customer-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:30px 30px 20px;background:var(--paper);border-radius:0 0 34px 34px}.customer-shortcuts a{display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--text);min-width:0}.customer-shortcuts a>span{display:grid;place-items:center;width:min(100%,112px);height:90px;border-radius:22px;background:linear-gradient(150deg,var(--soft),var(--paper))}.customer-shortcuts .ui-icon{width:36px;height:36px}.customer-shortcuts a:nth-child(1)>span{color:#939625}.customer-shortcuts a:nth-child(2)>span{color:#8048cc}.customer-shortcuts a:nth-child(3)>span{color:#725128}.customer-shortcuts a:nth-child(4)>span{color:#da3456}.customer-shortcuts small{font-size:12px;text-align:center}.customer-shortcuts i{grid-column:1/-1;width:56px;height:6px;border-radius:12px;background:#d2d4d2;justify-self:center;margin-top:20px}.customer-theme .admin-page{padding:55px 28px 70px;min-height:500px}.customer-theme .portal-page-heading{margin:0 7px 30px}.customer-theme .admin-page h1{font-size:26px;font-weight:450;letter-spacing:-.6px}.portal-view-all{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px}.portal-view-all>span{display:grid;place-items:center;background:var(--soft);width:68px;height:42px;border-radius:30px}.customer-home-content{display:grid;grid-template-columns:1.85fr .9fr;gap:18px}.production .customer-booking-home{padding:30px 29px 34px;border:0}.small-icon-tile{display:grid;place-items:center;width:70px;height:70px;background:var(--soft);color:var(--text);border-radius:16px}.small-icon-tile .ui-icon{width:37px;height:37px}.production .customer-booking-home h2{font-weight:400;font-size:23px;letter-spacing:-.3px;margin:27px 0 22px}.production .gender-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0;min-width:0}.gender-choice legend{font-size:13px;font-weight:600;margin:0 0 10px}.production .gender-tile{position:relative;border:2px solid var(--border);border-radius:18px;min-height:133px;padding:19px 20px;background:var(--panel);color:var(--text);display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;cursor:pointer;gap:22px;font-size:16px;font-weight:400}.production .gender-tile input{position:absolute;right:12px;top:12px;width:17px;min-height:17px;height:17px;margin:0!important;accent-color:var(--jade)}.production .gender-tile:has(input:checked){border-color:var(--jade);background:color-mix(in srgb,var(--jade) 8%,var(--panel))}.gender-tile:focus-within{outline:3px solid var(--focus);outline-offset:3px}.production .gender-tile .ui-icon{width:32px;height:32px}.production .customer-continue{display:inline-flex;margin-top:26px;border-radius:50px;padding:15px 30px;min-width:190px;min-height:53px;font-size:16px;gap:16px}.dashboard-booking-form:not(:has(input:checked)) .customer-continue{background:#9a9e9b}.customer-summary-cards{display:grid;gap:15px;align-content:start}.production .customer-summary-cards .prod-panel{border-radius:18px;padding:19px 22px;margin:0;box-shadow:none}.customer-summary-cards .stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.customer-summary-cards .ui-icon{width:17px;height:17px}.customer-summary-cards strong{display:block;font-size:27px;font-weight:500;margin:7px 0 3px}.customer-summary-cards small{color:var(--muted);font-size:12px}.booking-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.production .booking-form-panel{padding:28px}.booking-guide{align-self:start}.booking-guide ol{padding-left:18px;font-size:13px}.booking-guide li{padding:14px 0;border-bottom:1px solid var(--border)}.booking-guide li:last-child{border:0}.booking-guide small{display:block;color:var(--muted);line-height:1.7;margin-top:6px}.booking-day-list{display:grid;grid-auto-flow:column;grid-auto-columns:68px;gap:8px;overflow-x:auto;padding:4px 0 13px;max-width:100%;margin:15px 0;scroll-snap-type:x proximity}.booking-day-list a{display:flex;align-items:center;flex-direction:column;border:1px solid var(--border);border-radius:13px;background:var(--paper);color:var(--text);padding:8px 4px;scroll-snap-align:start}.booking-day-list a[aria-current]{background:var(--jade);color:white;border-color:var(--jade)}.booking-day-list strong{font-size:20px}.booking-day-list small{font-size:10px}.booking-time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.production .booking-time-grid button{display:flex;flex-direction:column;gap:2px;min-height:58px;min-width:0;padding:7px 3px;border-radius:12px;border:1px solid var(--border);background:var(--paper);color:var(--text);font-weight:400;font-size:12px}.production .booking-time-grid button small{font-size:10px;color:var(--muted)}.production .booking-time-grid button[aria-pressed=true]{background:var(--jade);color:white;border-color:var(--jade)}.production .booking-time-grid button[aria-pressed=true] small{color:#fff}.production .booking-time-grid button:disabled{background:var(--soft);color:var(--muted);cursor:not-allowed;opacity:.55}.booking-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border-radius:14px;background:var(--soft);font-size:12px;color:var(--muted)}.booking-balance strong{display:block;font-size:22px;color:var(--text)}.booking-balance small{font-size:11px}.slot-select-enhanced{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.production .prod-flash{position:relative;z-index:77;width:calc(100% - 30px);max-width:1150px}.prod-dark{color-scheme:dark;--paper:#1e2927;--canvas:#151e1d;--panel:#22302d;--text:#f3f5f0;--muted:#aabbb1;--ink:#dce8df;--soft:#2a3832;--border:#3a4942;--jade:#628e7b;--accent:#d2ad6a;--shadow:0 18px 55px #0002}.prod-dark .production .auth-pane{background:var(--canvas)}.prod-dark .production .prod-notice{color:var(--muted)}.production textarea,.production input[type=file]{max-width:100%}.production input[type=file]{font-size:12px;overflow:hidden}.production input[type=checkbox],.production input[type=radio]{flex-shrink:0}
@media(min-width:761px){.portal-theme:not(.customer-theme) .sidebar-overlay{display:none!important}}
@media(min-width:761px) and (max-width:1100px){.portal-theme .admin-shell{grid-template-columns:225px minmax(0,1fr)}.portal-theme .admin-panel{padding-left:19px;padding-right:19px}.portal-theme .admin-context{margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.portal-head-row{flex-wrap:wrap}.portal-theme .portal-head-row>.action-group{width:100%;justify-content:flex-end}.portal-theme .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-theme .admin-shell{display:block}.customer-theme .admin-panel{padding:0}.customer-theme .admin-context{margin:0}.customer-theme .portal-head-row>.action-group{width:auto}.customer-home-content{grid-template-columns:1.5fr 1fr}}
@media(max-width:760px){.production .unified-header-inner{padding-left:14px;padding-right:14px}.production .unified-brand small{font-size:8px}.production .prod-wa{bottom:calc(80px + env(safe-area-inset-bottom));right:14px;padding:10px 15px}.portal-theme .portal-clockbar,.portal-theme .portal-clockbar .unified-clockbar{height:54px}.portal-theme .admin-shell{display:block;min-height:calc(100dvh - 54px)}.portal-theme .admin-sidebar{position:fixed;width:min(290px,88vw);left:0;top:54px;height:calc(100dvh - 54px);transform:translateX(-110%);visibility:hidden}.portal-theme .admin-sidebar.open{transform:none;visibility:visible}.portal-theme .sidebar-close{display:flex;align-self:flex-end;background:transparent;border:1px solid #ffffff55}.portal-theme .admin-panel{padding:0 15px 25px}.portal-theme .admin-context{top:54px;margin:0 -15px 22px;padding:14px;border-radius:0 0 20px 20px;min-height:0}.portal-head-row{flex-wrap:wrap;gap:12px}.portal-theme .dashboard-brand{width:100%}.portal-theme .dashboard-brand-name{font-size:18px}.portal-theme .dashboard-brand .ui-brandglyph{width:36px;height:36px;border-radius:11px}.portal-theme .dashboard-brand-copy small{font-size:8px;margin-top:4px}.portal-theme .admin-context .action-group{width:100%;justify-content:flex-start;flex-wrap:nowrap;min-width:0;gap:6px}.portal-theme .admin-profile{display:block;max-width:145px;min-width:0;flex:1;font-size:10px;padding:9px 8px}.portal-service{flex:1;min-width:0;max-width:190px}.portal-service>span{display:none}.production .portal-service select{width:100%;min-width:0;max-width:190px;font-size:11px}.portal-theme .admin-context .admin-hamburger{flex:none;width:42px;height:38px;min-height:38px;padding:8px}.portal-theme .admin-page h1{font-size:26px}.portal-theme .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-theme .dashboard-stats .prod-panel{padding:16px;min-height:115px;border-radius:19px}.dashboard-stats strong{font-size:25px}.dashboard-stats small,.dashboard-stats a{font-size:11px}.production .prod-panel{padding:18px;border-radius:20px}.production .prod-grid{grid-template-columns:minmax(0,1fr);gap:0}.production .prod-filter{align-items:stretch}.production .prod-filter>button{align-self:end}.production .prod-form>button{max-width:100%}.panel-heading .prod-button{padding:9px 12px;font-size:12px}.production .prod-panel h2{font-size:19px}.production .prod-table th,.production .prod-table td{padding:13px}.portal-theme .prod-footer{padding:22px 15px}.customer-theme .admin-panel{padding:0}.customer-theme .admin-context{margin:0;padding:14px 10px 10px;top:54px;border-radius:0 0 16px 16px}.customer-theme .portal-head-row{padding:0 0 12px;gap:12px}.customer-theme .portal-balance{font-size:10px;padding:7px 8px;min-height:36px;border-radius:12px;white-space:nowrap}.customer-theme .portal-balance .ui-icon{width:18px;height:18px}.customer-theme .portal-service{margin-left:auto;max-width:190px}.customer-theme .admin-context .action-group{justify-content:flex-start}.customer-primary-nav{gap:5px;margin-top:10px}.customer-primary-nav a{border:1px solid #dec38e47!important;background:#ffffff06;border-radius:12px;padding:9px 2px;min-height:72px;font-size:10px;gap:7px;text-align:center}.customer-primary-nav .ui-icon{width:23px;height:23px}.customer-shortcuts{padding:12px 10px 15px;gap:8px;border-radius:0 0 30px 30px}.customer-shortcuts a{gap:8px}.customer-shortcuts a>span{height:60px;border:1px solid var(--border);border-radius:15px;box-shadow:0 3px 12px #173f3508}.customer-shortcuts .ui-icon{width:25px;height:25px}.customer-shortcuts small{font-size:11px}.customer-shortcuts i{width:44px;height:5px;margin-top:12px}.customer-theme .admin-page{padding:28px 14px 45px}.customer-theme .portal-page-heading{margin:0 0 24px;align-items:flex-start;gap:8px}.customer-theme .admin-page h1{font-size:24px}.portal-view-all{font-size:11px;gap:6px;margin-top:16px}.portal-view-all>span{width:36px;height:30px}.portal-view-all .ui-icon{width:18px;height:18px}.customer-home-content{grid-template-columns:minmax(0,1fr)}.production .customer-booking-home{padding:23px 20px}.production .customer-booking-home h2{font-size:21px;margin:22px 0 20px}.production .gender-tile{min-height:111px;padding:15px 14px;font-size:14px}.production .gender-tile .ui-icon{width:27px;height:27px}.production .customer-continue{font-size:14px;min-height:47px;padding:12px 24px;min-width:160px;margin-top:22px}.customer-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.production .customer-summary-cards .prod-panel{padding:15px}.customer-summary-cards strong{font-size:24px}.customer-summary-cards .stat-top,.customer-summary-cards small{font-size:11px}.customer-summary-cards .prod-panel:last-child{grid-column:1/-1}.booking-layout{grid-template-columns:minmax(0,1fr);gap:5px}.production .booking-form-panel{padding:20px 18px}.booking-day-list{grid-auto-columns:60px;gap:7px}.production .booking-date-filter{flex-wrap:wrap}.booking-date-filter>button{padding:10px 12px}.booking-time-grid{gap:7px}.booking-balance{padding:12px}.booking-balance small{max-width:105px}.production .auth-form .ui-control{min-width:0}.production .prod-flash{margin:12px auto}.portal-back{margin-bottom:18px}}
.portal-theme .prod-row{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:16px 0;margin:0}.portal-theme .prod-row:last-child{border-bottom:0}.portal-theme .admin-context .admin-profile{display:block}.portal-theme .admin-context .portal-head-row{align-items:center}.production .portal-empty{line-height:1.8}
.portal-theme .admin-page .customer-continue{border-radius:50px}.portal-theme #content{padding-bottom:0}.portal-theme .customer-shortcuts a:hover>span{box-shadow:var(--shadow)}
@media(max-width:760px){.portal-theme .admin-context .admin-profile{max-width:120px;flex:0 1 120px}.portal-theme .admin-context .portal-service{flex:1}.portal-theme .admin-context .admin-profile+.portal-service{max-width:none}.portal-theme .admin-context .admin-profile+.portal-service select{max-width:none}}
@media(prefers-reduced-motion:reduce){.production *{scroll-behavior:auto!important;transition:none!important}}
/* Date readability: combined civil Hijri H / Gregorian M, local device day, 20261028-ui-final-3. */
:root{--portal-clock-height:44px}
.production .unified-clockbar{min-height:44px;padding:6px 20px;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.production .unified-clock-track{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:18px;width:100%;min-width:0}
.production .unified-clock-times{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;width:auto;min-width:0;flex-shrink:0}
.production .unified-clock{gap:5px;line-height:1.4}
.production .unified-clock time{font-size:12px;font-weight:650}
.production .unified-clock-date{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;color:var(--muted);line-height:1.4}
.clock-calendar-label{font-size:10px;white-space:nowrap;color:var(--muted);font-weight:400}
.clock-calendar-dates{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;min-width:0}
.production .clock-calendar-date{display:inline-block;white-space:nowrap;font-family:inherit;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:550;font-variant-numeric:tabular-nums;color:var(--text)}
.clock-calendar-separator{font-size:11px;color:var(--muted);font-weight:400}
.portal-theme .portal-clockbar,.portal-theme .portal-clockbar .unified-clockbar{height:var(--portal-clock-height);min-height:var(--portal-clock-height);overflow:visible}
.portal-theme .portal-clockbar .unified-clockbar{padding:6px 20px}
.portal-theme .admin-shell{min-height:calc(100dvh - var(--portal-clock-height))}
.portal-theme .admin-sidebar{top:var(--portal-clock-height);height:calc(100dvh - var(--portal-clock-height))}
.portal-theme .admin-context{top:var(--portal-clock-height)}
@media(max-width:1100px){
:root{--portal-clock-height:72px}
.production .unified-clockbar{padding:8px 12px;min-height:72px}
.production .unified-clock-track{flex-direction:column;justify-content:center;gap:7px;width:100%;min-width:0}
.portal-theme .portal-clockbar .unified-clockbar{padding:8px 12px}
}
@media(max-width:760px){
:root{--portal-clock-height:80px}
.production .unified-clockbar{padding:7px 10px;min-height:80px}
.production .unified-clock-track{gap:4px}
.production .unified-clock-times{gap:10px;flex-wrap:wrap;max-width:100%}
.production .unified-clock{font-size:9px;gap:3px}
.production .unified-clock time{font-size:11px}
.production .unified-clock-date{flex-direction:column;gap:3px;width:100%}
.clock-calendar-label{font-size:9px;line-height:1.3}
.clock-calendar-dates{gap:7px;max-width:100%}
.production .clock-calendar-date{font-size:11px;line-height:1.5}
.portal-theme .portal-clockbar .unified-clockbar{padding:7px 10px}
}
@media(max-width:340px){
.production .clock-calendar-date{font-size:10px}
.clock-calendar-dates{gap:5px}
}
/* One semantic date element; fixed month names, lighter text and mobile wrapping. */
.production .clock-calendar-dates.clock-calendar-date{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;white-space:normal;font-family:inherit;font-weight:550;letter-spacing:0}
.clock-calendar-part{white-space:nowrap}
@media(max-width:760px){.production .clock-calendar-dates.clock-calendar-date{font-size:12px;gap:6px}}
@media(max-width:340px){.production .clock-calendar-dates.clock-calendar-date{font-size:11px;gap:5px}}
/* Follow-up UI fixes: keep expanded navigation inside the visible viewport. */
@media(max-width:1050px){.production .unified-nav{max-height:var(--public-menu-available-height,calc(100dvh - 160px));overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:10px}}
/* UI audit resolution, revision 20261028-ui-final-5: responsive identity and readable content. */
.production .unified-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;max-width:1240px}
.production .unified-brand{min-width:0;max-width:100%;align-items:center}
.production .unified-brand>span:last-child{min-width:0;max-width:100%;flex:1}
.production .unified-brand [data-brand-name]{overflow-wrap:anywhere;line-height:1.3}
.production .unified-brand small{display:block;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.production .unified-actions,.production .unified-access{min-width:0;gap:8px}
.production .unified-mobile-account{flex-wrap:wrap;align-items:center}
.production .unified-mobile-account form{margin:0}
.production .ui-brand-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.production .unified-brandmark,.production .ui-brandglyph{overflow:hidden;flex-shrink:0}
.production #content,.production .admin-page,.production .auth-pane,.production .auth-box,.production .prod-panel,.production .prod-grid>*{min-width:0;max-width:100%}
.production .prod-form{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
.production :is(h1,h2,h3,p,small,strong,label,code,.prod-row,.prod-pre,.ui-logo,.dashboard-brand-copy,.admin-menu a span){overflow-wrap:anywhere;min-width:0}
.production .prod-form label,.production .prod-filter label{min-width:0;max-width:100%}
.production input,.production select,.production textarea{min-width:0;max-width:100%}
.portal-theme .portal-head-row{min-width:0;flex-wrap:wrap}
.portal-theme .dashboard-brand{min-width:0;max-width:100%;flex:0 1 auto}
.portal-theme .dashboard-brand-copy{min-width:0;max-width:100%}
.portal-theme .dashboard-brand-copy small{display:block;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.portal-theme .admin-context .action-group{min-width:0;max-width:100%;flex-wrap:wrap}
.portal-theme .customer-primary-nav a,.portal-theme .customer-shortcuts a{min-width:0;overflow-wrap:anywhere}
.portal-theme .admin-sidebar .ui-logo .ui-brandglyph{display:grid;place-items:center}
.production .auth-brand>span:last-child{min-width:0;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}
.production .auth-link{color:#41663e}
.prod-dark{--jade:#a5d4bc;--ui-primary-bg:#315f4e;--ui-primary-text:#fff}
.prod-dark .production button,.prod-dark .production a.prod-button,.prod-dark .production .ui-btn.primary{background:var(--ui-primary-bg);color:var(--ui-primary-text)}
.prod-dark .production a.prod-button.secondary{background:var(--paper);color:var(--text);border-color:var(--border)}
.prod-dark .production .prod-pill{background:#2a4236;color:#c2ead3}
.prod-dark .production .prod-table td a,.prod-dark .production .auth-link{color:#b5e4cb}
.prod-dark .production .unified-clock time{color:#bde5ce}
.prod-dark .production .booking-time-grid button{background:var(--paper);color:var(--text)}
.prod-dark .production .booking-time-grid button[aria-pressed=true]{background:var(--ui-primary-bg);color:#fff}
.prod-dark .production .booking-time-grid button[aria-pressed=true] small{color:#fff}
.prod-dark .production .customer-continue{background:var(--ui-primary-bg);color:#fff}
.prod-dark .production #screenInduk .bh-btn:not(.bh-gold):not(.bh-outline){background:var(--ui-primary-bg);color:#fff}
@media(max-width:1050px){.production .unified-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px}}
@media(max-width:760px){
.production .unified-header-inner{padding:8px 14px;gap:10px}
.production .unified-brand{gap:8px}
.production .unified-brand [data-brand-name]{font-size:14px}
.production .unified-brand small{font-size:8px;letter-spacing:.8px;padding:3px 5px}
.production .unified-access .ui-btn.account-portal-link{display:inline-flex;min-height:36px;padding:7px 10px;font-size:11px}
.production .unified-access .account-logout{display:none}
.production .unified-access .ui-btn.account-login-link{display:none}
.production .unified-actions{gap:7px}
.production .unified-access .ui-btn{padding:7px 11px;font-size:11px}
.production .unified-brandmark{width:36px;height:36px}
.production .unified-icon-btn{width:36px;min-width:36px;height:36px;min-height:36px;padding:7px}
}
.production .unified-brand,.production .unified-brand [data-brand-name]{white-space:normal}
/* Ticket status and explicit customer access actions. */
.production .prod-pill.ticket-status-red{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.production .prod-pill.ticket-status-yellow{background:#fef3c7;color:#854d0e;border:1px solid #facc15}
.production .prod-pill.ticket-status-green{background:#dcfce7;color:#166534;border:1px solid #86efac}
.prod-dark .production .prod-pill.ticket-status-red{background:#521b25;color:#fecaca;border-color:#b94c59}
.prod-dark .production .prod-pill.ticket-status-yellow{background:#493b14;color:#fde68a;border-color:#b89128}
.prod-dark .production .prod-pill.ticket-status-green{background:#153c2b;color:#bbf7d0;border-color:#397b54}
.production .ticket-action-buttons{display:flex;flex-wrap:wrap;gap:8px}
.production .ticket-action-buttons form{margin:0}
.production .ticket-access-counts{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.production .ticket-access-help{font-size:12px;line-height:1.7;color:var(--muted)}
.production .ticket-access-panel>form{margin-bottom:12px}
/* Customer admin contact and staff ticket replacement forms. */
.production .customer-admin-contact .prod-button{display:inline-flex;align-items:center;gap:8px}
.production .customer-admin-contact button:disabled{opacity:.65;cursor:not-allowed}
.production .ticket-edit-panel{margin-top:20px}
.production.customer-theme{padding-bottom:85px}
.production.customer-theme .prod-wa{max-width:calc(100vw - 32px);right:16px;bottom:16px;z-index:60}
/* Package imagery and compact customer mobile navigation. */
.production .package-image-preview{display:block;width:min(100%,340px);max-height:260px;object-fit:contain;border-radius:14px;margin:12px 0}
.production .bh-pkg-art .package-public-image{display:block;width:100%;height:100%;object-fit:cover}
#booking-selection{scroll-margin-top:160px}
@media(max-width:760px){.production .customer-shortcuts{display:none!important}#booking-selection{scroll-margin-top:220px}.production .unified-nav-submenu a{white-space:normal;overflow-wrap:anywhere}}