/* birdieOS 0.21.0 Birdie Concierge. Uses the booking page theme tokens (--acc, --card, --ink, --line...). */
.cc-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--acc);color:var(--acc-ink,#fff);flex:none}
.cc-ic svg{width:24px;height:24px}.cc-ic.sm{width:30px;height:30px;border-radius:10px}.cc-ic.sm svg{width:17px;height:17px}
.cc-entry{border:1.5px solid var(--acc);background:var(--card);border-radius:18px;padding:18px;margin:0 0 16px;box-shadow:0 6px 22px rgba(0,0,0,.06)}
.cc-entry-top{display:flex;gap:14px;align-items:flex-start}
.cc-entry h2,.cc-next h3{margin:0 0 4px;font-size:20px;line-height:1.25;color:var(--ink)}
.cc-entry p,.cc-next p{margin:0;color:var(--muted);line-height:1.45}
.cc-entry-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cc-entry-acts .bk-btn{flex:1 1 220px}
.cc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cc-chip{border:1.5px solid var(--line2,var(--bd2));background:var(--card);color:var(--ink);border-radius:999px;padding:7px 13px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:38px}
.cc-chip:hover,.cc-chip:focus-visible{border-color:var(--acc);color:var(--acc-dark,var(--acc))}
.cc-ask{display:inline-flex;align-items:center;gap:8px;margin:4px 0 10px;font-weight:600}
.cc-ask svg{width:18px;height:18px}
.cc-prof-btn{margin-bottom:10px}.cc-prof-btn svg,.cc-nt-btn svg{width:18px;height:18px}
.cc-nt-btn{margin-top:10px}
.cc-next{border:1.5px solid var(--acc)}
/* dialog */
body.cc-open{overflow:hidden}
.cc-ov{position:fixed;inset:0;z-index:310;background:rgba(10,20,15,.45);display:flex;align-items:stretch;justify-content:center}
.cc-ov[hidden]{display:none}
.cc-dlg{background:var(--card);color:var(--ink);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}
.cc-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.cc-head h2{margin:0;font-size:18px}.cc-head p{margin:0;font-size:13px;color:var(--muted)}
.cc-head>div{flex:1;min-width:0}
.cc-reset{white-space:nowrap}
.cc-x{border:0;background:transparent;color:var(--ink);width:44px;height:44px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.cc-x svg{width:22px;height:22px}.cc-x:hover{background:var(--soft)}
.cc-main{flex:1;min-height:0;overflow:auto;padding:14px}
.cc-log{display:flex;flex-direction:column;gap:10px}
.cc-msg{display:flex;gap:8px;align-items:flex-end;max-width:92%}
.cc-msg.me{align-self:flex-end;flex-direction:row-reverse}
.cc-bub{background:var(--soft);color:var(--ink);border-radius:16px 16px 16px 4px;padding:10px 13px;line-height:1.45;font-size:15px}
.cc-msg.me .cc-bub{background:var(--acc);color:var(--acc-ink,#fff);border-radius:16px 16px 4px 16px}
.cc-bub .cc-chips{margin-top:10px}
.cc-dots{display:inline-flex;gap:4px}.cc-dots i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:cc-b 1s infinite ease-in-out}
.cc-dots i:nth-child(2){animation-delay:.15s}.cc-dots i:nth-child(3){animation-delay:.3s}
@keyframes cc-b{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.cc-dots i{animation:none}}
.cc-right{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.cc-empty{border:1.5px dashed var(--line2,var(--bd2));border-radius:16px;padding:18px;color:var(--muted);text-align:center}
.cc-empty p{margin:4px 0}
.cc-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card)}
.cc-card h3{margin:0 0 10px;font-size:16px}.cc-card h4{margin:12px 0 8px;font-size:14px;color:var(--ink2)}
.cc-fine{font-size:13px;color:var(--muted);margin:8px 0 0}
.cc-und dl{margin:0;display:grid;gap:6px}.cc-und dl div{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}
.cc-und dt{color:var(--muted);font-size:14px}.cc-und dd{margin:0;font-weight:600;text-align:right;font-size:14px}
.cc-times,.cc-lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cc-time{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.cc-time .bk-btn{grid-column:1/-1}
.cc-time-when{display:flex;flex-direction:column;min-width:86px}.cc-time-when b{font-size:14px}.cc-time-when span{font-size:18px;font-weight:700;color:var(--acc-dark,var(--acc))}
.cc-time-main{display:flex;flex-direction:column;min-width:0}.cc-time-main small{color:var(--muted);font-size:13px}
.cc-lessons li{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.cc-lessons li.on{border-color:var(--acc)}
.cc-lessons li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cc-lessons small{color:var(--muted);font-size:13px}
.cc-why{font-size:13px;color:var(--ink2);margin:4px 0 0}
.cc-tag{font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--soft);color:var(--ink2);white-space:nowrap;align-self:flex-start}
.cc-tag.warn{background:#fef3c7;color:#92400e;margin-top:4px}
.cc-pros{display:flex;flex-direction:column;gap:10px}
.cc-pro{border:1px solid var(--line);border-radius:14px;padding:12px}
.cc-pro-top{display:flex;gap:12px;align-items:center}.cc-pro-top>div{display:flex;flex-direction:column;min-width:0}
.cc-pro-top small{color:var(--muted);font-size:13px}.cc-pro-top .cc-price{color:var(--ink2);font-weight:600}
.cc-pro .bk-tags,.cc-pro .bk-creds{margin-top:8px}
.cc-bio{font-size:13.5px;color:var(--ink2);margin:6px 0 0;line-height:1.45}
.cc-pro-acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.cc-pro-acts .bk-btn{flex:1 1 140px}
.cc-in{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--card)}
.cc-in input{flex:1;min-width:0;min-height:48px;border:1.5px solid var(--line2,var(--bd2));border-radius:14px;padding:10px 14px;font:inherit;font-size:16px;background:var(--card);color:var(--ink)}
.cc-in input:focus{outline:2px solid var(--acc);outline-offset:1px}
.cc-send{min-width:52px;padding:0 14px}.cc-send svg{width:20px;height:20px}
.cc-disc{margin:0;padding:0 14px calc(10px + env(safe-area-inset-bottom));font-size:12px;color:var(--muted);line-height:1.4}
.cc-pill{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:110;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--acc);color:var(--acc-ink,#fff);padding:12px 16px;font:inherit;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;min-height:48px}
.cc-pill svg{width:20px;height:20px}
body.bk-has-bar .cc-pill{bottom:calc(90px + env(safe-area-inset-bottom))}
@media (min-width:900px){
  .cc-ov{align-items:center;padding:24px}
  .cc-dlg{width:min(1120px,100%);height:min(760px,100%);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.25);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto 1fr auto auto}
  .cc-head{grid-column:1/-1}
  .cc-main{display:contents}
  .cc-left{grid-column:1;grid-row:2;overflow:auto;padding:16px}
  .cc-right{grid-column:2;grid-row:2/5;overflow:auto;margin:0;padding:16px;border-left:1px solid var(--line);background:var(--bg2,var(--soft))}
  .cc-in{grid-column:1;grid-row:3}.cc-disc{grid-column:1;grid-row:4}
  .cc-time{grid-template-columns:auto 1fr auto}.cc-time .bk-btn{grid-column:auto}
}
/* owner settings */
.cc-set h2,.cc-met h2{margin-top:0}
.cc-sform{display:flex;flex-direction:column;gap:14px;max-width:760px}
.cc-set-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.cc-set-row input{margin-top:4px;width:18px;height:18px;flex:none}
.cc-set-row span{display:flex;flex-direction:column}.cc-set-row small{color:var(--muted);font-size:13px}
.cc-sform .fl{display:flex;flex-direction:column;gap:6px;font-weight:600}
.cc-sform textarea,.cc-sform input[type=number],.cc-sform input[name=escalation_text],.cc-sform select{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--bd2,var(--line2));border-radius:10px;background:var(--card);color:var(--ink)}
.cc-fs{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.cc-fs legend{font-weight:700;padding:0 6px}
.cc-svc-grid{display:grid;grid-template-columns:1fr auto auto;gap:8px 18px;align-items:center}
.cc-svc-grid b{font-size:13px;color:var(--muted)}.cc-svc-grid input{width:18px;height:18px;justify-self:center}
.cc-met{margin-top:16px}
.cc-met-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0}
.cc-met-grid div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}
.cc-met-grid b{font-size:22px}.cc-met-grid span{font-size:13px;color:var(--muted)}
.dz-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cc-hero{background:rgba(255,255,255,.95);color:#0f2a1d!important;border-color:rgba(255,255,255,.95)}
.cc-hero:hover{background:#fff}
.cc-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:899px){.cc-msg{max-width:96%}}
