/* Practice Chat — deliberately a light, Shopify-admin style panel that does not
   inherit the site's dark theme. All rules are scoped under .pc. */
.pc{
  --pc-bg:#f6f6f7; --pc-card:#ffffff; --pc-line:#e1e3e5; --pc-text:#202223;
  --pc-sub:#6d7175; --pc-green:#008060; --pc-green-soft:#f1f8f5; --pc-dark:#1a1a1a;
  font-family:-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background:var(--pc-bg); color:var(--pc-text); border-radius:16px;
  border:1px solid var(--pc-line); overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.28);
}
.pc *{box-sizing:border-box}
.pc-top{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:var(--pc-card); border-bottom:1px solid var(--pc-line); padding:14px 18px;
}
.pc-top .pc-logo{
  width:28px;height:28px;border-radius:8px;background:var(--pc-green);color:#fff;
  display:grid;place-items:center;font-weight:700;font-size:14px;
}
.pc-top .pc-title{font-weight:600;font-size:15px}
.pc-top .pc-spacer{flex:1}
.pc-pill{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;
  background:var(--pc-green-soft);color:var(--pc-green);border:1px solid #cdeadd;
}
.pc-pill.neutral{background:#f1f2f3;color:var(--pc-sub);border-color:var(--pc-line)}
.pc-body{padding:22px}
.pc-h{font-size:20px;font-weight:600;margin:0 0 6px}
.pc-p{font-size:14px;color:var(--pc-sub);margin:0 0 18px;line-height:1.55;max-width:64ch}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:720px){.pc-grid{grid-template-columns:1fr}}
.pc-card{
  background:var(--pc-card);border:1px solid var(--pc-line);border-radius:16px;padding:20px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:10px;
}
.pc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:var(--pc-green-soft);color:var(--pc-green)}
.pc-card.dark .pc-ico{background:#f1f2f3;color:var(--pc-dark)}
.pc-card h4{margin:0;font-size:16px;font-weight:600}
.pc-card p{margin:0;font-size:13.5px;color:var(--pc-sub);line-height:1.55}
.pc-goal{font-size:12.5px;color:var(--pc-text);background:var(--pc-bg);border:1px solid var(--pc-line);border-radius:10px;padding:10px 12px}
.pc-btn{
  appearance:none;border:1px solid var(--pc-green);background:var(--pc-green);color:#fff;
  font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:10px;cursor:pointer;
  transition:filter .15s ease;
}
.pc-btn:hover{filter:brightness(1.08)}
.pc-btn:disabled{opacity:.55;cursor:not-allowed}
.pc-btn.dark{background:var(--pc-dark);border-color:var(--pc-dark)}
.pc-btn.ghost{background:var(--pc-card);color:var(--pc-text);border-color:var(--pc-line)}
.pc-chat{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:16px;overflow:hidden}
.pc-chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--pc-line)}
.pc-avatar{width:30px;height:30px;border-radius:50%;background:#f1f2f3;display:grid;place-items:center;font-size:14px}
.pc-chat-head .who{font-size:14px;font-weight:600}
.pc-chat-head .meta{font-size:12px;color:var(--pc-sub)}
.pc-log{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:260px;max-height:440px;overflow-y:auto;background:var(--pc-bg)}
.pc-msg{max-width:78%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pc-msg.cust{align-self:flex-start;background:#eceef0;color:var(--pc-text);border-bottom-left-radius:5px}
.pc-msg.own{align-self:flex-end;background:var(--pc-green-soft);color:#0b3d2c;border:1px solid #cdeadd;border-bottom-right-radius:5px}
.pc-msg.typing{color:var(--pc-sub);font-style:italic}
.pc-input{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--pc-line);background:var(--pc-card)}
.pc-input textarea{
  flex:1;resize:none;min-height:44px;max-height:120px;font:inherit;font-size:14px;
  padding:11px 13px;border-radius:10px;border:1px solid var(--pc-line);background:var(--pc-card);color:var(--pc-text);
}
.pc-input textarea:focus{outline:2px solid rgba(0,128,96,.35);outline-offset:0;border-color:var(--pc-green)}
.pc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.pc-note{font-size:12.5px;color:var(--pc-sub)}
.pc-feedback{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:16px;padding:20px;margin-top:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pc-feedback h4{margin:0 0 12px;font-size:16px;font-weight:600}
.pc-feedback ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.pc-feedback li{font-size:14px;line-height:1.55}
.pc-lock{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:16px;padding:26px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pc-lock .pc-ico{margin:0 auto 12px}
.pc-lock h4{margin:0 0 8px;font-size:17px;font-weight:600}
.pc-lock p{margin:0 auto 16px;font-size:14px;color:var(--pc-sub);max-width:52ch;line-height:1.55}
/* starter chips (Shipload AI) */
.pc-starters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pc-chip{
  font-family:inherit;font-size:12.5px;line-height:1.3;text-align:left;cursor:pointer;
  background:var(--pc-card);border:1px solid var(--pc-line);color:var(--pc-text);
  border-radius:999px;padding:8px 13px;box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.pc-chip:hover{border-color:var(--pc-green);color:var(--pc-green)}

/* strike counter, per-reply verdicts and the halt card */
.pc-strikes{display:flex;gap:5px;align-items:center}
.pc-strike{font-size:11px;color:#d3d8de}
.pc-strike.on{color:#d0342c}
.pc-verdict{font-size:12px;line-height:1.4;margin:-2px 0 10px auto;max-width:82%;padding:6px 10px;border-radius:8px;font-weight:600;text-align:right}
.pc-verdict.bad{background:#fdeceb;color:#a3251f;border:1px solid #f6cfcc}
.pc-verdict.good{background:#e8f6ee;color:#12683c;border:1px solid #c7e8d6}
.pc-halt{margin-top:12px;padding:14px;border-radius:12px;border:1px solid #e3e6ea;background:#fafbfc}
.pc-halt.good{border-color:#c7e8d6;background:#f2fbf6}
.pc-halt.bad{border-color:#f6cfcc;background:#fdf6f5}
.pc-halt strong{display:block;font-size:14px;color:#1a1f24;margin-bottom:4px}
.pc-halt p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#5c6670}
.pc-halt-row{display:flex;gap:8px;flex-wrap:wrap}

/* cross-link button + tidier action row */
.pc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
a.pc-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}