/* NHL 1.29.0 — Swedish light palette from supplied swatches.
   Page #f7eddc | cards #ebe0d4 | accents/panels #ecddcb
   Brown #715247 | red #ec1905.
   Only presentation: app logic, scorekeeping, access and storage stay unchanged. */

:root{
  color-scheme:light;
  --bg:#f7eddc;
  --ink:#4a332b;
  --muted:#715247;
  --line:#d9c7b7;
  --accent:#ec1905;
  --accent2:#715247;
  --brand-red:#ec1905;
  --brand-dark:#f7eddc;
  --brand-burgundy:#715247;
  --brand-card:#ebe0d4;
  --brand-panel:#ecddcb;
  --brand-border:#d9c7b7;
  --brand-silver:#ebe0d4;
  --brand-muted:#715247;
  --light-bg:#f7eddc;
  --light-card:#ebe0d4;
  --light-soft:#ecddcb;
  --light-brown:#715247;
  --light-deep:#4a332b;
  --light-red:#ec1905;
  --light-rule:#d9c7b7;
}

/* Whole app and safe-area backdrop: the palest swatch wins. */
html{background:#f7eddc}
body,
body.nhl-auth-mode{
  color:var(--light-deep)!important;
  background:#f7eddc!important;
}
.ambient{display:none}
.app-shell{color:var(--light-deep)}
.topbar{
  color:var(--light-deep);
  background:transparent;
  border:0;
  box-shadow:none;
}
.topbar::before{
  background:#f7eddc;
  box-shadow:0 8px 18px #71524714;
}
.brand,.topbar .brand,.topbar .brand span,
.topbar .version{color:#715247!important}
.v1-menu-trigger,.v1-menu-trigger:active{
  color:#715247;
  background:transparent;
  border:0;
}
.brand-logo{box-shadow:none;border:0}
.topbar .version{
  border:0!important;background:transparent!important;
  box-shadow:none!important;
}
footer{color:#907668;border-top-color:var(--light-rule)}

/* Headings, intro text, and shared surfaces. */
h1,h1 em,.v1-section-heading h1,
.v1-card h2,.v1-card h3,.tools-heading h2,.leaders-header h2,
.v1-group-title,.v1-card-heading h2,
.stat-headleft strong,.stat-control-top>div>strong{
  color:var(--light-deep);
}
.v1-section-heading h1{font-weight:850}
.v1-kicker,.v1-section-heading .v1-kicker,.eyebrow,
.stat-small{color:var(--light-red)}
.v1-kicker{letter-spacing:.13em}
.v1-section-heading>p:not(.v1-kicker),.intro,
.v1-muted,.leaders-subtitle,.leaders-disclaimer,.points-status,
.v1-tip-person small,.v1-category-row small,.v1-month-row small,
.stat-headleft small,.stat-control-top>div>small,.stat-player span,
.stat-origin,.card-note,.helper,.cloud-hint,.stat-small,
.nhl-home-empty,.nhl-home-foot,.nhl-home-fineprint{
  color:#715247;
}
.eyebrow-line{background:var(--light-red)}
.v1-card,.hero-card,.small-card,.tools-card,.leaders-card,
.stat-section,.nhl-home-panel{
  color:var(--light-deep);
  background:var(--light-card);
  border:0;
  border-radius:19px;
  box-shadow:0 5px 16px #71524710;
}
.v1-card,.nhl-home-panel{box-shadow:0 5px 18px #71524712}
.v1-metric{
  background:var(--light-soft);
  color:var(--light-deep);
  border:0;
}
.v1-metric span,.v1-mini-grid span,.v1-rank-latest,
.v1-detail small,.v1-order,.v1-group-title{color:#715247}
.v1-metric strong,.v1-mini-grid strong{color:var(--light-deep)}
.v1-list-card{background:var(--light-card)}
.v1-info-row,.v1-tip-person,.v1-detail,.v1-category-row,
.v1-month-row,.v1-rank,.stat-row,.stat-entries,.stat-bulk-item,
.v1-access-user,.v1-access-group{
  border-color:var(--light-rule);
}

/* Light-mode hero: preserve the crest, replace the black-backed neon
   'current leader' banner with actual live text and a restrained red detail. */
.nhl-overview-hero{
  background:linear-gradient(125deg,#ecddcb 0%,#ebe0d4 100%);
  color:var(--light-deep);
  border:0;
  box-shadow:0 7px 22px #71524718;
}
.nhl-overview-hero::before{
  background:linear-gradient(100deg,transparent 68%,#ec190509);
}
.nhl-overview-logo-frame{
  background:#dfc9b4;
  box-shadow:inset 0 0 0 2px #71524733,0 5px 12px #71524716;
}
.nhl-overview-logo{filter:none}
.nhl-overview-hero-copy{border-left:1px solid #bc9e86}
.nhl-overview-leader-banner{display:none}
.nhl-overview-hero-copy::before{
  content:"NUVARANDE LEDARE";
  display:block;
  color:#715247;
  font-size:clamp(9px,2.5vw,12px);
  font-weight:850;
  letter-spacing:.065em;
  line-height:1.4;
  margin:0 0 9px;
}
.nhl-overview-leader-name{
  color:var(--light-deep);
  text-shadow:none;
  font-weight:850;
}

/* Dashboard tiles and season highlights. */
.nhl-home-panel h2,.nhl-home-highlight,.nhl-home-big-number,
.nhl-home-next-content strong,.nhl-home-hot-info strong,
.nhl-home-hot-top strong,.nhl-home-rank>strong,
.nhl-home-rank-person,.nhl-standings-history-link strong,
.nhl-standings-month-list .nhl-month-label strong,
.nhl-results-month-list .nhl-month-label strong{
  color:var(--light-deep);
}
.nhl-home-kicker,.nhl-home-rank>strong small,
.nhl-home-hot-info small,.nhl-home-hot-count small,
.nhl-home-hot-row small,.nhl-home-date,
.nhl-home-last-push-date,.nhl-home-payout-row,
.nhl-results-month-list .nhl-month-label small,
.nhl-standings-history-link small{
  color:#715247;
}
.nhl-home-panel-head button,.nhl-home-panel-hint,
.nhl-home-last-push-arrow,.nhl-home-big-number small,
.nhl-home-hot-count,.nhl-home-hot-top span,
.nhl-home-payout-row>strong,.nhl-standings-history-arrow{
  color:var(--light-red);
}
.nhl-home-rank,.nhl-home-hot-row{
  background:transparent;
  color:var(--light-deep);
  border-bottom:1px solid var(--light-rule);
}
.nhl-home-rank-num,.nhl-home-hot-position{
  background:#ecddcb;
  color:var(--light-brown);
}
.nhl-home-rank:first-child .nhl-home-rank-num{
  background:var(--light-red);
  color:#fff;
}
.nhl-home-progress-track{background:#d6bfa9}
.nhl-home-progress-track span{background:var(--light-red)}
.nhl-home-date{background:#e2cdb9;border:0}
.nhl-home-payout-row{
  background:var(--light-soft);
  border:0;
}
.nhl-standings-history-link{
  background:var(--light-card);
  color:var(--light-deep);
}
.nhl-home-panel-linked:hover{filter:brightness(.98)}

/* Standings, ranking drilldowns, and month folder navigation. */
.v1-rank,.v1-category-row,.v1-month-row,
.nhl-standings-history-link{
  color:var(--light-deep);
}
.v1-rank-name,.v1-tip-person strong,.v1-info-row strong,
.v1-detail strong,.v1-category-row strong,.v1-month-row strong,
.v1-order li,.v1-tip-person>span,
.nhl-standings-ranks .v1-rank .v1-rank-name{
  color:var(--light-deep);
}
.v1-rank-position,.nhl-result-folder{
  background:#dec9b6;
  color:var(--light-brown);
  border:0;
}
.v1-rank-points,.v1-detail>b,.v1-category-row>span:last-child,
.v1-month-row>span:last-child,.v1-textlink,.v1-back,
.v1-chevron,.nhl-results-month-list .nhl-month-arrow,
.nhl-standings-month-total,.nhl-standings-month-tail,
.nhl-standings-history-arrow{
  color:var(--light-red);
}
.v1-rankings .v1-rank:active,
.v1-category-row:active,.v1-month-row:active,
.nhl-results-month-list .v1-month-row:active{
  background:#e4cfbc;
}
.nhl-standings-ranks .nhl-rank-place-1{
  color:#8d631e;
  background:linear-gradient(90deg,#e2b76565,transparent 92%);
}
.nhl-standings-ranks .nhl-rank-place-2{
  color:#68757b;
  background:linear-gradient(90deg,#b5c1c75c,transparent 92%);
}
.nhl-standings-ranks .nhl-rank-place-3{
  color:#985d37;
  background:linear-gradient(90deg,#c78a5b5a,transparent 92%);
}
.nhl-standings-ranks .nhl-rank-place-4{
  color:#c72515;
  background:linear-gradient(90deg,#ec19051c,transparent 92%);
}
.nhl-standings-ranks .nhl-rank-place-1 .v1-rank-position{
  color:#6e4d16;background:#e6c582;
}
.nhl-standings-ranks .nhl-rank-place-2 .v1-rank-position{
  color:#505f67;background:#c9d1d3;
}
.nhl-standings-ranks .nhl-rank-place-3 .v1-rank-position{
  color:#80502f;background:#d7ae91;
}
.nhl-standings-ranks .nhl-rank-place-4 .v1-rank-position{
  color:#b31d11;background:#f6b7a9;
}
.nhl-standings-ranks .v1-rank .v1-rank-points{color:inherit}
.nhl-standings-ranks .v1-rank:active{filter:brightness(.96)}

/* Standings timeline — keep each person's distinct line color. */
.nhl-timeline-hint,.nhl-timeline-details summary,
.nhl-timeline-help,.nhl-timeline-note,
.nhl-timeline-person small,.nhl-timeline-details td small{
  color:var(--light-brown);
}
.nhl-timeline-person strong,
.nhl-timeline-details table{color:var(--light-deep)}
.nhl-timeline-grid{stroke:#cdb7a4}
.nhl-timeline-vertical{stroke:#ddc9b8}
.nhl-timeline-x-label,.nhl-timeline-y-label{fill:var(--light-brown)}
.nhl-timeline-svg circle{stroke:var(--light-card)}
.nhl-timeline-details,
.nhl-timeline-details th,.nhl-timeline-details td{
  border-color:var(--light-rule);
}
.nhl-standings-timeline .nhl-rank-text-1{color:#81591b}
.nhl-standings-timeline .nhl-rank-text-2{color:#5c6b71}
.nhl-standings-timeline .nhl-rank-text-3{color:#895331}
.nhl-standings-timeline .nhl-rank-text-4{color:#c52516}

/* Stats and category views. */
.stat-control-top,.stat-control{color:var(--light-deep)}
.stat-section summary{background:var(--light-card)}
.stat-section[open] summary{background:#e3d3c3}
.stat-headleft strong,.stat-player strong{color:var(--light-deep)}
.stat-headright b,.stat-number,.stat-shared{color:var(--light-red)}
.stat-position,.stat-expand{color:var(--light-brown)}
.stat-control-top button{color:#fff}
.stat-month-label,.stat-control-top>div>small{color:var(--light-brown)}
.stat-row.stat-match{background:#e1cbb7}
.stat-pending{background:#dec8b7;color:var(--light-brown)}
.stat-bulk-preview{box-shadow:0 5px 16px #71524712}
.stat-bulk-preview h3,.stat-bulk-item strong{color:var(--light-deep)}
.stat-bulk-item small,.stat-player span{color:var(--light-brown)}

/* Controls: secondary buttons stay beige; red reserved for primary actions. */
.v1-filters button,.stat-filters button,.nhl-admin-tabs button{
  background:#ecddcb;
  color:var(--light-brown);
  border:0;
  box-shadow:none;
}
.v1-filters button.selected,.stat-filters button.selected,
.nhl-admin-tabs button.active,
.v1-menu-panel>button[data-route].active{
  color:#fff;
  background:var(--light-red);
  border:0;
  box-shadow:none;
}
.button-primary,.stat-apply,.nhl-entry-submit{
  color:#fff;
  background:var(--light-red);
  border:0;
  box-shadow:0 5px 14px #ec190524;
}
.button-primary:active,.stat-apply:active,.nhl-entry-submit:active{
  background:#be1c0e;
}
.v1-secondary,.button-outline,.v1-remove{
  background:#ecddcb;
  color:var(--light-brown);
  border:0;
}
.v1-secondary:active,.button-outline:active{background:#dec5ae}
.v1-remove{background:#f5d9ca;color:#ad271a}
.v1-form label,.cloud-label,.v1-access-controls label,
.nhl-account-selects label,.nhl-entry-form label{
  color:var(--light-deep);
}
.v1-form input,.v1-form select,.stat-month-select,
.v1-access-controls select,.nhl-account-selects select,
.tools-card textarea,.tools-card input[type="email"],
.tools-card input[type="password"],.nhl-entry-form input{
  background:#fff8ee;
  color:var(--light-deep);
  border:0;
  box-shadow:inset 0 0 0 1px #dac7b61f;
}
input::placeholder,textarea::placeholder{color:#907566}
input:focus-visible,select:focus-visible,textarea:focus-visible,
button:focus-visible,.nhl-home-card-link:focus-visible{
  outline:2px solid var(--light-red);
  outline-offset:2px;
}
.v1-access-choice,.nhl-admin-panel .v1-access-choice{
  color:var(--light-brown);
}
.v1-access-choice input,.nhl-admin-panel .v1-access-choice input{
  accent-color:var(--light-red);
}

/* Admin, permissions, and usage report. */
.nhl-admin-kv span,.nhl-account-identity small,
.nhl-usage-tile span,.nhl-usage-person-main small,
.nhl-usage-top,.nhl-usage-person-metrics span,
.nhl-monthly-checks>div{color:var(--light-brown)}
.nhl-admin-kv strong,.nhl-account-identity strong,
.nhl-usage-tile strong,.nhl-usage-person-main strong,
.nhl-usage-person-metrics b,.nhl-admin-panel .v1-access-group h3,
.v1-access-user strong,.v1-access-group h3{
  color:var(--light-deep);
}
.nhl-admin-kv,.nhl-account-row,.nhl-usage-person,
.nhl-admin-panel .v1-access-group,.nhl-monthly-check-table th,
.nhl-monthly-check-table td{
  border-color:var(--light-rule);
}
.nhl-account-row.is-owner{border-color:#c6a983}
.nhl-owner-label{color:#715247;background:#dec8a4;border:0}
.nhl-usage-tile{
  color:var(--light-deep);
  background:var(--light-soft);
  border:0;
}
.nhl-usage-person-metrics span{background:var(--light-soft);border:0}
.nhl-dev-safe-note,.v1-alert,.stat-warning{
  background:#f2dfc1;
  color:#805137;
  border:0;
}
.v1-notice,.cloud-status.ok{
  background:#e1e9d8;
  color:#365a3a;
  border:0;
}
.v1-account-status:not([hidden]),.cloud-status{
  background:#e8d6c4;
  color:var(--light-deep);
  border:0;
}
.cloud-status.error,.nhl-entry-feedback{
  background:#f7d8cf;
  color:#a22719;
  border:0;
}
.nhl-monthly-check-table{color:var(--light-deep)}
.nhl-monthly-check-table thead th{color:var(--light-brown)}
.nhl-monthly-check-table tbody th{color:var(--light-deep)}
.nhl-monthly-check-table tbody td strong{color:var(--light-red)}
.nhl-monthly-checks span{color:#416b46}

/* Full-screen hamburger menu in the new palette. */
.v1-menu-overlay{
  background:var(--light-bg);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.v1-menu-panel{
  background:var(--light-bg);
  color:var(--light-deep);
  border:0;
  box-shadow:none;
}
.v1-menu-top{color:var(--light-deep);border-bottom-color:var(--light-rule)}
.v1-menu-top button{
  color:var(--light-brown);
  background:var(--light-soft);
  border:0;
}
.v1-menu-panel>button[data-route]{
  color:var(--light-deep);
  background:transparent;
}
.v1-menu-panel>button[data-route]:active{background:#e3cdb9}
.v1-menu-panel>button[data-route].active:active{background:#bc1c0c}
.v1-menu-note{color:var(--light-brown)}
.v1-menu-panel>button.nhl-menu-logout{
  color:#ba281a;
  border-top-color:var(--light-rule);
}

/* Sign-in and other auth states use the same warm, light system. */
body.nhl-auth-mode .ambient{display:none}
.nhl-entry-panel{
  background:var(--light-card);
  color:var(--light-deep);
  border:0;
  box-shadow:0 10px 34px #71524722;
}
.nhl-entry-emblem{
  background:#dfccb9;
  border:0;
  box-shadow:0 5px 14px #71524724;
}
.nhl-entry-panel h1{color:var(--light-deep)}
.nhl-entry-eyebrow{color:var(--light-red)}
.nhl-entry-subtitle,.nhl-entry-loading,
.nhl-entry-footer,.nhl-usage-disclosure{color:var(--light-brown)}
.nhl-entry-switch{color:#af2517}
.nhl-entry-spinner{border-color:#dfc9b7;border-top-color:var(--light-red)}



/* Make monthly correction category labels readable on beige cards. */
.nhl-results-corrections .v1-info-row > span{
  color:var(--light-brown);
  font-weight:650;
}
/* NHL 1.30: separata för- och efternamn, administratörens kontoredigering */
.nhl-participants{min-width:0}
.nhl-participant-verification{margin:13px 0 15px;padding:11px 13px;background:#ecddcb;color:#4a332b;border:1px solid #cfb8a6;border-radius:11px;font-size:12px;font-weight:700}
.nhl-participant-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:15px 0;border-bottom:1px solid #d9c7b7}
.nhl-participant-heading{display:flex;flex-direction:column;gap:4px;min-width:0}
.nhl-participant-heading strong{font-size:14px;color:#4a332b}
.nhl-participant-heading small{font-size:11px;color:#715247;line-height:1.5}
.nhl-participant-row label{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:650;font-size:11px;color:#715247}
.nhl-participant-row input,.nhl-participant-row select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:43px;padding:10px 11px;border:1px solid #c8aa95;border-radius:10px;background:#f7eddc;color:#4a332b;font-size:13px;font-weight:600}
.nhl-participant-row input:focus-visible,.nhl-participant-row select:focus-visible{outline:2px solid #715247;outline-offset:2px}
.nhl-participant-row select:disabled{opacity:.6}
.nhl-participant-identity{margin:0;font-size:11px;color:#715247;overflow-wrap:anywhere}
.nhl-participant-identity code{color:#4a332b}
.nhl-account-linked-email{display:block;margin:3px 0;font-size:11px;color:#715247;overflow-wrap:anywhere}
.nhl-participant-name-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-width:0}
@media(max-width:390px){.nhl-participant-name-fields{grid-template-columns:minmax(0,1fr);gap:10px}}
@media(min-width:700px){.nhl-participant-row{grid-template-columns:135px minmax(0,1fr) minmax(0,1.15fr);align-items:end;gap:9px 13px}.nhl-participant-heading{align-self:center}.nhl-participant-identity{grid-column:2/-1}}
