/* LineScout 811 ticket reminder — PREVIEW. Reminder only, never official Texas 811 status. */
.t811-wrap .t811-req{font-weight:400;color:var(--muted);font-size:11px}
.t811-daterow{display:flex;gap:8px;align-items:stretch;margin-top:4px}
.dig-card .fb-field .t811-daterow input{margin-top:0;flex:1;min-height:48px}
.t811-daterow button{flex:0 0 auto;min-height:48px;border-radius:10px;padding:0 14px;font-size:14px}
.dig-card .fb-field input{min-height:48px}
.t811-save{min-height:50px;width:100%;font-size:15px;border-radius:12px!important;background:var(--accent);color:#1a1205}
.t811-msg{font-size:13px;margin:4px 0 0;min-height:0}
.t811-msg.err{color:#fca5a5;font-weight:600}
.t811-msg.ok{color:#86efac}
.t811-empty{font-size:13px;color:var(--muted)}
.t811-list-h{margin:14px 0 4px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

.t811-card{--t:#94a3b8;--tbg:rgba(148,163,184,.10);position:relative;margin:12px 0;padding:14px 14px 12px;border-radius:14px;
  background:linear-gradient(180deg,var(--tbg),rgba(15,20,25,.6));border:1px solid color-mix(in srgb,var(--t) 45%,#2a3542);
  border-left:6px solid var(--t);box-shadow:0 4px 18px rgba(0,0,0,.25)}
.t811-active{--t:#22c55e;--tbg:rgba(34,197,94,.12)}
.t811-soon{--t:#f5a524;--tbg:rgba(245,165,36,.14)}
.t811-past{--t:#ff5a5a;--tbg:rgba(255,90,90,.14)}
.t811-wait{--t:#fb923c;--tbg:rgba(251,146,60,.14)}
.t811-future{--t:#60a5fa;--tbg:rgba(96,165,250,.12)}
.t811-none{--t:#64748b;--tbg:rgba(100,116,139,.08)}
.t811-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.t811-tag{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--t);background:rgba(0,0,0,.28);
  border:1px solid color-mix(in srgb,var(--t) 50%,transparent);padding:3px 8px;border-radius:999px}
.t811-no{font-size:13px;font-weight:700;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.t811-status{margin:10px 0 2px;font-size:22px;line-height:1.2;font-weight:800;color:var(--t)}
.t811-big{display:flex;align-items:baseline;gap:8px;margin:2px 0;color:var(--text)}
.t811-num{font-size:44px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.t811-unit{font-size:16px;font-weight:700}
.t811-big-sm{font-size:17px;font-weight:700}
.overlay-card p.t811-sub{margin:6px 0;font-size:14px;color:var(--text)}
.t811-meter{height:8px;border-radius:999px;background:#0b1117;border:1px solid #2a3542;overflow:hidden;margin:8px 0}
.t811-meter span{display:block;height:100%;background:var(--t);border-radius:999px}
.overlay-card p.t811-meta{margin:6px 0 0;font-size:12px}
.overlay-card p.t811-renew{margin:8px 0;font-size:14px;color:var(--text);background:rgba(0,0,0,.22);border-radius:10px;padding:8px 10px}
.t811-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
a.t811-portal{flex:1 1 220px;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 14px;border-radius:12px;
  background:#1e3a5f;border:1px solid #3b82f6;color:#e0ecff;font-weight:700;font-size:15px;text-decoration:none;text-align:center}
a.t811-portal::after{content:" \2197";margin-left:6px;font-weight:400}
.t811-none a.t811-portal{margin-top:6px}
button.t811-remove{flex:0 0 auto;min-height:50px;padding:0 16px;border-radius:12px;background:#273241;border:1px solid #3a4756;font-size:14px}
.overlay-card p.t811-hint{margin:6px 0 0;font-size:11px}
.overlay-card p.t811-disc{margin:8px 0 0;font-size:11px;line-height:1.4;color:#8b98a7;border-top:1px dashed #2a3542;padding-top:8px}

.t811-head{margin:4px 0 8px}
.t811-head.hidden{display:none}
.t811-head button{--t:#94a3b8;width:100%;display:flex;align-items:center;gap:10px;text-align:left;min-height:52px;padding:8px 12px;border-radius:12px;
  background:rgba(0,0,0,.25);border:1px solid color-mix(in srgb,var(--t) 50%,#2a3542);border-left:5px solid var(--t);font-size:13px;font-weight:500;line-height:1.3}
.t811-head.t811-active button{--t:#22c55e}.t811-head.t811-soon button{--t:#f5a524}.t811-head.t811-past button{--t:#ff5a5a}
.t811-head.t811-wait button{--t:#fb923c}.t811-head.t811-future button{--t:#60a5fa}
.t811-head strong{color:var(--t)}
.t811-head-tag{flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t);border:1px solid var(--t);border-radius:999px;padding:2px 6px}
.t811-head-go{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:12px;white-space:nowrap}
@media (max-width:380px){.t811-tag{font-size:9px;letter-spacing:.03em;padding:3px 6px}.t811-status{font-size:20px}}