/* Nordic Football Online v0.23.3 — Home classic layout.
   Reference: FMU home/home document shell and user's DOM-inspector video.
   Original CSS: we use the same 836px page rhythm as our League and UETA
   pages, without copying third-party JS, CSS, font files or assets.
   Kept deliberately scoped to Home to prevent changing working game screens. */
:root { --nfo-classic-page-width: var(--classic-competition-width, 836px); }

.dashboard-active .gamewrap { margin-top:0; }
.classic-home-page {
  width:100%; max-width:var(--nfo-classic-page-width); min-width:0;
  margin:0 auto; font:12px/1.45 Arial,Tahoma,sans-serif;
}
.classic-home-page .dashboard-top {
  display:grid;
  grid-template-columns:minmax(0,28fr) minmax(0,44fr) minmax(0,28fr);
  align-items:stretch; min-height:310px; overflow:hidden;
  border-radius:3px 3px 0 0;
}
.classic-home-page .dashboard-fixtures,
.classic-home-page .dashboard-next,
.classic-home-page .dashboard-competitions { min-width:0; }
.classic-home-page .dashboard-fixtures { background:#fff; }
.classic-home-page .dashboard-fixtures h2 {
  margin:0; padding:10px 6px; min-height:38px;
  background:#f6f6f6; font:700 14px/18px Arial,Tahoma,sans-serif;
  border-bottom:1px solid #d5d5d5;
}
.classic-home-page .dashboard-fixture { min-height:42px; padding:7px 8px; }
.classic-home-page .dashboard-all-fixtures { margin-top:auto; }
.classic-home-page .dashboard-next { justify-content:center; padding:14px 16px; }
.classic-home-page .dashboard-next h2 { margin-top:8px; }
/* FMU's Home reference divides the competitions column into three equal
   rows. Keep all three existing navigation actions, not two large rows and
   a short link separated by unused dark space. */
.classic-home-page .dashboard-competitions {
  background:#303030;
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
}
.classic-home-page .dashboard-competition {
  height:100%; min-height:0; padding:10px 9px;
  border-bottom:1px solid #474747;
  position:relative;
}
.classic-home-page .dashboard-international {
  min-height:0; height:100%; margin:0; padding:12px 10px;
  display:flex; align-items:center;
  background:linear-gradient(135deg,#404040,#303030);
  border:0; text-align:left; cursor:pointer;
}
.classic-home-page .dashboard-international:hover,
.classic-home-page .dashboard-international:focus-visible {
  background:linear-gradient(135deg,#4a4a4a,#363636);
  color:#fff;
}
.classic-home-page .dashboard-competition .competition-light { flex-shrink:0; }
.classic-home-page .dashboard-competition:hover { filter:brightness(1.06); }
.classic-home-page .dashboard-competition .home-trophy-frame {
  margin-left:auto;
}
.classic-home-page .cup-competition:not(.qualified) .home-trophy-frame {
  opacity:.55;
}

.classic-home-page .dashboard-bottom {
  margin-top:12px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0; min-height:195px; border-radius:3px; overflow:hidden;
}
.classic-home-page .dashboard-manager,
.classic-home-page .dashboard-messages { min-width:0; }
.classic-home-page button:focus-visible {
  outline:3px solid #ffcf58; outline-offset:-3px;
}
@media(max-width:720px) {
  .classic-home-page .dashboard-top {
    grid-template-columns:minmax(0,42fr) minmax(0,58fr);
  }
  .classic-home-page .dashboard-competitions {
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:minmax(105px,auto) 42px;
  }
  .classic-home-page .dashboard-competition { height:auto; min-height:105px; }
  .classic-home-page .dashboard-international {
    grid-column:1/-1; min-height:42px; justify-content:center;
  }
  .classic-home-page .dashboard-next { padding:12px 10px; }
}
@media(max-width:480px) {
  .classic-home-page .dashboard-top { grid-template-columns:minmax(0,1fr); }
  .classic-home-page .dashboard-fixtures { min-height:0; }
  .classic-home-page .dashboard-next { min-height:260px; }
  .classic-home-page .dashboard-competitions {
    grid-column:auto; grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(2,minmax(90px,auto)) 45px;
  }
  .classic-home-page .dashboard-competition { min-height:90px; }
  .classic-home-page .dashboard-international { grid-column:auto; }
  .classic-home-page .dashboard-bottom { grid-template-columns:minmax(0,1fr); }
  .classic-home-page .dashboard-manager { min-height:175px; }
  .classic-home-page .dashboard-messages { min-height:145px; }
}

/* v0.23.2: supplied league trophy and national cup medal, without custom symbols. */
.classic-home-page .dashboard-competition .home-trophy-frame {
  display:block; position:relative; width:68px; height:74px;
  flex:0 0 68px; overflow:visible; pointer-events:none;
}
.classic-home-page .dashboard-competition .home-trophy-frame img {
  position:absolute; display:block; max-width:none; object-fit:contain;
  filter:drop-shadow(1px 2px 2px rgba(0,0,0,.3));
}
.classic-home-page .home-trophy-frame--league img {
  width:97px; height:70px; top:2px; left:-15px;
}
.classic-home-page .home-trophy-frame--cup img {
  width:125px; height:74px; top:0; left:-28px;
}
.classic-home-page .dashboard-competition strong,
.classic-home-page .dashboard-competition small { overflow-wrap:normal; word-break:normal; }
/* The sprite is gray until a manager has unspent upgrade points. */
.compact-status .level-up-icon { transition:filter .2s ease; }
.compact-status .ui-sprite-levelReady { width:31px; height:31px; }
@media(max-width:480px){
  .classic-home-page .dashboard-competition .home-trophy-frame { width:62px; flex-basis:62px; }
}


/* v0.23.8 — Home lower band: manager profile and pending staff meetings. */
/* Keep 175px as the desktop height for both panels, following the user's
   reference. The crest is capped at 150px inside a 160px column. These rules are scoped
   to Home so Club, League, International Cups and manager pages are untouched. */
.classic-home-page .dashboard-bottom {
  margin-top:10px;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  height:175px;
  min-height:175px;
  border-radius:4px;
  overflow:hidden;
  align-items:stretch;
}
.classic-home-page .dashboard-manager {
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:0;
  padding:0;
  min-height:0;
  height:175px;
  overflow:hidden;
  background:#333;
}
.classic-home-page .dashboard-manager-badge {
  display:flex;
  align-items:center;
  justify-content:center;
  width:160px;
  height:175px;
  min-width:0;
  max-width:none;
  padding:5px;
  box-sizing:border-box;
}
.classic-home-page .dashboard-manager-badge > .dashboard-badge,
.classic-home-page .dashboard-manager-badge > .custom-logo {
  display:block;
  width:100%;
  height:100%;
  max-width:150px;
  max-height:165px;
  object-fit:contain;
  margin:0;
  filter:drop-shadow(1px 2px 2px rgba(0,0,0,.35));
}
.classic-home-page .dashboard-manager-info {
  display:grid;
  grid-template-rows:60px 55px 60px;
  padding-right:15px;
  box-sizing:border-box;
  min-width:0;
  height:175px;
  overflow:hidden;
}
.classic-home-page .dashboard-manager-info h2 {
  margin:0;
  padding:10px 10px 0;
  box-sizing:border-box;
  line-height:24px;
  font-size:18px;
  font-weight:700;
  color:#fff;
  overflow-wrap:anywhere;
}
.classic-home-page .dashboard-manager-level {
  min-width:0;
  height:55px;
  padding:0 10px;
  box-sizing:border-box;
}
.classic-home-page .dashboard-manager-level p {
  margin:0;
  line-height:26px;
  font-size:12px;
}
.classic-home-page .dashboard-manager-level p b {
  font-size:18px;
  font-weight:bold;
  color:#83b75c;
}
.classic-home-page .dashboard-xp {
  height:20px;
  margin-top:3px;
  padding:2px;
  box-sizing:border-box;
  background:#fff;
  position:relative;
}
.classic-home-page .dashboard-xp > .dashboard-xp-fill {
  width:100%;
  height:16px;
}
.classic-home-page .dashboard-xp>span {
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:20px;
  font-size:11px;
  white-space:nowrap;
}
.classic-home-page .dashboard-profile-action {
  background:#fff;
  margin:0;
  padding:6px 5px;
  min-height:0;
  height:60px;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
}
.classic-home-page .dashboard-profile-action .button {
  margin:0;
  min-width:84px;
  min-height:31px;
  line-height:20px;
  padding:5px 15px;
  white-space:nowrap;
}
/* Keep the small icon cropped independently from the XP fill SVG. */
.classic-home-page .dashboard-xp > span .ui-sprite-xp {
  display:inline-block; width:14px; height:14px; flex:0 0 14px;
  margin-left:3px; overflow:hidden;
}
.classic-home-page .dashboard-messages {
  height:175px; min-height:0; padding:10px 12px; box-sizing:border-box;
  background:#16beee; color:#fff; display:flex; align-items:center;
  justify-content:center; text-align:center; overflow:hidden;
}
.classic-home-page .dashboard-meetings { width:100%; min-width:0; }
.classic-home-page .dashboard-no-meetings {
  display:flex; align-items:center; justify-content:center; gap:5px;
  margin:0; font:16px/30px Arial,Tahoma,sans-serif;
}
.classic-home-page .dashboard-meetings-clear {
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%; background:#83b75c;
  font-size:26px; font-weight:400; transform:rotate(-10deg);
}
.classic-home-page .dashboard-meetings h2 {
  margin:0 0 4px; font:700 14px/20px Arial,Tahoma,sans-serif;
}
.classic-home-page .dashboard-meeting-list { display:grid; gap:3px; }
.classic-home-page .dashboard-meeting {
  display:flex; align-items:center; gap:7px; width:100%; min-width:0;
  padding:2px 6px; border:0; border-radius:3px;
  background:rgba(0,0,0,.1); color:#fff; text-align:left; cursor:pointer;
  font:12px/16px Arial,Tahoma,sans-serif;
}
.classic-home-page .dashboard-meeting:hover,
.classic-home-page .dashboard-meeting:focus-visible { background:rgba(0,0,0,.2); }
.classic-home-page .dashboard-meeting img { flex:none; object-fit:contain; }
.classic-home-page .dashboard-meeting > span { flex:1; min-width:0; }
.classic-home-page .dashboard-meeting strong,
.classic-home-page .dashboard-meeting small {
  display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.classic-home-page .dashboard-meeting > b {
  flex:none; padding:0 4px; min-width:18px; text-align:center;
}
@media(max-width:720px) {
  .classic-home-page .dashboard-bottom {
    grid-template-columns:minmax(0,1fr);
    height:auto;
    min-height:0;
  }
  .classic-home-page .dashboard-manager,
  .classic-home-page .dashboard-messages {
    height:175px;
    min-height:175px;
  }
}
@media(max-width:370px) {
  .classic-home-page .dashboard-manager { grid-template-columns:120px minmax(0,1fr); }
  .classic-home-page .dashboard-manager-badge { width:120px; height:175px; }
  .classic-home-page .dashboard-manager-badge > .dashboard-badge,
  .classic-home-page .dashboard-manager-badge > .custom-logo { max-width:116px; max-height:160px; }
  .classic-home-page .dashboard-manager-info h2 { font-size:17px; }
}