V1.2.5

sccharacters.php

@@ -1664,9 +1664,8 @@ if ($selected_character) {
             box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
             backdrop-filter: blur(10px);
         }
-
         .admin-topbar {
-            padding: 1.5rem 1.75rem;
+            padding: 1.5rem 2rem;
             display: flex;
             gap: 1rem;
             justify-content: space-between;
@@ -1674,29 +1673,69 @@ if ($selected_character) {
             flex-wrap: wrap;
         }
 
-        .admin-topbar h1 {
+        .topbar-info h1 {
             margin: 0;
-            font-size: 1.6rem;
+            font-size: 1.5rem;
-            letter-spacing: 0.14em;
+            letter-spacing: 2px;
             text-transform: uppercase;
-            background: linear-gradient(90deg, #ffffff, var(--primary));
+            background: linear-gradient(90deg, #fff, var(--primary));
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         }
 
-        .admin-topbar p {
+        .topbar-info p {
-            margin: 0.35rem 0 0;
+            margin: 0.25rem 0 0;
-            color: var(--text-soft);
+            font-size: 0.85rem;
-            font-size: 0.92rem;
+            color: var(--primary);
-            line-height: 1.5;
+            opacity: 0.8;
-            max-width: 760px;
         }
 
-        .topbar-meta {
+        .topbar-actions {
-            text-align: right;
+            display: flex;
-            color: var(--text-soft);
+            gap: 1rem;
-            font-size: 0.85rem;
+            flex-wrap: wrap;
-            line-height: 1.6;
+            align-items: center;
+        }
+
+        .session-user {
+            opacity: 0.85;
+        }
+
+        .btn-modern {
+            padding: 0.65rem 1.2rem;
+            border: 1px solid var(--primary-border);
+            background: rgba(255, 255, 255, 0.02);
+            color: #fff;
+            font-family: 'Electrolize', sans-serif;
+            font-size: 0.88rem;
+            text-transform: uppercase;
+            cursor: pointer;
+            transition: all 0.25s ease;
+            border-radius: 10px;
+            text-decoration: none;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 0.4rem;
+            min-height: 44px;
+        }
+
+        .btn-modern:hover {
+            background: rgba(106, 208, 255, 0.16);
+            border-color: rgba(106, 208, 255, 0.65);
+            box-shadow: 0 0 16px rgba(106, 208, 255, 0.18);
+            transform: translateY(-1px);
+        }
+
+        .btn-modern.danger {
+            border-color: rgba(255, 123, 123, 0.35);
+            color: #ffb3b3;
+        }
+
+        .btn-modern.danger:hover {
+            background: rgba(255, 107, 107, 0.16);
+            border-color: rgba(255, 107, 107, 0.6);
+            box-shadow: 0 0 16px rgba(255, 107, 107, 0.2);
         }
 
         .flash {
@@ -2681,7 +2720,7 @@ if ($selected_character) {
             .source-switch {
                 grid-template-columns: 1fr;
             }
-            .topbar-meta { text-align: left; }
+            .topbar-actions { width: 100%; justify-content: flex-start; }
             .list-panel-header,
             .hero-header {
                 flex-direction: column;
@@ -2700,13 +2739,14 @@ if ($selected_character) {
     <?php echo auth_render_page_access_widget('sccharacters.php', 'Personnages'); ?>
     <div class="admin-layout">
         <header class="admin-topbar">
-            <div>
+            <div class="topbar-info">
-                <h1>Personnages</h1>
+                <h1>R.E.A.C.T. Characters Control</h1>
-                <p>Crée une fiche personnage, rattache-lui des objets depuis la <strong>Base d'Objets</strong> et tes <strong>Objets personnalisés</strong>, puis partage sa page publique uniquement via son lien dédié.</p>
+                <p>Niveau d'accès : <strong><?php echo htmlspecialchars($role_label, ENT_QUOTES, 'UTF-8'); ?></strong></p>
             </div>
-            <div class="topbar-meta">
+            <div class="topbar-actions">
-                <div>Connecté : <strong><?php echo htmlspecialchars($current_session_user, ENT_QUOTES, 'UTF-8'); ?></strong></div>
+                <span class="session-user">Connecté : <strong><?php echo htmlspecialchars($current_session_user, ENT_QUOTES, 'UTF-8'); ?></strong></span>
-                <div>Rôle : <?php echo htmlspecialchars($role_label, ENT_QUOTES, 'UTF-8'); ?></div>
+                <a href="index.php" class="btn-modern">Retour au site</a>
+                <a href="logout.php" class="btn-modern danger">Déconnexion</a>
             </div>
         </header>