/* Agent page-builder panel — matches the agent portal's light-green theme. */
.pb-page{--pb:#0f9d58;--pb-d:#0a6d3d;--pb-l:#eefaf2;--pb-line:#e6efe9;--pb-mut:#6d8177;
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif}
.pb-page h4{letter-spacing:-.4px}
.pb-back{font-size:13.5px;font-weight:700;color:var(--pb);text-decoration:none}
.badge-live{font-size:12.5px;font-weight:700;color:var(--pb-d);background:var(--pb-l);
  border:1px solid rgba(15,157,88,.25);padding:5px 11px;border-radius:999px;text-decoration:none}
.pill{font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:999px}
.pill.on{background:var(--pb-l);color:var(--pb-d);border:1px solid rgba(15,157,88,.3)}
.pill.off{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}
.pb-card{background:#fff;border:1px solid var(--pb-line);border-radius:16px;
  box-shadow:0 1px 2px rgba(13,26,19,.04),0 6px 18px rgba(13,26,19,.05);overflow:hidden}
.pb-card-h{padding:13px 16px;border-bottom:1px solid var(--pb-line);font-size:14px;font-weight:800;
  background:linear-gradient(180deg,#f7fdfa,#fff)}
.pb-card-h small{font-weight:600;color:var(--pb-mut);margin-left:6px}
.pb-form{padding:16px}
.pb-form label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--pb-mut);margin-bottom:5px}
.pb-form input,.pb-form select,.pb-form textarea{width:100%;padding:10px 12px;font-family:inherit;
  font-size:14px;border:1px solid var(--pb-line);border-radius:10px;outline:0;background:#fff}
.pb-form input:focus,.pb-form select:focus,.pb-form textarea:focus{
  border-color:var(--pb);box-shadow:0 0 0 3px rgba(15,157,88,.14)}
.pb-form input[type=color]{padding:4px;height:42px}
.handle-wrap{display:flex;align-items:center;border:1px solid var(--pb-line);border-radius:10px;
  overflow:hidden;background:#fff}
.handle-wrap span{padding:10px 4px 10px 12px;font-size:13.5px;color:var(--pb-mut);white-space:nowrap}
.handle-wrap input{border:0!important;box-shadow:none!important;padding-left:0}
.hint{display:block;margin-top:5px;font-size:12px;color:var(--pb-mut)}
.hint.ok{color:var(--pb-d);font-weight:700}
.hint.bad{color:#b91c1c;font-weight:700}
.pb-btn{border:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;color:#fff;
  padding:11px 26px;border-radius:11px;background:linear-gradient(135deg,var(--pb),var(--pb-d));
  box-shadow:0 7px 18px rgba(15,157,88,.28)}
.pb-btn:hover{transform:translateY(-1px)}
.pb-tile{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;text-decoration:none;
  border:1px solid var(--pb-line);border-radius:16px;box-shadow:0 1px 2px rgba(13,26,19,.04);transition:.18s}
.pb-tile:hover{transform:translateY(-3px);border-color:rgba(15,157,88,.3);
  box-shadow:0 12px 30px rgba(13,26,19,.1)}
.pb-tile .ic{width:44px;height:44px;border-radius:13px;background:var(--pb-l);display:grid;
  place-items:center;font-size:20px;flex:0 0 auto}
.pb-tile .tx{min-width:0}
.pb-tile .tx b{display:block;font-size:14.5px;color:#0d1a13}
.pb-tile .tx span{font-size:12px;color:var(--pb-mut)}
.pb-tile .n{margin-left:auto;font-size:18px;font-weight:800;color:var(--pb-d)}
.pb-table{width:100%;font-size:13.5px}
.pb-table th{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--pb-mut);padding:11px 14px;border-bottom:1px solid var(--pb-line);text-align:left}
.pb-table td{padding:11px 14px;border-bottom:1px solid var(--pb-line);vertical-align:middle}
.pb-table tr:last-child td{border-bottom:0}
.pb-del{color:#b91c1c;font-weight:700;font-size:12.5px;text-decoration:none}
.lim{padding:14px 16px}
.chip{display:inline-block;margin:4px 6px 0 0;padding:5px 11px;border-radius:999px;
  background:var(--pb-l);border:1px solid rgba(15,157,88,.22);font-size:12px;color:#33463c}
.chip b{color:var(--pb-d)}
@media(max-width:768px){.pb-form{padding:13px}.pb-tile{padding:13px}}

/* feed-quota meters */
.quota{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:8px}
.q{background:#fff;border:1px solid var(--pb-line);border-radius:12px;padding:10px 12px}
.q-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;
  font-weight:700;color:#33463c;margin-bottom:7px}
.q-h b{color:var(--pb-d);font-size:12.5px}
.q-bar{display:block;height:6px;border-radius:3px;background:#eef2ef;overflow:hidden}
.q-bar i{display:block;height:100%;border-radius:3px;
  background:linear-gradient(90deg,var(--pb),var(--pb-d));transition:width .3s}
.q-full .q-bar i{background:linear-gradient(90deg,#e0a03a,#c2410c)}
.q-full .q-h b{color:#c2410c}
.q-note{display:block;margin-top:6px;font-size:11px;font-weight:700;color:#c2410c}

/* ── in-place editing: Edit reuses the add form ─────────────────── */
.pb-edit{color:#15803d;font-weight:700;font-size:12.5px;text-decoration:none;margin-right:14px}
.pb-edit:hover{text-decoration:underline}
.pb-btn-ghost{background:#fff !important;color:#334155 !important;
  border:1px solid #d7dfe4 !important;box-shadow:none !important}
.pb-btn-ghost:hover{background:#f6f8f7 !important}
.d-none{display:none !important}

/* ── banner artwork ─────────────────────────────────────────────── */
.pb-file{display:block;width:100%;font-size:13px;padding:8px 10px;
  border:1px dashed #cbd8d0;border-radius:8px;background:#fafcfb;cursor:pointer}
.pb-file:hover{border-color:#15803d;background:#f4f9f6}
.pb-thumb{width:104px;height:58px;object-fit:cover;border-radius:6px;
  border:1px solid #e2e8f0;display:block}
.pb-thumb-wrap{display:flex;align-items:center;gap:9px;margin-top:8px}
.pb-thumb-wrap span{font-size:11.5px;color:#64748b;font-weight:600}