/* ── BASE ─────────────────────────────── */
.slm-wrap { max-width:1200px; margin:0 auto; padding:20px 16px; font-family:'Segoe UI',sans-serif; }
.slm-wrap *{box-sizing:border-box;}
.slm-notice{padding:12px 16px;border-radius:8px;margin:12px 0;}
.slm-notice-warn{background:#fff3cd;border:1px solid #ffd166;color:#664d03;}
.slm-empty{color:#aaa;font-style:italic;text-align:center;padding:20px;}

/* ── BUTTONS ──────────────────────────── */
.slm-btn{display:inline-block;padding:8px 18px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;border:2px solid transparent;text-decoration:none;transition:all .2s;}
.slm-btn-primary{background:#e63946;color:#fff;border-color:#e63946;}
.slm-btn-primary:hover{background:#c1121f;border-color:#c1121f;color:#fff;}
.slm-btn-secondary{background:#457b9d;color:#fff;border-color:#457b9d;}
.slm-btn-secondary:hover{background:#1d3557;}
.slm-btn-outline{background:transparent;color:#e63946;border-color:#e63946;}
.slm-btn-outline:hover{background:#e63946;color:#fff;}
.slm-btn-small{padding:4px 10px;font-size:12px;}
.slm-btn-tiny{padding:2px 8px;font-size:11px;border-radius:4px;}
.slm-btn-large{padding:14px 32px;font-size:16px;}
.slm-btn.disabled,.slm-btn:disabled{opacity:.4;cursor:not-allowed;}

/* ── CLUB HEADER ─────────────────────── */
.slm-club-header{display:flex;align-items:center;gap:20px;padding:24px;border-radius:16px;background:#f8f9fa;margin-bottom:24px;flex-wrap:wrap;}
.slm-club-logo{width:100px;height:100px;flex-shrink:0;}
.slm-club-logo svg{width:100%;height:100%;}
.slm-club-info{flex:1;min-width:200px;}
.slm-club-name{margin:0 0 6px;font-size:28px;font-weight:900;color:#1d3557;}
.slm-club-meta{display:flex;gap:14px;flex-wrap:wrap;color:#666;font-size:13px;margin-bottom:10px;}
.slm-club-stats{display:flex;gap:16px;flex-wrap:wrap;}
.slm-mini-stat{text-align:center;}
.slm-mini-stat span{display:block;font-size:11px;color:#888;text-transform:uppercase;}
.slm-mini-stat .slm-mini-num{font-size:18px;font-weight:900;color:#1d3557;}
.slm-club-actions{display:flex;flex-direction:column;gap:8px;}

/* ── TABS ────────────────────────────── */
.slm-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f0f0f0;padding:6px;border-radius:12px;flex-wrap:wrap;}
.slm-tab{background:transparent;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;color:#666;font-size:14px;transition:all .2s;}
.slm-tab.active,.slm-tab:hover{background:#fff;color:#e63946;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.slm-tab-content{display:none;animation:slm-fadein .3s;}
.slm-tab-content.active{display:block;}
@keyframes slm-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── CREATE CLUB ─────────────────────── */
.slm-create-club{max-width:500px;margin:0 auto;text-align:center;padding:40px;}
.slm-hero-icon{font-size:64px;margin-bottom:16px;}
.slm-create-club h1{font-size:28px;color:#1d3557;margin-bottom:8px;}
.slm-form{text-align:left;margin-top:24px;}
.slm-form-group{margin-bottom:16px;}
.slm-form-group label{display:block;font-weight:700;margin-bottom:6px;color:#333;}
.slm-form-group input[type=text]{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:15px;}
.slm-form-group input[type=text]:focus{outline:none;border-color:#e63946;}
.slm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.slm-logo-preview{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:12px;text-align:center;}
.slm-logo-preview svg{width:100px;height:100px;}

/* ── PLAYER GRID ─────────────────────── */
.slm-player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.slm-player-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .2s;}
.slm-player-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1);}
.slm-player-card.slm-in-training{border-color:#2a9d8f;}
.slm-player-card.slm-injured{border-color:#e63946;opacity:.7;}
.slm-player-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#fff;}
.slm-player-pos{font-weight:900;font-size:18px;}
.slm-player-ovr{font-size:28px;font-weight:900;}
.slm-player-body{padding:12px 14px;}
.slm-player-name{font-weight:800;font-size:15px;margin-bottom:6px;color:#1d3557;}
.slm-player-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#666;margin-bottom:10px;}
.slm-badge-train{background:#2a9d8f;color:#fff;padding:2px 8px;border-radius:20px;font-size:11px;}
.slm-badge-inj{background:#e63946;color:#fff;padding:2px 8px;border-radius:20px;font-size:11px;}
.slm-player-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}

/* ── SKILL BARS ──────────────────────── */
.slm-skills-bar,.slm-skills-mini{margin:8px 0;}
.slm-skill,.slm-skill-row{display:grid;grid-template-columns:80px 1fr 28px;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;}
.slm-skill-bar{background:#eee;border-radius:4px;height:6px;overflow:hidden;}
.slm-skill-bar div{height:100%;background:#e9c46a;border-radius:4px;transition:width .4s;}

/* ── SHOP ────────────────────────────── */
.slm-budget-bar{background:#e8f5e9;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:15px;}
.slm-shop-filters{margin-bottom:20px;display:flex;gap:10px;flex-wrap:wrap;}
.slm-shop-filters select{padding:8px 12px;border:2px solid #ddd;border-radius:8px;font-size:14px;}
.slm-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.slm-shop-card{background:#fff;border:2px solid #eee;border-radius:14px;overflow:hidden;transition:all .2s;}
.slm-shop-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#e63946;}
.slm-shop-card.slm-cant-afford{opacity:.6;}
.slm-shop-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#1d3557;color:#fff;}
.slm-sport-badge{font-size:12px;}
.slm-ovr-big{font-size:32px;font-weight:900;color:#ffd166;}
.slm-shop-card-body{padding:14px;}
.slm-shop-price{margin:10px 0;font-weight:900;font-size:15px;color:#2a9d8f;}
.slm-shop-price small{font-weight:400;color:#888;font-size:12px;}
.slm-pagination{display:flex;gap:6px;justify-content:center;margin:24px 0;flex-wrap:wrap;}
.slm-page-btn{padding:6px 14px;border:2px solid #ddd;border-radius:8px;text-decoration:none;color:#333;font-weight:600;}
.slm-page-btn.active{background:#e63946;color:#fff;border-color:#e63946;}

/* ── TABLES ──────────────────────────── */
.slm-table{width:100%;border-collapse:collapse;font-size:14px;}
.slm-table th{background:#1d3557;color:#fff;padding:8px 10px;text-align:left;}
.slm-table td{padding:8px 10px;border-bottom:1px solid #eee;}
.slm-table tbody tr:hover{background:#f9f9f9;}
.slm-my-row{background:#fff3e0!important;font-weight:700;}
.slm-table-compact td,.slm-table-compact th{padding:5px 8px;}
.slm-promotion td{border-left:3px solid #2a9d8f;}
.slm-relegation td{border-left:3px solid #e63946;}
.slm-prom-dot{display:inline-block;width:10px;height:10px;background:#2a9d8f;border-radius:2px;margin-right:4px;}
.slm-rel-dot{display:inline-block;width:10px;height:10px;background:#e63946;border-radius:2px;margin-right:4px;margin-left:10px;}
.slm-mini-logo{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:6px;}
.slm-mini-logo svg{width:20px;height:20px;}
.slm-bot-tag{background:#ffd166;color:#333;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:700;}

/* ── MATCH ────────────────────────────── */
.slm-match-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;margin-bottom:6px;background:#f8f9fa;font-size:14px;}
.slm-match-row.slm-result-win{border-left:3px solid #2a9d8f;}
.slm-match-row.slm-result-loss{border-left:3px solid #e63946;}
.slm-match-row.slm-result-draw{border-left:3px solid #e9c46a;}
.slm-result-badge{width:22px;height:22px;border-radius:4px;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;font-size:11px;}
.slm-result-win .slm-result-badge{background:#2a9d8f;}
.slm-result-loss .slm-result-badge{background:#e63946;}
.slm-result-draw .slm-result-badge{background:#e9c46a;color:#333;}
.slm-match-team{font-weight:700;}
.slm-my-team{color:#e63946;}
.slm-match-vs{color:#aaa;font-size:12px;}
.slm-match-date{color:#888;font-size:12px;margin-left:auto;}
.slm-score-link{font-weight:900;font-size:16px;color:#1d3557;text-decoration:none;padding:2px 10px;background:#f0f0f0;border-radius:6px;}

/* ── MATCH DETAIL ───────────────────── */
.slm-match-detail{}
.slm-match-scoreboard{display:flex;align-items:center;justify-content:space-between;padding:32px;border-radius:16px;margin-bottom:24px;gap:16px;}
.slm-match-club{flex:1;text-align:center;}
.slm-match-logo{width:80px;height:80px;margin:0 auto 8px;}
.slm-match-logo svg{width:80px;height:80px;}
.slm-match-club-name{font-weight:900;font-size:16px;color:#1d3557;}
.slm-match-result{text-align:center;}
.slm-big-score{font-size:56px;font-weight:900;color:#1d3557;line-height:1;}
.slm-ht-score{color:#888;font-size:14px;margin-top:4px;}
.slm-vs-badge{font-size:28px;font-weight:900;color:#aaa;}
.slm-match-time{font-size:14px;color:#666;font-weight:600;}
.slm-timeline{max-height:400px;overflow-y:auto;}
.slm-timeline-event{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;}
.slm-tl-left{justify-content:flex-start;}
.slm-tl-right{justify-content:flex-end;flex-direction:row-reverse;}
.slm-tl-min{color:#888;width:30px;font-size:12px;}
.slm-match-info{display:flex;gap:16px;color:#666;font-size:13px;padding:12px 0;flex-wrap:wrap;}

/* ── STADIUM ──────────────────────────── */
.slm-stadium-card{max-width:500px;margin:0 auto;background:#fff;border-radius:16px;border:2px solid #eee;padding:32px;text-align:center;}
.slm-stadium-icon{font-size:64px;margin-bottom:8px;}
.slm-stadium-card h2{color:#1d3557;margin-bottom:16px;}
.slm-stadium-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;}
.slm-stadium-stats div{background:#f8f9fa;border-radius:8px;padding:10px;text-align:center;}
.slm-stadium-stats span{display:block;font-size:11px;color:#888;text-transform:uppercase;}
.slm-stadium-stats strong{font-size:16px;color:#1d3557;}
.slm-stadium-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0;}
.slm-capacity-bar{background:#eee;border-radius:8px;height:8px;margin:12px 0;overflow:hidden;}
.slm-capacity-bar div{height:100%;background:linear-gradient(90deg,#2a9d8f,#e9c46a);border-radius:8px;}
.slm-hint{font-size:12px;color:#888;margin-top:8px;}

/* ── JERSEYS ─────────────────────────── */
.slm-jersey-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.slm-jersey-card{background:#fff;border:2px solid #eee;border-radius:14px;padding:20px;text-align:center;}
.slm-jersey-card h4{margin:0 0 12px;color:#1d3557;font-size:16px;}
.slm-jersey-svg{width:100px;height:100px;margin:0 auto 16px;}
.slm-jersey-form{text-align:left;}
.slm-jersey-form .slm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;}
.slm-jersey-form label{font-size:13px;font-weight:600;color:#444;}
.slm-jersey-form select,.slm-jersey-form input[type=number]{width:100%;padding:7px;border:2px solid #ddd;border-radius:6px;font-size:13px;margin-top:4px;}

/* ── TRAINING ───────────────────────── */
.slm-training-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px;}
.slm-training-type-card{background:#fff;border:2px solid #eee;border-radius:12px;padding:16px;text-align:center;transition:all .2s;}
.slm-training-type-card:hover{border-color:#e63946;transform:translateY(-2px);}
.slm-training-icon{font-size:36px;margin-bottom:8px;}
.slm-training-type-card h5{margin:0 0 6px;color:#1d3557;font-size:14px;}
.slm-training-type-card p{font-size:12px;color:#666;margin:4px 0;}
.slm-price{font-weight:900;color:#e63946!important;}
.slm-training-active{background:#e8f5e9;border-radius:10px;padding:14px;margin-bottom:20px;}
.slm-training-row{padding:6px 0;border-bottom:1px solid #c8e6c9;font-size:13px;}

/* ── MODAL ───────────────────────────── */
.slm-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;}
.slm-modal-box{background:#fff;padding:28px;border-radius:16px;max-width:400px;width:90%;}
.slm-modal-box h3{margin:0 0 16px;color:#1d3557;}
.slm-modal-box select{width:100%;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:12px;}
.slm-modal-btns{display:flex;gap:8px;margin-top:16px;}

/* ── FINANCES ───────────────────────── */
.slm-finance-summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;}
.slm-finance-card{background:#fff;border:2px solid #eee;border-radius:12px;padding:16px 24px;min-width:200px;}
.slm-finance-card span{display:block;color:#888;font-size:12px;text-transform:uppercase;margin-bottom:4px;}
.slm-finance-card strong{font-size:24px;font-weight:900;}
.slm-finance-card.slm-positive strong{color:#2a9d8f;}
.slm-positive{color:#2a9d8f;}
.slm-negative{color:#e63946;}
.slm-tx-type{background:#eee;padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;}

/* ── LEAGUES ─────────────────────────── */
.slm-sport-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px;}
.slm-sport-tab{padding:8px 16px;border-radius:20px;background:#f0f0f0;text-decoration:none;color:#333;font-weight:600;font-size:13px;transition:all .2s;}
.slm-sport-tab.active,.slm-sport-tab:hover{background:#e63946;color:#fff;}
.slm-league-section{margin-bottom:40px;background:#fff;border-radius:16px;border:1px solid #eee;overflow:hidden;}
.slm-league-header{background:linear-gradient(135deg,#1d3557,#457b9d);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
.slm-league-header h2{margin:0;font-size:20px;}
.slm-league-meta{font-size:13px;opacity:.8;}
.slm-league-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;}
.slm-team-name{font-weight:600;font-size:13px;}
.slm-upcoming .slm-match-date{background:#e63946;color:#fff;border-radius:4px;padding:1px 6px;font-size:11px;}

/* ── EVENTS ──────────────────────────── */
.slm-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}
.slm-event-card{background:#fff;border:2px solid #eee;border-radius:14px;padding:20px;transition:all .2s;}
.slm-event-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1);}
.slm-event-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;}
.slm-event-header h3{margin:0;color:#1d3557;font-size:16px;}
.slm-event-details{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:12px;color:#666;}
.slm-badge-joined{background:#2a9d8f;color:#fff;padding:6px 14px;border-radius:8px;font-weight:700;display:inline-block;}
.slm-badge-full{background:#aaa;color:#fff;padding:6px 14px;border-radius:8px;font-weight:700;display:inline-block;}

/* ── MESSAGE BAR ─────────────────────── */
.slm-msg-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1d3557;color:#fff;padding:14px 28px;border-radius:12px;font-weight:700;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.2);font-size:15px;transition:opacity .3s;}
.slm-msg-bar.slm-success{background:#2a9d8f;}
.slm-msg-bar.slm-error{background:#e63946;}

/* ── CARD ────────────────────────────── */
.slm-card{background:#fff;border-radius:16px;border:2px solid #eee;box-shadow:0 4px 16px rgba(0,0,0,.06);}

/* ── RESPONSIVE ──────────────────────── */
@media(max-width:768px){
  .slm-club-header{flex-direction:column;text-align:center;}
  .slm-league-grid{grid-template-columns:1fr;}
  .slm-match-scoreboard{flex-direction:column;}
  .slm-two-col-pub{grid-template-columns:1fr;}
}
.slm-two-col-pub{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.slm-squad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.slm-pos-badge{background:#457b9d;color:#fff;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;}