*{box-sizing:border-box} :root{--ink:#172d2c;--muted:#6c7d7c;--accent:#17786b;--dark:#122c2b;--line:#e5ece9;--bg:#f5f7f5;--sidebar:252px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border:0;border-radius:11px;background:var(--accent);color:white;font-weight:650;cursor:pointer}button:hover,.button:hover{background:#116356}button:disabled{opacity:.6;cursor:wait}.quiet{background:#edf2ef;color:var(--ink)}.quiet:hover{background:#e1e9e4}.danger{background:#b34b4b}.icon{width:21px;height:21px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-1.1px;margin-bottom:10px;font-weight:720}h2{font-size:19px;letter-spacing:-.35px;margin-bottom:10px}h3{font-size:18px;margin:0 0 5px}p{margin-bottom:14px}.muted,small{color:var(--muted)}small{font-size:12px}strong{font-weight:650}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#758983;margin-bottom:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--dark);color:#dde9e4;padding:29px 18px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:700;padding:0 10px}.brand small{display:block;color:#8aa6a0;font-size:11px;font-weight:450;letter-spacing:.15px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#dcece0;color:#176558;border-radius:12px;width:42px;height:45px}.nav-label{font-size:9px;font-weight:750;color:#718f85;letter-spacing:1.7px;margin:43px 15px 15px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;min-height:46px;padding:12px 15px;color:#a9c1b8;border-radius:10px;font-size:13px;font-weight:550}.nav-item:hover{background:#1e3c38;color:#fff}.nav-item.active{background:#285347;color:#eef8f1}.sidebar-bottom{margin-top:auto;display:grid;gap:15px}.profile{display:flex;align-items:center;gap:12px;padding:20px 10px 0;border-top:1px solid #28413c;color:#ecf1ed;font-size:13px}.profile small{display:block;color:#90aaa2}.avatar{width:40px;height:40px;border-radius:50%;background:#d9e8dd;color:#285744;display:inline-flex;align-items:center;justify-content:center;font-weight:650;flex-shrink:0}.avatar-small{width:34px;height:34px;font-size:12px}.appbar{position:sticky;top:0;margin-left:var(--sidebar);height:75px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;z-index:20}.desktop-context{font-size:12px;font-weight:550;color:#72857c}.appbar-actions{display:flex;align-items:center;gap:22px}.workspace-badge{font-size:10px;color:#738273;display:flex;align-items:center;gap:7px}.workspace-badge span,.sync-label span{width:6px;height:6px;background:#80a789;border-radius:50%}.mobile-brand,.bottom-nav{display:none}.page-content{max-width:1500px;margin-left:var(--sidebar);padding:34px 38px 35px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.page-heading p{margin-bottom:0}.page-heading .eyebrow{margin-bottom:11px}.page-heading>.button{flex-shrink:0}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;margin-bottom:24px;min-width:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:27px}.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:22px 25px;background:white;border:1px solid var(--line);border-radius:15px}.metric>span{font-size:12px;color:var(--muted)}.metric>strong{display:block;font-size:33px;line-height:1.2;letter-spacing:-1px;margin:14px 0 8px}.metric strong small{font-size:14px;font-weight:450;letter-spacing:0;margin-left:6px}.metric .metric-caption{font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}.section-head h2{margin:0}.section-head p{margin:5px 0 0;font-size:12px}.sync-label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:var(--muted)}.fleet{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:17px}.phone{border:1px solid var(--line);border-radius:13px;padding:19px;background:#fcfdfb;min-width:0}.phone .section-head{margin-bottom:18px}.phone-symbol{display:inline-flex;color:#3b7760;background:#edf3ec;padding:9px;border-radius:10px}.phone-model{font-size:11px;margin-bottom:19px}.phone-session{padding-top:14px;border-top:1px solid var(--line);font-size:13px;min-height:92px}.phone-state{font-size:12px;color:var(--muted);margin-top:8px;margin-bottom:4px}.timer{font-size:30px;letter-spacing:-.8px;display:block;line-height:1.45;font-variant-numeric:tabular-nums}.phone-session small{display:block}.last-contact{display:block;margin-top:12px;font-size:10px}.badge{display:inline-block;border-radius:6px;font-size:10px;font-weight:650;padding:4px 8px;background:#eef1ef;color:#6c7771;white-space:normal}.available,.paid{background:#e5f1e7;color:#3a7650}.reserved,.awaiting_start{background:#fff0d5;color:#986c29}.rented,.active{background:#e5ecf7;color:#5377a3}.refunded{background:#f8e7e6;color:#ae5a56}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quick-links>a{display:grid;grid-template-columns:45px 1fr 22px;column-gap:14px;align-items:center;background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px;color:var(--ink)}.quick-links strong{font-size:14px}.quick-links>a>span:not(.tile-icon){grid-column:2;font-size:11px;color:var(--muted)}.quick-links .tile-icon{grid-row:1/3}.quick-links>a>.icon{grid-column:3;grid-row:1/3;color:#7a9787}.tile-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:11px;background:#edf3ec;color:#548269;flex-shrink:0}.stack{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.form-and-list{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}label{display:block;font-size:12px;font-weight:650;min-width:0}label small{display:block;font-weight:400;margin-top:3px}input,select,textarea{display:block;width:100%;min-height:46px;padding:12px 13px;border:1px solid #dbe4dc;border-radius:9px;background:#fcfdfb;color:var(--ink);margin-top:8px;outline:none;font-size:14px}input:focus,textarea:focus,select:focus{border-color:#87b49b;box-shadow:0 0 0 3px #eef5ef}textarea{resize:vertical;min-height:105px}input[type=checkbox]{display:inline-block;min-height:20px;width:20px;height:20px;margin:0;accent-color:var(--accent)}input[type=hidden]{display:none}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px}.record-list{display:grid}.list-row{display:flex;gap:14px;align-items:flex-start;padding:19px 0;border-bottom:1px solid var(--line);min-width:0}.list-row:last-child{border:0;padding-bottom:0}.list-row:first-child{padding-top:5px}.list-row>div{min-width:0}.list-row strong{font-size:14px}.list-row small{display:block}.list-row p{font-size:12px;margin:7px 0;overflow-wrap:anywhere}.list-body{flex:1}.amount{flex-shrink:0;text-align:right}.amount .badge{display:block;margin-top:6px}.rental-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rental-record{margin:0}.rental-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;margin:18px 0}.rental-meta>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.rental-meta .icon{width:16px;height:16px}.rental-record>p{font-size:12px}.rental-actions{display:grid;gap:12px}.rental-actions button{font-size:12px}.rental-actions details{margin:0}.refund-form{padding-top:15px}.refund-form p{font-size:12px;margin:0}summary{cursor:pointer;color:#a55850;min-height:35px;display:list-item;font-size:12px}.notice{color:#9d7841;font-size:12px;margin-top:16px;line-height:1.6}.empty-state{text-align:center;color:var(--muted);padding:26px 15px;font-size:13px}.warning-row{display:grid;grid-template-columns:minmax(120px,.5fr) 1fr;gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}.warning-row:last-child{border:0}.warning-row fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.warning-row legend{font-size:11px;color:var(--muted);margin-bottom:10px}.check-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:450}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:12px}.activity-row{display:flex;gap:16px;position:relative;padding:10px 0 23px}.activity-dot{margin-top:8px;width:9px;height:9px;border:2px solid #86a491;border-radius:50%;flex-shrink:0}.activity-row strong{font-size:13px}.activity-row p{font-size:12px;margin:5px 0}.menu-link{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink)}.menu-link:first-child{padding-top:0}.menu-link:last-child{border:0;padding-bottom:0}.menu-link>span:nth-child(2){flex:1}.menu-link small{display:block;font-size:11px}.menu-link strong{font-size:14px}.account-card{text-align:center;max-width:550px;padding:36px}.avatar-large{width:64px;height:64px;font-size:24px;margin-bottom:18px}.account-card h2{margin-bottom:5px}.account-card form{margin-top:25px}.success,.error{padding:16px 18px;border-radius:11px;margin-bottom:22px;font-size:13px}.success{background:#e7f2e9;color:#3f7250;display:flex;align-items:center;gap:10px}.error{background:#f9eae8;color:#a05047}.workspace-note{font-size:10px;color:#91a094;text-align:center;margin:35px 0 0}.token{display:block;background:#f3f6f1;overflow-wrap:anywhere;padding:16px;border-radius:8px}.credential{border-color:#c4dbc8}.guest{background:#f1f5ef}.guest .page-content{margin:0;padding:30px 20px}.login-shell{max-width:420px;margin:35px auto}.login-brand{display:flex;align-items:center;justify-content:center;gap:11px;font-size:21px;font-weight:700;margin-bottom:40px}.login-card{background:#fff;border:1px solid var(--line);padding:35px;border-radius:22px;box-shadow:0 12px 35px #18322a05}.login-card h1{font-size:30px}.login-card>.muted{font-size:13px;margin-bottom:28px}.button-full{width:100%;justify-content:space-between;margin-top:6px}.login-footnote{font-size:10px;text-align:center;color:#89968a;margin:23px 0 0}.login-tagline{text-align:center;font-size:12px;margin-top:26px}.template-grid{display:grid;gap:21px}.template-card{margin-bottom:0}.template-body{display:grid;grid-template-columns:1fr minmax(230px,.8fr);gap:28px}.template-preview{background:#f2f6f0;padding:22px;border-radius:13px;align-self:start;overflow-wrap:anywhere}.preview-label{font-size:9px;letter-spacing:1.4px;color:#789381;font-weight:650;margin-bottom:15px}.notification-preview{background:white;border:1px solid #e2ebdf;border-radius:13px;padding:18px;font-size:13px;box-shadow:0 4px 14px #34553904}.notification-preview strong{display:block;font-size:14px;margin-bottom:6px}.notification-preview p{margin-bottom:0;color:#637361}.notification-app{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#8ba189;font-size:10px}.notification-app .icon{width:14px;height:14px}.template-card .quiet{font-size:11px;min-height:37px;padding:8px 12px}.placeholder-guide{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.placeholder-guide code{padding:4px 7px;border-radius:5px;background:#f1f4ed;color:#5d755d;font-size:11px}.field-error{color:#ad574c;display:block;margin-top:6px;font-size:11px}.editor-intro{margin-bottom:25px}.editor-intro p{font-size:12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #87bfa5;outline-offset:3px}#new-rental{scroll-margin-top:95px}.list-row strong,.phone h3,.rental-record h3,.profile>span:last-child{overflow-wrap:anywhere}
@media(min-width:1700px){.page-content{margin-right:auto}}@media(max-width:1100px){:root{--sidebar:220px}.page-content{padding:28px 25px}.appbar{padding:0 25px}.form-grid{grid-template-columns:1fr}.template-body{grid-template-columns:1fr 1fr}.form-and-list{grid-template-columns:1fr 1fr}.stats{gap:12px}.metric{padding:20px}.metric>strong{font-size:27px}}
@media(max-width:760px){.sidebar{display:none}.appbar{margin-left:0;height:calc(63px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0}.mobile-brand{display:block;font-size:17px;font-weight:750;letter-spacing:-.5px}.desktop-context{display:none}.appbar-actions{gap:13px}.workspace-badge{font-size:9px}.page-content{margin:0;padding:25px 18px calc(104px + env(safe-area-inset-bottom));max-width:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:#fffffffa;border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;color:#97a59a;font-size:9px;font-weight:600;border-radius:10px}.bottom-nav a.active{color:#1d775d;background:#f0f6ed}.bottom-nav .icon{width:21px;height:21px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:23px;gap:14px}.page-heading p.muted{font-size:12px}.page-heading>.button{font-size:12px;min-height:41px;padding:10px 14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stats>.metric:last-child:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:center}.stats>.metric:last-child:nth-child(3)>strong{grid-column:2;grid-row:1/3;text-align:right;margin:0;font-size:25px}.metric{padding:17px;border-radius:13px}.metric>span{font-size:10px}.metric>strong{font-size:28px;margin:10px 0 6px}.metric .metric-caption{font-size:9px}.metric strong small{font-size:11px}.card{padding:20px;border-radius:15px;margin-bottom:20px}.section-head{flex-wrap:wrap;gap:8px}h1{font-size:27px;letter-spacing:-.8px}h2{font-size:17px}.fleet{grid-template-columns:1fr}.phone{padding:18px}.phone .section-head{flex-wrap:nowrap}.phone-session{min-height:75px}.quick-links{grid-template-columns:1fr;gap:12px}.form-and-list,.template-body,.rental-list{grid-template-columns:1fr}.rental-list{gap:15px}.rental-record{margin:0}.form-and-list{gap:0}.form-footer{align-items:stretch;flex-direction:column}.form-footer button{width:100%}.warning-row{grid-template-columns:1fr;gap:18px}.warning-row>label{max-width:200px}.template-card .section-head{align-items:flex-start}.template-preview{padding:18px}.guest .page-content{padding:25px 19px}.login-shell{margin:23px auto}.login-brand{margin-bottom:29px;font-size:19px}.login-card{padding:28px 24px}.login-card h1{font-size:28px}.guest .workspace-note{margin-top:22px}.list-row{gap:11px}.list-row .avatar,.list-row .tile-icon{width:34px;height:34px}.list-row>.badge{max-width:80px}.sync-label{font-size:9px}.account-card{max-width:none}.form-grid{gap:20px}.template-preview .notification-preview{min-width:0}.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.location-details{border-top:1px solid var(--line);padding-top:16px;font-size:12px;overflow-wrap:anywhere}.location-details p{margin:8px 0}.location-details small{display:block;margin:6px 0}.location-details a{margin:12px 0}.locate-button{width:100%;margin-top:15px}.location-card .empty-state{padding:15px 0}.location-card .section-head h3{margin:0}

/* Session actions stay collapsed until selected, reducing mobile clutter. */
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:16px}.action-card{border:1px solid #dbe5e3;border-radius:14px;padding:16px;background:#f7faf9}.action-card summary,.operation-menu>summary{font-weight:700;cursor:pointer}.action-card form{margin-top:16px}.action-request{padding:16px 0;border-top:1px solid #dbe5e3;display:flex;gap:10px;flex-wrap:wrap}.action-request p{flex-basis:100%;margin:0}.action-request form{margin:0}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.operation-menu{margin-top:16px}fieldset{border:1px solid #dbe5e3;border-radius:12px;min-width:0}button:disabled{opacity:.55;cursor:wait}

/* Request feedback remains visible without moving the current form. */
.request-loading[hidden]{display:none}.request-loading{position:fixed;inset:0;z-index:1000;background:rgba(20,24,45,.45);display:grid;place-items:center;padding:24px}.loading-card{display:flex;gap:16px;align-items:center;max-width:420px;padding:24px;border-radius:20px;background:#fff;color:#27324b;box-shadow:0 16px 50px #17203833}.loading-spinner{display:inline-block;width:24px;height:24px;flex-shrink:0;border:3px solid #d9d5f0;border-top-color:#6851c8;border-radius:50%;animation:rental-spin .8s linear infinite}.loading-inline{align-items:center;gap:8px;padding:8px 0;color:#59469d}.availability-control{margin-top:12px}.badge.unavailable{background:#fff0d6;color:#835600}button:disabled{cursor:wait;opacity:.65}@keyframes rental-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation-duration:2s}}
[data-time-preview] [hidden]{display:none!important}[data-preview-output]{margin:8px 0;overflow-wrap:anywhere}
.customer-directory-link{color:var(--ink);border-radius:10px}.customer-directory-link:hover,.customer-directory-link:focus-visible{background:#edf2ef}.customer-search{margin-bottom:18px}.history-pagination{margin:16px 0;flex-wrap:wrap}.metric strong{overflow-wrap:anywhere}
.appbar-context{display:flex;align-items:center;gap:14px}.sidebar-toggle{min-height:36px;padding:6px 12px;font-size:20px}.customer-search [hidden]{display:none}@media(min-width:761px){body.sidebar-collapsed{--sidebar:82px}.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.sidebar-collapsed .brand{padding:0;justify-content:center}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-text,.sidebar-collapsed .profile>span:last-child{display:none}.sidebar-collapsed .sidebar nav{margin-top:43px}.sidebar-collapsed .nav-item,.sidebar-collapsed .profile{justify-content:center}.sidebar-collapsed .profile{padding-left:0;padding-right:0}}@media(max-width:760px){.sidebar-toggle{display:none}}

[data-live-rentals]>section{margin-bottom:24px}

[data-live-rentals]>.rental-record{margin-bottom:24px}
