/* Yakuza EV Winner Portal theme — base + staff area.
   Portal screens themselves are styled by the bundled engine's portal.css. */

html{background:#0B0D10}
body{margin:0;background:#0B0D10;color:#F2F4F7;font-family:Inter,system-ui,sans-serif}
body.admin-bar .ywp{min-height:calc(100vh - 32px)}

/* Simple pages (index/page/404) */
.ywt-simple-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 16px}
.ywt-article{max-width:760px;width:100%;line-height:1.7;color:#B5BCC7}
.ywt-article h1{font-family:'Space Grotesk',sans-serif;font-size:36px;margin:0 0 24px;color:#F2F4F7}
.ywt-article a{color:#F26B1A}

/* ===== Staff ===== */
.ywt-staff{--ywt-accent:#F26B1A;--ywt-line:#262B33;--ywt-surface:#15181D}
.ywt-staff .ywp-domain{text-decoration:none}
.ywt-user{position:absolute;right:48px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;font-size:14px;color:#B5BCC7}
.ywt-avatar{width:32px;height:32px;border-radius:50%;background:#23140B;border:1px solid #5A2E12;color:#F26B1A;font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.ywt-user-name{font-weight:500;color:#F2F4F7}
.ywt-link{color:#9AA3AF!important;font-size:13px}
.ywt-btn-sm{height:40px;padding:0 16px;font-size:14px}

/* Login */
.ywt-login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 16px}
.ywt-login-card{max-width:440px;flex-basis:440px}
.ywt-login-head{display:flex;flex-direction:column;gap:10px}
.ywt-login-head h1{font-size:26px}
.ywt-lock{width:48px;height:48px;border-radius:12px;background:#23140B;border:1px solid #5A2E12;color:#F26B1A;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}
.ywt-info{padding:12px 14px;background:#23140B;border:1px solid #5A2E12;border-radius:10px;font-size:14px;color:#FFB783}

/* Dashboard */
.ywt-dash{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:32px 48px 56px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}
.ywt-dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.ywt-dash-head h1{font-size:30px;margin:0 0 4px}
.ywt-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.ywt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.ywt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ywt-stat{background:var(--ywt-surface);border:1px solid var(--ywt-line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ywt-stat span{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#9AA3AF}
.ywt-stat b{font-family:'Space Grotesk',sans-serif;font-size:30px;line-height:1.1;color:#F2F4F7}
.ywt-stat small{font-size:12px;color:#9AA3AF}
.ywt-stat-accent{background:#23140B;border-color:#5A2E12}
.ywt-stat-accent b{color:#F26B1A}
.ywt-bar{height:6px;border-radius:999px;background:#1E232B;overflow:hidden}
.ywt-bar span{display:block;height:100%;background:#F26B1A;border-radius:999px}

.ywt-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.ywt-tabs{display:flex;flex-wrap:wrap;gap:6px}
.ywt-tabs a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--ywt-line);background:var(--ywt-surface);color:#B5BCC7;font-size:14px;font-weight:500;text-decoration:none}
.ywt-tabs a b{font-size:12px;padding:1px 7px;border-radius:999px;background:#0B0D10;color:#9AA3AF}
.ywt-tabs a.is-active{border-color:#F26B1A;color:#F2F4F7}
.ywt-tabs a.is-active b{background:#F26B1A;color:#0B0D10}
.ywt-search{display:flex;align-items:center;gap:8px;flex:1 1 360px;max-width:520px;position:relative}
.ywt-search svg{position:absolute;left:14px;color:#6B7380;pointer-events:none}
.ywt-search .ywp-input{height:40px;padding-left:38px;font-size:14px}

.ywt-table-wrap{overflow-x:auto;background:var(--ywt-surface);border:1px solid var(--ywt-line);border-radius:14px}
.ywt-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}
.ywt-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9AA3AF;border-bottom:1px solid var(--ywt-line);background:#111418;white-space:nowrap}
.ywt-table td{padding:14px 16px;border-bottom:1px solid #1E232B;vertical-align:top;color:#F2F4F7;line-height:1.5}
.ywt-table tr:last-child td{border-bottom:0}
.ywt-table tbody tr:hover td{background:#191D23}
.ywt-dim{color:#9AA3AF;font-size:13px;text-decoration:none}
.ywt-nowrap{white-space:nowrap}
.ywt-empty{text-align:center;color:#9AA3AF;padding:40px 16px!important}
.ywt-code{font-family:'Space Grotesk',monospace;letter-spacing:.1em;font-size:13px;color:#F2F4F7}
.ywt-strike{text-decoration:line-through;color:#6B7380}
.ywt-accent{color:#F26B1A}
.ywt-ig{color:#F2F4F7;text-decoration:none}.ywt-ig:hover{color:#F26B1A}
.ywt-details{max-width:320px}
.ywt-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.ywt-pill-online{background:#102A3A;border:1px solid #1E4C66;color:#7CC4F2}
.ywt-pill-dealer{background:#23140B;border:1px solid #5A2E12;color:#FF9A4D}
.ywt-pill-active{background:#0F2A1A;border:1px solid #1E5A34;color:#6FD39A}
.ywt-pill-locked{background:#2A2416;border:1px solid #5C4A1E;color:#FFC857}
.ywt-pill-disabled{background:#1E232B;border:1px solid #3A414D;color:#9AA3AF}

.ywt-pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.ywt-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--ywt-line);color:#B5BCC7;text-decoration:none;font-size:14px}
.ywt-pager .page-numbers.current{background:#F26B1A;border-color:#F26B1A;color:#0B0D10;font-weight:600}
.ywt-count{text-align:center}

@media (max-width:720px){
  .ywt-dash{padding:20px 16px 40px}
  .ywt-user{right:16px}
  .ywt-user-name,.ywt-link,.ywt-avatar{display:none}
}