/* Fixed workspace navigation with independently scrolling main content. */
body.workspace-page{height:100dvh;overflow:hidden}
.workspace-page .shell{height:100dvh;min-height:0}
.workspace-page .sidebar{height:100%;min-height:0;width:230px;padding:15px 16px;gap:10px}
.sidebar-main{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:7px;flex:1}
.sidebar .eyebrow{text-align:center;margin:0 0 4px;padding:0}
.workspace-page #main{overflow:auto;max-width:none}
.sidebar .nav{display:block;width:100%;text-align:left;border:1px solid #70413d;background:#3b2424;border-radius:7px;min-height:40px;padding:8px 12px}
.sidebar .nav:hover{background:#58302d;border-color:#de8b7f}
.sidebar .nav.active{background:#872622;border-color:#ec8174}
.sidebar-stats{display:grid;gap:10px;margin-top:9px;padding:4px 14px}
.sidebar-stats .stat{padding:12px 15px}.sidebar-stats .stat strong{font-size:25px;margin:2px 0 0}
.sidebar-foot{flex:0 0 auto;margin:0;padding:4px 0 0;text-align:center}
.sidebar-icons{display:flex;justify-content:center;gap:14px}
.sidebar-brand{display:block;flex:0 0 auto;border:1px solid #70413d;border-radius:8px;background:#210e0e;padding:6px}
.sidebar-brand img{display:block;width:100%;height:115px;object-fit:contain;margin:auto}
.sidebar-foot form{margin-bottom:10px}
.sidebar .icon-button{width:52px;min-height:48px;padding:9px;text-align:center}
.icon-button img{width:28px;height:28px;object-fit:contain;display:block;margin:auto}
.sidebar-foot small{display:block;margin:10px 0 0;color:#d8c2bf;white-space:nowrap;font-size:11px}
.dashboard-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:18px;border-bottom:1px solid var(--line)}
.dashboard-tabs button{flex:1;min-width:145px;font-size:12px;border:1px solid #84524b;background:#3c2d2b}
.dashboard-tabs button.active{background:#8d2823;border-color:#ed998e;color:white}
.dashboard-tabs button span{display:inline-block;margin-left:7px;font-weight:700}
.tabs button{border:1px solid #80524d;border-radius:7px;background:#3c2c2b;margin-bottom:8px}
.tabs button.active{background:#74241f;border:1px solid #ed998e}
button.quiet,.record-link{border:1px solid #85564f;background:#3b2c2a;border-radius:7px;padding:8px 12px;min-height:40px}
button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.5)}
summary{display:inline-block;cursor:pointer;border:1px solid #85564f;border-radius:7px;background:#3b2c2a;padding:9px 12px;margin-bottom:8px}
.badge.not_invoiced{color:#ffe3a0;border-color:#92763a;background:#42351c}
.brand{border:1px solid #70413d;border-radius:8px;padding:2px 8px}
.customer-card{padding:20px;border-bottom:1px solid var(--line)}
.customer-card .pre{white-space:pre-wrap;overflow-wrap:anywhere}
.kiosk-page{min-height:100dvh;background:radial-gradient(ellipse at top,#641717 0,#190b0b 65%)}
.kiosk-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:920px;margin:auto;padding:20px}
.kiosk-header img{width:180px;height:80px;object-fit:contain}
.kiosk-card{max-width:860px;margin:0 auto 30px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
#kiosk-message{padding:16px;border:1px solid var(--good);border-radius:7px;color:var(--good)}
#customer-entry input:user-invalid,#customer-entry textarea:user-invalid{border-color:#ff8b7b;outline:1px solid #ff8b7b}
.login-card h1{margin-top:20px}
@media(max-width:780px){.workspace-page .shell{height:calc(100dvh - 76px);display:flex}.workspace-page .sidebar{width:175px;flex-direction:column;padding:10px;border-right:1px solid #4b2323}.sidebar .eyebrow,.sidebar-foot{display:block}.sidebar .nav{white-space:normal;font-size:12px}.sidebar-stats{padding:0}.sidebar-stats .stat{padding:10px}.sidebar-foot small{font-size:10px}.sidebar-icons{gap:8px}.workspace-page #main{padding:18px;min-width:0}.dashboard-tabs{padding:10px}.kiosk-card{margin:0 12px 20px;padding:20px}.tabs{flex-wrap:wrap}}
@media(max-height:1050px){.sidebar-stats{grid-template-columns:1fr 1fr;padding:0;gap:6px}.sidebar-stats .stat{padding:8px}.sidebar-stats .stat span{font-size:10px}.sidebar-stats .stat strong{font-size:19px}}
.dashboard-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-tabs button{min-width:0}
.record-link{white-space:nowrap}
@media(max-width:1100px){.dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.login-card a{display:inline-block;border:1px solid #85564f;background:#3b2c2a;border-radius:7px;padding:8px 12px;text-decoration:none}
.workspace-page .shell{height:100dvh}

.sidebar{text-transform:uppercase}
.sidebar-foot>[data-nav="customers"]{margin-bottom:10px}
.settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.payment-defaults{display:grid;grid-template-columns:1fr;gap:18px}
.payment-defaults p{margin:0}
@media(max-width:1000px){.settings-columns{grid-template-columns:1fr}}

.settings-address{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-address textarea{height:44px;min-height:44px;resize:none}

/* Larger, centered sidebar button labels. */
.workspace-page .sidebar .nav,.workspace-page .sidebar-foot form button{font-size:16px;text-align:center;font-weight:600}
@media(max-width:780px){.workspace-page .sidebar .nav,.workspace-page .sidebar-foot form button{font-size:14px}}

.sidebar-stats .stat{text-align:center}
.sidebar-stats .stat strong{text-align:center}

.workspace-page #main:has(>.dashboard-footer){display:flex;flex-direction:column;padding-bottom:18px}
#main:has(>.dashboard-footer)>.page-head,#main:has(>.dashboard-footer)>.search-controls,#main:has(>.dashboard-footer)>.panel{flex-shrink:0}
.dashboard-footer{margin-top:auto;margin-bottom:0;padding-top:18px;text-align:center;width:100%}

#main:has(>.dashboard-footer)>.settings-columns{flex-shrink:0}

#action-dialog.customer-edit-dialog{width:min(760px,92vw)}
.customer-edit-dialog .dialog-foot{justify-content:center}
.customer-edit-dialog #cancel-action{display:none}

.table-sort{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.8px;padding:6px 8px;min-height:36px;white-space:nowrap}.sort-triangles{display:flex;flex-direction:column;font-size:8px;line-height:1.1;color:#9b8989}.sort-triangles .selected{color:#ffb4a9}

.proposal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:24px;align-items:start}
.proposal-items,.proposal-pricing{min-width:0}
.proposal-items .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.proposal-items .item-grid>label:first-child{grid-column:1/-1}
.proposal-items .hours .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.proposal-pricing .panel-body{padding:18px}
.proposal-pricing .panel-head{padding:18px;flex-wrap:wrap}
.proposal-pricing .split{flex-wrap:wrap}
.proposal-pricing .document{overflow-wrap:anywhere}
.proposal-pricing .grid+p{margin-top:14px}
.proposal-totals{margin-top:20px}
.proposal-totals .totals{margin-bottom:0;padding:16px}
@media(max-width:1100px){.proposal-layout{grid-template-columns:1fr}.proposal-items .page-head{flex-wrap:wrap}}

.saved-documents .document.split{flex-direction:column;align-items:flex-start;gap:12px}
.saved-documents .panel-body{padding:18px;overflow-wrap:anywhere}
.summary>aside{min-width:0}

.hide-record{padding:9px 12px;border:1px solid #85564f;border-radius:7px;background:#3b2c2a;color:var(--text)}





.order-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.order-bottom-actions>.hide-record{flex-shrink:0;margin-left:auto}