/* Digital Space — access.css (v100): one Admin Panel + tick-box access */
.acc-top{ margin:0 0 18px; }
.acc-top .ad-eyebrow{ display:block; font-size:10.5px; letter-spacing:.12em; color:var(--muted); margin-bottom:8px; }
.acc-tabs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.acc-tab{ display:flex; flex-direction:column; align-items:flex-start; gap:3px; text-align:left; padding:14px 16px; border-radius:16px; border:1px solid var(--line); background:var(--card); color:var(--ink); font:inherit; cursor:pointer; min-width:0; transition:border-color .15s, box-shadow .15s; }
.acc-tab b{ font-size:15px; font-weight:600; }
.acc-tab small{ font-size:11.5px; color:var(--muted); line-height:1.35; }
.acc-tab:hover{ border-color:var(--brand2); }
.acc-tab.on{ background:var(--brand); border-color:var(--brand); color:#fff; box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 30%,transparent); }
.acc-tab.on small{ color:rgba(255,255,255,.78); }
.acc-pane{ display:flex; flex-direction:column; gap:14px; }
.acc-intro p{ margin:0; font-size:13.5px; color:var(--muted); line-height:1.55; }
.acc-intro b{ color:var(--ink); }
.acc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr)); gap:12px; }
.acc-card{ background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px; display:flex; flex-direction:column; gap:12px; }
.acc-card-h{ display:flex; align-items:center; gap:12px; min-width:0; }
.acc-av{ width:42px; height:42px; flex-shrink:0; border-radius:50%; background:var(--brand); color:#fff; display:grid; place-items:center; font-weight:700; font-size:14px; }
.acc-who{ flex:1; min-width:0; display:flex; flex-direction:column; }
.acc-who b{ font-size:14.5px; }
.acc-who small{ color:var(--muted); font-size:11.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.acc-badge{ font-size:10.5px; font-weight:700; color:var(--brand2); background:color-mix(in srgb,var(--brand2) 12%,transparent); border-radius:99px; padding:3px 9px; }
.acc-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.acc-chip{ display:inline-flex; gap:6px; align-items:baseline; font-size:12px; background:var(--soft); border:1px solid var(--line); border-radius:10px; padding:5px 9px; color:var(--ink); font-variant-numeric:tabular-nums; }
.acc-chip b{ font-weight:600; color:var(--muted); font-size:11px; }
.acc-chip.none{ color:var(--muted); background:transparent; border-style:dashed; }
.acc-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--line); padding-top:10px; }
.acc-foot small{ color:var(--muted); font-size:11.5px; }

/* editor */
.acc-overlay{ z-index:330; }
.acc-modal{ width:760px!important; }
.acc-body{ padding:16px 20px; display:flex; flex-direction:column; gap:14px; max-height:68vh; overflow-y:auto; }
.acc-preset{ display:flex; align-items:center; gap:10px; }
.acc-preset label{ font-size:12px; color:var(--muted); white-space:nowrap; text-transform:none!important; letter-spacing:0!important; margin:0!important; }
.acc-preset select{ flex:1; }
.acc-admin{ display:flex!important; gap:12px; align-items:flex-start; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--soft); cursor:pointer; text-transform:none!important; letter-spacing:0!important; font-size:inherit!important; color:var(--ink)!important; margin:0!important; }
.acc-admin input{ width:20px!important; height:20px!important; margin-top:2px; accent-color:var(--brand); flex-shrink:0; }
.acc-admin b{ display:block; font-size:14px; }
.acc-admin small{ display:block; color:var(--muted); font-size:12px; font-weight:400; line-height:1.45; margin-top:2px; }
.acc-sec{ border:1px solid var(--line); border-radius:16px; padding:12px 14px 14px; }
.acc-sec-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
.acc-sec-h h3{ margin:0!important; font-size:15px!important; font-weight:600!important; text-transform:none!important; letter-spacing:0!important; color:var(--ink)!important; }
.acc-mini{ border:1px solid var(--line); background:var(--card); color:var(--ink); border-radius:99px; padding:4px 11px; font:inherit; font-size:11.5px; cursor:pointer; margin-left:4px; }
.acc-mini:hover{ border-color:var(--brand2); }
.acc-grp{ margin-top:8px; }
.acc-grp-h{ font-size:11px; color:var(--muted); letter-spacing:.04em; margin-bottom:6px; }
.acc-boxes{ display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:6px; }
.acc-box{ display:flex!important; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:var(--card); cursor:pointer; text-transform:none!important; letter-spacing:0!important; font-size:13px!important; font-weight:500!important; color:var(--ink)!important; margin:0!important; min-width:0; }
.acc-box input{ width:17px!important; height:17px!important; accent-color:var(--brand); flex-shrink:0; margin:0; }
.acc-box span{ min-width:0; line-height:1.3; }
.acc-box:has(input:checked){ border-color:var(--brand2); background:color-mix(in srgb,var(--brand2) 8%,var(--card)); }
.acc-box.dis{ opacity:.45; cursor:not-allowed; }

/* CRM / Money tabs */
.acc-tools{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); gap:10px; }
.acc-tool{ display:flex; flex-direction:column; gap:4px; text-align:left; padding:16px; border-radius:16px; border:1px solid var(--line); background:var(--card); color:var(--ink); font:inherit; cursor:pointer; }
.acc-tool:hover{ border-color:var(--brand2); }
.acc-tool b{ font-size:14px; font-weight:600; }
.acc-tool small{ color:var(--muted); font-size:12px; }
.acc-who-list{ margin:0!important; }
.acc-note{ font-size:12.5px; color:var(--muted); margin:-6px 0 10px; }
.acc-row{ display:grid; grid-template-columns:1fr auto 60px; gap:10px; align-items:center; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px; }
.acc-row:last-child{ border-bottom:0; }
.acc-row > span:nth-child(2){ color:var(--muted); font-size:12px; text-align:right; }
.acc-no{ font-style:normal; color:var(--muted); }

@media (max-width:860px){
  .acc-tabs{ grid-template-columns:1fr 1fr; }
  .acc-tab small{ display:none; }
  .acc-modal{ width:100%!important; }
  .acc-boxes{ grid-template-columns:1fr 1fr; }
  .acc-preset{ flex-direction:column; align-items:stretch; }
}