body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;background:#f6f7f7;}
.tmc-card{width:min(1080px,92vw);margin:16px auto;background:#fff;border:1px solid #dcdcde;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:18px;}
.tmc-card--wide{width:96vw;max-width:none;}

/* Full-bleed wrapper: escapes theme content containers so cards can use the full viewport width */
.tmc-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
.tmc-h1{font-size:22px;margin:0 0 10px;}
.tmc-h2{font-size:18px;margin:0;}
.tmc-label{display:block;font-size:13px;margin:12px 0 6px;color:#1d2327;}
.tmc-input{width:100%;padding:10px 12px;border:1px solid #c3c4c7;border-radius:10px;font-size:14px;}
.tmc-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap;}
.tmc-check{display:flex;gap:8px;align-items:center;font-size:13px;color:#1d2327;}
.tmc-btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#1d2327;color:#fff;text-decoration:none;font-size:14px;border:0;cursor:pointer;}
.tmc-btn-outline{background:#fff;color:#1d2327;border:1px solid #c3c4c7;}
.tmc-muted{font-size:12px;color:#646970;margin-top:10px;}
.tmc-alert{background:#fcf0f1;border:1px solid #d63638;color:#8a2424;padding:10px 12px;border-radius:10px;font-size:13px;margin:10px 0;}
.tmc-pill{display:inline-block;background:#e7f5ff;border:1px solid #99c7ff;color:#0b3d91;padding:4px 10px;border-radius:999px;font-size:12px;}
.tmc-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.tmc-table-wrap{overflow:auto;border:1px solid #dcdcde;border-radius:12px;margin-top:10px;}
.tmc-table{width:100%;border-collapse:collapse;font-size:13px;}
.tmc-table th,.tmc-table td{padding:10px;border-bottom:1px solid #dcdcde;vertical-align:top;}
.tmc-table th{background:#f6f7f7;text-align:left;position:sticky;top:0;}
.tmc-badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #c3c4c7;background:#fff;font-size:12px;}

/* Wide cards for laptop/tablet screens */
.tmc-card.tmc-wide{max-width:96vw;width:96vw;}
@media (min-width:1200px){.tmc-card.tmc-wide{max-width:1600px;width:96vw;}}

/* Simple form grid (admin + front-end) */
.tmc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:end;}
.tmc-field{grid-column:span 12;}
@media (min-width:900px){
  .tmc-field{grid-column:span 3;}
  .tmc-field:first-child{grid-column:span 6;}
}
.tmc-field input[type="text"],.tmc-field input[type="number"],.tmc-field select{width:100%;padding:10px 12px;border:1px solid #c3c4c7;border-radius:10px;font-size:14px;}