/* =========================================================
   MIXELYA V7.0.37 — STYLE G
   Palette : graphite / ivoire / sable / doré doux
   Aucun changement du logo ou du nom.
   ========================================================= */

:root{
 --g-ink:#172129;
 --g-ink-2:#223039;
 --g-sidebar:#11191c;
 --g-sidebar-2:#172126;
 --g-ivory:#f4f0e9;
 --g-panel:#fffdf9;
 --g-border:#e7e0d7;
 --g-gold:#c99655;
 --g-gold-soft:#f4dfbd;
 --g-muted:#778086;
 --g-green:#3b7a57;
 --g-blue:#527997;
 --g-red:#b85b55;
 --g-shadow:0 10px 28px rgba(38,42,39,.065);
}

html{background:var(--g-sidebar)}
body.robimix-glass.mixelya-liquid-glass{
 background:
   radial-gradient(circle at 90% 5%,rgba(201,150,85,.10),transparent 26rem),
   linear-gradient(135deg,#f8f5ef 0%,#f2eee7 50%,#f7f3ed 100%) !important;
 color:var(--g-ink);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
}

body.robimix-glass:before{
 background:
  radial-gradient(circle at 83% 7%,rgba(201,150,85,.07),transparent 26rem),
  radial-gradient(circle at 72% 92%,rgba(79,117,108,.05),transparent 30rem)!important;
}

/* Sidebar */
.robimix-glass .sidebar{
 background:
   linear-gradient(180deg,rgba(17,25,28,.985),rgba(13,20,23,.99))!important;
 border-right:1px solid rgba(255,255,255,.07)!important;
 box-shadow:14px 0 32px rgba(13,18,20,.11)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 padding-top:14px;
}
.sidebar.open{width:258px}
.menu-open .main{margin-left:258px}
.side-top{height:64px;margin-bottom:12px}
.robimix-glass .toggle{
 background:rgba(255,255,255,.055)!important;
 color:#e5c08a!important;
 border:1px solid rgba(255,255,255,.07);
 width:48px;height:48px;
}
.side-brand strong{
 color:#fff!important;
 letter-spacing:-.01em!important;
 font-family:Georgia,"Times New Roman",serif;
 font-size:20px;
}
.side-brand strong em{
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 color:#d9b47d!important;
 background:rgba(201,150,85,.11)!important;
 border-color:rgba(201,150,85,.22)!important;
}
.side-brand span{
 color:rgba(255,255,255,.47)!important;
 letter-spacing:.12em!important;
 font-size:8px!important;
 margin-top:4px;
}
.sidebar .side-section{margin-bottom:8px}
.sidebar .side-section-toggle{
 min-height:28px!important;
 color:rgba(255,255,255,.34)!important;
 font-size:10px!important;
 text-transform:uppercase;
 letter-spacing:.12em;
 padding:0 14px!important;
}
.sidebar .side-section-toggle:hover{background:transparent!important}
.sidebar .sidebar-nav a,
.sidebar .side-bottom a,
.sidebar .connected-user{
 min-height:42px!important;
 height:auto!important;
 margin:3px 5px;
 padding:10px 13px!important;
 border-radius:10px!important;
 color:rgba(255,255,255,.72)!important;
 border:1px solid transparent!important;
}
.sidebar .sidebar-nav a b,
.sidebar .side-bottom b,
.sidebar .connected-user b{
 font-size:13px!important;
 font-weight:540!important;
}
.robimix-glass .sidebar nav a:hover,
.robimix-glass .side-bottom a:hover{
 background:rgba(255,255,255,.055)!important;
 color:#fff!important;
 border-color:rgba(255,255,255,.055)!important;
 box-shadow:none!important;
}
.robimix-glass .sidebar nav a.active{
 color:#fff!important;
 background:linear-gradient(135deg,rgba(201,150,85,.21),rgba(255,255,255,.06))!important;
 border-color:rgba(201,150,85,.20)!important;
 box-shadow:inset 3px 0 0 #d6aa70!important;
}
.side-scroll-hint{opacity:.35}
.connected-user{
 border-top:1px solid rgba(255,255,255,.07)!important;
 margin-top:8px!important;
 color:rgba(255,255,255,.55)!important;
}
.logout-link{color:#efc3be!important}

/* Page */
.main{padding:28px 30px 38px}
.robimix-glass .topbar{
 margin-bottom:20px;
 padding:0!important;
}
.topbar h1,
.event-title h1,
.main>h1{
 color:#1b2023;
 font-family:Georgia,"Times New Roman",serif;
 font-weight:600!important;
 letter-spacing:-.028em!important;
}
.topbar h1{font-size:32px}
.main h2{
 color:#20272b;
 letter-spacing:-.015em;
}
.page-kicker{
 color:#9a7144!important;
 font-size:10px!important;
 font-weight:800!important;
 letter-spacing:.15em!important;
 text-transform:uppercase;
}
.muted{color:var(--g-muted)!important}

/* Cards */
.robimix-glass .card,
.robimix-glass .glass-card{
 background:rgba(255,253,249,.93)!important;
 border:1px solid var(--g-border)!important;
 border-radius:15px!important;
 box-shadow:var(--g-shadow)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
.card{padding:18px}
.stats{gap:12px}
.stat{
 position:relative;
 min-height:112px;
 overflow:hidden;
}
.stat:before{
 content:"";
 position:absolute;
 left:16px;top:17px;
 width:36px;height:36px;
 border-radius:50%;
 background:#f0e1ca;
 opacity:.72;
}
.stat span{
 display:block;
 padding-left:50px;
 color:#687176!important;
 font-size:12px;
}
.stat strong{
 margin-top:15px!important;
 color:#1d272d!important;
 font-family:Georgia,"Times New Roman",serif;
 font-size:30px!important;
}

/* Buttons */
.robimix-glass .btn{
 border-radius:9px!important;
 font-size:12px;
 font-weight:700;
 box-shadow:none!important;
 transform:none!important;
}
.robimix-glass .btn-primary{
 background:#18252b!important;
 color:#fff!important;
 border:1px solid #18252b!important;
}
.robimix-glass .btn-primary:hover{background:#25343b!important}
.robimix-glass .btn-ghost{
 background:#fffaf3!important;
 color:#253039!important;
 border:1px solid #ddd5ca!important;
 backdrop-filter:none!important;
}
.robimix-glass .btn-danger{
 background:#fff1ef!important;
 color:#a9443e!important;
 border:1px solid #f1cbc7!important;
}

/* Inputs */
.robimix-glass input,
.robimix-glass select,
.robimix-glass textarea{
 background:#fffdf9!important;
 border:1px solid #ded7cd!important;
 border-radius:9px!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 color:#20282c;
}
.robimix-glass input:focus,
.robimix-glass select:focus,
.robimix-glass textarea:focus{
 border-color:#ba9160!important;
 box-shadow:0 0 0 3px rgba(201,150,85,.12)!important;
}

/* Tables */
table{font-size:13px}
th{
 color:#8b8984!important;
 font-size:10px!important;
 letter-spacing:.08em!important;
 border-bottom:1px solid #e9e3db!important;
}
td{border-bottom:1px solid #eee8df!important}
.robimix-glass table tbody tr:hover{background:#faf6ef!important}

/* Badges / notices */
.badge{
 background:#f5eee4!important;
 color:#6f5435!important;
 border:1px solid #eadbc7;
}
.notice{
 background:#edf6ef!important;
 color:#37644a!important;
 border:1px solid #d6e8da!important;
 backdrop-filter:none!important;
}
.warning{
 background:#fff7e8!important;
 color:#7a5a29!important;
 border:1px solid #ecddb9!important;
 backdrop-filter:none!important;
}

/* Tabs */
.robimix-glass .tabs a,
.robimix-glass .role-tab,
.settings-tabs,
.settings-tab{
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
.robimix-glass .tabs a,
.robimix-glass .role-tab{
 background:#f7f2eb!important;
 border:1px solid #e6ddd1!important;
 color:#4e5b62!important;
}
.robimix-glass .tabs a.active,
.robimix-glass .role-tab.active{
 background:#1c282e!important;
 color:#fff!important;
}
.settings-tabs{
 background:#eee8df!important;
 border:1px solid #e2d9cd!important;
 box-shadow:none!important;
}
.settings-tab.active{
 background:#fffdf9!important;
 box-shadow:0 2px 7px rgba(35,37,34,.07)!important;
}

/* Floating messaging button */
.mixelya-message-fab{
 background:#172126!important;
 border:1px solid rgba(201,150,85,.25)!important;
 box-shadow:0 10px 24px rgba(15,22,25,.18)!important;
 border-radius:12px!important;
}
.mixelya-message-fab b{
 background:#d4a76d!important;
 color:#1c2428!important;
}

/* Dashboard G */
.g-dashboard-hero{
 display:grid;
 grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);
 gap:18px;
 align-items:end;
 margin:0 0 18px;
 padding:20px 22px;
 border-radius:16px;
 background:
   radial-gradient(circle at 91% 10%,rgba(201,150,85,.14),transparent 18rem),
   linear-gradient(135deg,#fffdf9,#f5efe5);
 border:1px solid var(--g-border);
}
.g-dashboard-hero h1{
 margin:0 0 6px;
 font-size:38px;
 font-family:Georgia,"Times New Roman",serif;
 font-weight:600;
 letter-spacing:-.04em;
}
.g-dashboard-hero p{margin:0;color:#6f797e}
.g-dashboard-quote{
 text-align:right;
 color:#65584b;
 font-family:Georgia,"Times New Roman",serif;
 font-style:italic;
 line-height:1.5;
}
.g-dashboard-actions{margin-top:15px;display:flex;gap:8px;flex-wrap:wrap}

.g-stat-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 margin-bottom:15px;
}
.g-stat{
 background:#fffdf9;
 border:1px solid var(--g-border);
 border-radius:14px;
 padding:16px;
 display:grid;
 grid-template-columns:46px 1fr auto;
 align-items:center;
 gap:11px;
 min-width:0;
 box-shadow:0 6px 18px rgba(43,43,39,.035);
}
.g-stat-icon{
 width:44px;height:44px;border-radius:50%;
 display:grid;place-items:center;
 font-family:Georgia,"Times New Roman",serif;
 font-size:18px;
 color:#273238;
 background:#f2e5d4;
}
.g-stat:nth-child(1) .g-stat-icon{background:#e8f2e9;color:#3f7454}
.g-stat:nth-child(2) .g-stat-icon{background:#fae9e6;color:#8f5550}
.g-stat:nth-child(3) .g-stat-icon{background:#f7eddc;color:#946a32}
.g-stat:nth-child(4) .g-stat-icon{background:#e7f0f3;color:#456d7f}
.g-stat strong{display:block;font-size:26px;font-family:Georgia,"Times New Roman",serif;line-height:1}
.g-stat span{display:block;margin-top:5px;font-size:11px;color:#737c80}
.g-stat-arrow{color:#9c7a4d;font-size:20px}

.g-dashboard-grid{
 display:grid;
 grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.85fr);
 gap:14px;
 align-items:start;
}
.g-panel{
 background:#fffdf9;
 border:1px solid var(--g-border);
 border-radius:14px;
 box-shadow:0 6px 18px rgba(43,43,39,.035);
 overflow:hidden;
}
.g-panel-head{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:15px 16px 12px;
 border-bottom:1px solid #eee7dd;
}
.g-panel-head h2{
 margin:0;
 font-size:17px;
 font-family:Georgia,"Times New Roman",serif;
 font-weight:600;
}
.g-panel-head a{font-size:11px;color:#4f7184;font-weight:700}
.g-list{padding:0 16px}
.g-event-row,.g-message-row,.g-request-row{
 display:grid;
 align-items:center;
 gap:10px;
 padding:11px 0;
 border-bottom:1px solid #eee8df;
 min-width:0;
}
.g-event-row:last-child,.g-message-row:last-child,.g-request-row:last-child{border-bottom:0}
.g-event-row{grid-template-columns:52px 1fr auto}
.g-event-date{
 width:46px;height:50px;border-radius:9px;
 display:grid;place-items:center;
 background:#f7f2ea;
 font-family:Georgia,"Times New Roman",serif;
 line-height:1.05;
 text-align:center;
 font-weight:700;
}
.g-event-date small{font-family:inherit;font-size:9px;color:#87827a}
.g-row-main{min-width:0}
.g-row-main strong{
 display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 font-size:12px;color:#263036;
}
.g-row-main small{display:block;margin-top:3px;color:#8a8b87;font-size:10px}
.g-status{
 display:inline-flex;padding:5px 8px;border-radius:999px;
 font-size:9px;font-weight:700;white-space:nowrap;
 background:#edf5ee;color:#3e724f;
}
.g-message-row{grid-template-columns:36px 1fr auto}
.g-avatar{
 width:34px;height:34px;border-radius:50%;
 display:grid;place-items:center;
 background:#e9eff1;color:#486774;
 font-size:11px;font-weight:800;
}
.g-time{font-size:9px;color:#9b9a95}
.g-request-row{grid-template-columns:34px 1fr auto}
.g-request-icon{
 width:32px;height:32px;border-radius:8px;
 display:grid;place-items:center;
 background:#f7f3ec;color:#8b6840;
 border:1px solid #eee5d9;font-size:12px;
}
.g-empty{padding:18px;color:#99938b;font-size:12px}

.g-calendar-panel{grid-column:1 / 2}
.g-calendar{padding:13px 16px 16px}
.g-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.g-calendar-head strong{font-family:Georgia,"Times New Roman",serif}
.g-calendar-grid{
 display:grid;grid-template-columns:repeat(7,1fr);gap:4px;
 font-size:10px;text-align:center;
}
.g-calendar-grid b{font-weight:600;color:#8b8a86;padding:5px 0}
.g-day{
 min-height:31px;border-radius:7px;display:grid;place-items:center;position:relative;
 color:#465159;
}
.g-day.has-event:after{
 content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:#c49357;
}
.g-day.today{background:#233038;color:#fff}
.g-day.out{color:#c4c1bb}

.g-feature{
 grid-column:2 / 4;
 min-height:238px;
 padding:20px;
 background:
  radial-gradient(circle at 85% 20%,rgba(201,150,85,.22),transparent 16rem),
  linear-gradient(135deg,#1a262c 0%,#26353c 54%,#f1e5d3 150%);
 color:#fff;
 border-radius:14px;
 overflow:hidden;
 position:relative;
}
.g-feature:after{
 content:"";position:absolute;right:-80px;bottom:-130px;width:300px;height:300px;border-radius:50%;
 background:rgba(216,174,115,.12);
}
.g-feature-kicker{font-size:9px;letter-spacing:.12em;color:#e0bd8a;text-transform:uppercase}
.g-feature h2{
 color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;
 font-size:27px;margin:8px 0 13px;
}
.g-feature p{max-width:620px;color:rgba(255,255,255,.71);font-size:12px;line-height:1.55}
.g-feature .g-feature-meta{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 18px;font-size:11px;color:#ebdfd1}
.g-feature .btn-ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.g-feature>*{position:relative;z-index:2}

/* Messages G */
.mix-chat-shell{gap:14px!important}
.mix-chat-conv-card{
 background:#fffdf9!important;
 border-color:#e9e1d6!important;
 border-radius:12px!important;
}
.mix-chat-conv-card.active{
 background:#f5ebdd!important;
 border-color:#dfc69f!important;
}
.mix-chat-participant-list,
.mix-chat-add-participant-form{
 background:#faf5ed!important;
 border-color:#e6ded2!important;
}

/* Responsive */
@media(max-width:1100px){
 .g-stat-grid{grid-template-columns:repeat(2,1fr)}
 .g-dashboard-grid{grid-template-columns:1fr 1fr}
 .g-dashboard-grid>.g-panel:nth-child(3){grid-column:1/-1}
 .g-calendar-panel{grid-column:1}
 .g-feature{grid-column:2}
}
@media(max-width:900px){
 .g-dashboard-hero{grid-template-columns:1fr}
 .g-dashboard-quote{text-align:left}
 .g-dashboard-grid{grid-template-columns:1fr}
 .g-dashboard-grid>.g-panel:nth-child(3),
 .g-calendar-panel,.g-feature{grid-column:auto}
}
@media(max-width:700px){
 .main{padding:14px 12px 26px}
 .topbar h1{font-size:27px}
 .g-dashboard-hero{padding:17px}
 .g-dashboard-hero h1{font-size:30px}
 .g-stat-grid{grid-template-columns:1fr 1fr;gap:8px}
 .g-stat{grid-template-columns:34px 1fr;padding:11px}
 .g-stat-icon{width:32px;height:32px;font-size:14px}
 .g-stat-arrow{display:none}
 .g-stat strong{font-size:21px}
 .g-event-row{grid-template-columns:46px 1fr}
 .g-event-row .g-status{grid-column:2;justify-self:start}
 .g-feature{min-height:auto;padding:18px}
 .g-feature h2{font-size:23px}
 .sidebar.open{width:238px}
 .menu-open .main{margin-left:68px}
}