/* Halaga Business & VA Suite v1 — clean, calm business workspace styling */
#business .business-suite-shell{display:grid;gap:16px}
#business .business-suite-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
#business .business-suite-title h2{margin:6px 0 5px;font-size:28px;letter-spacing:-.025em}
#business .business-suite-title p{margin:0;color:var(--muted);line-height:1.55;max-width:760px}
#business .business-suite-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--card);position:sticky;top:70px;z-index:9}
#business .business-suite-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
#business .business-suite-tabs button:hover{background:var(--bg);color:var(--text)}
#business .business-suite-tabs button.active{background:#0d3b2d;color:#fff;box-shadow:0 4px 12px rgba(13,59,45,.16)}
#business .business-suite-panel{display:grid;gap:14px}
#business .suite-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#business .suite-kpi{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:13px;min-width:0}
#business .suite-kpi small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
#business .suite-kpi strong{display:block;margin-top:7px;font-size:23px;line-height:1.1}
#business .suite-kpi .delta{margin-top:6px;font-size:11px;color:var(--muted)}
#business .suite-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
#business .suite-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#business .suite-card{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px rgba(18,37,46,.035);padding:16px;min-width:0}
#business .suite-card h3{margin:0 0 5px;font-size:16px}
#business .suite-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
#business .suite-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
#business .suite-actions{display:flex;flex-wrap:wrap;gap:8px}
#business .suite-actions .btn{min-height:38px}
#business .suite-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}
#business .suite-table{width:100%;border-collapse:collapse;min-width:650px}
#business .suite-table th,#business .suite-table td{padding:10px 9px;border-bottom:1px solid var(--line);font-size:11px;text-align:left;vertical-align:top}
#business .suite-table th{background:var(--bg);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}
#business .suite-table tr:last-child td{border-bottom:0}
#business .suite-empty{padding:18px;text-align:center;color:var(--muted);font-size:12px}
#business .suite-muted{color:var(--muted)}
#business .suite-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;background:var(--bg);color:var(--text)}
#business .suite-chip.green{background:#eaf9f3;border-color:#cdeedf;color:#0C7D53}
#business .suite-chip.amber{background:#fff8df;border-color:#f0dfaa;color:#8a6110}
#business .suite-chip.red{background:#fff0f1;border-color:#f2c5c9;color:#b3404b}
#business .suite-chip.blue{background:#eef5ff;border-color:#cfe0fb;color:#0C7D53}
#business .suite-chip.purple{background:#f4efff;border-color:#ded2fa;color:#7350c4}
#business .suite-stat-list{display:grid;gap:8px}
#business .suite-stat-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
#business .suite-stat-row:last-child{border-bottom:0}
#business .suite-progress{height:8px;border-radius:999px;background:var(--bg);overflow:hidden;margin-top:8px}
#business .suite-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b8059,#1ec38c)}
#business .suite-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#business .suite-filter input,#business .suite-filter select{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);min-width:0}
#business .suite-filter input{flex:1;min-width:180px}
#business .suite-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;overflow:auto;padding-bottom:4px}
#business .suite-board-col{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:190px}
#business .suite-board-col h4{margin:0 0 9px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
#business .suite-task-card{padding:10px;background:var(--card);border:1px solid var(--line);border-radius:9px;margin-bottom:8px;box-shadow:0 2px 8px rgba(18,37,46,.03)}
#business .suite-task-card strong{font-size:12px}
#business .suite-task-card small{display:block;margin-top:5px;color:var(--muted);line-height:1.4}
#business .suite-checklist{display:grid;gap:6px}
#business .suite-checklist label{display:flex;align-items:flex-start;gap:8px;font-size:12px}
#business .suite-checklist input{margin-top:2px}
#business .suite-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#business .suite-role{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
#business .suite-role strong{display:block;margin-bottom:4px}
#business .suite-role small{display:block;color:var(--muted);line-height:1.45}
#business .suite-alert{padding:11px 12px;border-radius:10px;border:1px solid #f0dfaa;background:#fff8df;color:#7a5a08;font-size:11px;line-height:1.5}
#business .suite-success{padding:11px 12px;border-radius:10px;border:1px solid #cdeedf;background:#eef9f4;color:#0C7D53;font-size:11px;line-height:1.5}
#business .suite-clock{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:30px;font-weight:900}
#business .suite-money{font-variant-numeric:tabular-nums;white-space:nowrap}
#business .suite-brand-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:14px;align-items:stretch}
#business .suite-brand-accent{border-radius:15px;padding:22px;background:linear-gradient(135deg,#07251c,#0d5f43 68%,#119b70);color:#f2fbf7;position:relative;overflow:hidden}
#business .suite-brand-accent::after{content:"";position:absolute;right:-40px;bottom:-58px;width:180px;height:180px;border:34px solid rgba(255,255,255,.08);border-radius:50%}
#business .suite-brand-accent h3{font-size:21px;margin-bottom:7px}
#business .suite-brand-accent p{color:#cce7dd;max-width:650px}
#business .suite-brand-mini{display:grid;gap:9px}
#business .suite-mini-item{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
#business .suite-mini-item strong{display:block;font-size:12px;margin-bottom:4px}
#business .suite-mini-item span{display:block;color:var(--muted);font-size:10px;line-height:1.45}
#business .suite-link{color:#0a8058;text-decoration:none;font-weight:800}
#business .suite-link:hover{text-decoration:underline}
#business .suite-command-card{padding:15px}
#business .suite-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#business .suite-command-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}
#business .suite-command-item strong{display:block;font-size:12px}
#business .suite-command-item small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
#business .suite-command-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:11px;font-weight:900}
#business .suite-command-count.is-alert{border-color:#f0dfaa;background:#fff8df;color:#8a6110}
@media(max-width:1050px){#business .suite-command-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){#business .suite-command-grid{grid-template-columns:1fr}}
@media(max-width:1050px){
  #business .suite-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #business .suite-grid-3{grid-template-columns:1fr}
  #business .suite-brand-panel{grid-template-columns:1fr}
}
@media(max-width:760px){
  #business .business-suite-tabs{position:static;overflow:auto;flex-wrap:nowrap}
  #business .business-suite-tabs button{flex:0 0 auto}
  #business .suite-grid-2{grid-template-columns:1fr}
  #business .suite-kpis{grid-template-columns:1fr 1fr}
  #business .suite-role-grid{grid-template-columns:1fr}
  #business .business-suite-title h2{font-size:25px}
}
@media(max-width:480px){
  #business .suite-kpis{grid-template-columns:1fr}
  #business .suite-card{padding:13px}
  #business .suite-actions .btn{flex:1;min-width:130px}
}

/* Business analytics: responsive Excel-style charts and slicers */
#business{--chart-1:#0f766e;--chart-2:#2563eb;--chart-3:#7c3aed;--chart-4:#ea580c;--chart-5:#16a34a;--chart-6:#ca8a04;--chart-7:#db2777;--chart-8:#475569}
#business .biz-analytics-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:14px;margin-top:14px}
#business .biz-slicers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
#business .biz-slicers label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:var(--text)}
#business .biz-slicers select{min-width:0;width:100%;border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:var(--surface);color:var(--text)}
#business .biz-toggle{justify-content:center;border:1px solid var(--border);border-radius:10px;padding:9px 10px;flex-direction:row!important;align-items:center;gap:8px!important}
#business .biz-toggle input{accent-color:var(--primary);margin:0}
#business .biz-chart-svg{display:block;width:100%;height:auto;min-height:220px;color:var(--primary)}
#business .biz-chart-svg text{fill:var(--muted);font-size:11px}
#business .biz-chart-svg rect{fill:var(--primary)}
#business .biz-chart-svg circle{fill:var(--surface);stroke:var(--primary);stroke-width:2}
#business .biz-donut-wrap{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);align-items:center;gap:18px}
#business .biz-donut{width:min(220px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto}
#business .biz-donut-hole{width:58%;aspect-ratio:1;border-radius:50%;background:var(--surface);display:grid;place-items:center;align-content:center;text-align:center;padding:8px}
#business .biz-donut-hole strong{font-size:16px;line-height:1.2}.biz-donut-hole span{font-size:11px;color:var(--muted)}
#business .biz-donut-legend{display:grid;gap:8px}.biz-donut-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px}.biz-dot{width:9px;height:9px;border-radius:50%}
@media(max-width:1100px){#business .biz-slicers{grid-template-columns:repeat(3,minmax(0,1fr))}#business .biz-analytics-grid{grid-template-columns:1fr}}
@media(max-width:680px){#business .biz-slicers{grid-template-columns:1fr 1fr}#business .biz-donut-wrap{grid-template-columns:1fr}.biz-donut{width:min(190px,70vw)}}
@media(max-width:430px){#business .biz-slicers{grid-template-columns:1fr}#business .biz-analytics .suite-card-header{align-items:flex-start}#business .biz-analytics .suite-actions{width:100%}#business .biz-analytics .suite-actions .btn{flex:1}}

#business .business-dashboard-link-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
#business .business-dashboard-link-card h3{margin:6px 0 4px}
#business .business-dashboard-link-card p{margin:0;max-width:720px}
@media(max-width:650px){#business .business-dashboard-link-card{align-items:flex-start;flex-direction:column}}

/* Business workspace form: keep POS control attached to its label and make the form resilient at narrow widths. */
.business-suite-shell .form-grid .settings-toggle-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-width:0;
}
.business-suite-shell .form-grid .settings-toggle-row > span:first-child{
  min-width:0;
  flex:1 1 auto;
}
.business-suite-shell .form-grid .settings-toggle-row > span:first-child small{
  display:block;
  margin-top:3px;
}
.business-suite-shell .form-grid .settings-toggle-row input[type="checkbox"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.business-suite-shell .form-grid .settings-toggle-row .switch{
  flex:0 0 auto;
  position:relative;
  width:44px;
  height:24px;
  margin-left:auto;
}
.business-suite-shell .form-grid .settings-toggle-row .switch::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:var(--line);
  border:1px solid var(--line-strong,var(--line));
  transition:.18s ease;
}
.business-suite-shell .form-grid .settings-toggle-row .switch::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--card);
  box-shadow:0 1px 3px rgba(0,0,0,.18);
  transition:.18s ease;
}
.business-suite-shell .form-grid .settings-toggle-row input[type="checkbox"]:checked + .switch::before{
  background:var(--green);
  border-color:var(--green);
}
.business-suite-shell .form-grid .settings-toggle-row input[type="checkbox"]:checked + .switch::after{
  transform:translateX(20px);
}
.business-suite-shell .form-grid .settings-toggle-row input[type="checkbox"]:focus-visible + .switch{
  outline:2px solid var(--green);
  outline-offset:3px;
}
@media (max-width:760px){
  .business-suite-shell .form-grid{grid-template-columns:minmax(0,1fr)!important;}
  .business-suite-shell .form-grid .full-col{grid-column:1!important;}
}