/* SREE Medicare — auth pages + account/vendor dashboards */
.auth-wrap { max-width: 440px; margin: 40px auto; padding: 0 16px; }
.auth-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 26px 24px; box-shadow: var(--shadow); }
.auth-tabs { display: flex; gap: 6px; background: #f1f5f9; border-radius: 12px; padding: 4px; margin-bottom: 20px; }
.auth-tab { flex: 1; border: none; background: transparent; font: inherit; font-weight: 600; font-size: 14px; padding: 9px; border-radius: 9px; cursor: pointer; color: var(--muted); }
.auth-tab.active { background: #fff; color: var(--teal-dark); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.google-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 11px; font: inherit; font-weight: 600; font-size: 14.5px; color: var(--ink); background: #fff; cursor: pointer; }
.google-btn:hover { background: #f8fafc; border-color: #cbd5e1; }
.auth-or { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: var(--muted); font-size: 13px; }
.auth-or::before, .auth-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.auth-card form { display: flex; flex-direction: column; }
.auth-card input { font: inherit; font-size: 14.5px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 11px; }
.auth-card input:focus { outline: none; border-color: var(--teal-light); }
.auth-foot { font-size: 11.5px; color: var(--muted); text-align: center; margin-top: 16px; }
.form-msg { margin-top: 12px; font-size: 13.5px; padding: 10px 12px; border-radius: 9px; }
.form-msg.ok { background: #dcfce7; color: #166534; }
.form-msg.err { background: #fee2e2; color: #991b1b; }

/* Header auth area (storefront + pages) */
.hdr-auth { display: flex; align-items: center; gap: 12px; }
.hdr-auth a { font-size: 14px; font-weight: 600; color: var(--teal-dark); }
.hdr-user { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; }
.hdr-user .avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--teal); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; }

/* Dashboards */
.dash-wrap { max-width: 900px; margin: 0 auto; padding: 26px 16px 60px; }
.dash-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }
.dash-head h1 { font-size: 26px; }
.dash-head .sub { color: var(--muted); font-size: 14px; }
.dash-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.card-box { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; margin-bottom: 16px; box-shadow: var(--shadow); }
.card-box h2 { font-size: 17px; margin-bottom: 12px; }
.enq-item { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; }
.enq-item .top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.enq-item .eid { font-weight: 700; font-size: 14px; }
.enq-item .lines { font-size: 13.5px; color: var(--muted); }
.enq-item .qnote { margin-top: 8px; font-size: 13.5px; background: #ecfeff; border: 1px solid #a5f3fc; border-radius: 8px; padding: 8px 10px; }
.pill { font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 4px 9px; border-radius: 999px; }
.pill.new { background: #dbeafe; color: #1e40af; } .pill.quoted { background: #fef3c7; color: #92400e; }
.pill.won { background: #dcfce7; color: #166534; } .pill.closed { background: #e2e8f0; color: #475569; }
.pill.pending { background: #fef3c7; color: #92400e; } .pill.approved { background: #dcfce7; color: #166534; } .pill.rejected { background: #fee2e2; color: #991b1b; }
.cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.cat-check { display: flex; align-items: center; gap: 6px; font-size: 13px; border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px; cursor: pointer; }
.cat-check input { margin: 0; }
.empty { text-align: center; color: var(--muted); padding: 30px 0; }
.quote-row { display: flex; gap: 8px; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.quote-row input { font: inherit; font-size: 14px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; }
.link-muted { color: var(--muted); font-size: 13.5px; }