/* ═══════════════════════════════════════════════════════════════
   PêcheLive — Design System v2 (2026-09)
   Palette marine profonde + cyan #5DDBEA + Poppins/Inter
   ═══════════════════════════════════════════════════════════════ */


:root {
  --bg:          #0A0E15;
  --bg2:         #0F1620;
  --bg3:         #141C28;
  --bg-header:   #080B10;
  --bg-footer:   #080B10;
  --bg-sidebar:  #0A0E15;
  --surface:     rgba(15,22,32,0.7);
  --glass:       rgba(15,22,32,0.55);
  --glass-border: rgba(255,255,255,0.08);
  --border:      rgba(255,255,255,0.08);
  --border2:     rgba(255,255,255,0.14);
  --accent:      #5DDBEA;
  --accent2:     #6EE0EE;
  --accent-dim:  rgba(93,219,234,0.12);
  --accent-glow: rgba(93,219,234,0.22);
  --accent-text: #5DDBEA;
  --accent-text-dark: #06222A;
  --cta:         #F0924A;
  --cta-hover:   #d97a35;
  --cta-dark:    #2A1608;
  --warn:        #F0924A;
  --gold:        #F0924A;
  --danger:      #ef4444;
  --success:     #22c55e;
  --text:        #F2F5F8;
  --text2:       #8792A2;
  --text3:       #4A566A;
  --text-heading: #B9C0C9;
  --font-head:   'Poppins', system-ui, sans-serif;
  --font-body:   'Inter', system-ui, sans-serif;
  --font:        'Inter', system-ui, sans-serif;
  --radius:      14px;
  --radius-sm:   9px;
  --radius-pill: 999px;
  --shadow:      0 8px 32px rgba(0,0,0,0.55);
  --shadow-sm:   0 2px 12px rgba(0,0,0,0.35);
}

body { font-family: var(--font-body); background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-head); }
a { color: var(--accent2); text-decoration: none; }
a:hover { color: var(--accent); }

.btn-primary { background:var(--cta);color:#fff;border:none;padding:13px 28px;border-radius:var(--radius-sm);font-family:var(--font-head);font-weight:700;font-size:15px;cursor:pointer;transition:background 0.15s,transform 0.15s; }
.btn-primary:hover { background:var(--cta-hover);transform:translateY(-1px); }
.btn-accent { background:var(--accent);color:var(--accent-text-dark);border:none;padding:11px 22px;border-radius:var(--radius-sm);font-family:var(--font-head);font-weight:700;font-size:14px;cursor:pointer;transition:opacity 0.15s; }
.btn-accent:hover { opacity:0.88; }
.btn-ghost { background:transparent;color:var(--text);border:1px solid var(--border2);padding:11px 22px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:border-color 0.15s,color 0.15s; }
.btn-ghost:hover { border-color:var(--accent);color:var(--accent); }

.card { background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius); }
.card-tile { background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px; }
.glass { background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius); }

.badge-live { background:rgba(240,146,74,0.18);color:#F0924A;border:1px solid rgba(240,146,74,0.3);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.06em; }
.badge-done { background:rgba(74,86,106,0.25);color:var(--text2);border:1px solid var(--border);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700; }
.badge-soon { background:rgba(93,219,234,0.14);color:var(--accent);border:1px solid rgba(93,219,234,0.3);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700; }
.badge-new  { background:var(--accent);color:var(--accent-text-dark);padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:0.04em; }

.plive-header { background:var(--bg-header);border-bottom:1px solid var(--border);padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:sticky;top:0;z-index:100; }
.plive-logo { font-family:var(--font-head);font-weight:700;font-size:24px;color:var(--accent);cursor:pointer;text-decoration:none; }
.plive-logo:hover { color:var(--accent2);text-decoration:none; }

.plive-layout { display:flex;min-height:calc(100vh - 62px); }
.plive-sidebar { width:280px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto; }
.plive-sidebar-nav { flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px; }
.plive-nav-item { display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background 0.12s,color 0.12s; }
.plive-nav-item:hover { background:rgba(255,255,255,0.06);color:var(--text);text-decoration:none; }
.plive-nav-item.active { background:rgba(240,146,74,0.16);color:var(--cta);font-weight:700; }
.plive-content { flex:1;padding:32px 32px 64px;overflow-x:hidden;min-width:0; }

.stat-row { display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px; }
.stat-card { background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:flex;align-items:center;gap:16px; }
.stat-icon { width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }
.stat-label { font-size:12px;font-weight:700;letter-spacing:0.05em;color:var(--text2);margin-bottom:4px;text-transform:uppercase; }
.stat-value { font-family:var(--font-head);font-size:26px;font-weight:700;color:var(--text); }
.stat-delta { font-size:12px;font-weight:600;margin-top:2px; }
.stat-delta.up { color:#22c55e; }
.stat-delta.down { color:#ef4444; }

.table-card { background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden; }
.table-card-header { padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px; }
.table-card-title { font-family:var(--font-head);font-size:16px;font-weight:600;color:var(--text); }

.plive-input { background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:14px;width:100%;transition:border-color 0.15s,box-shadow 0.15s; }
.plive-input:focus { outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim); }
.plive-input::placeholder { color:var(--text2); }

.plive-footer { background:var(--bg-footer);border-top:1px solid var(--border);padding:32px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px; }

@media(max-width:900px){
  .plive-header{padding:14px 20px;}
  .plive-sidebar{display:none;}
  .plive-content{padding:20px 16px 48px;}
  .plive-footer{padding:24px 20px;flex-direction:column;text-align:center;}
  .stat-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .stat-row{grid-template-columns:1fr;}
  .plive-header{padding:12px 16px;}
  .plive-logo{font-size:20px;}
}