/* Base */
.twm-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
.twm-h1{font-weight:800;color:#E3B324;text-align:center;margin:8px 0 4px;font-size:clamp(28px,8vw,56px);line-height:1.15}
.twm-sub{letter-spacing:.25em;color:#111;text-align:center;margin-bottom:12px}

/* Cards & buttons */
.twm-card{background:#000;color:#fff;border-radius:18px;padding:14px 16px;margin:12px auto;max-width:980px;position:relative}
.twm-card-plain{background:#0b0b0b}
.twm-ribbon{position:absolute;right:0;top:0;background:#E3B324;height:100%;width:14px;border-radius:0 18px 18px 0}
.twm-smallbtn{background:#E3B324;color:#000;border:none;border-radius:16px;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-block;text-decoration:none}
.twm-smallbtn.twm-ghost{background:#1a1a1a;color:#fff}
.twm-smallbtn.twm-primary{grid-column:1 / -1}
.twm-smallbtn.twm-warning{background:#f39c12;color:#000}
.twm-cta{float:right;font-weight:800}
.twm-center{text-align:center}
.twm-note{font-size:14px;opacity:.9}

/* Landing */
.twm-studio-list{display:flex;flex-direction:column;gap:8px;max-width:520px;margin:0 auto}
.twm-studio-btn{display:block;background:#000;color:#fff;border-radius:18px;padding:14px 16px;font-weight:800;text-decoration:none}
.twm-studio-btn:hover{opacity:.92}

/* Month bar */
.twm-monthbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px auto}
.twm-monthbar.small{margin:0}
.twm-monthtitle{background:#000;color:#fff;border-radius:12px;padding:6px 12px;font-weight:800;font-size:16px;min-width:160px;text-align:center}
.twm-navbtn{background:none;border:none;cursor:pointer;font-size:24px;color:#E3B324;padding:4px 8px}

/* Admin form */
.twm-form{display:grid;grid-template-columns:1fr;gap:10px}
.twm-select,.twm-input{width:100%;background:#000;color:#fff;border:none;padding:12px 14px;border-radius:14px;font-size:16px}
.twm-multidate-top{display:flex;gap:8px;flex-wrap:wrap}
.twm-chipwrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.twm-chipwrap .chip{background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.twm-chipwrap .chip b{display:inline-block;cursor:pointer;font-weight:900}
.twm-actions-stack{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
@media (min-width:820px){ .twm-form{grid-template-columns:1fr 1fr 1fr auto} }

/* Admin list */
.twm-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#twm-admin-list .item{display:flex;align-items:center;justify-content:space-between;background:#0f0f0f;border-radius:12px;padding:10px 12px;margin:8px 0}
#twm-admin-list .meta{opacity:.95}
#twm-admin-list .del{background:#E54;color:#fff;border:none;border-radius:10px;padding:6px 10px;cursor:pointer}

/* Results */
.twm-result{background:#0f0f0f;border-radius:12px;padding:10px 12px;margin-top:10px}
.twm-result .r{margin:4px 0}
.twm-result .r.ok{color:#b7f397}
.twm-result .r.err{color:#ffb4b4}

/* Public table */
#twm-public-table-wrap{max-width:980px;margin:0 auto}
.twm-schedule{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.twm-schedule thead th{background:#000;color:#fff;text-align:left;padding:10px;border:1px solid #111}

/* 3 columns: Date, Employee, Status */
.twm-schedule th:nth-child(1){width:44%}
.twm-schedule th:nth-child(2){width:28%}
.twm-schedule th:nth-child(3){width:28%}

.twm-schedule tbody td{padding:12px;border:1px solid #e5e5e5;word-wrap:break-word;white-space:normal}

/* --- Day banding (DATE column only) --- */
.day-purple .datecell{ background:#F2E8FF; } /* light lilac */
.day-pink   .datecell{ background:#FFE8F2; } /* light blush */

/* --- Status/employee shared row color --- */
.row-off  td:not(.datecell){ background:#a3c9f9; color:#033; font-weight:800; }   /* blue */
.row-work td:not(.datecell){ background:#a6e3a1; color:#063; font-weight:800; }  /* green */

/* Weekend & Closed override full width */
.tr-both-weekend td{ background:#f5a3a3 !important; color:#300; font-weight:800; }
.tr-closed       td{ background:#ffe17a !important; color:#221; font-weight:800; }

/* Name emphasis */
.twm-empname,.empname{font-weight:800}

/* Small admin link on landing */
.twm-admin-open{margin-top:6px}

/* --- Stronger specificity + !important so theme can't override --- */
table.twm-schedule thead th {
  background: #000 !important;
  color: #fff !important;
}

table.twm-schedule tbody td {
  border: 1px solid #e5e5e5 !important;
}

/* Date column banding stays subtle */
table.twm-schedule tr.day-purple .datecell { background: #F2E8FF !important; }
table.twm-schedule tr.day-pink   .datecell { background: #FFE8F2 !important; }

/* Status colors (your mapping):
   - Working = green
   - Off = blue
   - Weekends (both working) = yellow full row
   - Closed = pick a distinct color (kept as yellow before; changed to grey so weekend can be yellow)
*/
table.twm-schedule tr.row-work  td:not(.datecell) { background: #a6e3a1 !important; color: #063 !important; font-weight: 800; }
table.twm-schedule tr.row-off   td:not(.datecell) { background: #a3c9f9 !important; color: #033 !important; font-weight: 800; }

/* Closed = red full row */
table.twm-schedule tr.tr-closed td { background:#ff6b6b !important; color:#200 !important; font-weight:800 !important; }

/* Weekends = yellow full row, text remains dark */
table.twm-schedule tr.tr-both-weekend td { background:#ffe17a !important; color:#221 !important; font-weight:800 !important; }