/* One shared, compact layout for cashier, owner and practice. */
.easy-dashboard button,.easy-dashboard input,.easy-dashboard select{font:inherit}
.easy-dashboard .btn{min-height:44px;border-radius:10px;font-weight:700;box-shadow:none}
.easy-dashboard input,.easy-dashboard select,.easy-dashboard textarea{border-radius:10px;background:var(--card);color:var(--ink);border-color:var(--line)}
.easy-dashboard dialog{max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);padding:18px;box-shadow:0 16px 60px #0003}
.easy-dashboard dialog::backdrop{background:#140c0b88;backdrop-filter:blur(3px)}
.easy-dashboard dialog h2{font-size:19px;margin:0 0 12px}
.easy-dashboard .total-line{gap:12px;padding-block:8px}
.easy-dashboard .total-line>span{min-width:0;overflow-wrap:anywhere}
.easy-dashboard .total-line>strong{flex-shrink:0;font-variant-numeric:tabular-nums}
.easy-dashboard .panel{box-shadow:0 2px 8px #21150c04}
.easy-dashboard #chatMessages{border:1px solid var(--line);background:var(--soft);max-height:340px;overflow:auto}
.easy-dashboard .chat-msg{padding:10px 12px;border-radius:12px;line-height:1.45}
.easy-dashboard .chat-meta{font-size:11px;color:var(--muted)}
.easy-dashboard .owner-panel .simple-guide{display:none}
body.easy-dashboard .app{padding:12px 12px 24px;max-width:1120px}
.easy-dashboard .panel,.easy-dashboard.preview-simple .panel{padding:12px;border-radius:14px}
.easy-dashboard .panel-head{margin-bottom:8px;gap:8px}
.easy-dashboard .panel h2,.easy-dashboard.preview-simple .panel h2{font-size:18px;line-height:1.3;margin:0}
.easy-dashboard .stack{gap:10px}.easy-dashboard .split{gap:10px}
.easy-dashboard .easy-redundant{display:none!important}
.easy-dashboard .brand-copy h1{font-size:17px}.easy-dashboard .brand-mark{width:36px;height:36px}
.easy-dashboard .brand{gap:8px}.easy-dashboard .topbar{gap:8px;margin-bottom:8px}
.easy-dashboard .simple-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.easy-dashboard .simple-attendance .panel-head{margin:0}
.easy-dashboard .simple-attendance{margin:0!important}
.easy-dashboard .expense-total{display:none}
.easy-dashboard .datebar{margin:8px 0;gap:8px}.easy-dashboard .date-field input{padding:8px 10px;min-height:44px;font-size:15px}
.easy-dashboard .simple-attendance{border:0;background:transparent;padding:0!important}
.easy-dashboard .nav{position:sticky!important;top:0!important;z-index:15;width:100%!important;box-sizing:border-box;inset-inline:auto!important;gap:2px;margin:8px 0!important;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.easy-dashboard .nav .tab{flex:1 0 auto;min-height:44px;padding:9px 10px;font-size:14px}
.easy-dashboard .easy-settings{position:relative;font-size:13px;color:var(--ink)}
.easy-dashboard .easy-settings>summary{border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 12px;box-sizing:border-box;background:var(--card);cursor:pointer;white-space:nowrap}
.easy-dashboard .easy-settings[open]{padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.easy-dashboard .easy-settings[open]>summary{border:0;padding:4px;min-height:32px}
.easy-dashboard .easy-settings>.btn{margin:3px 0;display:block;width:100%}
.easy-dashboard .easy-fold{border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);min-width:0;align-self:start}
.easy-dashboard .easy-fold>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:750;list-style:none}
.easy-dashboard .easy-fold>summary::-webkit-details-marker{display:none}
.easy-dashboard .easy-fold>summary::after{content:'＋';margin-left:auto;font-size:19px;font-weight:600}
.easy-dashboard .easy-fold[open]>summary::after{content:'−'}
.easy-dashboard .easy-fold>summary strong{font-size:12px;font-weight:650;color:var(--muted);margin-left:auto;white-space:nowrap}
.easy-dashboard .easy-fold>summary strong:empty{display:none}
.easy-dashboard .easy-fold>.panel{border:0!important;border-top:1px solid var(--line)!important;border-radius:0 0 14px 14px;box-shadow:none;margin:0!important}
.easy-dashboard .easy-fold>.panel>.panel-head,.easy-dashboard .easy-fold>.panel>h2{display:none}
.easy-dashboard .easy-fold[data-easy-fold=qris]{background:var(--qr-bg,var(--soft));border-color:var(--qr-line,var(--line))}
.easy-dashboard .easy-fold[data-easy-fold=qris]>summary{color:var(--qr-ink,var(--ink))}
.easy-dashboard .easy-fold[data-easy-fold=qris]>summary strong{color:inherit}
.easy-dashboard .easy-payment-link{width:100%;margin-top:10px}
.easy-dashboard #cashier .easy-fold[data-easy-fold=qris]{grid-column:2}
.easy-dashboard #cashierDate{display:none}
.easy-dashboard #stock>.stack>.stats{gap:6px}.easy-dashboard #stock .stats .stat{padding:8px}
.easy-dashboard #stock .stats .stat strong{font-size:18px}
.easy-dashboard #cashier .quick-card{padding:10px}.easy-dashboard .quick-name{font-size:15px}
.easy-dashboard .quick-controls{gap:7px}.easy-dashboard .quick-controls .step{width:44px;height:44px}
.easy-dashboard #cartRows{max-height:220px;overflow:auto;overscroll-behavior:contain}
.easy-dashboard #cashier .pay-card{padding:10px}.easy-dashboard #cashier .pay-top{padding:8px 10px}
.easy-dashboard #cashier .cash-field{margin:8px 0}.easy-dashboard #cashier .keypad{gap:5px}
.easy-dashboard #cashier .keypad button{min-height:44px;font-size:21px}.easy-dashboard #cashier .keypad .key-action{font-size:14px}
.easy-dashboard .expense-summary{margin:6px 0;font-size:13px}.easy-dashboard .expense-summary>summary{min-height:40px}
.easy-dashboard #expenseCompact{display:grid;gap:6px;margin-bottom:8px}
.easy-dashboard #expenseCompact [data-expense-total]{font-size:16px}
.easy-dashboard .expense-row{padding:10px;gap:8px}.easy-dashboard .expense-more>summary{font-size:12px}
.easy-dashboard #cashierHistorySummary>.panel-head{margin-bottom:6px}
.easy-dashboard #cashierCloseoutStatus{font-size:13px;line-height:1.4}
.easy-dashboard .owner-compact-totals{gap:6px}.easy-dashboard .owner-roster-card,.easy-dashboard .owner-cashier-card{padding:10px;gap:6px}
.easy-dashboard .owner-roster-stats{display:flex;gap:8px;flex-wrap:wrap}.easy-dashboard .owner-compact-group{margin-top:8px}
.easy-dashboard .owner-compact-group>summary{font-size:14px;min-height:40px}
.easy-dashboard :is(button,input,summary):focus-visible{outline:3px solid var(--gold,#d79433);outline-offset:2px}
body.easy-dashboard.dark .easy-fold,body.easy-dashboard.dark .easy-settings{background:var(--card);color:var(--ink)}
.easy-dashboard [hidden]{display:none!important}
@media(max-width:700px){
 body.easy-dashboard{padding-bottom:0!important}.easy-dashboard .app{padding:8px 8px 20px}
 .easy-dashboard .nav .tab{padding:8px 5px;font-size:12px;flex:1 0 auto}
 .easy-dashboard #cashier>.split{grid-template-columns:1fr!important}
 .easy-dashboard #cashier .easy-fold[data-easy-fold=qris]{grid-column:1}
 .easy-dashboard #cashier .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .easy-dashboard .brand-copy h1{font-size:15px}.easy-dashboard .simple-account{max-width:100%}
 .easy-dashboard .easy-fold>summary{padding:9px 10px;font-size:14px}
 .easy-dashboard .easy-fold>summary strong{font-size:11px}
 .easy-dashboard .qr-card .stock-controls{grid-template-columns:1fr 1fr!important}
 .easy-dashboard .qr-card .field{min-width:0}.easy-dashboard .qr-card .label{font-size:12px}
}
.easy-dashboard :is(.view,.panel,.stack,.split,.owner-compact-head,.owner-compact-history)>*{min-width:0}
.easy-dashboard .owner-history-status{font-weight:700;color:var(--red-dark,var(--ink));overflow-wrap:anywhere}
.easy-dashboard .owner-compact-head{flex-wrap:wrap;gap:10px}
.easy-dashboard .owner-compact-history{gap:10px;white-space:normal}
.easy-dashboard .owner-compact-history>div{min-width:0;overflow-wrap:anywhere}
.easy-dashboard .nav{overflow-x:auto;overscroll-behavior-x:contain;flex-wrap:nowrap!important;scrollbar-width:thin}
.easy-dashboard :is(input,select,textarea){max-width:100%;box-sizing:border-box}
@media(max-width:700px){
 .easy-dashboard :is(input,select,textarea){font-size:16px!important}
 .easy-dashboard .topbar{flex-wrap:wrap;align-items:center}
 .easy-dashboard .simple-account{width:100%;justify-content:space-between}
 .easy-dashboard .nav .tab{min-width:64px;white-space:nowrap}
 .easy-dashboard .owner-compact-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
 .easy-dashboard .owner-compact-line{gap:8px;flex-wrap:wrap}
 .easy-dashboard .owner-compact-history{flex-wrap:wrap}
 .easy-dashboard dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:460px}
 .easy-dashboard .date-field{min-width:0;flex:1}.easy-dashboard .date-field input{width:100%}
}
@media(max-width:360px){
 .easy-dashboard .brand-copy h1{font-size:14px}
 .easy-dashboard .panel h2{font-size:17px}
 .easy-dashboard .stock-controls{flex-wrap:wrap}
 .easy-dashboard .easy-fold>summary{flex-wrap:wrap}
}
@media(min-width:701px) and (max-width:1100px){
 .easy-dashboard #cashier>.split{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)!important}
 .easy-dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.easy-dashboard *{scroll-behavior:auto!important}}