/* Arsen Salon v2.1: responsive navigation, 24-hour calendar, compact financial history */
@media (min-width:761px) {
 .topbar{display:none!important}
 .main-side{min-width:0}
 .main-content{padding-top:22px}
 .app-layout.nav-collapsed .sidebar{width:64px}
}
@media (max-width:760px){
 .topbar{display:flex;position:sticky;top:0;z-index:30;min-height:56px;height:56px}
 #topTitle{display:block;font-size:16px}
 .breadcrumb{display:flex;min-width:0}
 .date-pill{display:none}
 .page-heading>div:first-child h1{display:none}
 .page-heading{margin-bottom:10px;min-height:8px}
}
.sheet-head{display:flex;align-items:center;justify-content:space-between}
.sheet-head .sheet-x{display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;font-size:26px!important;flex:0 0 42px;width:42px;height:42px;padding:0!important;border-radius:50%!important}
.calendar-scroll{height:min(680px,73vh);scrollbar-gutter:stable;overflow-y:auto}
.calendar-grid{min-height:0}
.calendar-time-row{min-height:40px}
.calendar-appt{min-height:39px}
.finance-breakdown{margin-bottom:17px}
.finance-breakdown .panel{margin-bottom:0}
.finance-history .panel-header{gap:12px}
.finance-history-controls{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;background:#fbfaf8;border-top:1px solid #eee7dd;border-bottom:1px solid #eee7dd}
.finance-history-controls label{display:flex;flex:1 1 170px;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#6d5b4d}
.finance-history-controls select,.finance-history-controls input{min-width:0;min-height:42px;background:#fff;border:1px solid #dfd5cb;border-radius:9px;padding:9px 12px;font-size:14px;color:#322820}
.finance-history-controls .finance-history-search{flex:2 1 220px}
.finance-history-table tbody td{vertical-align:middle}
.finance-history-table tbody tr:hover{background:#faf6f1}
.finance-detail{display:block;color:#8d8173;font-weight:400;margin-top:3px}
.finance-type-pill{display:inline-flex;white-space:nowrap;border-radius:18px;padding:5px 10px;background:#ede5db;font-size:12px;color:#6c4e39}
.finance-type-pill.expense{background:#f3e7e3;color:#8b503e}
.finance-type-pill.settlement{background:#edf0e7;color:#52664c}
.finance-type-pill.adjustment{background:#eee9f1;color:#665370}
.finance-history-amount{white-space:nowrap;font-weight:740;font-variant-numeric:tabular-nums}
.salary-page{max-width:1100px}
.salary-people{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.salary-person{min-height:44px;padding:11px 17px;border-radius:10px;background:#fff;border:1px solid #dcd3c8;color:#564538;font-weight:700;cursor:pointer}
.salary-person.selected{background:#654c3c;color:#fff;border-color:#654c3c}
.salary-date-actions{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #eae0d7}
.salary-date-actions>button{min-height:42px}
.salary-date-picker{display:flex;align-items:center;gap:10px;font-weight:650;color:#564838;font-size:13px;flex-wrap:wrap}
.salary-date-picker input{padding:9px 12px;border:1px solid #dcd3c8;border-radius:9px;font-size:15px;max-width:190px;background:#fff}
.salary-period-label{font-weight:700;color:#756454;margin:20px 0 12px}
.salary-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.salary-three>div{background:#faf8f5;border:1px solid #eae2d8;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}
.salary-three span{color:#7b6d60;font-size:13px}
.salary-three strong{font-size:clamp(18px,2vw,25px);color:#3f332a;font-variant-numeric:tabular-nums}
.salary-three>div:last-child{background:#eaf0e9;border-color:#d9e3d3}
.salary-pay-row{margin-top:17px}
@media(max-width:680px){
 .finance-history-controls label{flex:1 1 140px}
 .salary-three{grid-template-columns:1fr;gap:8px}
 .salary-three>div{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 14px}
 .salary-three strong{font-size:18px}
 .salary-date-picker input{max-width:100%}
 .finance-history-table th,.finance-history-table td{padding:10px 9px}
}

.sidebar-desktop-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e4d7c9;background:#fff9f3;color:#5c4331;border-radius:10px;cursor:pointer;margin:13px 12px 10px auto;font-size:20px}
.sidebar-desktop-toggle:hover{background:#eee6dd}
@media(max-width:760px){.sidebar-desktop-toggle{display:none}}
@media(min-width:761px){#sidebar .side-close{display:none}}
@media(min-width:761px){
 .app-layout.nav-collapsed .sidebar{width:64px!important;min-width:64px!important;flex-basis:64px!important;overflow:visible!important;border-right:1px solid #e3ddd5!important}
 .app-layout.nav-collapsed .sidebar-desktop-toggle{margin:13px auto 10px!important}
}