/* Account cards: calm, account-specific identity rather than traffic-light status.
   The big time is the configured FIRST DAILY ATTEMPT, never a confirmed quota reset. */

.card-section-heading{align-items:baseline;gap:16px;flex-wrap:wrap}
.card-section-note{font-size:12px;color:#686875;line-height:1.45}
.account-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch;margin-top:16px}
.account-table-columns{display:none!important}

/* Neutral product surfaces with one durable identity hue per account. */
.account-card{--identity:#69577d;--identity-wash:#f5f1f7;--identity-line:#dfd6e5}
.account-card[data-account-row="business-1"]{--identity:#70567b;--identity-wash:#f5f0f7;--identity-line:#ded0e6}
.account-card[data-account-row="business-2"]{--identity:#3e6972;--identity-wash:#f0f5f5;--identity-line:#cddfe1}
.account-card[data-account-row="plus-1"]{--identity:#82613c;--identity-wash:#faf5ed;--identity-line:#e6dac6}
.account-card[data-account-row="plus-2"]{--identity:#53648b;--identity-wash:#f1f3f9;--identity-line:#d4daeb}
.account-card[data-account-row="business-3"]{--identity:#807067;--identity-wash:#f6f3f1;--identity-line:#e2d9d2}
.account-card[data-account-row="free-1"]{--identity:#66806e;--identity-wash:#f2f6f2;--identity-line:#d6e3d8}
.account-card[data-account-row="free-2"]{--identity:#776b90;--identity-wash:#f4f2f8;--identity-line:#ddd7e7}

.account-row.account-card{display:flex;position:relative;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:285px;padding:0;background:#fff;border:1px solid #dedee5;border-top:3px solid var(--identity);border-radius:11px;box-shadow:0 2px 7px #29233709;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.account-row.account-card:hover{background:#fff;border-color:#c6c4d0;border-top-color:var(--identity);box-shadow:0 5px 18px #27203112}
.account-card:focus-within{border-color:var(--identity)}
.account-card-head{display:flex;align-items:center;justify-content:space-between;gap:11px;min-width:0;padding:16px 17px 15px;background:linear-gradient(110deg,var(--identity-wash),#fff 83%);border-bottom:1px solid #f0eff3}
.account-card-identity{display:flex;align-items:center;min-width:0;flex:1;gap:11px}
.account-card .row-avatar{height:39px;width:39px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--identity-line);border-radius:8px;background:var(--identity-wash);color:var(--identity);font:750 13px/1 "DM Sans",var(--sans);letter-spacing:-.03em}
.account-card .row-account-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;width:auto;flex:1;padding:0;text-align:left}
.account-card .row-account-info strong{font-size:14px;font-weight:720;line-height:1.4;color:#282630;max-width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.account-card .row-account-info small{margin-top:3px;font-size:12px;color:#666571}
.account-card-state{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:5px;background:#f5f5f7;color:#5e5d69;white-space:nowrap;flex:none;font-size:11px;font-weight:660}
.account-card-state .state-dot{width:6px;height:6px;background:#82818b;border-radius:50%;flex:none}
.account-card-state.is-enabled{background:#f1f1f4;color:#494852}
.account-card-state.is-enabled .state-dot{background:var(--identity)}
.account-card-state.is-off{color:#77737c}
.account-card-state.is-unlinked{color:#77737c;background:#f4f4f5}

/* The requested first trigger is the anchor; next trigger is visually secondary. */
.account-card-times{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:0;margin:15px 16px 11px;min-height:133px;border:1px solid #e7e6ed;border-radius:9px;overflow:hidden}
.account-card .card-reset,.account-card .card-schedule{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:16px 17px}
.account-card .card-reset{grid-column:1;grid-row:1;border-right:1px solid var(--identity-line);background:var(--identity-wash)}
.account-card .card-reset.row-empty{background:#f7f7f9;border-right-color:#e8e8ec}
.account-card .card-schedule{grid-column:2;grid-row:1;background:#fff}
.account-card .card-schedule.no-reset{background:#fcfcfd}
.card-time-label{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;line-height:1.3;font-weight:720;color:#5a5964}
.card-time-label-extra{font-size:10px;font-weight:580;color:#75737d}
.account-card .card-reset-value{display:block;margin:8px 0 7px;font:750 44px/1.08 "DM Sans",var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-1.8px;color:var(--identity);white-space:nowrap}
.account-card .card-reset-value.is-unknown{font:650 24px/1.2 var(--sans);letter-spacing:-.045em;color:#70717d}
.account-card .card-schedule-value{display:block;margin:13px 0 9px;font:690 27px/1.14 "DM Sans",var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.95px;color:#363540;white-space:nowrap}
.account-card .card-schedule-value.is-unknown{font-size:24px;color:#83828b}
.card-time-support{display:block;min-height:15px;font-size:12px;line-height:1.35;font-weight:550;color:#63616e;overflow-wrap:anywhere}

/* Every one of the four or five daily trigger slots stays visible. */
.card-slot-area{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;margin:0 17px 12px}
.card-slot-label{flex:none;font-size:11.5px;font-weight:690;color:#666571}
.card-slot-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.card-slot{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 7px;border:1px solid #e3e2e9;border-radius:5px;background:#fff;font:600 12px/1.15 "DM Sans",var(--sans);color:#646371;font-variant-numeric:tabular-nums;white-space:nowrap}
.card-slot.is-past{color:#696873;background:#fafafb;border-color:#efedf2}
.card-slot.is-next{color:var(--identity);border-color:var(--identity-line);background:var(--identity-wash);font-weight:750}
.card-slot-empty{font-size:12px;color:#8a8994}

.account-card-footer{display:flex;justify-content:space-between;align-items:end;gap:12px;min-width:0;margin-top:auto;padding:12px 17px 16px;border-top:1px solid #f0eff3}
.account-card .card-recent{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;flex:1}
.card-foot-label{font-size:11px;font-weight:670;color:#6b6974}
.card-recent-line{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.account-card .row-result{font-size:12.5px;font-weight:680;color:#504f59;min-height:18px}
.account-card .row-result.result-verified{color:#544885}
.account-card .row-result.result-failed{color:#a33643}
.card-recent-at{font-size:11px;color:#777681;white-space:nowrap}
.account-card .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:none;min-width:0}
.account-card .row-actions .button{min-height:38px;padding:0 12px;font-size:12px;font-weight:680;flex:none}
.account-card .row-actions .row-edit{color:var(--identity);background:var(--identity-wash);border:1px solid var(--identity-line)}
.account-card .row-actions .row-edit:hover{background:#fff;border-color:var(--identity)}
.account-card .row-actions .row-run{color:#373641;background:#fff;border-color:#d6d6df}
.account-card .row-actions .row-connect{min-width:143px}
.account-card .row-result:hover{text-decoration:underline}
.account-card.needs-link .card-reset-value,.account-card.needs-link .card-schedule-value{color:#85838c}
.account-card.needs-link .card-reset{background:#f8f8f9}

@media(max-width:1370px){
  .account-card-footer{flex-direction:column;align-items:stretch;gap:10px}
  .account-card .card-recent{flex-direction:row;align-items:center;gap:8px}
  .card-recent-line{flex-direction:row;align-items:center;gap:9px;flex-wrap:wrap}
  .account-card .row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  .account-card .row-actions .button{width:100%;min-width:0;justify-content:center}
  .account-card .row-actions .row-connect{grid-column:1/-1}
}
@media(max-width:1090px){
  .account-card-grid{grid-template-columns:1fr;max-width:780px}
  .account-card-footer{flex-direction:row;align-items:center}
  .account-card .card-recent{flex-direction:column;align-items:flex-start}
  .card-recent-line{flex-direction:column;align-items:flex-start}
  .account-card .row-actions{display:flex;width:auto}
  .account-card .row-actions .button{width:auto}
}
@media(max-width:680px){
  .account-card-grid{gap:13px}
  .account-card-head{padding:15px 14px 13px}
  .account-card-times{margin:13px 13px 10px;min-height:130px}
  .account-card .card-reset,.account-card .card-schedule{padding:14px}
  .account-card .card-reset-value{font-size:40px}
  .card-slot-area{margin:0 14px 12px}
  .account-card-footer{padding:11px 14px 14px;flex-direction:column;align-items:stretch;gap:11px}
  .account-card .card-recent{flex-direction:row;align-items:center;gap:8px}
  .card-recent-line{flex-direction:row;flex-wrap:wrap;gap:8px}
  .account-card .row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .account-card .row-actions .button{min-height:42px;width:100%;font-size:13px}
  .account-card .row-actions .row-connect{grid-column:1/-1}
}
@media(max-width:440px){
  .card-section-heading{align-items:flex-start;gap:6px}
  .card-section-note{font-size:11.5px}
  .account-card-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .account-card-state{justify-self:end;font-size:10.5px;padding:5px 7px}
  .account-card .row-avatar{height:36px;width:36px}
  .account-card .row-account-info strong{font-size:13.5px}
  .account-card-times{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
  .account-card .card-reset,.account-card .card-schedule{padding:14px 11px}
  .card-time-label{font-size:11.5px;gap:4px}
  .account-card .card-reset-value{font-size:37px;letter-spacing:-1.5px}
  .account-card .card-reset-value.is-unknown{font-size:21px}
  .account-card .card-schedule-value{font-size:24px}
  .account-card .card-schedule-value.is-unknown{font-size:20px}
  .card-time-support{font-size:11.5px}
  .card-slot-area{align-items:flex-start;flex-direction:column;gap:7px}
  .card-slot-label{font-size:11px}
  .card-slot{font-size:11.5px;padding:4px 7px;min-height:26px}
}
@media(max-width:340px){
  .account-card .card-reset,.account-card .card-schedule{padding:12px 9px}
  .account-card .card-reset-value{font-size:34px}
  .account-card .card-schedule-value{font-size:22px}
  .card-slot{padding-left:6px;padding-right:6px}
}