/* Summit County AI — Business Tools: tool picker + interactive app mockups */
.scai-tool-overlay{position:fixed;inset:0;z-index:2147483600;background:#eef1f5;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .25s ease;
  --t-ink:#16202b;--t-mut:#5b6675;--t-line:#e2e7ee;--t-card:#ffffff;--t-bg:#eef1f5;--t-accent:#234E6E;--t-accent2:#2D6A4F;--t-rust:#C45A2A;--t-gold:#E89A5C;--t-good:#15803D;--t-warn:#C45A2A;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--t-ink);}
.scai-tool-overlay.in{opacity:1;}
.admin-bar .scai-tool-overlay{top:32px;}
@media (max-width:782px){ .admin-bar .scai-tool-overlay{top:46px;} }

/* ---- tool picker (in launcher) ---- */
.scai-tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 6px;}
.scai-tp-card{position:relative;text-align:left;background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:16px 14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,box-shadow .15s,transform .15s;}
.scai-tp-card:hover{border-color:#234E6E;box-shadow:0 10px 24px -16px rgba(20,30,45,.5);transform:translateY(-2px);}
.scai-tp-card.rec{border-color:#2D6A4F;box-shadow:0 0 0 1px #2D6A4F inset;}
.scai-tp-ic{font-size:1.5rem;line-height:1;}
.scai-tp-card strong{font-size:.98rem;}
.scai-tp-card em{font-style:normal;color:#5b6675;font-size:.82rem;line-height:1.35;}
.scai-tp-badge{position:absolute;top:10px;right:10px;background:#2D6A4F;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;}
@media (max-width:560px){ .scai-tp-grid{grid-template-columns:1fr;} }

/* ---- app shell ---- */
.stl-app{display:grid;grid-template-columns:236px 1fr;min-height:100%;max-width:1240px;margin:0 auto;background:var(--t-bg);}
.stl-rail{background:#0f1c2a;color:#cdd7e3;display:flex;flex-direction:column;padding:20px 16px;min-height:100%;}
.stl-brand{display:flex;gap:11px;align-items:center;margin-bottom:24px;}
.stl-logo{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--t-accent2),var(--t-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex:0 0 auto;}
.stl-brand-t{display:flex;flex-direction:column;overflow:hidden;}
.stl-brand-t b{font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stl-brand-t span{font-size:.72rem;color:#8da0b5;}
.stl-nav{display:flex;flex-direction:column;gap:3px;}
.stl-navitem{padding:10px 12px;border-radius:9px;font-size:.88rem;color:#aebccd;cursor:pointer;transition:background .12s,color .12s;}
.stl-navitem:hover{background:rgba(255,255,255,.06);color:#fff;}
.stl-navitem.active{background:rgba(255,255,255,.1);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--t-accent);}
.stl-railfoot{margin-top:auto;padding-top:20px;font-size:.72rem;color:#7e90a6;}
.stl-railfoot b{color:#E89A5C;}
.stl-main{display:flex;flex-direction:column;min-width:0;}
.stl-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;background:#fff;border-bottom:1px solid var(--t-line);}
.stl-top h2{margin:0;font-size:1.3rem;}
.stl-top p{margin:3px 0 0;color:var(--t-mut);font-size:.9rem;}
.stl-live{flex:0 0 auto;font-size:.74rem;font-weight:700;color:var(--t-good);background:rgba(21,128,61,.1);border-radius:999px;padding:6px 12px;position:relative;padding-left:22px;}
.stl-live:before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--t-good);box-shadow:0 0 0 0 rgba(21,128,61,.5);animation:stl-pulse 2s infinite;}
@keyframes stl-pulse{0%{box-shadow:0 0 0 0 rgba(21,128,61,.45);}70%{box-shadow:0 0 0 7px rgba(21,128,61,0);}100%{box-shadow:0 0 0 0 rgba(21,128,61,0);}}
.stl-content{padding:24px 28px 130px;}
.stl-view{display:none;}
.stl-view.show{display:block;animation:stl-fade .25s ease;}
@keyframes stl-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

/* ---- KPI cards ---- */
.stl-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;}
.stl-kpi{background:var(--t-card);border:1px solid var(--t-line);border-radius:14px;padding:18px 20px;}
.stl-kpi b{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--t-accent);}
.stl-kpi span{color:var(--t-mut);font-size:.82rem;}

/* ---- panels + layout ---- */
.stl-panel{background:var(--t-card);border:1px solid var(--t-line);border-radius:14px;padding:18px;margin-bottom:18px;}
.stl-ph{margin:0 0 14px;font-size:.86rem;text-transform:uppercase;letter-spacing:.07em;color:var(--t-mut);font-weight:700;}
.stl-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;}
.stl-empty{color:var(--t-mut);font-size:.86rem;padding:14px;text-align:center;}
.stl-amt{font-variant-numeric:tabular-nums;}
.stl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}

/* ---- CRM kanban ---- */
.stl-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;}
.stl-col{background:#f5f7fa;border:1px solid var(--t-line);border-radius:12px;padding:10px;}
.stl-col>header{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t-mut);display:flex;justify-content:space-between;margin:2px 4px 10px;}
.stl-col>header span{background:#e4e9f0;border-radius:999px;padding:1px 8px;color:#475063;}
.stl-deal{background:#fff;border:1px solid var(--t-line);border-radius:10px;padding:11px;margin-bottom:8px;box-shadow:0 1px 2px rgba(20,30,45,.04);}
.stl-deal-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline;}
.stl-deal-h b{font-size:.9rem;}
.stl-deal-h span{font-size:.8rem;font-weight:700;color:var(--t-accent2);white-space:nowrap;}
.stl-deal p{margin:4px 0 6px;font-size:.82rem;color:var(--t-mut);line-height:1.4;}
.stl-deal time{font-size:.72rem;color:#9aa6b4;}
.stl-list .stl-dot{width:8px;height:8px;border-radius:50%;background:var(--t-accent2);flex:0 0 auto;margin-top:6px;}
.stl-list li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;}
.stl-list li time{display:block;font-size:.74rem;color:#9aa6b4;margin-top:2px;}

/* ---- phone ---- */
.stl-chat{display:flex;flex-direction:column;gap:10px;}
.stl-msg{max-width:84%;padding:10px 13px;border-radius:14px;font-size:.88rem;line-height:1.45;}
.stl-msg .stl-who{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;opacity:.7;}
.stl-msg.caller{align-self:flex-start;background:#eef1f5;border:1px solid var(--t-line);border-bottom-left-radius:4px;}
.stl-msg.ai{align-self:flex-end;background:#234E6E;color:#fff;border-bottom-right-radius:4px;}
.stl-msg.ai .stl-who{color:#bcd0e6;opacity:1;}
.stl-summary{margin-top:14px;padding:12px 14px;background:rgba(45,106,79,.08);border:1px solid rgba(45,106,79,.25);border-radius:10px;font-size:.86rem;}
.stl-summary b{color:var(--t-accent2);}
.stl-missed li{flex-direction:column;gap:2px;border-bottom:1px solid var(--t-line);padding-bottom:10px;}
.stl-missed li:last-child{border-bottom:none;padding-bottom:0;}
.stl-missed li>div{display:flex;justify-content:space-between;width:100%;}
.stl-missed time{color:#9aa6b4;}
.stl-missed p{margin:0;color:var(--t-mut);font-size:.82rem;}

/* ---- POS ---- */
.stl-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.stl-chip{font-size:.8rem;padding:6px 13px;border-radius:999px;background:#eef1f5;color:var(--t-mut);}
.stl-chip.on{background:#234E6E;color:#fff;font-weight:600;}
.stl-itemgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.stl-item{background:#fff;border:1px solid var(--t-line);border-radius:11px;padding:14px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:74px;justify-content:space-between;transition:border-color .15s,transform .15s;}
.stl-item:hover{border-color:#234E6E;transform:translateY(-2px);}
.stl-item b{font-size:.86rem;}
.stl-item span{font-weight:700;color:var(--t-accent2);}
.stl-ticket{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:9px;}
.stl-ticket li{display:flex;align-items:center;gap:10px;font-size:.9rem;}
.stl-q{width:24px;height:24px;border-radius:7px;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex:0 0 auto;}
.stl-ticket li b{flex:1;}
.stl-totals{border-top:1px dashed var(--t-line);padding-top:12px;display:flex;flex-direction:column;gap:6px;}
.stl-totals>div{display:flex;justify-content:space-between;font-size:.88rem;color:var(--t-mut);}
.stl-totals .stl-grand{color:var(--t-ink);font-size:1.05rem;font-weight:800;margin-top:4px;}
.stl-pay{margin-top:14px;width:100%;background:#2D6A4F;color:#fff;border:none;border-radius:11px;padding:13px;font-size:.95rem;font-weight:700;cursor:pointer;}
.stl-pay:hover{background:#1F4D3A;}

/* ---- booking ---- */
.stl-sched{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.stl-appt{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--t-line);}
.stl-appt:last-child{border-bottom:none;}
.stl-appt time{flex:0 0 76px;font-weight:700;font-size:.84rem;color:var(--t-accent);}
.stl-appt>div{flex:1;display:flex;flex-direction:column;}
.stl-appt>div b{font-size:.9rem;}
.stl-appt>div span{font-size:.8rem;color:var(--t-mut);}
.stl-status{font-size:.72rem;text-transform:capitalize;color:var(--t-good);background:rgba(21,128,61,.1);padding:3px 10px;border-radius:999px;font-weight:600;}
.stl-appt.new .stl-status{color:var(--t-accent);background:rgba(35,78,110,.12);}
.stl-appt.new{background:rgba(35,78,110,.04);border-radius:10px;padding-left:10px;padding-right:10px;}
.stl-open{margin-top:14px;font-size:.84rem;color:var(--t-mut);display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.stl-slot{background:#eef6f1;color:var(--t-accent2);border:1px solid rgba(45,106,79,.3);border-radius:8px;padding:5px 11px;font-weight:600;}
.stl-svcs li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--t-line);padding-bottom:10px;}
.stl-svcs li:last-child{border-bottom:none;padding-bottom:0;}
.stl-svcs li>div{display:flex;flex-direction:column;}
.stl-svcs li span{font-size:.78rem;color:var(--t-mut);}

/* ---- invoicing ---- */
.stl-table{width:100%;border-collapse:collapse;font-size:.86rem;}
.stl-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--t-mut);padding:0 10px 10px;border-bottom:1px solid var(--t-line);}
.stl-table td{padding:11px 10px;border-bottom:1px solid var(--t-line);}
.stl-table tr:last-child td{border-bottom:none;}
.stl-pill{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:capitalize;}
.stl-pill.paid{color:var(--t-good);background:rgba(21,128,61,.12);}
.stl-pill.overdue{color:var(--t-warn);background:rgba(196,90,42,.12);}
.stl-pill.sent{color:var(--t-accent);background:rgba(35,78,110,.12);}
.stl-doc{border:1px solid var(--t-line);border-radius:12px;padding:18px;background:#fcfdfe;}
.stl-doc-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.stl-doc-h b{font-size:1.05rem;}
.stl-doc-h span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t-mut);}
.stl-doc-li{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:9px;}
.stl-doc-li li{display:flex;justify-content:space-between;font-size:.86rem;color:var(--t-ink);border-bottom:1px dashed var(--t-line);padding-bottom:9px;}
.stl-doc-li li span{color:var(--t-mut);}
.stl-doc-total{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.05rem;padding-top:6px;}

/* ---- reviews ---- */
.stl-rev{border:1px solid var(--t-line);border-radius:12px;padding:15px;margin-bottom:12px;}
.stl-rev:last-child{margin-bottom:0;}
.stl-rev-h{display:flex;align-items:center;gap:10px;}
.stl-rev-h>div{display:flex;flex-direction:column;}
.stl-rev-h b{font-size:.92rem;}
.stl-stars{color:var(--t-gold);letter-spacing:1px;font-size:.9rem;}
.stl-rev-t{margin:8px 0 0;font-size:.88rem;color:var(--t-ink);line-height:1.5;}
.stl-reply{margin-top:12px;background:rgba(35,78,110,.05);border:1px solid rgba(35,78,110,.18);border-radius:10px;padding:12px;}
.stl-reply-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--t-accent);}
.stl-reply p{margin:6px 0 10px;font-size:.86rem;line-height:1.5;color:var(--t-ink);}
.stl-reply-act{display:flex;gap:8px;}
.stl-mini{font-size:.78rem;font-weight:600;border:none;border-radius:8px;padding:7px 13px;cursor:pointer;background:#234E6E;color:#fff;}
.stl-mini.ghost{background:#fff;color:var(--t-ink);border:1px solid var(--t-line);}
.stl-reqs li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--t-line);padding-bottom:10px;}
.stl-reqs li:last-child{border-bottom:none;padding-bottom:0;}
.stl-reqs li>div{display:flex;flex-direction:column;}
.stl-reqs li span{font-size:.78rem;color:var(--t-mut);}

/* ---- make it real bar ---- */
.stl-bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:rgba(15,28,42,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);}
.admin-bar .stl-bar{}
.stl-bar-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;}
.stl-bar-t{display:flex;flex-direction:column;color:#fff;}
.stl-bar-t b{font-size:.98rem;}
.stl-bar-t span{font-size:.82rem;color:#aebccd;}
.stl-make{flex:0 0 auto;background:#E89A5C;color:#241308;font-weight:800;border-radius:11px;padding:13px 26px;text-decoration:none;white-space:nowrap;}
.stl-make:hover{background:#f0ad75;}

/* ---- responsive ---- */
@media (max-width:920px){
  .stl-2col{grid-template-columns:1fr;}
  .stl-kanban{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:760px){
  .stl-app{grid-template-columns:1fr;}
  .stl-rail{flex-direction:column;align-items:stretch;min-height:0;padding:12px 14px;gap:10px;}
  .stl-brand{margin-bottom:0;}
  .stl-nav{flex-direction:row;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .stl-navitem{white-space:nowrap;padding:8px 13px;font-size:.82rem;}
  .stl-railfoot{display:none;}
  .stl-top{padding:16px 18px;}
  .stl-content{padding:16px 16px 150px;}
  .stl-kpis{grid-template-columns:1fr;}
  .stl-itemgrid{grid-template-columns:repeat(2,1fr);}
  .stl-bar-in{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px;}
  .stl-make{text-align:center;}
}
@media (max-width:480px){ .stl-kanban{grid-template-columns:1fr;} }

/* ---- marketing / social / SEO ---- */
.stl-callist .stl-cal{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--t-line);padding-bottom:12px;}
.stl-callist .stl-cal:last-child{border-bottom:none;padding-bottom:0;}
.stl-cal-day{flex:0 0 44px;height:44px;border-radius:11px;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;color:var(--t-accent);text-transform:uppercase;}
.stl-cal-b{flex:1;display:flex;flex-direction:column;gap:3px;}
.stl-cal-b b{font-size:.9rem;}
.stl-cal-b p{margin:0;font-size:.82rem;color:var(--t-mut);line-height:1.4;}
.stl-plat{align-self:flex-start;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--t-accent2);background:rgba(45,106,79,.1);border-radius:999px;padding:2px 9px;}
.stl-plat.on{color:#fff;background:#234E6E;}
.stl-post{border:1px solid var(--t-line);border-radius:12px;padding:18px;background:#fcfdfe;}
.stl-post-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.stl-post-cap{margin:0 0 12px;font-size:.96rem;line-height:1.55;color:var(--t-ink);}
.stl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
.stl-tag{font-size:.78rem;color:var(--t-accent);background:rgba(35,78,110,.08);border-radius:7px;padding:3px 9px;}

/* ---- brand banner ---- */
.stl-banner{position:relative;margin:-24px -28px 22px;min-height:144px;background:#1c2733 center/cover no-repeat;display:flex;align-items:flex-end;}
.stl-banner[data-noimg]{background:linear-gradient(120deg,var(--t-accent2),var(--t-accent));}
.stl-banner-sh{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,14,20,.88),rgba(8,14,20,.25));}
.stl-banner-in{position:relative;display:flex;align-items:center;gap:14px;padding:18px 24px;width:100%;}
.stl-banner-logo{width:48px;height:48px;border-radius:13px;background:#fff;color:var(--t-accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex:0 0 auto;box-shadow:0 4px 16px rgba(0,0,0,.35);}
.stl-banner-t{flex:1;min-width:0;color:#fff;}
.stl-banner-t b{display:block;font-size:1.24rem;line-height:1.12;}
.stl-banner-t span{font-size:.84rem;color:rgba(255,255,255,.86);}
.stl-banner-badge{flex:0 0 auto;color:#fff;font-size:.72rem;font-weight:700;background:rgba(255,255,255,.2);border-radius:999px;padding:5px 11px;}

/* ---- switch tool ---- */
.stl-switch{margin:14px 0 0;width:100%;background:rgba(255,255,255,.08);color:#dbe5ef;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:11px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;}
.stl-switch:hover{background:rgba(255,255,255,.18);color:#fff;}

/* ---- loader extra ---- */
.stl-load-step{font-weight:600;}
.stl-load-sub{opacity:.72;font-size:.86rem;margin-top:2px;}

/* ---- deals / badges / chips ---- */
.stl-deals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.stl-dealtag{font-size:.8rem;font-weight:600;color:var(--t-accent2);background:rgba(45,106,79,.1);border:1px solid rgba(45,106,79,.25);border-radius:8px;padding:5px 11px;}
.stl-src{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--t-accent);background:rgba(35,78,110,.1);border-radius:5px;padding:2px 7px;}
.stl-deal-f{display:flex;align-items:center;gap:8px;margin-top:6px;}
.stl-deal-f time{color:#9aa6b4;font-size:.72rem;}
.stl-staff,.stl-themes{margin-bottom:14px;}

/* ---- phone knowledge ---- */
.stl-faq{border-bottom:1px solid var(--t-line);padding-bottom:12px;margin-bottom:12px;}
.stl-faq:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.stl-faq b{display:block;font-size:.92rem;margin-bottom:4px;}
.stl-faq p{margin:0;color:var(--t-mut);font-size:.86rem;line-height:1.5;}

/* ---- review avatar ---- */
.stl-av{width:34px;height:34px;border-radius:50%;background:var(--t-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex:0 0 auto;}

/* ---- marketing post image ---- */
.stl-post-img{height:200px;background:#1c2733 center/cover no-repeat;border-radius:12px;margin-bottom:14px;}

@media (max-width:760px){
  .stl-banner{margin:-16px -16px 18px;min-height:120px;}
}

/* ===================== modern refresh + interactions ===================== */
.stl-content { padding:24px 28px 134px; }
.stl-panel { border-radius:16px; box-shadow:0 1px 2px rgba(20,30,45,.04); }
.stl-kpi { border-radius:16px; }
.stl-kpi-top { display:flex; align-items:baseline; gap:8px; }
.stl-kpi-top b { display:block; font-size:1.7rem; font-weight:800; letter-spacing:-.02em; color:var(--t-accent); }
.stl-kpi-tr { font-size:.72rem; color:#15803d; font-weight:800; }
.stl-kpi-l { color:var(--t-mut); font-size:.84rem; }
.stl-top { background:linear-gradient(180deg,#fff,#fbfcfe); }
.stl-top-r { display:flex; align-items:center; gap:12px; }
.stl-search { font-size:.8rem; color:var(--t-mut); border:1px solid var(--t-line); border-radius:9px; padding:7px 14px; background:#fff; }
.stl-hint { margin:0 0 14px; font-size:.84rem; color:var(--t-mut); }
.stl-ph-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.stl-ph-row .stl-ph { margin:0; }

/* buttons */
.stl-mini.primary { background:var(--t-accent); color:#fff; border-color:var(--t-accent); }
.stl-mini.primary:hover { filter:brightness(1.06); }
.stl-mini[disabled] { opacity:.7; cursor:default; }

/* CRM advance */
.stl-deal-f { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; }
.stl-adv { width:24px; height:24px; border-radius:7px; border:1px solid var(--t-line); background:#fff; color:var(--t-accent); font-size:14px; line-height:1; cursor:pointer; transition:background .15s,color .15s,transform .15s; flex:0 0 auto; }
.stl-adv:hover { background:var(--t-accent); color:#fff; transform:translateX(2px); }
.stl-deal { transition:transform .15s, box-shadow .15s; }
.stl-deal:hover { transform:translateY(-1px); box-shadow:0 6px 16px -10px rgba(20,30,45,.4); }

/* POS interactivity */
.stl-item { cursor:pointer; transition:transform .12s, border-color .15s, box-shadow .15s; }
.stl-item:hover { transform:translateY(-2px); border-color:var(--t-accent); box-shadow:0 8px 18px -12px rgba(20,30,45,.45); }
.stl-item:active { transform:translateY(0) scale(.98); }
.stl-ticket li { display:flex; align-items:center; gap:10px; }
.stl-qty { display:flex; align-items:center; gap:2px; background:#eef1f5; border-radius:9px; padding:2px; flex:0 0 auto; }
.stl-q { width:24px; height:24px; border:0; border-radius:7px; background:transparent; color:var(--t-ink); font-size:16px; line-height:1; cursor:pointer; padding:0; }
.stl-q:hover { background:#fff; }
.stl-qn { min-width:18px; text-align:center; font-weight:700; font-size:.86rem; }
.stl-ticket li b { flex:1; }
.stl-del { width:24px; height:24px; border:1px solid var(--t-line); background:#fff; border-radius:7px; color:#9aa6b4; cursor:pointer; font-size:15px; line-height:1; padding:0; flex:0 0 auto; }
.stl-del:hover { background:#7A2E2E; border-color:#7A2E2E; color:#fff; }
.stl-pay { transition:filter .15s, transform .1s; }
.stl-pay:active { transform:scale(.99); }

/* booking slots clickable */
.stl-slot { border:1px solid rgba(45,106,79,.3); background:#eef6f1; color:var(--t-accent2); border-radius:8px; padding:6px 12px; font-weight:600; cursor:pointer; transition:background .15s,color .15s,transform .12s; }
.stl-slot:hover { background:var(--t-accent2); color:#fff; transform:translateY(-1px); }

/* invoices */
.stl-inv-act { white-space:nowrap; text-align:right; }
.stl-inv-act .stl-mini { margin-left:6px; }
.stl-pill.reminded { color:#9a531e; background:rgba(232,154,92,.2); }

/* reviews */
.stl-reply.posted { border-color:rgba(21,128,61,.3); background:rgba(21,128,61,.06); }
.stl-reply.posted .stl-reply-tag { color:#15803d; }
.stl-reply-text[contenteditable="true"] { outline:2px solid var(--t-accent); outline-offset:3px; border-radius:8px; padding:6px; background:#fff; display:block; }

/* marketing calendar toggle */
.stl-callist .stl-cal { cursor:pointer; transition:background .15s; border-radius:10px; padding:10px; }
.stl-callist .stl-cal:hover { background:#f5f7fa; }

/* in-app toast */
.stl-toast { position:fixed; left:50%; bottom:98px; transform:translate(-50%,12px); background:#0f1c2a; color:#fff; font-size:.9rem; font-weight:600; padding:11px 20px; border-radius:12px; box-shadow:0 14px 34px -12px rgba(0,0,0,.5); opacity:0; transition:opacity .25s, transform .25s; z-index:20; pointer-events:none; }
.stl-toast.in { opacity:1; transform:translate(-50%,0); }
@media (max-width:760px){ .stl-search { display:none; } .stl-toast { bottom:122px; } }