/* Team, settings, billing, integration and admin screens. Extends dashboard.css. */
.tabs{display:flex;gap:8px;margin:0 0 20px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.tabs button{flex:0 0 auto;background:var(--paper);border:1px solid #d5daca;color:var(--ink);border-radius:999px;padding:11px 20px;font-weight:800;font-size:14px;min-height:46px}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.tabs button:focus-visible,.x-btn:focus-visible,.x-form input:focus-visible,.x-form select:focus-visible{outline:3px solid #6f9d1c;outline-offset:2px}
.x-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.x-stack{display:grid;gap:20px}
.x-form{display:grid;gap:12px;margin-top:14px}
.x-form.cols{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end}
.x-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.x-form input,.x-form select{min-height:48px;border:1px solid #ccd5c9;border-radius:13px;padding:10px 14px;background:#fbfcf8;width:100%;min-width:0}
.x-form .check{display:flex;align-items:center;gap:10px;min-height:48px}
.x-form .check input{width:22px;height:22px;min-height:0;accent-color:#102019}
.x-btn{background:var(--ink);color:#fff;border:0;border-radius:13px;min-height:48px;padding:10px 20px;font-weight:800}
.x-btn.lime{background:var(--lime);color:var(--ink)}
.x-btn.ghost{background:transparent;color:var(--ink);border:1px solid #ccd5c9}
.x-btn.danger{background:#fff;color:#a32426;border:1px solid #e3b9b9}
.x-btn.small{min-height:40px;padding:6px 13px;font-size:12px;border-radius:11px}
.x-btn:disabled{opacity:.55;cursor:not-allowed}
.x-list{display:grid;gap:10px;margin-top:14px}
.x-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff}
.x-row>div:first-child{min-width:0;flex:1 1 200px;overflow-wrap:anywhere}
.x-row b{display:block;font-size:15px}
.x-row small{color:var(--muted);font-size:12px}
.x-actions{display:flex;gap:6px;flex-wrap:wrap}
.x-pill{display:inline-block;border-radius:999px;padding:3px 11px;font-size:11px;font-weight:800;background:#eef1e6;color:#3e5345}
.x-pill.ok{background:#dff5b0;color:#27410a}.x-pill.warn{background:#fff0cf;color:#6d4a00}.x-pill.bad{background:#fde3e3;color:#8f1d1f}
.x-note{font-size:13px;color:var(--muted);margin:8px 0 0}
.x-banner{border-radius:18px;padding:16px 20px;margin-bottom:20px;font-weight:700;font-size:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.x-banner.warn{background:#fff0cf;border:1px solid #e6c98a;color:#5b3d00}.x-banner.bad{background:#fde3e3;border:1px solid #e3b9b9;color:#8f1d1f}
.x-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:14px}
.x-plan{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;display:grid;gap:8px}
.x-plan strong{font-family:'DM Sans',sans-serif;font-size:30px;line-height:1.1}
.x-plan strong span{font-size:13px;font-weight:700;color:var(--muted)}
.x-code{direction:ltr;text-align:left;background:#0f1d17;color:#d9f7a1;border-radius:14px;padding:14px;font:12px/1.7 ui-monospace,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre}
.x-key{direction:ltr;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:#f1f6df;border:1px dashed #9db85a;border-radius:12px;padding:12px;overflow-wrap:anywhere;margin-top:10px}
.x-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.x-kpi{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px}
.x-kpi strong{display:block;font-family:'DM Sans',sans-serif;font-size:28px}
.x-kpi span{font-size:12px;color:var(--muted);font-weight:700}
@media(max-width:900px){.x-grid{grid-template-columns:minmax(0,1fr)}}
@media print{.dash-header,.tabs,.toolbar,.dash-footer,#message,.no-print{display:none!important}body{background:#fff}.panel{border:0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---- Growth tab ---- */
.g-report{display:grid;gap:22px}.g-report h3{margin:0 0 10px;font-size:15px}
.g-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.g-seg{display:inline-flex;background:#ece9dc;border-radius:14px;padding:4px}.g-seg button{border:0;background:none;padding:8px 14px;border-radius:11px;font:inherit;font-weight:800;cursor:pointer;color:#627169}.g-seg button.on{background:#0d1f18;color:#c9f72e}
.g-delta{font-size:12px;font-weight:800;padding:2px 7px;border-radius:9px;vertical-align:middle}.g-delta.up{background:#e3f6b1;color:#2c4a00}.g-delta.down{background:#fbe1dc;color:#8a2318}
.g-hint{display:block;font-size:12px;color:#627169;margin-top:4px}
.g-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.g-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:18px}.g-bars.hours{gap:3px}
.g-bar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;position:relative}
.g-bar span{display:block;width:100%;max-width:38px;background:#d9ddcf;border-radius:8px 8px 3px 3px}.g-bar.best span{background:#0d1f18}
.g-bar b{position:absolute;top:-2px;font-size:11px;color:#627169}.g-bar small{font-size:10px;color:#627169;white-space:nowrap;overflow:hidden;max-width:100%}
.g-big{font-size:15px;margin:0 0 8px}.g-big b{font-size:30px;font-weight:900;margin-inline-end:6px}
.g-card{background:#0d1f18;color:#fffdf7;border-radius:22px;padding:18px;display:grid;gap:12px}.g-card small{color:#afc2b4}.g-card b{color:#c9f72e}
.g-stamps{display:flex;flex-wrap:wrap;gap:8px}.g-stamps i{width:36px;height:36px;border-radius:50%;border:2px dashed #46594c;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:15px}
.g-stamps i.on{background:#c9f72e;border:2px solid #c9f72e;color:#0d1f18;transform:rotate(-12deg)}.g-stamps i.on:nth-child(even){transform:rotate(9deg)}.g-stamps i.gift{border-color:#c9f72e}
.loyalty-badge{display:inline-block;margin-top:5px;font-size:12px;font-weight:800;padding:3px 9px;border-radius:10px;background:#ece9dc;color:#0d1f18}.loyalty-badge.ready{background:#c9f72e}
.g-report .x-kpi small{display:block;margin-bottom:4px}.g-report .x-kpi b{display:block;font-size:26px;line-height:1.2}