/*
Theme Name: SASP Dashboard
Theme URI: https://example.com/sasp-dashboard
Author: ChatGPT
Description: Thème WordPress sombre inspiré d’un tableau de bord SASP.
Version: 1.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sasp-dashboard
*/

:root{
  --bg:#06111f;
  --panel:#0a1d33;
  --panel-2:#081827;
  --border:#143b67;
  --blue:#0b63ff;
  --text:#ffffff;
  --muted:#8ea6c1;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
}

.sasp-layout{display:flex;min-height:100vh}
.sasp-sidebar{
  width:270px;
  background:linear-gradient(180deg,#071321,#081827);
  border-right:1px solid var(--border);
  padding:22px;
}
.sasp-logo{font-size:34px;font-weight:800;letter-spacing:1px;margin-bottom:4px}
.sasp-subtitle{font-size:12px;color:var(--muted);margin-bottom:28px}
.sasp-user{
  display:flex;align-items:center;gap:12px;
  background:#0b1d32;border-radius:12px;padding:12px;margin-bottom:22px;
}
.sasp-avatar{width:48px;height:48px;border-radius:50%;background:#27415f}
.sasp-user small{color:var(--muted)}
.sasp-menu-title{font-size:12px;color:var(--muted);margin:24px 0 10px;text-transform:uppercase}
.sasp-menu a{
  display:block;text-decoration:none;color:#eaf2ff;
  padding:13px 14px;border-radius:8px;margin:6px 0;
}
.sasp-menu a.active,.sasp-menu a:hover{background:#123a68}
.sasp-main{flex:1;padding:24px 30px}
.sasp-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.sasp-search{
  width:360px;max-width:100%;padding:13px 16px;border-radius:8px;
  border:1px solid var(--border);background:#061426;color:#fff;
}
.sasp-actions{display:flex;gap:10px;flex-wrap:wrap}
.sasp-action,.sasp-card,.sasp-panel{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
}
.sasp-action{padding:14px 18px;color:#eaf2ff;text-align:center;min-width:92px}
.sasp-hero{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.sasp-portrait{width:96px;height:96px;border-radius:50%;background:#253a55}
.sasp-hero h1{margin:0;font-size:30px}
.sasp-muted{color:var(--muted);font-size:14px}
.sasp-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}
.sasp-card{padding:20px}
.sasp-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase}
.sasp-card strong{display:block;font-size:30px;margin:8px 0}
.sasp-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-bottom:16px}
.sasp-panel{padding:20px}
.sasp-panel h2{font-size:18px;margin:0 0 18px}
.sasp-warrant{display:grid;grid-template-columns:190px 1fr;gap:22px}
.sasp-person-img{height:260px;border-radius:10px;background:linear-gradient(135deg,#70533c,#172a42)}
.sasp-danger{display:inline-block;background:#761c24;color:#fff;border-radius:14px;padding:6px 10px;font-size:11px;margin-left:10px}
.sasp-map{
  height:350px;border-radius:8px;
  background:
    radial-gradient(circle at 70% 40%, rgba(26,103,255,.35), transparent 8%),
    radial-gradient(circle at 30% 55%, rgba(255,58,58,.35), transparent 7%),
    linear-gradient(135deg,#07192a,#0b2035);
  border:1px solid #102f52;
}
.sasp-bottom{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px}
.sasp-list{display:flex;flex-direction:column;gap:12px}
.sasp-row{display:flex;justify-content:space-between;gap:15px;color:#dceaff}
.sasp-badge{border-radius:6px;padding:5px 8px;font-size:11px;background:#0c3763;color:#6fb2ff}
.sasp-badge.urgent{background:#4a121a;color:#ff6b6b}
.sasp-badge.green{background:#063d2a;color:#12d47c}

@media(max-width:1100px){
  .sasp-layout{display:block}
  .sasp-sidebar{width:100%;height:auto}
  .sasp-cards,.sasp-grid,.sasp-bottom{grid-template-columns:1fr}
}

/* Boutons du haut */
.sasp-actions a,
.sasp-actions a:link,
.sasp-actions a:visited,
.sasp-actions a:hover,
.sasp-actions a:active,
.sasp-action {
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Supprime le soulignement sur tout le texte à l'intérieur */
.sasp-action *,
.sasp-actions a * {
    text-decoration: none !important;
}

/* Style des boutons */
.sasp-action{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:120px;
    padding:14px 18px;
    border:1px solid #143b67;
    border-radius:12px;
    background:#0a1d33;
}

.sasp-action:hover{
    background:#123a68;
}



.sasp-click-dropdown{
  position:relative;
  display:inline-block;
}

.sasp-click-btn{
  background:#0a1d33;
  border:1px solid #143b67;
  color:#fff;
  padding:14px 20px;
  border-radius:10px;
  cursor:pointer;
  font-size:15px;
}

.sasp-click-btn span{
  margin-left:8px;
}

.sasp-click-menu{
  display:none;
  position:absolute;
  top:55px;
  left:0;
  min-width:230px;
  background:#0a1d33;
  border:1px solid #143b67;
  border-radius:10px;
  overflow:hidden;
  z-index:9999;
}

.sasp-click-dropdown.open .sasp-click-menu{
  display:block;
}

.sasp-click-menu a{
  display:block;
  padding:13px 15px;
  color:#fff;
  text-decoration:none !important;
}

.sasp-click-menu a:hover{
  background:#123a68;
}