/* =========================================================
   DoMySocial — Theme: HAUTE-SAVOIE
   Rouge savoyard + blanc neige + bleu glacier + pierre alpine
   ========================================================= */
:root{
  /* =====================================================
     HAUTE-SAVOIE — identité alpine
     ===================================================== */
  --dms-ui-scale:80%;

  /* Fond montagne / nuit alpine */
  --dms-bg:#0b1115;
  --dms-bg-deep:#05080a;
  --dms-page:#11191f;

  /* Texte */
  --dms-text:#f4f7f8;
  --dms-muted:rgba(207,217,222,.72);
  --dms-title:#ffffff;

  /* Surfaces */
  --dms-card:rgba(23,32,38,.92);
  --dms-card-strong:rgba(34,45,52,.96);
  --dms-panel:rgba(14,20,24,.97);
  --dms-input-bg:rgba(8,12,15,.94);

  /* Bordures pierre / neige */
  --dms-border:rgba(220,229,233,.24);
  --dms-border-soft:rgba(220,229,233,.14);

  /* Haute-Savoie :
     rouge savoyard / blanc neige / bleu glacier
  */
  --dms-accent:#d3262f;
  --dms-accent2:#f7f7f4;
  --dms-accent3:#69b7d8;

  --dms-accent-rgb:211,38,47;
  --dms-accent2-rgb:247,247,244;
  --dms-accent3-rgb:105,183,216;

  /* Nature / matières */
  --dms-stone:#aeb9be;
  --dms-stone-dark:#536169;
  --dms-wood:#8a5f3a;
  --dms-wood-dark:#4f3524;
  --dms-glacier:#69b7d8;

  /* États */
  --dms-ok:#64c487;
  --dms-danger:#e05252;
  --dms-warning:#e6b95d;

  /* Ombres / halos */
  --dms-shadow:rgba(0,0,0,.68);
  --dms-glow:rgba(211,38,47,.19);
  --dms-glow2:rgba(247,247,244,.10);
  --dms-glow3:rgba(105,183,216,.16);

  --dms-radius:1.125rem;
  --dms-radius-pill:62.4375rem;

  /* Alias */
  --dms-primary:var(--dms-accent);
  --dms-primary-rgb:var(--dms-accent-rgb);
  --dms-primary-soft:var(--dms-glow);
  --dms-success:var(--dms-ok);
}

/* =========================================================
   SURCHARGE ADMINISTRATION — TAILLE DE L'INTERFACE
   ========================================================= */
html.dms-ui-scale-70  { --dms-ui-scale:70%; }
html.dms-ui-scale-75  { --dms-ui-scale:75%; }
html.dms-ui-scale-80  { --dms-ui-scale:80%; }
html.dms-ui-scale-85  { --dms-ui-scale:85%; }
html.dms-ui-scale-90  { --dms-ui-scale:90%; }
html.dms-ui-scale-95  { --dms-ui-scale:95%; }
html.dms-ui-scale-100 { --dms-ui-scale:100%; }
html.dms-ui-scale-110 { --dms-ui-scale:110%; }
html.dms-ui-scale-125 { --dms-ui-scale:125%; }
html.dms-ui-scale-150 { --dms-ui-scale:150%; }

html{font-size:var(--dms-ui-scale);}

*{ box-sizing:border-box; }
html,body{
  margin:0;
  padding:0;
  min-height:100%;
  background:var(--dms-bg) !important;
}
body{
  min-height:100vh;
  background:
    radial-gradient(68.75rem 43.75rem at 10% 4%, rgba(var(--dms-accent-rgb),.17), transparent 58%),
    radial-gradient(59.375rem 40rem at 88% 8%, rgba(var(--dms-accent2-rgb),.16), transparent 60%),
    radial-gradient(45rem 32.5rem at 55% 3%, rgba(199,208,214,.10), transparent 62%),
    radial-gradient(43.75rem 32.5rem at 70% 72%, rgba(var(--dms-accent3-rgb),.08), transparent 68%),
    linear-gradient(145deg,#05080b 0%,#0a1015 44%,#070a0d 100%) !important;
  color: var(--dms-text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.45;
}
a{ color: inherit; text-decoration:none; }
a:hover{ text-decoration:none; }
img{ max-width:100%; display:block; }
/* ===== Core cards / glass ===== */
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.055));
  border: .0625rem solid var(--dms-border);
  border-radius: var(--dms-radius);
  box-shadow:
    0 1.125rem 3.4375rem rgba(0,0,0,.35),
    0 0 0 .0625rem rgba(255,255,255,.065) inset;
  backdrop-filter: blur(.625rem);
}
.muted{ color: var(--dms-muted); }
/* ===== Layout ===== */
.dms-layout{
  display:grid;
  grid-template-columns: 20rem minmax(0,1fr) 21.25rem;
  gap:1.125rem;
  padding:1rem;
  align-items:start;
  min-height:calc(100vh - 4.75rem);
  background:transparent;
}
/* responsive */
@media (max-width: 1400px){
  .dms-layout{ grid-template-columns: 20rem minmax(0,1fr); }
  .dms-rail{ position:static; max-height:none; }
}
@media (max-width: 980px){
  .dms-layout{ grid-template-columns: 1fr; }
  .ds-left{ position:static; }
}
/* ===== Header pill (maquette style) ===== */
.dms-header{ padding:.875rem 1rem 0; }
.dms-header__pill{
  border-radius: var(--dms-radius-pill);
  padding:.625rem .875rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.875rem;
  position:relative;
  overflow:hidden;
}
.dms-header__pill::before{
  content:"";
  position:absolute; inset:-.125rem;
  background:
    radial-gradient(56.25rem 8.75rem at 15% 0%, rgba(var(--dms-accent-rgb),.30), transparent 55%),
    radial-gradient(43.75rem 7.5rem at 80% 30%, rgba(var(--dms-accent2-rgb),.22), transparent 60%);
  opacity:.9;
  pointer-events:none;
}
.dms-header__pill > *{ position:relative; z-index:1; }
.dms-user{ display:flex; align-items:center; gap:.75rem; min-width: 16.25rem; }
.dms-user__avatar{
  width:2.875rem; height:2.875rem;
  border-radius:62.4375rem;
  overflow:hidden;
  border:.0625rem solid var(--dms-border-soft);
  box-shadow: 0 0 0 .125rem rgba(0,0,0,.35) inset;
  background: var(--dms-input-bg);
}
.dms-user__avatar img{ width:100%; height:100%; object-fit:cover; }
.dms-user__name{ font-weight:800; display:flex; align-items:center; gap:.625rem; }
.dms-badge{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.1875rem .625rem;
  border-radius:62.4375rem;
  border:.0625rem solid var(--dms-border-soft);
  font-size:.75rem;
  background: rgba(0,0,0,.18);
}
.dms-badge--admin{
  border-color: rgba(var(--dms-accent-rgb),.62);
  box-shadow: 0 0 0 .0625rem rgba(var(--dms-accent-rgb),.17) inset;
  color: #eef6f2;
}
.dms-badge--count{ padding:.125rem .5rem; margin-left:.375rem; }
.dms-iconbtn{
  display:inline-flex; align-items:center; justify-content:center;
  height:2.375rem; padding:0 .75rem;
  border-radius:62.4375rem;
  border:.0625rem solid var(--dms-border-soft);
  background: rgba(0,0,0,.18);
  color: var(--dms-text);
}
.dms-iconbtn:hover{
  border-color: rgba(var(--dms-accent-rgb),.62);
  box-shadow: 0 0 0 .125rem rgba(var(--dms-accent-rgb),.12) inset;
}
.dms-brand{ display:flex; align-items:center; gap:.625rem; font-weight:900; letter-spacing:.0125rem; }
.dms-brand__logo{
  width:2.125rem; height:2.125rem; border-radius:.75rem;
  display:inline-flex; align-items:center; justify-content:center;
  border:.0625rem solid var(--dms-border-soft);
  background: rgba(0,0,0,.20);
}
/* ===== Sidebar ===== */
.ds-left{ position: sticky; top: 1rem; z-index: 10; }
.ds-left-card{ padding:1rem; }
.ds-logo{ display:flex; flex-direction:column; align-items:center; gap:.625rem; margin-bottom:.625rem; }
.ds-logo img{
  width:5.375rem; height:5.375rem; object-fit:cover;
  border-radius:62.4375rem;
  border:.0625rem solid var(--dms-border-soft);
  box-shadow: 0 .625rem 1.75rem rgba(0,0,0,.25);
}
.ds-site{ font-weight:800; opacity:.95; }
.ds-kpis{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:.625rem; margin-top:.5rem; }
.ds-kpi{
  padding:.625rem .625rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.875rem;
  background: rgba(0,0,0,.16);
  color: var(--dms-text);
  text-decoration:none;
  text-align:center;
  font-size:.8125rem;
}
.ds-kpi:hover{ border-color: rgba(var(--dms-accent-rgb),.62); }
.ds-sep{
  height:.0625rem; margin:.875rem 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  opacity:.6;
}
/* ===== Center ===== */
.ds-center{ position:relative; z-index:20; }
/* ===== Rail ===== */
.dms-rail{
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow:auto;
  display:grid;
  gap:1rem;
  z-index:10;
}
/* ===== Inputs / buttons ===== */
.dms-input, .dms-textarea, input[type="text"], input[type="file"], textarea, select{
  width:100%;
  background: rgba(0,0,0,.22);
  color: var(--dms-text);
  border: .0625rem solid var(--dms-border-soft);
  border-radius: .875rem;
  padding: .625rem .75rem;
  outline: none;
}
.dms-input:focus, .dms-textarea:focus, input:focus, textarea:focus, select:focus{
  border-color: rgba(var(--dms-accent-rgb),.72);
  box-shadow: 0 0 0 .1875rem rgba(var(--dms-accent-rgb),.16);
}
.dms-btn, .btn, button, input[type="submit"]{
  border: .0625rem solid var(--dms-border-soft);
  background: rgba(0,0,0,.18);
  color: var(--dms-text);
  border-radius: .875rem;
  padding: .625rem .875rem;
  cursor:pointer;
}
.dms-btn--primary{
  border-color: rgba(var(--dms-accent-rgb),.68);
  background: linear-gradient(135deg, rgba(var(--dms-accent-rgb),.38), rgba(var(--dms-accent2-rgb),.25));
  box-shadow: 0 0 0 .125rem rgba(var(--dms-accent-rgb),.12) inset;
}
.dms-btn:hover, .btn:hover, button:hover, input[type="submit"]:hover{
  border-color: rgba(var(--dms-accent-rgb),.72);
}
/* ===== Post blocks ===== */
.post-form, .post, .rail-section, .plugin-card{
  padding: 1rem;
}
.post-image{
  border-radius: 1rem;
  margin-top: .625rem;
  border:.0625rem solid rgba(255,255,255,.20);
}
/* ===== Small chips / badges ===== */
.dms-chip{
  display:inline-flex; align-items:center;
  padding:.1875rem .625rem;
  border-radius:62.4375rem;
  border:.0625rem solid var(--dms-border-soft);
  background: rgba(0,0,0,.18);
  font-size:.75rem;
}
.ds-left-card, .rail-section, .post-form, .post{ transform: translateZ(0); }
.dms-header{ padding:.875rem 1rem 0; }
.dms-header__pill{
  border-radius:62.4375rem;
  padding:.625rem .875rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.875rem;
  position:relative;
  overflow:hidden;
  backdrop-filter: blur(.625rem);
}
.dms-header__pill::before{
  content:"";
  position:absolute; inset:-.125rem;
  background:
    radial-gradient(56.25rem 8.75rem at 15% 0%, rgba(var(--dms-accent-rgb),.38), transparent 55%),
    radial-gradient(43.75rem 7.5rem at 80% 30%, rgba(var(--dms-accent2-rgb),.25), transparent 60%);
  opacity:.95;
  pointer-events:none;
}
.dms-header__pill {
    overflow: visible !important; /* Indispensable pour laisser sortir la popup */
}

/* ✅ Style de la popup parfaitement alignée */
/* S'assurer que le header laisse passer le panel */
.dms-header__pill {
    overflow: visible !important;
}

/* Le panel doit être en fixed pour ne pas décaler le layout */
#dmsNotifPanel {
    position: fixed; /* Reste à l'écran même si on scroll */
    width: 20rem;
    background: rgba(15, 15, 25, 0.9);
    backdrop-filter: blur(1.25rem) saturate(180%); /* Effet Glassmorphism plus fort */
    border: .0625rem solid rgba(var(--dms-accent-rgb),.34); /* Bordure violette néon */
    border-radius: var(--dms-radius);
    z-index: 10000;
    box-shadow: 0 1.25rem 3.125rem rgba(0,0,0,0.7), 0 0 .9375rem rgba(var(--dms-accent-rgb),.12);
    display: none;
    max-height: 28.125rem;
    overflow-y: auto;
}
/* Scrollbar personnalisée pour le panel */
/* Container principal */
#dmsNotifPanel {
    width: 21.875rem;
    padding: 0;
    overflow: hidden;
}

.dms-notif-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem .9375rem;
    background: rgba(255,255,255,0.10);
    font-weight: bold;
    border-bottom: .0625rem solid var(--dms-border);
}

.btn-link { background: none; border: none; color: var(--dms-accent); cursor: pointer; font-size: .6875rem; text-transform: uppercase; }

/* Item de notification */
.dms-notif-item {
    display: flex;
    padding: .75rem .9375rem;
    border-bottom: .0625rem solid rgba(255,255,255,0.10);
    transition: background 0.2s;
    position: relative;
}

.dms-notif-item.unread { background: rgba(var(--dms-accent-rgb), 0.1); }
.dms-notif-item:hover { background: rgba(255,255,255,0.06); }

.notif-content { flex: 1; padding-right: 2.5rem; } /* Laisse de la place pour les boutons */

.notif-title { font-weight: 800; color: #fff; font-size: .875rem; margin-bottom: .1875rem; }
.notif-body { font-size: .75rem; color: rgba(255,255,255,0.84); line-height: 1.3; }
.notif-date { font-size: .625rem; color: rgba(255,255,255,0.60); margin-top: .3125rem; }

/* Boutons à droite */
.notif-actions {
    position: absolute;
    right: .625rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.btn-action {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .75rem;
    transition: 0.2s;
}

.btn-action.read { background: rgba(76, 175, 80, 0.2); color: #4caf50; }
.btn-action.read:hover { background: #4caf50; color: #fff; }

.btn-action.delete { background: rgba(244, 67, 54, 0.2); color: #f44336; }
.btn-action.delete:hover { background: #f44336; color: #fff; }











.dms-header__left,.dms-header__center,.dms-header__right{ display:flex; align-items:center; gap:.625rem; }
.dms-user{ display:flex; align-items:center; gap:.75rem; min-width:16.25rem; }
.dms-user__avatar{
  width:2.875rem; height:2.875rem; border-radius:62.4375rem; overflow:hidden;
  border:.0625rem solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.18);
  box-shadow: 0 .625rem 1.75rem rgba(0,0,0,.25);
}
.dms-user__avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.dms-user__name{ font-weight:800; display:flex; align-items:center; gap:.625rem; }
.dms-user__sub{ font-size:.75rem; margin-top:.125rem; opacity:.7; }
.dms-badge{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.1875rem .625rem;
  border-radius:62.4375rem;
  border:.0625rem solid rgba(255,255,255,.22);
  font-size:.75rem;
  background: rgba(0,0,0,.18);
}
.dms-badge--admin{
  border-color: rgba(var(--dms-accent-rgb),.68);
  background: color-mix(in oklab, rgba(var(--dms-accent-rgb),.38) 60%, transparent);
}
.dms-badge--count{ padding:.125rem .5rem; margin-left:.375rem; }
.dms-iconbtn{
  display:inline-flex; align-items:center; justify-content:center;
  height:2.375rem; padding:0 .75rem;
  border-radius:62.4375rem;
  border:.0625rem solid rgba(255,255,255,.20);
  background: rgba(0,0,0,.18);
  color: var(--dms-text);
}
.dms-iconbtn:hover{ border-color: rgba(var(--dms-accent-rgb),.72); }
.dms-brand{ display:flex; align-items:center; gap:.625rem; font-weight:900; }
.dms-brand__logo{
  width:2.125rem; height:2.125rem; border-radius:.75rem;
  display:inline-flex; align-items:center; justify-content:center;
  border:.0625rem solid rgba(255,255,255,.20);
  background: rgba(0,0,0,.20);
}
.banner{ display:none !important; }

/* =========================================================
   CHROME FUSION — finitions modernes
   ========================================================= */
body{color:var(--dms-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.01em}
::selection{background:rgba(var(--dms-accent-rgb),.28);color:#fff}
a:hover{color:var(--dms-accent)}
.card,.ds-left-card,.rail-section,.post-form,.post,.plugin-card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 38%,rgba(0,0,0,.12)),linear-gradient(180deg,var(--dms-card-strong),var(--dms-card));border:.0625rem solid var(--dms-border);box-shadow:0 1.375rem 3.75rem var(--dms-shadow),0 .0625rem 0 rgba(255,255,255,.08) inset,0 -.0625rem 0 rgba(0,0,0,.45) inset;backdrop-filter:blur(.875rem) saturate(125%)}
.card::before,.ds-left-card::before,.rail-section::before,.post-form::before,.post::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 0 22%,rgba(255,255,255,.07) 34%,transparent 45% 100%);opacity:.65;mix-blend-mode:screen}
.card:hover,.post:hover,.plugin-card:hover{border-color:rgba(var(--dms-accent-rgb),.48);box-shadow:0 1.5rem 4.375rem rgba(0,0,0,.66),0 0 0 .0625rem rgba(var(--dms-accent-rgb),.10) inset,0 0 1.625rem rgba(var(--dms-accent2-rgb),.08)}
.dms-header__pill{background:linear-gradient(100deg,rgba(16,24,28,.96),rgba(29,38,43,.90) 48%,rgba(13,18,22,.96));border:.0625rem solid rgba(199,208,214,.32);box-shadow:0 1.25rem 3.4375rem rgba(0,0,0,.55),0 .0625rem 0 rgba(255,255,255,.09) inset,0 -.0625rem 0 rgba(0,0,0,.55) inset}
.dms-header__pill::before{background:radial-gradient(48.75rem 9.375rem at 8% 20%,rgba(var(--dms-accent-rgb),.26),transparent 60%),radial-gradient(43.75rem 9.375rem at 52% 0%,rgba(199,208,214,.14),transparent 62%),radial-gradient(47.5rem 9.375rem at 88% 20%,rgba(var(--dms-accent2-rgb),.24),transparent 60%),linear-gradient(90deg,transparent,rgba(var(--dms-accent3-rgb),.08),transparent);opacity:1}
.dms-brand,.ds-site,.dms-user__name,.notif-title{color:var(--dms-title);text-shadow:0 .0625rem 0 rgba(255,255,255,.08)}
.dms-user__avatar,.ds-logo img,.dms-brand__logo{border-color:rgba(199,208,214,.34);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.30)),var(--dms-panel);box-shadow:0 .75rem 1.875rem rgba(0,0,0,.48),0 0 0 .0625rem rgba(var(--dms-accent-rgb),.08) inset}
.dms-badge,.dms-chip{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),var(--dms-panel);border-color:rgba(199,208,214,.26)}
.dms-badge--admin{color:#eafff3;border-color:rgba(var(--dms-accent-rgb),.62);background:linear-gradient(135deg,rgba(var(--dms-accent-rgb),.18),rgba(var(--dms-accent2-rgb),.10));box-shadow:0 0 1.125rem rgba(var(--dms-accent-rgb),.10)}
.ds-kpi{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),var(--dms-panel);border-color:rgba(199,208,214,.22);box-shadow:0 .5rem 1.25rem rgba(0,0,0,.28)}
.ds-kpi:hover{color:var(--dms-accent);border-color:rgba(var(--dms-accent-rgb),.58);background:linear-gradient(135deg,rgba(var(--dms-accent-rgb),.11),rgba(var(--dms-accent2-rgb),.08)),var(--dms-panel)}
.dms-input,.dms-textarea,input[type="text"],input[type="email"],input[type="password"],input[type="file"],textarea,select{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.10)),var(--dms-input-bg);color:var(--dms-text);border-color:rgba(199,208,214,.22);box-shadow:0 .0625rem 0 rgba(255,255,255,.035) inset,0 .5rem 1.25rem rgba(0,0,0,.20) inset}
.dms-input:focus,.dms-textarea:focus,input:focus,textarea:focus,select:focus{border-color:rgba(var(--dms-accent-rgb),.72);box-shadow:0 0 0 .1875rem rgba(var(--dms-accent-rgb),.12),0 0 1.375rem rgba(var(--dms-accent2-rgb),.08)}
.dms-btn,.btn,button,input[type="submit"]{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025)),linear-gradient(145deg,#182127,#0b1014);color:var(--dms-text);border-color:rgba(199,208,214,.28);box-shadow:0 .625rem 1.5rem rgba(0,0,0,.34),0 .0625rem 0 rgba(255,255,255,.08) inset;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.dms-btn::before,.btn::before,button::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.15) 38%,transparent 58%);transform:translateX(-120%);transition:transform .45s ease;pointer-events:none}
.dms-btn:hover::before,.btn:hover::before,button:hover::before{transform:translateX(120%)}
.dms-btn:hover,.btn:hover,button:hover,input[type="submit"]:hover{transform:translateY(-.0625rem);border-color:rgba(var(--dms-accent-rgb),.72);box-shadow:0 .875rem 1.875rem rgba(0,0,0,.42),0 0 1.25rem rgba(var(--dms-accent-rgb),.10)}
.dms-btn--primary{color:#03100a;border-color:rgba(255,255,255,.20);background:linear-gradient(110deg,#b8c4ca 0%,#f1f5f7 16%,#5ef2a4 38%,#3aa7ff 68%,#ff4058 100%);box-shadow:0 .75rem 1.875rem rgba(0,0,0,.42),0 0 1.625rem rgba(var(--dms-accent-rgb),.16);font-weight:900}
.dms-iconbtn{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02)),var(--dms-panel);border-color:rgba(199,208,214,.28)}
.dms-iconbtn:hover{color:var(--dms-accent);border-color:rgba(var(--dms-accent-rgb),.70);box-shadow:0 0 0 .125rem rgba(var(--dms-accent-rgb),.10) inset,0 0 1.125rem rgba(var(--dms-accent2-rgb),.08)}
.ds-sep{background:linear-gradient(90deg,transparent,rgba(var(--dms-accent-rgb),.50),rgba(199,208,214,.45),rgba(var(--dms-accent2-rgb),.50),transparent);opacity:.8}
.post-image{border-color:rgba(199,208,214,.30);box-shadow:0 1.125rem 2.875rem rgba(0,0,0,.44),0 0 0 .0625rem rgba(255,255,255,.04) inset}
#dmsNotifPanel{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(8,12,15,.96);border-color:rgba(199,208,214,.30);box-shadow:0 1.5rem 4.0625rem rgba(0,0,0,.70),-.75rem 0 1.75rem rgba(var(--dms-accent-rgb),.08),.75rem 0 1.75rem rgba(var(--dms-accent2-rgb),.08)}
.dms-notif-head{background:linear-gradient(90deg,rgba(var(--dms-accent-rgb),.10),rgba(199,208,214,.07),rgba(var(--dms-accent2-rgb),.10))}
.dms-notif-item.unread{background:linear-gradient(90deg,rgba(var(--dms-accent-rgb),.10),transparent 78%);border-left:.1875rem solid var(--dms-accent)}
.dms-notif-item:hover{background:rgba(255,255,255,.055)}
.btn-link{color:var(--dms-accent)}
*{scrollbar-width:thin;scrollbar-color:var(--dms-chrome-dark) var(--dms-bg-deep)}
*::-webkit-scrollbar{width:.625rem;height:.625rem}
*::-webkit-scrollbar-track{background:var(--dms-bg-deep)}
*::-webkit-scrollbar-thumb{border:.125rem solid var(--dms-bg-deep);border-radius:62.4375rem;background:linear-gradient(180deg,var(--dms-chrome),var(--dms-chrome-dark))}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--dms-accent),var(--dms-accent2))}
@media(max-width:620px){body{background:radial-gradient(43.75rem 26.25rem at 10% 0%,rgba(var(--dms-accent-rgb),.12),transparent 60%),radial-gradient(43.75rem 26.25rem at 90% 5%,rgba(var(--dms-accent2-rgb),.12),transparent 60%),var(--dms-bg)!important}.dms-header__pill,.card,.ds-left-card,.rail-section,.post-form,.post{box-shadow:0 .875rem 2.125rem rgba(0,0,0,.46)}}

/* =========================================================
   DoMySocial — THEME API / TYPOGRAPHY / DECORATION HOOKS
   Phase 1: all fixed visual rules live in the theme.
   ========================================================= */
:root{
  --dms-font-body: "Segoe UI", Arial, Tahoma, sans-serif;
  --dms-font-title: var(--dms-font-body);
  --dms-font-subtitle: var(--dms-font-body);
  --dms-font-menu: var(--dms-font-body);
  --dms-font-button: var(--dms-font-body);
  --dms-font-post: var(--dms-font-body);
  --dms-font-comment: var(--dms-font-body);
  --dms-font-brand: var(--dms-font-title);
  --dms-font-monospace: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;

  /* Theme authors may use these with ::before / ::after. */
  --dms-emoji-home: "🏔️";
  --dms-emoji-profile: "🧑";
  --dms-emoji-members: "👥";
  --dms-emoji-groups: "🏡";
  --dms-emoji-gallery: "📷";
  --dms-emoji-messages: "💬";
  --dms-emoji-notifications: "🔔";
  --dms-emoji-settings: "⚙️";
  --dms-emoji-admin: "🛠️";
  --dms-emoji-post: "📝";
  --dms-emoji-comment: "💭";
  --dms-emoji-news: "🏔️";
}
body.dms-app{font-family:var(--dms-font-body);}
body.dms-app h1,body.dms-app h2,body.dms-app h3,body.dms-app h4,body.dms-app h5,body.dms-app h6,body.dms-app .page-title,body.dms-app .section-title,body.dms-app .card-title{font-family:var(--dms-font-title);}
body.dms-app .dms-brand,body.dms-app .ds-site{font-family:var(--dms-font-brand);}
body.dms-app button,body.dms-app .btn,body.dms-app .dms-btn,body.dms-app input[type="submit"]{font-family:var(--dms-font-button);}
.dms-bbcode-color{color:var(--dms-bbcode-user-color,currentColor);}
.dms-banner-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.dms-profile-cover{height:11.875rem;margin:-1.5rem -1.5rem 1.5rem;overflow:hidden;border-bottom:.0625rem solid var(--dms-border);}
.dms-profile-cover-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.dms-presence-dot{width:.5rem;height:.5rem;border-radius:50%;}
.dms-presence-dot.is-online{background:var(--dms-ok);}
.dms-presence-dot.is-offline{background:var(--dms-muted);}
.dms-members-flash{padding:.6875rem;margin-top:.75rem;}
.dms-members-flash.is-error{border-color:var(--dms-danger);}
.dms-members-flash.is-success{border-color:var(--dms-ok);}
.dms-notification-item{padding:.625rem;background:transparent;margin-bottom:.625rem;}
.dms-notification-item.is-unread{border-color:var(--dms-accent);}
.dms-notification-item.is-read{border-color:var(--dms-border);}


/* =========================================================
   CSS MIGRATED FROM events/createevent.php <style> #1
   Scope: body.dms-page-events-createevent
   ========================================================= */
body.dms-page-events-createevent .event-editor{max-width:57.5rem;margin:0 auto;padding:1.125rem}
body.dms-page-events-createevent .event-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.9375rem;flex-wrap:wrap;margin-bottom:1.125rem}
body.dms-page-events-createevent .event-editor-head h1{margin:0;font-size:1.55rem}
body.dms-page-events-createevent .event-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}
body.dms-page-events-createevent .event-editor-grid .wide{grid-column:1/-1}
body.dms-page-events-createevent .event-editor label{display:block;margin-bottom:.375rem;font-size:.78rem;font-weight:850;color:var(--dms-muted)}
body.dms-page-events-createevent .event-editor input, body.dms-page-events-createevent .event-editor textarea, body.dms-page-events-createevent .event-editor select{width:100%;box-sizing:border-box}
body.dms-page-events-createevent .event-editor textarea{min-height:11.875rem;resize:vertical;line-height:1.5}
body.dms-page-events-createevent .event-visibility-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5625rem}
body.dms-page-events-createevent .event-visibility-choice{display:block;padding:.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg);cursor:pointer}
body.dms-page-events-createevent .event-visibility-choice input{width:auto;margin-right:.375rem}body.dms-page-events-createevent .event-visibility-choice strong{display:block;margin-bottom:.1875rem}body.dms-page-events-createevent .event-visibility-choice small{display:block;color:var(--dms-muted);line-height:1.4}
body.dms-page-events-createevent .event-private-invites{padding:.875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.8125rem;background:var(--dms-input-bg)}
body.dms-page-events-createevent .event-private-invites[hidden]{display:none}
body.dms-page-events-createevent .event-invite-search{margin-bottom:.5625rem}
body.dms-page-events-createevent .event-invite-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4375rem;max-height:20rem;overflow:auto;padding-right:.25rem}
body.dms-page-events-createevent .event-editor label.event-invite-member{display:flex;align-items:center;gap:.5625rem;margin:0!important;padding:.5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-card);cursor:pointer;color:var(--dms-text)}
body.dms-page-events-createevent .event-invite-member input{width:auto;flex:0 0 auto}body.dms-page-events-createevent .event-invite-member img{width:2.125rem;height:2.125rem;border-radius:.5625rem;object-fit:cover}body.dms-page-events-createevent .event-invite-member span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800}
body.dms-page-events-createevent .event-editor-actions{display:flex;justify-content:flex-end;gap:.5625rem;flex-wrap:wrap;margin-top:1.125rem}
body.dms-page-events-createevent .event-format-toolbar{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin:0 0 .4375rem}body.dms-page-events-createevent .event-format-button{min-width:2.125rem;min-height:2rem;padding:.3125rem .5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);color:var(--dms-text);font-weight:850;cursor:pointer}body.dms-page-events-createevent .event-format-color{width:2.625rem!important;height:2rem;padding:.125rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);cursor:pointer}body.dms-page-events-createevent .event-editor-note{padding:.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg);color:var(--dms-muted);font-size:.78rem;line-height:1.5}
body.dms-page-events-createevent .event-editor-error{margin-bottom:.9375rem;padding:.6875rem .8125rem;border:.0625rem solid var(--dms-danger);border-radius:.6875rem;background:var(--dms-input-bg);color:var(--dms-danger);font-weight:800}
@media(max-width:700px){body.dms-page-events-createevent .event-editor{padding:.8125rem}body.dms-page-events-createevent .event-editor-grid, body.dms-page-events-createevent .event-visibility-options, body.dms-page-events-createevent .event-invite-list{grid-template-columns:1fr}}


/* =========================================================
   CSS MIGRATED FROM events/editevent.php <style> #1
   Scope: body.dms-page-events-editevent
   ========================================================= */
body.dms-page-events-editevent .event-editor{max-width:57.5rem;margin:0 auto;padding:1.125rem}body.dms-page-events-editevent .event-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.9375rem;flex-wrap:wrap;margin-bottom:1.125rem}body.dms-page-events-editevent .event-editor-head h1{margin:0;font-size:1.55rem}body.dms-page-events-editevent .event-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}body.dms-page-events-editevent .event-editor-grid .wide{grid-column:1/-1}body.dms-page-events-editevent .event-editor label{display:block;margin-bottom:.375rem;font-size:.78rem;font-weight:850;color:var(--dms-muted)}body.dms-page-events-editevent .event-editor input, body.dms-page-events-editevent .event-editor textarea, body.dms-page-events-editevent .event-editor select{width:100%;box-sizing:border-box}body.dms-page-events-editevent .event-editor textarea{min-height:11.875rem;resize:vertical;line-height:1.5}body.dms-page-events-editevent .event-visibility-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5625rem}body.dms-page-events-editevent .event-visibility-choice{display:block;padding:.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg);cursor:pointer}body.dms-page-events-editevent .event-visibility-choice input{width:auto;margin-right:.375rem}body.dms-page-events-editevent .event-visibility-choice strong{display:block;margin-bottom:.1875rem}body.dms-page-events-editevent .event-visibility-choice small{display:block;color:var(--dms-muted);line-height:1.4}body.dms-page-events-editevent .event-private-invites{padding:.875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.8125rem;background:var(--dms-input-bg)}body.dms-page-events-editevent .event-private-invites[hidden]{display:none}body.dms-page-events-editevent .event-invite-search{margin-bottom:.5625rem}body.dms-page-events-editevent .event-invite-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4375rem;max-height:20rem;overflow:auto;padding-right:.25rem}body.dms-page-events-editevent .event-editor label.event-invite-member{display:flex;align-items:center;gap:.5625rem;margin:0!important;padding:.5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-card);cursor:pointer;color:var(--dms-text)}body.dms-page-events-editevent .event-invite-member input{width:auto;flex:0 0 auto}body.dms-page-events-editevent .event-invite-member img{width:2.125rem;height:2.125rem;border-radius:.5625rem;object-fit:cover}body.dms-page-events-editevent .event-invite-member span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800}body.dms-page-events-editevent .event-format-toolbar{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin:0 0 .4375rem}body.dms-page-events-editevent .event-format-button{min-width:2.125rem;min-height:2rem;padding:.3125rem .5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);color:var(--dms-text);font-weight:850;cursor:pointer}body.dms-page-events-editevent .event-format-color{width:2.625rem!important;height:2rem;padding:.125rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);cursor:pointer}body.dms-page-events-editevent .event-current-image{display:block;width:100%;max-height:18.75rem;object-fit:cover;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;margin-bottom:.5rem}body.dms-page-events-editevent .event-editor-actions{display:flex;justify-content:flex-end;gap:.5625rem;flex-wrap:wrap;margin-top:1.125rem}body.dms-page-events-editevent .event-editor-error{margin-bottom:.9375rem;padding:.6875rem .8125rem;border:.0625rem solid var(--dms-danger);border-radius:.6875rem;background:var(--dms-input-bg);color:var(--dms-danger);font-weight:800}@media(max-width:700px){body.dms-page-events-editevent .event-editor{padding:.8125rem}body.dms-page-events-editevent .event-editor-grid, body.dms-page-events-editevent .event-visibility-options, body.dms-page-events-editevent .event-invite-list{grid-template-columns:1fr}}


/* =========================================================
   CSS MIGRATED FROM events/events.php <style> #1
   Scope: body.dms-page-events-events
   ========================================================= */
body.dms-page-events-events .events-index{max-width:65rem;margin:0 auto}
body.dms-page-events-events .events-index-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.875rem;flex-wrap:wrap;margin-bottom:1rem}
body.dms-page-events-events .events-index-head h1{margin:0;font-size:1.55rem}
body.dms-page-events-events .events-index-head p{margin:.3125rem 0 0;color:var(--dms-muted);font-size:.82rem}
body.dms-page-events-events .events-list{display:grid;gap:.6875rem}
body.dms-page-events-events .events-card{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.8125rem;align-items:center;padding:.8125rem;color:inherit;text-decoration:none}
body.dms-page-events-events .events-card:hover{border-color:var(--dms-primary);background:var(--dms-card-strong)}
body.dms-page-events-events .events-date{width:4.5rem;height:4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.0625rem solid var(--dms-border-soft);border-radius:.9375rem;background:var(--dms-input-bg)}
body.dms-page-events-events .events-date strong{font-size:1.5rem;line-height:1}body.dms-page-events-events .events-date span{margin-top:.25rem;color:var(--dms-muted);font-size:.67rem;font-weight:900;text-transform:uppercase}
body.dms-page-events-events .events-copy{min-width:0}body.dms-page-events-events .events-title-row{display:flex;align-items:center;gap:.4375rem;flex-wrap:wrap}body.dms-page-events-events .events-title{font-size:1rem;font-weight:950;overflow-wrap:anywhere}body.dms-page-events-events .events-new{display:inline-flex;align-items:center;min-height:1.375rem;padding:0 .4375rem;border-radius:62.4375rem;background:var(--dms-primary);color:#fff;font-size:.6rem;font-weight:950;text-transform:uppercase}
body.dms-page-events-events .events-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.3125rem;color:var(--dms-muted);font-size:.72rem}body.dms-page-events-events .events-meta strong{color:var(--dms-text)}
body.dms-page-events-events .events-open{white-space:nowrap;font-size:.75rem;font-weight:900}
body.dms-page-events-events .events-empty{padding:2.125rem;text-align:center;color:var(--dms-muted)}
@media(max-width:650px){body.dms-page-events-events .events-card{grid-template-columns:3.625rem minmax(0,1fr)}body.dms-page-events-events .events-date{width:3.625rem;height:3.875rem}body.dms-page-events-events .events-open{display:none}}


/* =========================================================
   CSS MIGRATED FROM events/viewevent.php <style> #1
   Scope: body.dms-page-events-viewevent
   ========================================================= */
body.dms-page-events-viewevent .event-page{max-width:65rem;margin:0 auto}body.dms-page-events-viewevent .event-hero{overflow:hidden;padding:0!important}body.dms-page-events-viewevent .event-cover{position:relative;height:19.375rem;background:linear-gradient(135deg,var(--dms-primary-soft),var(--dms-card-strong));overflow:hidden}body.dms-page-events-viewevent .event-cover img{display:block;width:100%;height:100%;object-fit:cover}body.dms-page-events-viewevent .event-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.68) 100%);pointer-events:none}body.dms-page-events-viewevent .event-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:4.875rem;opacity:.7}body.dms-page-events-viewevent .event-titlebox{position:relative;z-index:2;margin-top:-5.875rem;padding:0 1.375rem 1.3125rem;color:#fff}body.dms-page-events-viewevent .event-titlebox h1{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08;text-shadow:0 .1875rem 1rem rgba(0,0,0,.4)}body.dms-page-events-viewevent .event-badges{display:flex;gap:.4375rem;flex-wrap:wrap;margin-top:.5625rem}body.dms-page-events-viewevent .event-badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .5625rem;border:.0625rem solid rgba(255,255,255,.28);border-radius:62.4375rem;background:rgba(0,0,0,.38);color:#fff;font-size:.72rem;font-weight:850;backdrop-filter:blur(.375rem)}body.dms-page-events-viewevent .event-body{display:grid;grid-template-columns:minmax(0,1fr) 19.375rem;gap:1rem;margin-top:1rem;align-items:start}body.dms-page-events-viewevent .event-main, body.dms-page-events-viewevent .event-side{display:grid;gap:.875rem}body.dms-page-events-viewevent .event-card{padding:1.0625rem}body.dms-page-events-viewevent .event-date-card{display:flex;align-items:center;gap:.875rem}body.dms-page-events-viewevent .event-date-tile{width:4.125rem;height:4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;border:.0625rem solid var(--dms-border);border-radius:.9375rem;background:var(--dms-input-bg)}body.dms-page-events-viewevent .event-date-tile strong{font-size:1.55rem;line-height:1}body.dms-page-events-viewevent .event-date-tile span{margin-top:.1875rem;color:var(--dms-muted);font-size:.68rem;font-weight:900;text-transform:uppercase}body.dms-page-events-viewevent .event-schedule{font-weight:900;line-height:1.5}body.dms-page-events-viewevent .event-meta-line{margin-top:.3125rem;color:var(--dms-muted);font-size:.8rem;overflow-wrap:anywhere}body.dms-page-events-viewevent .event-description{line-height:1.65;overflow-wrap:anywhere}body.dms-page-events-viewevent .event-description:empty::before{content:"Aucune description.";color:var(--dms-muted)}body.dms-page-events-viewevent .event-actions-row{display:flex;gap:.5rem;flex-wrap:wrap}body.dms-page-events-viewevent .event-rsvp-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4375rem}body.dms-page-events-viewevent .event-rsvp-button{min-height:2.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-input-bg);color:var(--dms-text);font-weight:850;cursor:pointer}body.dms-page-events-viewevent .event-rsvp-button.active{border-color:var(--dms-primary);background:var(--dms-primary-soft)}body.dms-page-events-viewevent .event-rsvp-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4375rem;margin-top:.625rem}body.dms-page-events-viewevent .event-rsvp-count{text-align:center;padding:.5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg)}body.dms-page-events-viewevent .event-rsvp-count strong{display:block;font-size:1.15rem}body.dms-page-events-viewevent .event-rsvp-count small{color:var(--dms-muted)}body.dms-page-events-viewevent .event-people{display:flex;flex-wrap:wrap;gap:.4375rem;margin-top:.6875rem}body.dms-page-events-viewevent .event-person{display:flex;align-items:center;gap:.4375rem;padding:.375rem .5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);color:inherit;text-decoration:none;font-size:.75rem;font-weight:800}body.dms-page-events-viewevent .event-person img{width:1.6875rem;height:1.6875rem;border-radius:.5rem;object-fit:cover}body.dms-page-events-viewevent .event-comments{display:grid;gap:.5625rem}body.dms-page-events-viewevent .event-comment{padding:.6875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg)}body.dms-page-events-viewevent .event-comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5625rem}body.dms-page-events-viewevent .event-comment-user{display:flex;align-items:center;gap:.5rem;min-width:0}body.dms-page-events-viewevent .event-comment-user img{width:2.125rem;height:2.125rem;border-radius:.5625rem;object-fit:cover}body.dms-page-events-viewevent .event-comment-name{font-weight:900}body.dms-page-events-viewevent .event-comment-date{font-size:.67rem;color:var(--dms-muted)}body.dms-page-events-viewevent .event-comment-text{margin-top:.5625rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}body.dms-page-events-viewevent .event-comment-image{display:block;max-width:min(100%,22.5rem);max-height:17.5rem;margin-top:.5625rem;border-radius:.6875rem;object-fit:contain;background:var(--dms-card);cursor:zoom-in}body.dms-page-events-viewevent .event-comment-form textarea{width:100%;min-height:5.625rem;resize:vertical;box-sizing:border-box}body.dms-page-events-viewevent .event-comment-form-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}body.dms-page-events-viewevent .event-owner{display:flex;align-items:center;gap:.625rem}body.dms-page-events-viewevent .event-owner img{width:2.875rem;height:2.875rem;border-radius:.75rem;object-fit:cover}body.dms-page-events-viewevent .event-owner strong{display:block}body.dms-page-events-viewevent .event-owner small{display:block;margin-top:.125rem;color:var(--dms-muted)}body.dms-page-events-viewevent .event-flash{margin-bottom:.875rem;padding:.625rem .8125rem;border:.0625rem solid var(--dms-success,var(--dms-primary));border-radius:.6875rem;background:var(--dms-input-bg);font-weight:800}body.dms-page-events-viewevent .event-danger{color:var(--dms-danger)!important}body.dms-page-events-viewevent .event-ended{padding:.625rem .75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-input-bg);color:var(--dms-muted);text-align:center;font-weight:800}body.dms-page-events-viewevent .event-lightbox{position:fixed;inset:0;z-index:1000002;display:none;align-items:center;justify-content:center;padding:1.125rem;background:rgba(0,0,0,.88);cursor:zoom-out}body.dms-page-events-viewevent .event-lightbox.open{display:flex}body.dms-page-events-viewevent .event-lightbox img{max-width:95vw;max-height:92vh;object-fit:contain;border-radius:.75rem}
@media(max-width:860px){body.dms-page-events-viewevent .event-body{grid-template-columns:1fr}body.dms-page-events-viewevent .event-side{grid-row:auto}body.dms-page-events-viewevent .event-cover{height:15rem}}@media(max-width:620px){body.dms-page-events-viewevent .event-cover{height:11.875rem}body.dms-page-events-viewevent .event-titlebox{margin-top:-4.5rem;padding:0 .875rem .9375rem}body.dms-page-events-viewevent .event-card{padding:.8125rem}body.dms-page-events-viewevent .event-rsvp-buttons, body.dms-page-events-viewevent .event-rsvp-counts{grid-template-columns:1fr}body.dms-page-events-viewevent .event-date-card{align-items:flex-start}}


/* =========================================================
   CSS MIGRATED FROM gallery.php <style> #1
   Scope: body.dms-page-gallery
   ========================================================= */
body.dms-page-gallery .gal-body{width:100%;max-width:73.75rem;margin:0 auto;padding:1.125rem;color:var(--dms-text)}
body.dms-page-gallery .gal-top, body.dms-page-gallery .gal-create, body.dms-page-gallery .album-head, body.dms-page-gallery .media-card, body.dms-page-gallery .gal-empty, body.dms-page-gallery .gal-flash, body.dms-page-gallery .share-window, body.dms-page-gallery .lightbox-panel{border:.0625rem solid var(--dms-border);background:var(--dms-card);box-shadow:0 1rem 2.5rem var(--dms-shadow)}
body.dms-page-gallery .gal-top{display:flex;align-items:center;justify-content:space-between;gap:.875rem;flex-wrap:wrap;padding:1.125rem 1.25rem;border-radius:1rem;margin-bottom:1rem}
body.dms-page-gallery .gal-title{margin:0;font-size:1.55rem}body.dms-page-gallery .gal-subtitle{margin-top:.25rem;color:var(--dms-muted);font-size:.75rem}
body.dms-page-gallery .gal-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
body.dms-page-gallery .gal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;min-height:2.5rem;padding:0 .875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-input-bg);color:var(--dms-text);font:inherit;font-size:.75rem;font-weight:850;text-decoration:none;cursor:pointer}
body.dms-page-gallery .gal-btn:hover{border-color:var(--dms-primary);background:var(--dms-card-strong)}
body.dms-page-gallery .gal-btn-primary{background:var(--dms-primary);border-color:var(--dms-primary);color:var(--dms-text)}
body.dms-page-gallery .gal-btn-danger{color:var(--dms-danger);border-color:var(--dms-danger)}
body.dms-page-gallery .gal-create{display:grid;grid-template-columns:minmax(0,1fr) 10.625rem auto;gap:.625rem;padding:.875rem;border-radius:.9375rem;margin-bottom:1.25rem}
body.dms-page-gallery .gal-input, body.dms-page-gallery .gal-select, body.dms-page-gallery .caption-input, body.dms-page-gallery .comment-input{width:100%;min-width:0;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);color:var(--dms-text);padding:.6875rem .75rem;font:inherit;outline:none}
body.dms-page-gallery .gal-input:focus, body.dms-page-gallery .gal-select:focus, body.dms-page-gallery .caption-input:focus, body.dms-page-gallery .comment-input:focus{border-color:var(--dms-primary)}
body.dms-page-gallery .album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.25rem,1fr));gap:1rem}
body.dms-page-gallery .album-card{position:relative;min-width:0;overflow:hidden;border:.0625rem solid var(--dms-border);border-radius:1.0625rem;background:var(--dms-card);box-shadow:0 .875rem 2.125rem var(--dms-shadow);transition:transform .16s ease,border-color .16s ease}
body.dms-page-gallery .album-card:hover{transform:translateY(-.1875rem);border-color:var(--dms-primary)}
body.dms-page-gallery .album-cover{position:relative;display:block;color:inherit;text-decoration:none;overflow:hidden;background:var(--dms-card)}
body.dms-page-gallery .album-cover>img, body.dms-page-gallery .album-cover>video{display:block;width:100%;height:13.125rem;object-fit:cover;transition:transform .25s ease;background:var(--dms-input-bg)}
body.dms-page-gallery .album-card:hover .album-cover>img, body.dms-page-gallery .album-card:hover .album-cover>video{transform:scale(1.025)}
body.dms-page-gallery .album-video-play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}
body.dms-page-gallery .album-video-play span{display:grid;place-items:center;width:3.625rem;height:3.625rem;border:.0625rem solid var(--dms-border);border-radius:62.4375rem;background:var(--dms-card-strong);color:var(--dms-text);font-size:1.5625rem;box-shadow:0 .75rem 1.875rem var(--dms-shadow)}
body.dms-page-gallery .album-shade{display:none}
body.dms-page-gallery .album-badge{position:absolute;top:.6875rem;left:.6875rem;z-index:2;display:inline-flex;align-items:center;gap:.3125rem;min-height:1.8125rem;padding:0 .625rem;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;background:var(--dms-card-strong);font-size:.6875rem;font-weight:900}
body.dms-page-gallery .album-copy{position:static;padding:.875rem 1rem 1rem;border-top:.0625rem solid var(--dms-border-soft);background:var(--dms-card)}
body.dms-page-gallery .album-copy h3{margin:0;font-size:1.18rem;overflow-wrap:anywhere}body.dms-page-gallery .album-meta{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.4375rem;color:var(--dms-muted);font-size:.6875rem}
body.dms-page-gallery .album-delete{position:absolute;top:.625rem;right:.625rem;z-index:4}
body.dms-page-gallery .album-delete button{width:2.125rem;height:2.125rem;padding:0;border:.0625rem solid var(--dms-danger);border-radius:.625rem;background:var(--dms-card-strong);color:var(--dms-danger);cursor:pointer;font-size:1.0625rem}
body.dms-page-gallery .gal-empty, body.dms-page-gallery .gal-flash{padding:1rem;border-radius:.875rem;color:var(--dms-muted)}
body.dms-page-gallery .album-head{padding:1.125rem;border-radius:1.0625rem;margin-bottom:1rem}
body.dms-page-gallery .album-head-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}body.dms-page-gallery .album-head h1{margin:0;font-size:1.65rem}body.dms-page-gallery .album-owner{margin-top:.3125rem;color:var(--dms-muted);font-size:.75rem}
body.dms-page-gallery .reaction-row{display:flex;align-items:center;gap:.4375rem;flex-wrap:wrap;margin-top:.875rem;padding-top:.875rem;border-top:.0625rem solid var(--dms-border-soft)}
body.dms-page-gallery .reaction-item{display:inline-flex;align-items:stretch;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;overflow:hidden;background:var(--dms-input-bg)}
body.dms-page-gallery .reaction-item.is-selected{border-color:var(--dms-primary);box-shadow:0 0 0 .0625rem var(--dms-primary)}
body.dms-page-gallery .reaction-form{margin:0;display:flex}
body.dms-page-gallery .reaction-set-btn, body.dms-page-gallery .reaction-users-btn{min-height:2.25rem;border:0;border-radius:0;background:var(--dms-input-bg);color:var(--dms-text);cursor:pointer}
body.dms-page-gallery .reaction-set-btn{min-width:2.625rem;padding:.4375rem .5625rem;font-size:1rem}
body.dms-page-gallery .reaction-users-btn{min-width:2.125rem;padding:.4375rem .5625rem;border-left:.0625rem solid var(--dms-border-soft);color:var(--dms-muted);font-weight:850;font-size:.75rem}
body.dms-page-gallery .reaction-set-btn:hover, body.dms-page-gallery .reaction-users-btn:hover{background:var(--dms-card-strong);color:var(--dms-text)}
body.dms-page-gallery .reaction-item.is-selected .reaction-set-btn{background:var(--dms-card-strong)}
body.dms-page-gallery .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9375rem}
body.dms-page-gallery .media-card{position:relative;overflow:hidden;border-radius:1rem;min-width:0;background:var(--dms-card)}body.dms-page-gallery .media-open{display:block;width:100%;padding:0;border:0;background:var(--dms-card);cursor:zoom-in;text-align:left;color:inherit}body.dms-page-gallery .media-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--dms-input-bg)}body.dms-page-gallery .media-thumb img, body.dms-page-gallery .media-thumb video{display:block;width:100%;height:100%;object-fit:cover}body.dms-page-gallery .media-type{position:absolute;top:.5625rem;left:.5625rem;display:inline-flex;align-items:center;min-height:1.625rem;padding:0 .5rem;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;background:var(--dms-card-strong);font-size:.625rem;font-weight:900}body.dms-page-gallery .media-card-copy{padding:.75rem .8125rem}body.dms-page-gallery .media-caption{min-height:2.375rem;line-height:1.4;font-size:.8125rem;overflow-wrap:anywhere}body.dms-page-gallery .media-caption.empty{color:var(--dms-muted);font-style:italic}body.dms-page-gallery .media-stats{display:flex;align-items:center;gap:.75rem;margin-top:.5625rem;color:var(--dms-muted);font-size:.6875rem}body.dms-page-gallery .media-delete{position:absolute;top:.5625rem;right:.5625rem;z-index:3}body.dms-page-gallery .media-delete button{width:2rem;height:2rem;padding:0;border:.0625rem solid var(--dms-danger);border-radius:.5625rem;background:var(--dms-card-strong);color:var(--dms-danger);cursor:pointer}
body.dms-page-gallery #up-overlay{display:none;position:fixed;inset:0;z-index:20000;align-items:center;justify-content:center;background:var(--dms-bg)}body.dms-page-gallery .up-box{width:min(22.5rem,calc(100vw - 1.875rem));padding:1.625rem;border:.0625rem solid var(--dms-border);border-radius:1rem;background:var(--dms-bg);text-align:center}body.dms-page-gallery .up-progress{height:.625rem;margin:.875rem 0;overflow:hidden;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;background:var(--dms-input-bg)}body.dms-page-gallery .up-bar{width:0;height:100%;background:var(--dms-primary)}
body.dms-page-gallery .share-backdrop, body.dms-page-gallery .lightbox{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;padding:1rem;background:var(--dms-bg)}body.dms-page-gallery .share-backdrop.open, body.dms-page-gallery .lightbox.open{display:flex}body.dms-page-gallery .share-window{width:min(42.5rem,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border:.0625rem solid var(--dms-border);border-radius:1.0625rem;background:var(--dms-card);box-shadow:0 1.5rem 4.375rem var(--dms-shadow)}body.dms-page-gallery .share-head, body.dms-page-gallery .lightbox-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.875rem 1rem;border-bottom:.0625rem solid var(--dms-border-soft)}body.dms-page-gallery .share-body{overflow:auto;padding:.875rem}body.dms-page-gallery .share-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.875rem,1fr));gap:.5rem}body.dms-page-gallery .share-user{display:flex;align-items:center;gap:.5625rem;padding:.5625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-input-bg);cursor:pointer}body.dms-page-gallery .share-user img{width:2.375rem;height:2.375rem;object-fit:cover;border-radius:.625rem}body.dms-page-gallery .modal-close{width:2.125rem;height:2.125rem;padding:0;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);color:var(--dms-text);cursor:pointer;font-size:1.25rem}
body.dms-page-gallery .reaction-people-backdrop{position:fixed;inset:0;z-index:1000002;display:none;align-items:center;justify-content:center;padding:1rem;background:var(--dms-bg)}
body.dms-page-gallery .reaction-people-backdrop.open{display:flex}
body.dms-page-gallery .reaction-people-window{width:min(24.375rem,100%);max-height:82vh;display:flex;flex-direction:column;overflow:hidden;border:.0625rem solid var(--dms-border);border-radius:1rem;background:var(--dms-card);box-shadow:0 1.5rem 4.375rem var(--dms-shadow)}
body.dms-page-gallery .reaction-people-head{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.8125rem .875rem;border-bottom:.0625rem solid var(--dms-border-soft)}
body.dms-page-gallery .reaction-people-list{overflow:auto;padding:.625rem;background:var(--dms-card)}
body.dms-page-gallery .reaction-person{display:flex;align-items:center;gap:.625rem;padding:.5625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-input-bg);color:inherit;text-decoration:none;margin-bottom:.4375rem}
body.dms-page-gallery .reaction-person img{width:2.625rem;height:2.625rem;object-fit:cover;border-radius:.6875rem;border:.0625rem solid var(--dms-border-soft)}
body.dms-page-gallery .reaction-people-empty{padding:1.375rem;text-align:center;color:var(--dms-muted)}
body.dms-page-gallery .lightbox{z-index:1000001}body.dms-page-gallery .lightbox-layout{width:min(88.75rem,100%);height:min(92vh,56.25rem);display:grid;grid-template-columns:minmax(0,1fr) 24.375rem;overflow:hidden;border:.0625rem solid var(--dms-border);border-radius:1.125rem;background:var(--dms-bg);box-shadow:0 1.5rem 5rem var(--dms-shadow)}body.dms-page-gallery .lightbox-stage{position:relative;display:grid;place-items:center;min-width:0;background:var(--dms-input-bg)}body.dms-page-gallery .lightbox-stage img, body.dms-page-gallery .lightbox-stage video{max-width:100%;max-height:100%;object-fit:contain}body.dms-page-gallery .lb-nav{position:absolute;top:50%;width:2.875rem;height:3.625rem;transform:translateY(-50%);border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-card-strong);color:var(--dms-text);cursor:pointer;font-size:1.875rem}body.dms-page-gallery .lb-prev{left:.625rem}body.dms-page-gallery .lb-next{right:.625rem}body.dms-page-gallery .lightbox-panel{display:flex;flex-direction:column;min-width:0;border-radius:0;box-shadow:none}body.dms-page-gallery .lightbox-panel-body{overflow:auto;padding:.875rem}body.dms-page-gallery .panel-caption{padding:.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-input-bg);line-height:1.45;overflow-wrap:anywhere}body.dms-page-gallery .panel-section{margin-top:.875rem;padding-top:.875rem;border-top:.0625rem solid var(--dms-border-soft)}body.dms-page-gallery .panel-section h4{margin:0 0 .5625rem}body.dms-page-gallery .comment{display:flex;gap:.5625rem;padding:.5625rem 0;border-bottom:.0625rem solid var(--dms-border-soft)}body.dms-page-gallery .comment img{width:2.375rem;height:2.375rem;flex:0 0 auto;object-fit:cover;border-radius:.625rem}body.dms-page-gallery .comment-copy{min-width:0;flex:1}body.dms-page-gallery .comment-copy strong{display:block;font-size:.75rem}body.dms-page-gallery .comment-copy p{margin:.25rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem}body.dms-page-gallery .comment-date{color:var(--dms-muted);font-size:.625rem}body.dms-page-gallery .comment-delete{margin-left:auto}body.dms-page-gallery .comment-delete button{border:.0625rem solid var(--dms-border-soft);border-radius:.5rem;background:var(--dms-input-bg);color:var(--dms-danger);cursor:pointer}body.dms-page-gallery .comment-form{display:flex;gap:.4375rem;margin-top:.625rem}body.dms-page-gallery .comment-input{min-height:2.625rem;resize:vertical}body.dms-page-gallery .media-panel-template{display:none}
@media(max-width:850px){body.dms-page-gallery .lightbox-layout{grid-template-columns:1fr;height:96vh}body.dms-page-gallery .lightbox-stage{min-height:48vh}body.dms-page-gallery .lightbox-panel{min-height:0}body.dms-page-gallery .gal-create{grid-template-columns:1fr}body.dms-page-gallery .media-grid, body.dms-page-gallery .album-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}}
@media(max-width:560px){body.dms-page-gallery .gal-body{padding:.625rem}body.dms-page-gallery .album-cover{height:12.8125rem}body.dms-page-gallery .media-grid, body.dms-page-gallery .album-grid{grid-template-columns:1fr}body.dms-page-gallery .lightbox{padding:.3125rem}body.dms-page-gallery .lightbox-layout{border-radius:.75rem}body.dms-page-gallery .share-list{grid-template-columns:1fr}}


/* =========================================================
   CSS MIGRATED FROM groups/managegroup.php <style> #1
   Scope: body.dms-page-groups-managegroup
   ========================================================= */
    body.dms-page-groups-managegroup .bb-toolbar{ display: flex; gap: .5rem; margin-bottom: .625rem; align-items: center; flex-wrap: wrap; }
    body.dms-page-groups-managegroup .bb-btn{ padding: .375rem .75rem; font-size: .8125rem; cursor: pointer; background: rgba(255,255,255,0.05); border: .0625rem solid var(--dms-border); border-radius: .375rem; color: #fff; transition: 0.2s; }
    body.dms-page-groups-managegroup .bb-btn:hover{ background: var(--dms-primary); border-color: var(--dms-primary); }
    
    body.dms-page-groups-managegroup .color-picker-box{ display: flex; align-items: center; gap: .375rem; background: rgba(255,255,255,0.03); padding: .1875rem .5rem; border-radius: .375rem; border: .0625rem solid var(--dms-border); }
    body.dms-page-groups-managegroup #picker{ border: none; background: none; width: 1.75rem; height: 1.75rem; cursor: pointer; padding: 0; }
    
    body.dms-page-groups-managegroup .member-row{ transition: 0.2s; border-radius: .625rem; margin-bottom: .375rem; border: .0625rem solid transparent; }
    body.dms-page-groups-managegroup .member-row:hover{ background: rgba(255,255,255,0.03); border-color: var(--dms-border); }
    
    body.dms-page-groups-managegroup .status-msg{ padding: .75rem; border-radius: .5rem; margin-bottom: 1.25rem; border: .0625rem solid transparent; font-weight: 500; }


/* =========================================================
   CSS MIGRATED FROM groups/viewgroup.php <style> #1
   Scope: body.dms-page-groups-viewgroup
   ========================================================= */
body.dms-page-groups-viewgroup .group-layout{display:grid;grid-template-columns:minmax(0,1fr) 18.75rem;gap:1.125rem;align-items:start}
body.dms-page-groups-viewgroup .group-wall{min-width:0}
body.dms-page-groups-viewgroup .group-members{position:sticky;top:1rem;padding:1rem}
body.dms-page-groups-viewgroup .group-member{display:flex;align-items:center;gap:.625rem;padding:.5625rem;border:.0625rem solid var(--dms-border);border-radius:.75rem;margin-bottom:.5rem;background:var(--dms-input-bg)}
body.dms-page-groups-viewgroup .group-avatar{width:2.625rem;height:2.625rem;border-radius:.6875rem;object-fit:cover;border:.0625rem solid var(--dms-border);flex:0 0 auto}
body.dms-page-groups-viewgroup .group-online{width:.5rem;height:.5rem;border-radius:62.4375rem;background:var(--dms-muted);margin-left:auto}
body.dms-page-groups-viewgroup .group-online.on{background:var(--dms-ok)}
body.dms-page-groups-viewgroup .group-post{padding:1rem;margin-bottom:.875rem;scroll-margin-top:1.25rem}
body.dms-page-groups-viewgroup .group-post-head{display:flex;align-items:center;gap:.625rem}
body.dms-page-groups-viewgroup .group-post-meta{min-width:0}
body.dms-page-groups-viewgroup .group-post-author{font-weight:800}
body.dms-page-groups-viewgroup .group-profile-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
body.dms-page-groups-viewgroup .group-profile-link:hover .group-post-author, body.dms-page-groups-viewgroup .group-profile-link:hover .group-member-name, body.dms-page-groups-viewgroup .group-profile-link:hover .group-comment-author{text-decoration:underline}
body.dms-page-groups-viewgroup .group-comment-author{font-weight:800}
body.dms-page-groups-viewgroup .group-member-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dms-page-groups-viewgroup .group-post-date{font-size:.75rem;color:var(--dms-muted)}
body.dms-page-groups-viewgroup .group-ban-proof{margin-top:.375rem;display:inline-block;font-size:.72rem}
body.dms-page-groups-viewgroup .group-ban-proof summary{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .4375rem;border:.0625rem solid var(--dms-danger);border-radius:.5rem;background:var(--dms-input-bg);color:var(--dms-danger);font-weight:850;cursor:pointer;list-style:none}
body.dms-page-groups-viewgroup .group-ban-proof summary::-webkit-details-marker{display:none}
body.dms-page-groups-viewgroup .group-ban-proof[open] summary{margin-bottom:.375rem}
body.dms-page-groups-viewgroup .group-ban-proof-info{max-width:26.25rem;padding:.5rem .625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);color:var(--dms-text);font-weight:500;line-height:1.45}
body.dms-page-groups-viewgroup .group-ban-proof-info a{color:var(--dms-primary);font-weight:850;text-decoration:none}
body.dms-page-groups-viewgroup .group-ban-proof-info a:hover{text-decoration:underline}
body.dms-page-groups-viewgroup .group-post-content{margin:.8125rem 0;white-space:pre-wrap;overflow-wrap:anywhere}

    body.dms-page-groups-viewgroup .dms-post-gallery{
      display:grid;
      grid-auto-rows:8rem;
      justify-content:start;
      width:max-content;
      max-width:100%;
      gap:.375rem;
      margin:.75rem 0;
      overflow:hidden;
      border-radius:.8125rem;
    }
    body.dms-page-groups-viewgroup .dms-post-gallery.count-1{grid-template-columns:8rem}
    body.dms-page-groups-viewgroup .dms-post-gallery.count-2{grid-template-columns:repeat(2,8rem)}
    body.dms-page-groups-viewgroup .dms-post-gallery.count-3{grid-template-columns:repeat(3,8rem)}
    body.dms-page-groups-viewgroup .dms-post-gallery.count-4, body.dms-page-groups-viewgroup .dms-post-gallery.count-many{grid-template-columns:repeat(4,8rem)}
    body.dms-page-groups-viewgroup .dms-post-gallery.count-3 .dms-gallery-thumb:first-child{
      grid-row:auto;
    }
    body.dms-page-groups-viewgroup .dms-gallery-thumb{
      position:relative;
      display:block;
      width:8rem;
      height:8rem;
      min-width:8rem;
      padding:0;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.6875rem;
      background:var(--dms-input-bg);
      overflow:hidden;
      cursor:zoom-in;
      aspect-ratio:1/1;
    }
    body.dms-page-groups-viewgroup .dms-post-gallery.count-1 .dms-gallery-thumb{
      width:8rem;
      height:8rem;
      max-height:none;
      aspect-ratio:1/1;
    }
    body.dms-page-groups-viewgroup .dms-gallery-thumb img, body.dms-page-groups-viewgroup .dms-post-gallery.count-1 .dms-gallery-thumb img{
      width:100%;
      height:100%;
      min-height:0;
      max-height:none;
      display:block;
      object-fit:cover;
    }
    body.dms-page-groups-viewgroup .dms-gallery-thumb:nth-child(n/**/+5){display:none}
    body.dms-page-groups-viewgroup .dms-gallery-more{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:rgba(0,0,0,.54);
      color:#fff;
      font-size:1.5rem;
      font-weight:950;
    }
    @media(max-width:760px){
      body.dms-page-groups-viewgroup .dms-post-gallery.count-3, body.dms-page-groups-viewgroup .dms-post-gallery.count-4, body.dms-page-groups-viewgroup .dms-post-gallery.count-many{
        grid-template-columns:repeat(2,8rem);
      }
    }

body.dms-page-groups-viewgroup .dms-gallery-backdrop{position:fixed;inset:0;z-index:1000001;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.88)}
body.dms-page-groups-viewgroup .dms-gallery-backdrop.open{display:flex}
body.dms-page-groups-viewgroup .dms-gallery-stage{position:relative;width:min(75rem,100%);height:min(90vh,56.25rem);display:grid;place-items:center}
body.dms-page-groups-viewgroup .dms-gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.75rem;box-shadow:0 1.5rem 5rem rgba(0,0,0,.5)}
body.dms-page-groups-viewgroup .dms-gallery-close, body.dms-page-groups-viewgroup .dms-gallery-nav{position:absolute;z-index:2;display:grid;place-items:center;border:.0625rem solid rgba(255,255,255,.25);background:rgba(0,0,0,.58);color:#fff;cursor:pointer}
body.dms-page-groups-viewgroup .dms-gallery-close{top:.5rem;right:.5rem;width:2.625rem;height:2.625rem;border-radius:.75rem;font-size:1.625rem}
body.dms-page-groups-viewgroup .dms-gallery-nav{top:50%;width:3rem;height:4rem;border-radius:.8125rem;transform:translateY(-50%);font-size:2.375rem}
body.dms-page-groups-viewgroup .dms-gallery-prev{left:.5rem}body.dms-page-groups-viewgroup .dms-gallery-next{right:.5rem}
body.dms-page-groups-viewgroup .dms-gallery-counter{position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);padding:.375rem .625rem;border-radius:62.4375rem;background:rgba(0,0,0,.65);color:#fff;font-size:.75rem;font-weight:850}
body.dms-page-groups-viewgroup .dms-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16.25rem,32.5rem));justify-content:start;gap:.625rem;margin:.75rem 0}
body.dms-page-groups-viewgroup .dms-video-card{width:100%;max-width:32.5rem;min-width:0;overflow:hidden;border:.0625rem solid var(--dms-border-soft);border-radius:.8125rem;background:var(--dms-input-bg)}
@media(max-width:620px){body.dms-page-groups-viewgroup .dms-video-grid{grid-template-columns:minmax(0,1fr)}body.dms-page-groups-viewgroup .dms-video-card{max-width:none}}
body.dms-page-groups-viewgroup .dms-video-label{padding:.4375rem .625rem;color:var(--dms-muted);font-size:.6875rem;font-weight:850;border-bottom:.0625rem solid var(--dms-border-soft)}
body.dms-page-groups-viewgroup .dms-video-frame{position:relative;aspect-ratio:16/9;background:#000}
body.dms-page-groups-viewgroup .dms-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body.dms-page-groups-viewgroup .dms-direct-video{display:block;width:100%;max-height:32.5rem;background:#000}
body.dms-page-groups-viewgroup .group-comments{margin-top:.875rem;padding-top:.75rem;border-top:.0625rem solid var(--dms-border)}
body.dms-page-groups-viewgroup .group-comment{padding:.5625rem;margin-bottom:.5rem;border-radius:.625rem;background:var(--dms-input-bg);border:.0625rem solid var(--dms-border)}
body.dms-page-groups-viewgroup .group-comment-head{display:flex;justify-content:space-between;gap:.625rem;align-items:center}
body.dms-page-groups-viewgroup .group-comment-image{max-width:11.25rem;max-height:10rem;object-fit:contain;margin-top:.5rem;border-radius:.5625rem;cursor:zoom-in}
body.dms-page-groups-viewgroup .group-delete{color:var(--dms-danger);padding:.3125rem .5rem}

body.dms-page-groups-viewgroup .group-post-actions{margin-left:auto;display:flex;align-items:center;gap:.4375rem}
body.dms-page-groups-viewgroup .group-edit-button{
  min-width:2.125rem;
  min-height:2.125rem;
  padding:.3125rem .5rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  cursor:pointer
}
body.dms-page-groups-viewgroup .group-edit-button:hover{background:var(--dms-card-strong)}
body.dms-page-groups-viewgroup .dms-format-toolbar{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin:0 0 .4375rem}
body.dms-page-groups-viewgroup .dms-format-button{
  min-width:2.125rem;
  min-height:2rem;
  padding:.3125rem .5rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.5625rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  font-weight:850;
  cursor:pointer
}
body.dms-page-groups-viewgroup .dms-format-button:hover{background:var(--dms-card-strong)}
body.dms-page-groups-viewgroup .dms-format-color{
  width:2.625rem;
  height:2rem;
  padding:.125rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.5625rem;
  background:var(--dms-input-bg);
  cursor:pointer
}

body.dms-page-groups-viewgroup .group-compose-launcher{
  padding:.75rem;
  margin-bottom:1rem;
}
body.dms-page-groups-viewgroup .group-compose-launcher-button{
  width:100%;
  min-height:3.875rem;
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.625rem .875rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.875rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
body.dms-page-groups-viewgroup .group-compose-launcher-button:hover{
  transform:translateY(-.0625rem);
  border-color:var(--dms-primary);
  background:var(--dms-card-strong);
}
body.dms-page-groups-viewgroup .group-compose-launcher-icon{
  width:2.625rem;
  height:2.625rem;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.75rem;
  background:var(--dms-card);
  font-size:1.25rem;
}
body.dms-page-groups-viewgroup .group-compose-launcher-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.125rem;
  flex:1;
}
body.dms-page-groups-viewgroup .group-compose-launcher-copy strong{
  font-size:.9375rem;
}
body.dms-page-groups-viewgroup .group-compose-launcher-copy small{
  color:var(--dms-muted);
  font-size:.6875rem;
}
body.dms-page-groups-viewgroup .group-compose-launcher-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.125rem;
  padding:0 .6875rem;
  border-radius:.625rem;
  background:var(--dms-primary);
  color:#fff;
  font-size:.6875rem;
  font-weight:900;
  white-space:nowrap;
}
body.dms-page-groups-viewgroup .group-compose-window{
  width:min(48.75rem,100%);
}
body.dms-page-groups-viewgroup .group-compose-intro{
  display:flex;
  align-items:center;
  gap:.625rem;
  margin-bottom:.75rem;
  padding:.625rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.75rem;
  background:var(--dms-input-bg);
}
body.dms-page-groups-viewgroup .group-compose-avatar{
  width:2.75rem;
  height:2.75rem;
  flex:0 0 auto;
  object-fit:cover;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.75rem;
}
body.dms-page-groups-viewgroup .group-compose-intro strong{
  display:block;
  font-size:.8125rem;
}
body.dms-page-groups-viewgroup .group-compose-intro span{
  display:block;
  margin-top:.125rem;
  color:var(--dms-muted);
  font-size:.6875rem;
}
body.dms-page-groups-viewgroup .group-compose-form textarea{
  width:100%;
  min-height:11.875rem;
  resize:vertical;
  line-height:1.5;
}
body.dms-page-groups-viewgroup .group-compose-media{
  margin-top:.75rem;
  padding-top:.75rem;
  border-top:.0625rem solid var(--dms-border-soft);
}
body.dms-page-groups-viewgroup .group-compose-file-row{
  display:flex;
  align-items:center;
  gap:.5625rem;
  flex-wrap:wrap;
}
body.dms-page-groups-viewgroup .group-compose-file-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.375rem;
  padding:0 .75rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  font-size:.75rem;
  font-weight:850;
  cursor:pointer;
}
body.dms-page-groups-viewgroup .group-compose-file-button:hover{
  background:var(--dms-card-strong);
}
body.dms-page-groups-viewgroup .group-compose-file-count{
  color:var(--dms-muted);
  font-size:.6875rem;
}
body.dms-page-groups-viewgroup .group-compose-preview{
  display:none;
  gap:.4375rem;
  flex-wrap:wrap;
  margin-top:.625rem;
  padding:.5rem;
  border:.0625rem dashed var(--dms-border-soft);
  border-radius:.75rem;
  background:var(--dms-input-bg);
}
body.dms-page-groups-viewgroup .group-compose-preview.visible{
  display:flex;
}
body.dms-page-groups-viewgroup .group-compose-preview-item{
  position:relative;
  width:4.875rem;
  height:4.875rem;
  overflow:hidden;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-card);
}
body.dms-page-groups-viewgroup .group-compose-preview-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
body.dms-page-groups-viewgroup .group-compose-preview-number{
  position:absolute;
  top:.25rem;
  left:.25rem;
  min-width:1.1875rem;
  height:1.1875rem;
  display:grid;
  place-items:center;
  padding:0 .25rem;
  border-radius:62.4375rem;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:.5625rem;
  font-weight:950;
}
@media(max-width:560px){
  body.dms-page-groups-viewgroup .group-compose-launcher-action{display:none}
  body.dms-page-groups-viewgroup .group-compose-launcher-copy small{display:none}
  body.dms-page-groups-viewgroup .group-compose-window{height:calc(100vh - 1.25rem);overflow:auto}
}

body.dms-page-groups-viewgroup .dms-edit-media{margin-top:.75rem;padding-top:.75rem;border-top:.0625rem solid var(--dms-border-soft)}
body.dms-page-groups-viewgroup .dms-edit-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem;margin-bottom:.5625rem}
body.dms-page-groups-viewgroup .dms-edit-media-head strong{font-size:.8125rem}
body.dms-page-groups-viewgroup .dms-edit-media-help{color:var(--dms-muted);font-size:.625rem;text-align:right}
body.dms-page-groups-viewgroup .dms-edit-media-list{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;min-height:2.875rem;padding:.5rem;border:.0625rem dashed var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg)}
body.dms-page-groups-viewgroup .dms-edit-media-empty{width:100%;padding:.75rem;color:var(--dms-muted);font-size:.75rem;text-align:center}
body.dms-page-groups-viewgroup .dms-edit-media-item{position:relative;width:7rem;padding:.3125rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-card);cursor:grab;user-select:none}
body.dms-page-groups-viewgroup .dms-edit-media-item.dragging{opacity:.45}
body.dms-page-groups-viewgroup .dms-edit-media-item img{display:block;width:6.25rem;height:6.25rem;object-fit:cover;border-radius:.5rem;background:var(--dms-input-bg)}
body.dms-page-groups-viewgroup .dms-edit-media-number{position:absolute;top:.5rem;left:.5rem;min-width:1.375rem;height:1.375rem;padding:0 .3125rem;display:grid;place-items:center;border-radius:62.4375rem;background:rgba(0,0,0,.70);color:#fff;font-size:.625rem;font-weight:950}
body.dms-page-groups-viewgroup .dms-edit-media-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.3125rem}
body.dms-page-groups-viewgroup .dms-edit-media-controls button{min-width:0;min-height:1.75rem;padding:.1875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.4375rem;background:var(--dms-input-bg);color:var(--dms-text);cursor:pointer}
body.dms-page-groups-viewgroup .dms-edit-media-controls button:hover{background:var(--dms-card-strong)}
body.dms-page-groups-viewgroup .dms-edit-media-controls .remove{color:var(--dms-danger)}
body.dms-page-groups-viewgroup .dms-edit-media-add{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;margin-top:.5rem;padding:0 .6875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);color:var(--dms-text);font-size:.75rem;font-weight:850;cursor:pointer}
body.dms-page-groups-viewgroup .dms-edit-media-add:hover{background:var(--dms-card-strong)}

body.dms-page-groups-viewgroup .group-edit-backdrop{
  position:fixed;
  inset:0;
  z-index:999997;
  display:none;
  align-items:center;
  justify-content:center;
  padding:.875rem;
  background:var(--dms-shadow)
}
body.dms-page-groups-viewgroup .group-edit-backdrop.open{display:flex}
body.dms-page-groups-viewgroup .group-edit-window{
  width:min(43.75rem,100%);
  border:.0625rem solid var(--dms-border);
  border-radius:1rem;
  background:var(--dms-bg);
  color:var(--dms-text);
  box-shadow:0 1.5rem 4.375rem var(--dms-shadow);
  overflow:hidden
}
body.dms-page-groups-viewgroup .group-edit-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.625rem;
  padding:.8125rem .875rem;
  border-bottom:.0625rem solid var(--dms-border-soft)
}
body.dms-page-groups-viewgroup .group-edit-close{
  width:2.125rem;
  height:2.125rem;
  padding:0;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  cursor:pointer;
  font-size:1.25rem
}
body.dms-page-groups-viewgroup .group-edit-form{padding:.875rem}
body.dms-page-groups-viewgroup .group-edit-form textarea{width:100%;min-height:11.25rem;resize:vertical}
body.dms-page-groups-viewgroup .group-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.625rem}
body.dms-page-groups-viewgroup .group-empty{text-align:center;padding:1.75rem;color:var(--dms-muted)}
body.dms-page-groups-viewgroup .group-zoom{display:none;position:fixed;inset:0;z-index:999999;background:var(--dms-shadow);align-items:center;justify-content:center;padding:1.25rem;cursor:zoom-out}
body.dms-page-groups-viewgroup .group-zoom img{max-width:94vw;max-height:92vh;object-fit:contain;border-radius:.75rem}

    body.dms-page-groups-viewgroup .reaction-bar{
      display:flex;
      align-items:center;
      gap:.4375rem;
      flex-wrap:wrap;
      margin-top:.625rem;
    }
    body.dms-page-groups-viewgroup .reaction-item{
      position:relative;
      display:inline-flex;
      align-items:stretch;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.75rem;
      overflow:hidden;
      background:var(--dms-input-bg);
    }
    body.dms-page-groups-viewgroup .reaction-set-btn, body.dms-page-groups-viewgroup .reaction-users-btn{
      min-height:2.25rem;
      border:0;
      border-radius:0;
      background:transparent;
      color:var(--dms-text);
      cursor:pointer;
    }
    body.dms-page-groups-viewgroup .reaction-set-btn{
      min-width:2.625rem;
      padding:.4375rem .5625rem;
      font-size:1rem;
    }
    body.dms-page-groups-viewgroup .reaction-users-btn{
      min-width:2.125rem;
      padding:.4375rem .5625rem;
      border-left:.0625rem solid var(--dms-border-soft);
      color:var(--dms-muted);
      font-weight:850;
      font-size:.75rem;
    }
    body.dms-page-groups-viewgroup .reaction-set-btn:hover, body.dms-page-groups-viewgroup .reaction-users-btn:hover{
      background:var(--dms-card-strong);
      color:var(--dms-text);
    }
    body.dms-page-groups-viewgroup .reaction-item.is-selected{
      border-color:var(--dms-primary);
      box-shadow:0 0 0 .0625rem var(--dms-primary-soft);
    }
    body.dms-page-groups-viewgroup .reaction-item.is-selected .reaction-set-btn{
      background:var(--dms-primary-soft);
    }
    body.dms-page-groups-viewgroup .reaction-set-btn:disabled{
      cursor:not-allowed;
      opacity:.55;
    }
    body.dms-page-groups-viewgroup .reaction-hover-box{
      position:fixed;
      display:none;
      z-index:999990;
      width:max-content;
      max-width:min(17.5rem,calc(100vw - 1.25rem));
      padding:.5625rem .625rem;
      border:.0625rem solid var(--dms-border);
      border-radius:.6875rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 .875rem 2.25rem var(--dms-shadow);
      pointer-events:none;
      font-size:.75rem;
      line-height:1.45;
    }
    body.dms-page-groups-viewgroup .reaction-hover-title{font-weight:900;margin-bottom:.25rem}
    body.dms-page-groups-viewgroup .reaction-hover-more{color:var(--dms-muted);margin-top:.25rem}
    body.dms-page-groups-viewgroup .reaction-people-backdrop{
      position:fixed;
      inset:0;
      z-index:999995;
      display:none;
      align-items:center;
      justify-content:center;
      padding:.875rem;
      background:var(--dms-shadow);
    }
    body.dms-page-groups-viewgroup .reaction-people-backdrop.open{display:flex}
    body.dms-page-groups-viewgroup .reaction-people-window{
      width:min(23.75rem,100%);
      max-height:min(35rem,88vh);
      display:flex;
      flex-direction:column;
      overflow:hidden;
      border:.0625rem solid var(--dms-border);
      border-radius:1rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 1.5rem 4.375rem var(--dms-shadow);
    }
    body.dms-page-groups-viewgroup .reaction-people-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.625rem;
      padding:.8125rem .875rem;
      border-bottom:.0625rem solid var(--dms-border-soft);
    }
    body.dms-page-groups-viewgroup .reaction-people-title{font-weight:950}
    body.dms-page-groups-viewgroup .reaction-people-close{
      width:2.125rem;
      height:2.125rem;
      padding:0;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.625rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      cursor:pointer;
      font-size:1.25rem;
    }
    body.dms-page-groups-viewgroup .reaction-people-list{overflow:auto;padding:.625rem}
    body.dms-page-groups-viewgroup .reaction-person{
      display:flex;
      align-items:center;
      gap:.625rem;
      padding:.5625rem;
      border:.0625rem solid transparent;
      border-radius:.6875rem;
      color:inherit;
      text-decoration:none;
    }
    body.dms-page-groups-viewgroup .reaction-person:hover{
      border-color:var(--dms-border-soft);
      background:var(--dms-card);
    }
    body.dms-page-groups-viewgroup .reaction-person img{
      width:2.625rem;
      height:2.625rem;
      border-radius:.6875rem;
      object-fit:cover;
      border:.0625rem solid var(--dms-border-soft);
      flex:0 0 auto;
    }
    body.dms-page-groups-viewgroup .reaction-person strong{overflow-wrap:anywhere}
    body.dms-page-groups-viewgroup .reaction-people-empty{padding:1.5rem;text-align:center;color:var(--dms-muted)}

body.dms-page-groups-viewgroup .group-profile-header{overflow:hidden;padding:0!important}
body.dms-page-groups-viewgroup .group-profile-banner{position:relative;width:100%;height:14.375rem;overflow:hidden;background:var(--dms-input-bg)}
body.dms-page-groups-viewgroup .group-profile-banner img{display:block;width:100%;height:100%;object-fit:cover}
body.dms-page-groups-viewgroup .group-profile-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,var(--dms-bg) 100%);pointer-events:none}
body.dms-page-groups-viewgroup .group-profile-main{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:0 1.375rem 1.25rem;margin-top:-3.375rem}
body.dms-page-groups-viewgroup .group-profile-identity{display:flex;align-items:flex-end;gap:.9375rem;min-width:0}
body.dms-page-groups-viewgroup .group-profile-avatar{width:7rem;height:7rem;flex:0 0 auto;object-fit:cover;border-radius:1.5rem;border:.25rem solid var(--dms-bg);background:var(--dms-card);box-shadow:0 .75rem 1.875rem var(--dms-shadow)}
body.dms-page-groups-viewgroup .group-profile-copy{min-width:0;padding-bottom:.3125rem}body.dms-page-groups-viewgroup .group-profile-copy h1{margin:0;overflow-wrap:anywhere}
body.dms-page-groups-viewgroup .group-profile-contact{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:0 1.375rem 1.125rem}
body.dms-page-groups-viewgroup .group-profile-contact a, body.dms-page-groups-viewgroup .group-profile-contact span{display:inline-flex;align-items:center;min-height:2.125rem;padding:0 .625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);color:inherit;text-decoration:none;font-size:.75rem;overflow-wrap:anywhere}
body.dms-page-groups-viewgroup .group-profile-contact a:hover{border-color:var(--dms-primary);background:var(--dms-card-strong)}
body.dms-page-groups-viewgroup .group-profile-description{padding:0 1.375rem 1.375rem;line-height:1.65}
@media(max-width:900px){body.dms-page-groups-viewgroup .group-layout{grid-template-columns:1fr}body.dms-page-groups-viewgroup .group-members{position:static}}
@media(max-width:620px){body.dms-page-groups-viewgroup .group-profile-banner{height:10.625rem}body.dms-page-groups-viewgroup .group-profile-main{align-items:flex-start;margin-top:-2.625rem;padding:0 .875rem 1rem}body.dms-page-groups-viewgroup .group-profile-avatar{width:5.5rem;height:5.5rem;border-radius:1.25rem}body.dms-page-groups-viewgroup .group-profile-contact, body.dms-page-groups-viewgroup .group-profile-description{padding-left:.875rem;padding-right:.875rem}body.dms-page-groups-viewgroup .group-profile-main>div:last-child{width:100%}}

    body.dms-page-groups-viewgroup .dms-album-share-card{
      margin:.75rem 0;
      overflow:hidden;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.9375rem;
      background:var(--dms-card);
    }
    body.dms-page-groups-viewgroup .dms-album-share-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:.25rem;
      padding:.25rem;
      background:var(--dms-input-bg);
    }
    body.dms-page-groups-viewgroup .dms-album-share-grid.count-1{grid-template-columns:minmax(0,1fr)}
    body.dms-page-groups-viewgroup .dms-album-share-grid.count-1 .dms-album-share-image{height:17.5rem}
    body.dms-page-groups-viewgroup .dms-album-share-grid.count-2 .dms-album-share-image{height:13.75rem}
    body.dms-page-groups-viewgroup .dms-album-share-grid.count-3 .dms-album-share-image, body.dms-page-groups-viewgroup .dms-album-share-grid.count-4 .dms-album-share-image{height:10.9375rem}
    body.dms-page-groups-viewgroup .dms-album-share-image{
      position:relative;
      display:block;
      min-width:0;
      overflow:hidden;
      border-radius:.625rem;
      background:var(--dms-card);
    }
    body.dms-page-groups-viewgroup .dms-album-share-image img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
    }
    body.dms-page-groups-viewgroup .dms-album-share-more{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:var(--dms-card-strong);
      color:var(--dms-text);
      font-size:1.5625rem;
      font-weight:950;
    }
    body.dms-page-groups-viewgroup .dms-album-share-info{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.875rem;
      padding:.875rem .9375rem;
      background:var(--dms-card);
    }
    body.dms-page-groups-viewgroup .dms-album-share-copy{min-width:0}
    body.dms-page-groups-viewgroup .dms-album-share-badge{
      display:inline-flex;
      align-items:center;
      min-height:1.5625rem;
      padding:0 .5rem;
      margin-bottom:.375rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:62.4375rem;
      background:var(--dms-input-bg);
      font-size:.625rem;
      font-weight:900;
    }
    body.dms-page-groups-viewgroup .dms-album-share-title{
      font-size:1rem;
      font-weight:900;
      overflow-wrap:anywhere;
    }
    body.dms-page-groups-viewgroup .dms-album-share-meta{
      margin-top:.25rem;
      color:var(--dms-muted);
      font-size:.6875rem;
    }
    body.dms-page-groups-viewgroup .dms-album-share-open{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:2.375rem;
      padding:0 .75rem;
      border:.0625rem solid var(--dms-primary);
      border-radius:.625rem;
      background:var(--dms-primary);
      color:var(--dms-text);
      text-decoration:none;
      font-size:.6875rem;
      font-weight:900;
    }
    @media(max-width:620px){
      body.dms-page-groups-viewgroup .dms-album-share-grid.count-1 .dms-album-share-image, body.dms-page-groups-viewgroup .dms-album-share-grid.count-2 .dms-album-share-image, body.dms-page-groups-viewgroup .dms-album-share-grid.count-3 .dms-album-share-image, body.dms-page-groups-viewgroup .dms-album-share-grid.count-4 .dms-album-share-image{height:9.0625rem}
      body.dms-page-groups-viewgroup .dms-album-share-info{align-items:flex-start;flex-direction:column}
      body.dms-page-groups-viewgroup .dms-album-share-open{width:100%}
    }


/* =========================================================
   CSS MIGRATED FROM groups.php <style> #1
   Scope: body.dms-page-groups
   ========================================================= */
    body.dms-page-groups .group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.3125rem,1fr));gap:.75rem}
    body.dms-page-groups .group-card{ 
        transition: transform 0.2s ease, box-shadow 0.2s ease; 
        background: rgba(255, 255, 255, 0.03) !important;
        border: .0625rem solid var(--dms-border) !important;
        display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:0!important;
    }
    body.dms-page-groups .group-card:hover{ 
        transform: translateY(-.25rem); 
        box-shadow: 0 .5rem 1.5rem rgba(0,0,0,0.2); 
        border-color: var(--dms-primary) !important;
    }
    body.dms-page-groups .group-badge-public{ background: rgba(34, 197, 94, 0.1); color: #22c55e; border: .0625rem solid rgba(34, 197, 94, 0.2); }
    body.dms-page-groups .group-badge-members{ background: var(--dms-primary-soft); color: var(--dms-primary); border: .0625rem solid var(--dms-border-soft); }
    body.dms-page-groups .group-badge-private{ background: rgba(239, 68, 68, 0.1); color: #ef4444; border: .0625rem solid rgba(239, 68, 68, 0.2); }
    body.dms-page-groups .desc-truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;opacity:.82;line-height:1.35;min-height:2.1em}
    body.dms-page-groups .group-card-banner{position:relative;height:5.75rem;overflow:hidden;background:var(--dms-input-bg)}
    body.dms-page-groups .group-card-banner>img:first-child{display:block;width:100%;height:100%;object-fit:cover}
    body.dms-page-groups .group-card-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.55));pointer-events:none}
    body.dms-page-groups .group-card-avatar{position:absolute;left:.6875rem;bottom:.5rem;z-index:2;width:3rem;height:3rem;object-fit:cover;border-radius:.75rem;border:.125rem solid var(--dms-card);background:var(--dms-card)}
    body.dms-page-groups .group-card-body{padding:.6875rem .75rem .75rem}
    body.dms-page-groups .group-card-location{display:inline-flex;align-items:center;min-height:1.375rem;padding:0 .375rem;margin-bottom:.4375rem;max-width:100%;border:.0625rem solid var(--dms-border-soft);border-radius:.4375rem;background:var(--dms-input-bg);font-size:.5625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    body.dms-page-groups .group-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.4375rem;margin-bottom:.375rem}
    body.dms-page-groups .group-card-title{margin:0;min-width:0;font-size:.98rem;line-height:1.2;font-weight:750;color:var(--dms-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
    body.dms-page-groups .group-card-date{margin-bottom:.4375rem;display:flex;align-items:center;gap:.25rem;font-size:.68rem}
    body.dms-page-groups .group-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5625rem;padding-top:.5rem;border-top:.0625rem solid var(--dms-border-soft)}
    body.dms-page-groups .group-card-actions{display:flex;align-items:center;gap:.3125rem}
    body.dms-page-groups .group-card .group-open-btn, body.dms-page-groups .group-card .group-manage-btn, body.dms-page-groups .group-card .group-delete-btn{min-height:1.8125rem;padding:.25rem .5rem;font-size:.72rem;border-radius:.5rem}
    @media(max-width:620px){body.dms-page-groups .group-grid{grid-template-columns:repeat(auto-fill,minmax(13.125rem,1fr));gap:.5625rem}body.dms-page-groups .group-card-banner{height:5.125rem}}


/* =========================================================
   CSS MIGRATED FROM header.php <style> #1
   Scope: global/shared
   ========================================================= */
    .dms-rail{
      scrollbar-width:none;
      -ms-overflow-style:none;
    }
    .dms-rail::-webkit-scrollbar{
      width:0;
      height:0;
      display:none;
    }
    .rail-news,
    .rail-news__list{
      scrollbar-width:none;
      -ms-overflow-style:none;
    }
    .rail-news::-webkit-scrollbar,
    .rail-news__list::-webkit-scrollbar{
      width:0;
      height:0;
      display:none;
    }
    .rail-news__list{
      display:flex;
      flex-direction:column;
      gap:.625rem;
    }
    .rail-news__hero,
    .rail-news__item{
      margin:0;
    }
    .rail-news__subtitle{
      margin-top:.25rem;
      color:var(--dms-muted);
      font-size:.6875rem;
      font-weight:700;
      line-height:1.35;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .rail-news__hero-subtitle,
    .rail-news__item-subtitle{
      width:100%;
      padding:.5rem .625rem .625rem;
      border-top:.0625rem solid var(--dms-border-soft);
      background:var(--dms-card);
      box-sizing:border-box;
    }
    .rail-news__item-txt{
      width:100%;
      min-width:0;
    }
    .rail-news__hero-subtitle .rail-news__subtitle,
    .rail-news__item-subtitle .rail-news__subtitle{
      margin-top:0;
    }
    .rail-news__hero-title,
    .rail-news__item-title{
      display:flex;
      align-items:baseline;
      gap:.375rem;
      flex-wrap:wrap;
    }
    .rail-news__date{
      color:var(--dms-muted);
      font-size:.5625rem;
      font-weight:700;
      line-height:1;
      white-space:nowrap;
      opacity:.9;
    }
    .dms-news-preview-source{
      cursor:pointer;
    }
    .dms-news-floating{
      position:fixed;
      z-index:20000;
      display:none;
      width:min(23.75rem,calc(100vw - 1.5rem));
      max-height:min(76vh,40rem);
      overflow:auto;
      border:.0625rem solid var(--dms-border);
      border-radius:1.125rem;
      background:var(--dms-bg) !important;
      background-color:var(--dms-bg) !important;
      color:var(--dms-text);
      box-shadow:0 1.625rem 5rem var(--dms-shadow);
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      opacity:0;
      transform:translateY(.4375rem) scale(.985);
      transition:opacity .14s ease,transform .14s ease;
      isolation:isolate;
    }
    .dms-news-floating.open{
      display:block;
      opacity:1;
      transform:translateY(0) scale(1);
    }
    .dms-news-floating__close{
      position:absolute;
      top:.5625rem;
      right:.5625rem;
      z-index:2;
      width:2.125rem;
      height:2.125rem;
      display:grid;
      place-items:center;
      padding:0;
      border:.0625rem solid var(--dms-border);
      border-radius:.6875rem;
      background:var(--dms-bg) !important;
      background-color:var(--dms-bg) !important;
      color:var(--dms-text);
      cursor:pointer;
      font-size:1.125rem;
      font-weight:900;
    }
    .dms-news-floating__image{
      display:block;
      width:100%;
      aspect-ratio:16/7;
      object-fit:cover;
      background:var(--dms-panel);
      border-bottom:.0625rem solid var(--dms-border-soft);
    }
    .dms-news-floating__body{
      padding:.875rem .9375rem 1rem;
      background:var(--dms-bg) !important;
      background-color:var(--dms-bg) !important;
      opacity:1;
    }
    .dms-news-floating__title{
      margin:0;
      color:var(--dms-title);
      font-size:1.1875rem;
      font-weight:950;
      line-height:1.18;
      overflow-wrap:anywhere;
    }
    .dms-news-floating__subtitle{
      margin-top:.375rem;
      color:var(--dms-muted);
      font-size:.8125rem;
      font-weight:800;
      line-height:1.4;
      overflow-wrap:anywhere;
    }
    .dms-news-floating__description{
      margin-top:.6875rem;
      color:var(--dms-text);
      font-size:.8125rem;
      line-height:1.55;
      white-space:pre-wrap;
      overflow-wrap:anywhere;
    }

    .dms-news-header-panel{
      position:fixed;
      z-index:19000;
      display:none;
      width:min(26.875rem,calc(100vw - 1.5rem));
      max-height:min(82vh,47.5rem);
      overflow:auto;
      padding:.75rem;
      border:.0625rem solid var(--dms-border);
      border-radius:1.125rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 1.625rem 5rem var(--dms-shadow);
    }
    .dms-news-header-panel.open{display:block}
    .dms-news-header-panel .rail-news{position:static;max-height:none;overflow:visible}
    .dms-news-header-panel__head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.625rem;
      margin-bottom:.625rem;
    }
    .dms-news-header-panel__title{font-weight:900;color:var(--dms-title)}
    .dms-news-header-panel__close{
      width:2.125rem;height:2.125rem;padding:0;display:grid;place-items:center;border-radius:.6875rem;
    }
    .dms-news-new-dot{
      position:absolute;
      top:-.1875rem;
      right:-.1875rem;
      width:.6875rem;
      height:.6875rem;
      display:none;
      border:.125rem solid var(--dms-bg);
      border-radius:50%;
      background:var(--dms-danger);
      box-shadow:0 0 0 .125rem color-mix(in srgb,var(--dms-danger) 30%,transparent);
    }
    .dms-iconbtn--news{position:relative}
    .dms-iconbtn--events{position:relative}
    .dms-event-count{
      position:absolute;
      top:-.4375rem;
      right:-.4375rem;
      min-width:1.1875rem;
      height:1.1875rem;
      display:grid;
      place-items:center;
      padding:0 .25rem;
      border:.125rem solid var(--dms-bg);
      border-radius:62.4375rem;
      background:var(--dms-primary);
      color:#fff;
      font-size:.5625rem;
      font-weight:950;
      line-height:1;
      box-sizing:border-box;
    }
    .dms-event-new-chip{
      display:inline-flex;
      align-items:center;
      min-height:1.25rem;
      padding:0 .375rem;
      border-radius:62.4375rem;
      background:var(--dms-primary);
      color:#fff;
      font-size:.5rem;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .dms-menu-event-link{position:relative}
    .dms-menu-event-badge{
      position:absolute;
      top:.3125rem;
      right:.3125rem;
      min-width:1.1875rem;
      height:1.1875rem;
      display:grid;
      place-items:center;
      padding:0 .25rem;
      border:.125rem solid var(--dms-bg);
      border-radius:62.4375rem;
      background:var(--dms-primary);
      color:#fff;
      font-size:.5625rem;
      font-weight:950;
      line-height:1;
      box-sizing:border-box;
    }
    .dms-events-header-panel{
      position:fixed;
      z-index:19500;
      display:none;
      width:min(26.875rem,calc(100vw - 1.5rem));
      max-height:min(78vh,42.5rem);
      overflow:hidden;
      border:.0625rem solid var(--dms-border);
      border-radius:1.125rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 1.625rem 5rem var(--dms-shadow);
    }
    .dms-events-header-panel.open{display:flex;flex-direction:column}
    .dms-events-header-head{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.75rem .8125rem;border-bottom:.0625rem solid var(--dms-border-soft)}
    .dms-events-header-title{font-weight:950;color:var(--dms-title)}
    .dms-events-header-close{width:2.125rem;height:2.125rem;padding:0;display:grid;place-items:center;border-radius:.625rem}
    .dms-events-header-list{display:grid;gap:.4375rem;overflow:auto;padding:.625rem}
    .dms-event-header-item{display:grid;grid-template-columns:3.375rem minmax(0,1fr);gap:.625rem;align-items:center;padding:.5625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg);color:inherit;text-decoration:none}
    .dms-event-header-item:hover{border-color:var(--dms-primary);background:var(--dms-card-strong)}
    .dms-event-header-date{height:3.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-card)}
    .dms-event-header-date strong{font-size:1.0625rem;line-height:1}.dms-event-header-date span{margin-top:.1875rem;color:var(--dms-muted);font-size:.5625rem;font-weight:900;text-transform:uppercase}
    .dms-event-header-copy{min-width:0}.dms-event-header-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.dms-event-header-meta{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.25rem;color:var(--dms-muted);font-size:.625rem}.dms-event-header-visibility{font-weight:850}
    .dms-events-header-foot{display:flex;justify-content:flex-end;padding:.625rem .75rem;border-top:.0625rem solid var(--dms-border-soft);background:var(--dms-card)}
    @media(max-width:600px){.dms-events-header-panel{left:.75rem!important;right:.75rem!important;top:5.125rem!important;width:auto;max-height:76vh}}
    @media(max-width:760px){
      .dms-news-floating{
        left:.75rem!important;
        right:.75rem!important;
        top:auto!important;
        bottom:.75rem!important;
        width:auto;
        max-height:72vh;
      }
    }
  


/* =========================================================
   CSS MIGRATED FROM includes/admin_menu.php <style> #1
   Scope: global/shared
   ========================================================= */
        .dms-admin-menu-wrap{
          width:100%;
          min-width:0;
          margin-top:.75rem;
          overflow:visible;
          container-type:inline-size;
        }
        .dms-admin-menu{
          display:grid;
          grid-template-columns:repeat(5,minmax(0,1fr));
          gap:.5625rem;
          width:100%;
          max-width:100%;
          padding:.0625rem;
          overflow:visible;
        }
        .dms-admin-menu .btn{
          min-width:0;
          width:100%;
          white-space:nowrap;
          text-decoration:none;
          justify-content:center;
          text-align:center;
        }
        .dms-admin-menu .btn.active{
          border-color:var(--dms-accent);
          box-shadow:0 0 0 .125rem color-mix(in srgb,var(--dms-accent) 14%,transparent) inset;
        }
        @container (max-width:1100px){
          .dms-admin-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
        }
        @container (max-width:620px){
          .dms-admin-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4375rem}
          .dms-admin-menu .btn{white-space:normal}
        }
        @container (max-width:340px){
          .dms-admin-menu{grid-template-columns:1fr}
        }
        


/* =========================================================
   CSS MIGRATED FROM index.php <style> #1
   Scope: body.dms-page-index
   ========================================================= */
    body.dms-page-index .post-head{ display:flex; align-items:center; gap:.625rem; }
    body.dms-page-index .post-avatar{
      width:2.75rem; height:2.75rem;
      border-radius:62.4375rem;
      object-fit:cover;
      border:.0625rem solid var(--dms-border-soft, rgba(255,255,255,.12));
      background: rgba(0,0,0,.18);
      flex: 0 0 auto;
    }
    body.dms-page-index .post-meta{ display:flex; align-items:baseline; gap:.625rem; flex-wrap:wrap; }
    body.dms-page-index .post-author{ font-weight:800; }
    body.dms-page-index .post-profile-link{
      color:inherit;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
    }
    body.dms-page-index .post-profile-link:hover .post-author{
      text-decoration:underline;
    }
    body.dms-page-index .comment-profile-link{
      color:inherit;
      text-decoration:none;
      font-weight:800;
    }
    body.dms-page-index .comment-profile-link:hover{
      text-decoration:underline;
    }
    body.dms-page-index .post-date{ opacity:.75; font-size:.75rem; }

    body.dms-page-index .post-actions{
      margin-left:auto;
      display:flex;
      align-items:center;
      gap:.4375rem;
    }
    body.dms-page-index .post-edit-button{
      min-width:2.125rem;
      min-height:2.125rem;
      padding:.3125rem .5rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.625rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      cursor:pointer;
    }
    body.dms-page-index .post-edit-button:hover{background:var(--dms-card-strong)}
    body.dms-page-index .dms-format-toolbar{
      display:flex;
      align-items:center;
      gap:.375rem;
      flex-wrap:wrap;
      margin:0 0 .4375rem;
    }
    body.dms-page-index .dms-format-button{
      min-width:2.125rem;
      min-height:2rem;
      padding:.3125rem .5rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.5625rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      font-weight:850;
      cursor:pointer;
    }
    body.dms-page-index .dms-format-button:hover{background:var(--dms-card-strong)}
    body.dms-page-index .dms-format-color{
      width:2.625rem;
      height:2rem;
      padding:.125rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.5625rem;
      background:var(--dms-input-bg);
      cursor:pointer;
    }

    body.dms-page-index .dms-compose-launcher{
      padding:.75rem;
    }
    body.dms-page-index .dms-compose-launcher-button{
      width:100%;
      min-height:3.875rem;
      display:flex;
      align-items:center;
      gap:.75rem;
      padding:.625rem .875rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.875rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      text-align:left;
      cursor:pointer;
      transition:transform .15s ease,border-color .15s ease,background .15s ease;
    }
    body.dms-page-index .dms-compose-launcher-button:hover{
      transform:translateY(-.0625rem);
      border-color:var(--dms-primary);
      background:var(--dms-card-strong);
    }
    body.dms-page-index .dms-compose-launcher-icon{
      width:2.625rem;
      height:2.625rem;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.75rem;
      background:var(--dms-card);
      font-size:1.25rem;
    }
    body.dms-page-index .dms-compose-launcher-copy{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:.125rem;
      flex:1;
    }
    body.dms-page-index .dms-compose-launcher-copy strong{
      font-size:.9375rem;
    }
    body.dms-page-index .dms-compose-launcher-copy small{
      color:var(--dms-muted);
      font-size:.6875rem;
    }
    body.dms-page-index .dms-compose-launcher-action{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:2.125rem;
      padding:0 .6875rem;
      border-radius:.625rem;
      background:var(--dms-primary);
      color:#fff;
      font-size:.6875rem;
      font-weight:900;
      white-space:nowrap;
    }
    body.dms-page-index .dms-compose-window{
      width:min(48.75rem,100%);
    }
    body.dms-page-index .dms-compose-intro{
      display:flex;
      align-items:center;
      gap:.625rem;
      margin-bottom:.75rem;
      padding:.625rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.75rem;
      background:var(--dms-input-bg);
    }
    body.dms-page-index .dms-compose-avatar{
      width:2.75rem;
      height:2.75rem;
      flex:0 0 auto;
      object-fit:cover;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.75rem;
    }
    body.dms-page-index .dms-compose-intro strong{
      display:block;
      font-size:.8125rem;
    }
    body.dms-page-index .dms-compose-intro span{
      display:block;
      margin-top:.125rem;
      color:var(--dms-muted);
      font-size:.6875rem;
    }
    body.dms-page-index .dms-compose-form textarea{
      width:100%;
      min-height:11.875rem;
      resize:vertical;
      line-height:1.5;
    }
    body.dms-page-index .dms-compose-media{
      margin-top:.75rem;
      padding-top:.75rem;
      border-top:.0625rem solid var(--dms-border-soft);
    }
    body.dms-page-index .dms-compose-file-row{
      display:flex;
      align-items:center;
      gap:.5625rem;
      flex-wrap:wrap;
    }
    body.dms-page-index .dms-compose-file-button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:2.375rem;
      padding:0 .75rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.625rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      font-size:.75rem;
      font-weight:850;
      cursor:pointer;
    }
    body.dms-page-index .dms-compose-file-button:hover{
      background:var(--dms-card-strong);
    }
    body.dms-page-index .dms-compose-file-count{
      color:var(--dms-muted);
      font-size:.6875rem;
    }
    body.dms-page-index .dms-compose-preview{
      display:none;
      gap:.4375rem;
      flex-wrap:wrap;
      margin-top:.625rem;
      padding:.5rem;
      border:.0625rem dashed var(--dms-border-soft);
      border-radius:.75rem;
      background:var(--dms-input-bg);
    }
    body.dms-page-index .dms-compose-preview.visible{
      display:flex;
    }
    body.dms-page-index .dms-compose-preview-item{
      position:relative;
      width:4.875rem;
      height:4.875rem;
      overflow:hidden;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.625rem;
      background:var(--dms-card);
    }
    body.dms-page-index .dms-compose-preview-item img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }
    body.dms-page-index .dms-compose-preview-number{
      position:absolute;
      top:.25rem;
      left:.25rem;
      min-width:1.1875rem;
      height:1.1875rem;
      display:grid;
      place-items:center;
      padding:0 .25rem;
      border-radius:62.4375rem;
      background:rgba(0,0,0,.72);
      color:#fff;
      font-size:.5625rem;
      font-weight:950;
    }
    @media(max-width:560px){
      body.dms-page-index .dms-compose-launcher-action{display:none}
      body.dms-page-index .dms-compose-launcher-copy small{display:none}
      body.dms-page-index .dms-compose-window{height:calc(100vh - 1.25rem);overflow:auto}
    }

body.dms-page-index .dms-edit-media{margin-top:.75rem;padding-top:.75rem;border-top:.0625rem solid var(--dms-border-soft)}
body.dms-page-index .dms-edit-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem;margin-bottom:.5625rem}
body.dms-page-index .dms-edit-media-head strong{font-size:.8125rem}
body.dms-page-index .dms-edit-media-help{color:var(--dms-muted);font-size:.625rem;text-align:right}
body.dms-page-index .dms-edit-media-list{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap;min-height:2.875rem;padding:.5rem;border:.0625rem dashed var(--dms-border-soft);border-radius:.75rem;background:var(--dms-input-bg)}
body.dms-page-index .dms-edit-media-empty{width:100%;padding:.75rem;color:var(--dms-muted);font-size:.75rem;text-align:center}
body.dms-page-index .dms-edit-media-item{position:relative;width:7rem;padding:.3125rem;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-card);cursor:grab;user-select:none}
body.dms-page-index .dms-edit-media-item.dragging{opacity:.45}
body.dms-page-index .dms-edit-media-item img{display:block;width:6.25rem;height:6.25rem;object-fit:cover;border-radius:.5rem;background:var(--dms-input-bg)}
body.dms-page-index .dms-edit-media-number{position:absolute;top:.5rem;left:.5rem;min-width:1.375rem;height:1.375rem;padding:0 .3125rem;display:grid;place-items:center;border-radius:62.4375rem;background:rgba(0,0,0,.70);color:#fff;font-size:.625rem;font-weight:950}
body.dms-page-index .dms-edit-media-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:.3125rem}
body.dms-page-index .dms-edit-media-controls button{min-width:0;min-height:1.75rem;padding:.1875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.4375rem;background:var(--dms-input-bg);color:var(--dms-text);cursor:pointer}
body.dms-page-index .dms-edit-media-controls button:hover{background:var(--dms-card-strong)}
body.dms-page-index .dms-edit-media-controls .remove{color:var(--dms-danger)}
body.dms-page-index .dms-edit-media-add{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;margin-top:.5rem;padding:0 .6875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);color:var(--dms-text);font-size:.75rem;font-weight:850;cursor:pointer}
body.dms-page-index .dms-edit-media-add:hover{background:var(--dms-card-strong)}

    body.dms-page-index .dms-edit-backdrop{
      position:fixed;
      inset:0;
      z-index:999997;
      display:none;
      align-items:center;
      justify-content:center;
      padding:.875rem;
      background:var(--dms-shadow);
    }
    body.dms-page-index .dms-edit-backdrop.open{display:flex}
    body.dms-page-index .dms-edit-window{
      width:min(43.75rem,100%);
      border:.0625rem solid var(--dms-border);
      border-radius:1rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 1.5rem 4.375rem var(--dms-shadow);
      overflow:hidden;
    }
    body.dms-page-index .dms-edit-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.625rem;
      padding:.8125rem .875rem;
      border-bottom:.0625rem solid var(--dms-border-soft);
    }
    body.dms-page-index .dms-edit-head strong{font-size:1rem}
    body.dms-page-index .dms-edit-close{
      width:2.125rem;
      height:2.125rem;
      padding:0;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.625rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      cursor:pointer;
      font-size:1.25rem;
    }
    body.dms-page-index .dms-edit-form{padding:.875rem}
    body.dms-page-index .dms-edit-form textarea{width:100%;min-height:11.25rem;resize:vertical}
    body.dms-page-index .dms-edit-actions{
      display:flex;
      justify-content:flex-end;
      gap:.5rem;
      margin-top:.625rem;
    }

    body.dms-page-index .dms-post-gallery{
      display:grid;
      grid-auto-rows:8rem;
      justify-content:start;
      width:max-content;
      max-width:100%;
      gap:.375rem;
      margin:.75rem 0;
      overflow:hidden;
      border-radius:.8125rem;
    }
    body.dms-page-index .dms-post-gallery.count-1{grid-template-columns:8rem}
    body.dms-page-index .dms-post-gallery.count-2{grid-template-columns:repeat(2,8rem)}
    body.dms-page-index .dms-post-gallery.count-3{grid-template-columns:repeat(3,8rem)}
    body.dms-page-index .dms-post-gallery.count-4, body.dms-page-index .dms-post-gallery.count-many{grid-template-columns:repeat(4,8rem)}
    body.dms-page-index .dms-post-gallery.count-3 .dms-gallery-thumb:first-child{
      grid-row:auto;
    }
    body.dms-page-index .dms-gallery-thumb{
      position:relative;
      display:block;
      width:8rem;
      height:8rem;
      min-width:8rem;
      padding:0;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.6875rem;
      background:var(--dms-input-bg);
      overflow:hidden;
      cursor:zoom-in;
      aspect-ratio:1/1;
    }
    body.dms-page-index .dms-post-gallery.count-1 .dms-gallery-thumb{
      width:8rem;
      height:8rem;
      max-height:none;
      aspect-ratio:1/1;
    }
    body.dms-page-index .dms-gallery-thumb img, body.dms-page-index .dms-post-gallery.count-1 .dms-gallery-thumb img{
      width:100%;
      height:100%;
      min-height:0;
      max-height:none;
      display:block;
      object-fit:cover;
    }
    body.dms-page-index .dms-gallery-thumb:nth-child(n/**/+5){display:none}
    body.dms-page-index .dms-gallery-more{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:rgba(0,0,0,.54);
      color:#fff;
      font-size:1.5rem;
      font-weight:950;
    }
    @media(max-width:760px){
      body.dms-page-index .dms-post-gallery.count-3, body.dms-page-index .dms-post-gallery.count-4, body.dms-page-index .dms-post-gallery.count-many{
        grid-template-columns:repeat(2,8rem);
      }
    }

body.dms-page-index .dms-gallery-backdrop{
      position:fixed;
      inset:0;
      z-index:1000001;
      display:none;
      align-items:center;
      justify-content:center;
      padding:1rem;
      background:rgba(0,0,0,.88);
    }
    body.dms-page-index .dms-gallery-backdrop.open{display:flex}
    body.dms-page-index .dms-gallery-stage{
      position:relative;
      width:min(75rem,100%);
      height:min(90vh,56.25rem);
      display:grid;
      place-items:center;
    }
    body.dms-page-index .dms-gallery-image{
      max-width:100%;
      max-height:100%;
      object-fit:contain;
      border-radius:.75rem;
      box-shadow:0 1.5rem 5rem rgba(0,0,0,.5);
    }
    body.dms-page-index .dms-gallery-close, body.dms-page-index .dms-gallery-nav{
      position:absolute;
      z-index:2;
      display:grid;
      place-items:center;
      border:.0625rem solid rgba(255,255,255,.25);
      background:rgba(0,0,0,.58);
      color:#fff;
      cursor:pointer;
    }
    body.dms-page-index .dms-gallery-close{
      top:.5rem;
      right:.5rem;
      width:2.625rem;
      height:2.625rem;
      border-radius:.75rem;
      font-size:1.625rem;
    }
    body.dms-page-index .dms-gallery-nav{
      top:50%;
      width:3rem;
      height:4rem;
      border-radius:.8125rem;
      transform:translateY(-50%);
      font-size:2.375rem;
    }
    body.dms-page-index .dms-gallery-prev{left:.5rem}
    body.dms-page-index .dms-gallery-next{right:.5rem}
    body.dms-page-index .dms-gallery-counter{
      position:absolute;
      left:50%;
      bottom:.5rem;
      transform:translateX(-50%);
      padding:.375rem .625rem;
      border-radius:62.4375rem;
      background:rgba(0,0,0,.65);
      color:#fff;
      font-size:.75rem;
      font-weight:850;
    }
    body.dms-page-index .dms-video-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(16.25rem,1fr));
      gap:.625rem;
      margin:.75rem 0;
    }
    body.dms-page-index .dms-video-card{
      min-width:0;
      overflow:hidden;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.8125rem;
      background:var(--dms-input-bg);
    }
    body.dms-page-index .dms-video-label{
      padding:.4375rem .625rem;
      color:var(--dms-muted);
      font-size:.6875rem;
      font-weight:850;
      border-bottom:.0625rem solid var(--dms-border-soft);
    }
    body.dms-page-index .dms-video-frame{
      position:relative;
      aspect-ratio:16/9;
      background:#000;
    }
    body.dms-page-index .dms-video-frame iframe{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      border:0;
    }
    body.dms-page-index .dms-direct-video{
      display:block;
      width:100%;
      max-height:32.5rem;
      background:#000;
    }

    body.dms-page-index .comment-block{ display: none; } 

    body.dms-page-index .comment{
      margin-bottom: .75rem;
      padding: .5rem;
      background: rgba(255,255,255,0.03);
      border-radius: .375rem;
    }

    body.dms-page-index .comment-head{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: .25rem;
    }

    body.dms-page-index .comment-head form button, body.dms-page-index .post-head form button{
      background: none;
      border: none;
      color: #ff4d4d;
      font-size: 1rem;
      cursor: pointer;
      padding: 0;
      line-height: 1;
      opacity: 0.7;
      transition: opacity 0.2s, transform 0.2s;
    }
    body.dms-page-index .comment-head form button:hover{ opacity: 1; transform: scale(1.2); }

    body.dms-page-index .comment-body{
      word-wrap: break-word;
      font-size: 0.95em;
      opacity: 0.9;
    }

    body.dms-page-index .comment-image{
      max-width: 9.375rem;
      max-height: 9.375rem;
      border-radius: .3125rem;
      cursor: pointer !important; 
      transition: transform 0.2s;
      margin-top: .3125rem;
      display: block;
      pointer-events: auto !important;
    }
    body.dms-page-index .comment-image:hover{ transform: scale(1.03); }

    body.dms-page-index .view-comments-link{
      font-size: 0.9em;
      color: var(--dms-primary, #009dff);
      cursor: pointer;
      margin: .625rem 0;
      display: inline-block;
      font-weight: bold;
    }
    body.dms-page-index .post-modal{
      display: none;
      position: fixed;
      z-index: 10000;
      top: 0; left: 0; width: 100%; height: 100%;
      background: rgba(0,0,0,0.85);
      overflow-y: auto;
      padding: 1.25rem;
    }

    body.dms-page-index .post-modal-content{
      background: #1a1a1a;
      max-width: 43.75rem;
      margin: 1.875rem auto;
      border-radius: .75rem;
      padding: 1.25rem;
      position: relative;
      border: .0625rem solid rgba(255,255,255,0.1);
    }

    body.dms-page-index .post-modal-content .comment-block{ display: block !important; margin-top:.9375rem; border-top:.0625rem solid #333; padding-top:.9375rem; }

    body.dms-page-index .close-modal{
      position: absolute;
      right: .9375rem; top: .625rem;
      font-size: 1.75rem;
      cursor: pointer;
      color: #ccc;
      z-index: 10;
    }
    body.dms-page-index .modal-zoom{
      display: none;
      position: fixed;
      z-index: 999999 !important;  /* Doit être au-dessus de TOUT */
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.95);
      align-items: center;
      justify-content: center;
      cursor: zoom-out;
    }

    body.dms-page-index .modal-zoom img{
      max-width: 90%;
      max-height: 90%;
      border-radius: .3125rem;
      box-shadow: 0 0 1.875rem rgba(0,0,0,0.7);
    }

    body.dms-page-index .reaction-bar{
      display:flex;
      align-items:center;
      gap:.4375rem;
      flex-wrap:wrap;
      margin-top:.625rem;
    }
    body.dms-page-index .reaction-item{
      position:relative;
      display:inline-flex;
      align-items:stretch;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.75rem;
      overflow:hidden;
      background:var(--dms-input-bg);
    }
    body.dms-page-index .reaction-set-btn, body.dms-page-index .reaction-users-btn{
      min-height:2.25rem;
      border:0;
      border-radius:0;
      background:transparent;
      color:var(--dms-text);
      cursor:pointer;
    }
    body.dms-page-index .reaction-set-btn{
      min-width:2.625rem;
      padding:.4375rem .5625rem;
      font-size:1rem;
    }
    body.dms-page-index .reaction-users-btn{
      min-width:2.125rem;
      padding:.4375rem .5625rem;
      border-left:.0625rem solid var(--dms-border-soft);
      color:var(--dms-muted);
      font-weight:850;
      font-size:.75rem;
    }
    body.dms-page-index .reaction-set-btn:hover, body.dms-page-index .reaction-users-btn:hover{
      background:var(--dms-card-strong);
      color:var(--dms-text);
    }
    body.dms-page-index .reaction-item.is-selected{
      border-color:var(--dms-primary);
      box-shadow:0 0 0 .0625rem var(--dms-primary-soft);
    }
    body.dms-page-index .reaction-item.is-selected .reaction-set-btn{
      background:var(--dms-primary-soft);
    }
    body.dms-page-index .reaction-set-btn:disabled{
      cursor:not-allowed;
      opacity:.55;
    }
    body.dms-page-index .reaction-hover-box{
      position:fixed;
      display:none;
      z-index:999990;
      width:max-content;
      max-width:min(17.5rem,calc(100vw - 1.25rem));
      padding:.5625rem .625rem;
      border:.0625rem solid var(--dms-border);
      border-radius:.6875rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 .875rem 2.25rem var(--dms-shadow);
      pointer-events:none;
      font-size:.75rem;
      line-height:1.45;
    }
    body.dms-page-index .reaction-hover-title{font-weight:900;margin-bottom:.25rem}
    body.dms-page-index .reaction-hover-more{color:var(--dms-muted);margin-top:.25rem}
    body.dms-page-index .reaction-people-backdrop{
      position:fixed;
      inset:0;
      z-index:999995;
      display:none;
      align-items:center;
      justify-content:center;
      padding:.875rem;
      background:var(--dms-shadow);
    }
    body.dms-page-index .reaction-people-backdrop.open{display:flex}
    body.dms-page-index .reaction-people-window{
      width:min(23.75rem,100%);
      max-height:min(35rem,88vh);
      display:flex;
      flex-direction:column;
      overflow:hidden;
      border:.0625rem solid var(--dms-border);
      border-radius:1rem;
      background:var(--dms-bg);
      color:var(--dms-text);
      box-shadow:0 1.5rem 4.375rem var(--dms-shadow);
    }
    body.dms-page-index .reaction-people-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.625rem;
      padding:.8125rem .875rem;
      border-bottom:.0625rem solid var(--dms-border-soft);
    }
    body.dms-page-index .reaction-people-title{font-weight:950}
    body.dms-page-index .reaction-people-close{
      width:2.125rem;
      height:2.125rem;
      padding:0;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.625rem;
      background:var(--dms-input-bg);
      color:var(--dms-text);
      cursor:pointer;
      font-size:1.25rem;
    }
    body.dms-page-index .reaction-people-list{overflow:auto;padding:.625rem}
    body.dms-page-index .reaction-person{
      display:flex;
      align-items:center;
      gap:.625rem;
      padding:.5625rem;
      border:.0625rem solid transparent;
      border-radius:.6875rem;
      color:inherit;
      text-decoration:none;
    }
    body.dms-page-index .reaction-person:hover{
      border-color:var(--dms-border-soft);
      background:var(--dms-card);
    }
    body.dms-page-index .reaction-person img{
      width:2.625rem;
      height:2.625rem;
      border-radius:.6875rem;
      object-fit:cover;
      border:.0625rem solid var(--dms-border-soft);
      flex:0 0 auto;
    }
    body.dms-page-index .reaction-person strong{overflow-wrap:anywhere}
    body.dms-page-index .reaction-people-empty{padding:1.5rem;text-align:center;color:var(--dms-muted)}

  
    body.dms-page-index .dms-album-share-card{
      margin:.75rem 0;
      overflow:hidden;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:.9375rem;
      background:var(--dms-card);
    }
    body.dms-page-index .dms-album-share-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:.25rem;
      padding:.25rem;
      background:var(--dms-input-bg);
    }
    body.dms-page-index .dms-album-share-grid.count-1{grid-template-columns:minmax(0,1fr)}
    body.dms-page-index .dms-album-share-grid.count-1 .dms-album-share-image{height:17.5rem}
    body.dms-page-index .dms-album-share-grid.count-2 .dms-album-share-image{height:13.75rem}
    body.dms-page-index .dms-album-share-grid.count-3 .dms-album-share-image, body.dms-page-index .dms-album-share-grid.count-4 .dms-album-share-image{height:10.9375rem}
    body.dms-page-index .dms-album-share-image{
      position:relative;
      display:block;
      min-width:0;
      overflow:hidden;
      border-radius:.625rem;
      background:var(--dms-card);
    }
    body.dms-page-index .dms-album-share-image img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
    }
    body.dms-page-index .dms-album-share-more{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:var(--dms-card-strong);
      color:var(--dms-text);
      font-size:1.5625rem;
      font-weight:950;
    }
    body.dms-page-index .dms-album-share-info{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.875rem;
      padding:.875rem .9375rem;
      background:var(--dms-card);
    }
    body.dms-page-index .dms-album-share-copy{min-width:0}
    body.dms-page-index .dms-album-share-badge{
      display:inline-flex;
      align-items:center;
      min-height:1.5625rem;
      padding:0 .5rem;
      margin-bottom:.375rem;
      border:.0625rem solid var(--dms-border-soft);
      border-radius:62.4375rem;
      background:var(--dms-input-bg);
      font-size:.625rem;
      font-weight:900;
    }
    body.dms-page-index .dms-album-share-title{
      font-size:1rem;
      font-weight:900;
      overflow-wrap:anywhere;
    }
    body.dms-page-index .dms-album-share-meta{
      margin-top:.25rem;
      color:var(--dms-muted);
      font-size:.6875rem;
    }
    body.dms-page-index .dms-album-share-open{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:2.375rem;
      padding:0 .75rem;
      border:.0625rem solid var(--dms-primary);
      border-radius:.625rem;
      background:var(--dms-primary);
      color:var(--dms-text);
      text-decoration:none;
      font-size:.6875rem;
      font-weight:900;
    }
    @media(max-width:620px){
      body.dms-page-index .dms-album-share-grid.count-1 .dms-album-share-image, body.dms-page-index .dms-album-share-grid.count-2 .dms-album-share-image, body.dms-page-index .dms-album-share-grid.count-3 .dms-album-share-image, body.dms-page-index .dms-album-share-grid.count-4 .dms-album-share-image{height:9.0625rem}
      body.dms-page-index .dms-album-share-info{align-items:flex-start;flex-direction:column}
      body.dms-page-index .dms-album-share-open{width:100%}
    }

/* =========================================================
   CSS MIGRATED FROM messages.php <style> #1
   Scope: body.dms-page-messages
   ========================================================= */
body.dms-page-messages .msg-tabs{display:flex;gap:.625rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.25rem}
body.dms-page-messages .msg-tab-btn{white-space:nowrap;font-weight:700}
body.dms-page-messages .msg-tab-btn.active{border-color:var(--dms-accent);box-shadow:0 0 0 .125rem var(--dms-glow) inset}
body.dms-page-messages .msg-tab-content{display:none}
body.dms-page-messages .msg-tab-content.active{display:block}
body.dms-page-messages .msg-panel{padding:1.125rem}
body.dms-page-messages .msg-grid{display:grid;grid-template-columns:minmax(15.625rem,18.75rem) minmax(0,1fr);gap:1rem}
body.dms-page-messages .msg-sidebar{border-right:.0625rem solid var(--dms-border);padding-right:.875rem;min-width:0}
body.dms-page-messages .msg-search{margin-bottom:.625rem}
body.dms-page-messages .msg-contact-list{display:flex;flex-direction:column;gap:.4375rem;max-height:26.875rem;overflow:auto;padding-right:.1875rem}
body.dms-page-messages .msg-contact{width:100%;display:flex;align-items:center;gap:.625rem;text-align:left;padding:.5625rem;border-radius:.75rem;background:var(--dms-input-bg)}
body.dms-page-messages .msg-contact.active{border-color:var(--dms-accent);box-shadow:0 0 0 .125rem var(--dms-glow) inset}
body.dms-page-messages .msg-contact-avatar{width:2.375rem;height:2.375rem;border-radius:.625rem;object-fit:cover;border:.0625rem solid var(--dms-border);flex:0 0 auto}
body.dms-page-messages .msg-contact-copy{min-width:0;flex:1}
body.dms-page-messages .msg-contact-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dms-page-messages .msg-contact-mail{font-size:.73rem;color:var(--dms-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dms-page-messages .msg-online{width:.5625rem;height:.5625rem;border-radius:62.4375rem;background:var(--dms-muted);flex:0 0 auto}
body.dms-page-messages .msg-online.on{background:var(--dms-ok)}
body.dms-page-messages .msg-thread{height:22.5rem;overflow:auto;border:.0625rem solid var(--dms-border);border-radius:.75rem;padding:.875rem;background:var(--dms-input-bg)}
body.dms-page-messages .msg-bubble{max-width:82%;margin:.4375rem auto .4375rem 0;padding:.5625rem .6875rem;border:.0625rem solid var(--dms-border);border-radius:.75rem;background:var(--dms-card)}
body.dms-page-messages .msg-bubble.mine{margin-left:auto;margin-right:0;box-shadow:0 0 0 .125rem var(--dms-glow) inset}
body.dms-page-messages .msg-bubble-date{font-size:.68rem;color:var(--dms-muted);margin-top:.3125rem}
body.dms-page-messages .msg-empty{padding:1.25rem;text-align:center;color:var(--dms-muted)}
body.dms-page-messages .mail-card{padding:.75rem;margin-bottom:.5625rem}
body.dms-page-messages .mail-card.unread{border-left:.25rem solid var(--dms-accent)}
body.dms-page-messages .mail-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}
body.dms-page-messages .mail-card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.625rem}
body.dms-page-messages .badge-unread{display:inline-flex;padding:.125rem .4375rem;border-radius:62.4375rem;font-size:.65rem;font-weight:800;border:.0625rem solid var(--dms-accent);margin-right:.375rem}
body.dms-page-messages .msg-recipient-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.625rem;align-items:end;margin-bottom:.5rem}
body.dms-page-messages .msg-count{font-size:.8rem;color:var(--dms-muted);white-space:nowrap}
@media (max-width:760px){
  body.dms-page-messages .msg-grid{grid-template-columns:1fr}
  body.dms-page-messages .msg-sidebar{border-right:0;border-bottom:.0625rem solid var(--dms-border);padding-right:0;padding-bottom:.875rem}
  body.dms-page-messages .msg-contact-list{max-height:14.375rem}
}


/* =========================================================
   CSS MIGRATED FROM profile.php <style> #1
   Scope: body.dms-page-profile
   ========================================================= */
body.dms-page-profile .dms-profile-info{display:grid;gap:.5625rem}
body.dms-page-profile .dms-profile-info-title{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.028125rem}
body.dms-page-profile .dms-profile-info-grid{display:grid;grid-template-columns:1fr;gap:.5rem}
body.dms-page-profile .dms-profile-info-card{padding:.625rem .6875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-card);min-width:0}
body.dms-page-profile .dms-profile-info-card h4{margin:0 0 .4375rem;font-size:.78rem}
body.dms-page-profile .dms-profile-kv{display:grid;grid-template-columns:4.625rem minmax(0,1fr);gap:.3125rem .5rem;align-items:start;font-size:.78rem;line-height:1.35}
body.dms-page-profile .dms-profile-kv span:nth-child(odd){color:var(--dms-muted)}
body.dms-page-profile .dms-profile-kv span:nth-child(even){overflow-wrap:anywhere}
body.dms-page-profile .dms-profile-address{font-size:.78rem;line-height:1.42}
body.dms-page-profile .dms-profile-links{display:grid;grid-template-columns:1fr;gap:.4375rem}
body.dms-page-profile .dms-profile-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);color:inherit;text-decoration:none;min-width:0}
body.dms-page-profile .dms-profile-link:hover{border-color:var(--dms-accent)}
body.dms-page-profile .dms-profile-link-icon{width:1.8125rem;height:1.8125rem;display:grid;place-items:center;border:.0625rem solid var(--dms-border-soft);border-radius:.5rem;flex:0 0 auto;font-size:.95rem;overflow:hidden}
body.dms-page-profile .dms-profile-link-icon img{width:100%;height:100%;object-fit:cover}
body.dms-page-profile .dms-profile-link-text{min-width:0}
body.dms-page-profile .dms-profile-link-text strong, body.dms-page-profile .dms-profile-link-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.dms-page-profile .dms-profile-link-text strong{font-size:.78rem}
body.dms-page-profile .dms-profile-link-text small{margin-top:.125rem;color:var(--dms-muted);font-size:.68rem}
body.dms-page-profile .dms-profile-side{display:flex;flex-direction:column;gap:1.125rem}
body.dms-page-profile .dms-profile-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.625rem,1fr));gap:.75rem}
body.dms-page-profile .dms-profile-album{position:relative;display:block;overflow:hidden;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-card);color:inherit;text-decoration:none}
body.dms-page-profile .dms-profile-album:hover{border-color:var(--dms-accent)}
body.dms-page-profile .dms-profile-album img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--dms-input-bg)}
body.dms-page-profile .dms-profile-album-name{padding:.625rem;font-weight:850;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.dms-page-profile .dms-profile-album-badge{position:absolute;top:.5rem;left:.5rem;display:inline-flex;align-items:center;min-height:1.5625rem;padding:0 .5rem;border:.0625rem solid var(--dms-border);border-radius:62.4375rem;background:var(--dms-card-strong);font-size:.625rem;font-weight:900;box-shadow:0 .4375rem 1.125rem var(--dms-shadow)}
@media(max-width:850px){
  body.dms-page-profile .dms-profile-main-grid{grid-template-columns:1fr!important;gap:1.625rem!important}
  body.dms-page-profile .dms-profile-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  body.dms-page-profile .dms-profile-side>.dms-profile-info, body.dms-page-profile .dms-profile-side>.dms-profile-back{grid-column:1/-1}
}
body.dms-page-profile .dms-profile-moderation{margin-top:1.25rem}
body.dms-page-profile .dms-profile-moderation-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
body.dms-page-profile .dms-profile-moderation-head h3{margin:0;font-size:.9rem}
body.dms-page-profile .dms-profile-moderation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(16.25rem,1fr));gap:.4375rem}
body.dms-page-profile .dms-profile-ban{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main state" "icon reason reason";align-items:center;gap:.1875rem .5rem;min-width:0;padding:.4375rem .5625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.5625rem;background:var(--dms-input-bg);font-size:.7rem;line-height:1.25}
body.dms-page-profile .dms-profile-ban-icon{grid-area:icon;width:1.625rem;height:1.625rem;display:grid;place-items:center;border:.0625rem solid var(--dms-border-soft);border-radius:.5rem;background:var(--dms-card);font-size:.8rem}
body.dms-page-profile .dms-profile-ban-main{grid-area:main;min-width:0;display:flex;align-items:center;gap:.3125rem;overflow:hidden;white-space:nowrap}
body.dms-page-profile .dms-profile-ban-main strong{flex:0 0 auto;font-size:.72rem}
body.dms-page-profile .dms-profile-ban-main span{overflow:hidden;text-overflow:ellipsis}
body.dms-page-profile .dms-profile-ban-main a{font-weight:850;text-decoration:none;color:var(--dms-primary)}
body.dms-page-profile .dms-profile-ban-main a:hover{text-decoration:underline}
body.dms-page-profile .dms-profile-ban-reason{grid-area:reason;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dms-muted);font-size:.66rem}
body.dms-page-profile .dms-profile-ban-state{grid-area:state;align-self:start;font-size:.62rem;font-weight:900;padding:.125rem .375rem;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;white-space:nowrap}
@media(max-width:620px){body.dms-page-profile .dms-profile-moderation-list{grid-template-columns:1fr}}
@media(max-width:620px){
  body.dms-page-profile .dms-profile-side{grid-template-columns:1fr}
  body.dms-page-profile .dms-profile-side>.dms-profile-info, body.dms-page-profile .dms-profile-side>.dms-profile-back{grid-column:auto}
  body.dms-page-profile .dms-profile-kv{grid-template-columns:4.375rem minmax(0,1fr)}
}

/* =========================================================
   CSS MIGRATED FROM settings/members.php <style> #1
   Scope: body.dms-page-settings-members
   ========================================================= */
body.dms-page-settings-members .dms-admin-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}body.dms-page-settings-members .dms-admin-tabs{display:flex;gap:.5625rem;flex-wrap:wrap;margin-top:.75rem}body.dms-page-settings-members .dms-admin-tabs .active{border-color:var(--dms-accent)}
body.dms-page-settings-members .dms-member-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin:.875rem 0}body.dms-page-settings-members .dms-member-stat{padding:.8125rem;background:transparent}body.dms-page-settings-members .dms-member-stat strong{display:block;font-size:1.4rem;margin-top:.1875rem}
body.dms-page-settings-members .dms-member-tools{display:flex;gap:.5625rem;flex-wrap:wrap;align-items:center;margin:.875rem 0}body.dms-page-settings-members .dms-member-tools input, body.dms-page-settings-members .dms-member-tools select{min-width:11.875rem}
body.dms-page-settings-members .dms-member-table{width:100%;border-collapse:collapse}body.dms-page-settings-members .dms-member-table th, body.dms-page-settings-members .dms-member-table td{padding:.625rem;border-bottom:.0625rem solid var(--dms-border-soft);text-align:left;vertical-align:middle}body.dms-page-settings-members .dms-member-table th{color:var(--dms-muted)}
body.dms-page-settings-members .dms-member-avatar{width:2.875rem;height:2.875rem;object-fit:cover;border-radius:.8125rem;border:.0625rem solid var(--dms-border)}body.dms-page-settings-members .dms-member-identity{display:flex;align-items:center;gap:.625rem;min-width:13.75rem}body.dms-page-settings-members .dms-member-identity strong{display:block}body.dms-page-settings-members .dms-member-identity small{display:block;color:var(--dms-muted);overflow-wrap:anywhere}
body.dms-page-settings-members .dms-status{display:inline-flex;padding:.25rem .5rem;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;font-size:.6875rem;font-weight:900}body.dms-page-settings-members .dms-status--active{color:var(--dms-ok)}body.dms-page-settings-members .dms-status--banned{color:var(--dms-danger)}body.dms-page-settings-members .dms-status--suspended{color:var(--dms-muted)}
body.dms-page-settings-members .dms-members-modal-bg{position:fixed;inset:0;z-index:16000;display:none;align-items:center;justify-content:center;padding:1.25rem;background:rgba(0,0,0,.82)}body.dms-page-settings-members .dms-members-modal-bg.open{display:flex}body.dms-page-settings-members .dms-members-modal{position:relative;width:min(67.5rem,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--dms-bg);border:.0625rem solid var(--dms-border);border-radius:1.125rem;box-shadow:0 1.75rem 5.625rem var(--dms-shadow)}
body.dms-page-settings-members .dms-members-modal-head{position:relative;display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;padding:1.125rem 4rem .875rem 1.125rem;border-bottom:.0625rem solid var(--dms-border-soft)}body.dms-page-settings-members .dms-members-close-icon{position:absolute;top:.875rem;right:.875rem;width:2.375rem!important;height:2.375rem!important;min-width:2.375rem!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:1.375rem;line-height:1;border-radius:.75rem}body.dms-page-settings-members .dms-members-tabs{display:flex;gap:.4375rem;flex-wrap:wrap;margin:0;padding:.75rem 1.125rem;border-bottom:.0625rem solid var(--dms-border-soft)}body.dms-page-settings-members .dms-members-tab.active{border-color:var(--dms-accent)}
body.dms-page-settings-members .dms-members-modal form{display:flex;flex-direction:column;min-height:0;flex:1}body.dms-page-settings-members .dms-members-pane{display:none;min-height:0;padding:1.125rem;overflow:auto}body.dms-page-settings-members .dms-members-pane.active{display:block}body.dms-page-settings-members .dms-members-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1.125rem;border-top:.0625rem solid var(--dms-border-soft);background:var(--dms-bg)}body.dms-page-settings-members .dms-members-actions .dms-btn, body.dms-page-settings-members .dms-members-actions .btn{width:auto;min-width:0;white-space:nowrap}
body.dms-page-settings-members .dms-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}body.dms-page-settings-members .dms-form-full{grid-column:1/-1}body.dms-page-settings-members .dms-form-grid label{display:block;color:var(--dms-muted);font-size:.75rem;margin-bottom:.3125rem}body.dms-page-settings-members .dms-form-grid input, body.dms-page-settings-members .dms-form-grid select, body.dms-page-settings-members .dms-form-grid textarea{width:100%;box-sizing:border-box}body.dms-page-settings-members .dms-form-grid textarea{min-height:7.5rem;resize:vertical}
body.dms-page-settings-members .dms-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.625rem}body.dms-page-settings-members .dms-group-choice{padding:.6875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.8125rem}body.dms-page-settings-members .dms-group-choice__top{display:flex;gap:.5rem;align-items:center}body.dms-page-settings-members .dms-group-choice select{width:100%;margin-top:.5rem}
body.dms-page-settings-members .dms-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}body.dms-page-settings-members .dms-security-box{padding:.875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.875rem}body.dms-page-settings-members .dms-security-box h4{margin:0 0 .625rem}body.dms-page-settings-members .dms-security-box input, body.dms-page-settings-members .dms-security-box textarea{width:100%;box-sizing:border-box;margin-top:.5rem}body.dms-page-settings-members .dms-security-box .btn{margin-top:.625rem}
body.dms-page-settings-members .dms-list{display:grid;gap:.5rem}body.dms-page-settings-members .dms-list-item{padding:.625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;overflow-wrap:anywhere}body.dms-page-settings-members .dms-danger-zone{margin-top:.875rem;padding:.875rem;border:.0625rem solid var(--dms-danger);border-radius:.875rem}body.dms-page-settings-members .dms-danger-actions{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}body.dms-page-settings-members .dms-danger-actions input{flex:1 1 13.75rem;min-width:0}body.dms-page-settings-members .dms-bans-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}body.dms-page-settings-members .dms-log-table{width:100%;border-collapse:collapse}body.dms-page-settings-members .dms-log-table th, body.dms-page-settings-members .dms-log-table td{padding:.5rem;border-bottom:.0625rem solid var(--dms-border-soft);text-align:left;vertical-align:top;font-size:.75rem}
@media(max-width:900px){body.dms-page-settings-members .dms-member-stats{grid-template-columns:repeat(2,1fr)}body.dms-page-settings-members .dms-form-grid, body.dms-page-settings-members .dms-security-grid, body.dms-page-settings-members .dms-bans-grid{grid-template-columns:1fr}body.dms-page-settings-members .dms-form-full{grid-column:auto}}@media(max-width:650px){body.dms-page-settings-members .dms-members-modal-bg{padding:.5rem}body.dms-page-settings-members .dms-members-modal{max-height:96vh;border-radius:.875rem}body.dms-page-settings-members .dms-members-modal-head{padding:.875rem 3.625rem .75rem .875rem}body.dms-page-settings-members .dms-members-tabs{padding:.625rem .875rem}body.dms-page-settings-members .dms-members-pane{padding:.875rem}body.dms-page-settings-members .dms-members-actions{padding:.75rem .875rem;flex-direction:column-reverse}body.dms-page-settings-members .dms-members-actions .btn, body.dms-page-settings-members .dms-members-actions .dms-btn{width:100%}body.dms-page-settings-members .dms-member-stats{grid-template-columns:1fr}body.dms-page-settings-members .dms-member-table{min-width:53.125rem}}


/* =========================================================
   CSS MIGRATED FROM settings/moderation.php <style> #1
   Scope: body.dms-page-settings-moderation
   ========================================================= */
body.dms-page-settings-moderation .mod-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.125rem}
body.dms-page-settings-moderation .mod-tab{display:none}
body.dms-page-settings-moderation .mod-tab.active{display:block}
body.dms-page-settings-moderation .mod-item{padding:.875rem;margin-bottom:.625rem}
body.dms-page-settings-moderation .mod-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
body.dms-page-settings-moderation .mod-meta{font-size:.8rem;color:var(--dms-muted)}
body.dms-page-settings-moderation .mod-content{margin-top:.625rem;white-space:pre-wrap;overflow-wrap:anywhere}
body.dms-page-settings-moderation .mod-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
body.dms-page-settings-moderation .mod-delete{color:var(--dms-danger);border-color:var(--dms-danger)}
body.dms-page-settings-moderation .mod-thumb{max-width:10rem;max-height:7.5rem;object-fit:contain;margin-top:.625rem;border-radius:.625rem;border:.0625rem solid var(--dms-border)}
body.dms-page-settings-moderation .mod-punish{color:var(--dms-warning);border-color:var(--dms-warning)}
body.dms-page-settings-moderation .mod-unban{color:var(--dms-ok);border-color:var(--dms-ok)}
body.dms-page-settings-moderation .mod-punish-backdrop{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:1rem;background:var(--dms-shadow)}
body.dms-page-settings-moderation .mod-punish-backdrop.open{display:flex}
body.dms-page-settings-moderation .mod-punish-window{width:min(31.25rem,100%);padding:1rem}
body.dms-page-settings-moderation .mod-punish-head{display:flex;justify-content:space-between;align-items:center;gap:.625rem;margin-bottom:.75rem}
body.dms-page-settings-moderation .mod-punish-user{padding:.5625rem .625rem;margin-bottom:.625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg)}
body.dms-page-settings-moderation .mod-punish-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.625rem}


/* =========================================================
   CSS MIGRATED FROM settings/sitecfg.php <style> #1
   Scope: body.dms-page-settings-sitecfg
   ========================================================= */
body.dms-page-settings-sitecfg .dms-admin-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}
body.dms-page-settings-sitecfg .dms-admin-tabs{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem}
body.dms-page-settings-sitecfg .dms-admin-tabs .btn.active{border-color:var(--dms-accent); box-shadow:0 0 0 .125rem rgba(155,92,255,.12) inset;}
body.dms-page-settings-sitecfg .dms-grid2{display:grid;grid-template-columns:13.125rem minmax(0,1fr);gap:.875rem;align-items:center;margin:.625rem 0}
body.dms-page-settings-sitecfg .dms-field-label{display:flex;align-items:center;gap:.4375rem;min-width:0}
body.dms-page-settings-sitecfg .dms-field-label>label{margin:0}
body.dms-page-settings-sitecfg .dms-help-dot{width:1.375rem;height:1.375rem;min-width:1.375rem;padding:0;display:grid;place-items:center;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;background:var(--dms-input-bg);color:var(--dms-muted);font-size:.75rem;font-weight:950;cursor:pointer}
body.dms-page-settings-sitecfg .dms-help-dot:hover, body.dms-page-settings-sitecfg .dms-help-dot:focus{border-color:var(--dms-primary);color:var(--dms-text);outline:none}
body.dms-page-settings-sitecfg .dms-help-popover{position:fixed;z-index:1000020;display:none;width:min(24.375rem,calc(100vw - 1.5rem));padding:.75rem .8125rem;border:.0625rem solid var(--dms-border);border-radius:.8125rem;background:var(--dms-bg);color:var(--dms-text);box-shadow:0 1.125rem 3.125rem var(--dms-shadow);font-size:.75rem;line-height:1.55;white-space:pre-line}
body.dms-page-settings-sitecfg .dms-help-popover.open{display:block}
body.dms-page-settings-sitecfg .dms-help-popover strong{display:block;margin-bottom:.3125rem;color:var(--dms-title);font-size:.8125rem}
@media(max-width:900px){body.dms-page-settings-sitecfg .dms-grid2{grid-template-columns:1fr;gap:.375rem}body.dms-page-settings-sitecfg .dms-field-label{min-height:1.75rem}}
body.dms-page-settings-sitecfg .dms-help{font-size:.75rem}
body.dms-page-settings-sitecfg .dms-table{width:100%;border-collapse:collapse}
body.dms-page-settings-sitecfg .dms-table th, body.dms-page-settings-sitecfg .dms-table td{padding:.5rem;border-bottom:.0625rem solid var(--dms-border-soft);text-align:left;vertical-align:top}
body.dms-page-settings-sitecfg .dms-table th{color:var(--dms-muted);font-weight:700}
body.dms-page-settings-sitecfg .bad{border-color:var(--dms-danger)!important}
body.dms-page-settings-sitecfg .dms-menu-destination{min-width:15.625rem}
body.dms-page-settings-sitecfg .dms-menu-destination [data-destination]{display:none}
body.dms-page-settings-sitecfg .dms-news-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-top:.75rem}
body.dms-page-settings-sitecfg .dms-news-item{min-width:0}
body.dms-page-settings-sitecfg .dms-news-card{width:100%;min-height:7rem;padding:.8125rem;border:.0625rem solid var(--dms-border-soft);border-radius:.9375rem;background:rgba(255,255,255,.035);color:var(--dms-text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.3125rem;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
body.dms-page-settings-sitecfg .dms-news-card:hover{transform:translateY(-.125rem);border-color:var(--dms-accent);background:rgba(255,255,255,.06);box-shadow:0 .75rem 1.625rem rgba(0,0,0,.18)}
body.dms-page-settings-sitecfg .dms-news-card__eyebrow{font-size:.625rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--dms-muted)}
body.dms-page-settings-sitecfg .dms-news-card__title{font-size:.9375rem;font-weight:950;line-height:1.18;overflow-wrap:anywhere}
body.dms-page-settings-sitecfg .dms-news-card__subtitle{font-size:.75rem;line-height:1.35;color:var(--dms-muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.dms-page-settings-sitecfg .dms-news-card__date{margin-top:auto;font-size:.6875rem;color:var(--dms-muted)}
body.dms-page-settings-sitecfg .dms-news-modal-backdrop{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:1.125rem;background:rgba(0,0,0,.68)}
body.dms-page-settings-sitecfg .dms-news-modal-backdrop.open{display:flex}
body.dms-page-settings-sitecfg .dms-news-modal{width:min(51.25rem,100%);max-height:90vh;overflow:auto;border:.0625rem solid var(--dms-border-soft);border-radius:1.25rem;background:linear-gradient(var(--dms-panel),var(--dms-panel)),linear-gradient(var(--dms-bg),var(--dms-bg)),#111 !important;background-color:#111 !important;color:var(--dms-text);box-shadow:0 1.75rem 5rem var(--dms-shadow);padding:1rem;opacity:1;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;isolation:isolate}
body.dms-page-settings-sitecfg .dms-news-modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.875rem}
body.dms-page-settings-sitecfg .dms-news-modal__title{font-size:1.25rem;font-weight:950;line-height:1.1}
body.dms-page-settings-sitecfg .dms-news-modal__date{margin-top:.3125rem;font-size:.75rem;color:var(--dms-muted)}
body.dms-page-settings-sitecfg .dms-news-modal__actions{display:flex;gap:.375rem;align-items:center;white-space:nowrap}
body.dms-page-settings-sitecfg .dms-news-modal__close{width:2.375rem;height:2.375rem;padding:0;border-radius:.75rem;font-size:1.3125rem;display:grid;place-items:center}
body.dms-page-settings-sitecfg .dms-news-editor__grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}
body.dms-page-settings-sitecfg .dms-news-editor__full{grid-column:1/-1}
body.dms-page-settings-sitecfg .dms-news-editor__image{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
body.dms-page-settings-sitecfg .dms-news-editor__preview{width:11.25rem;height:5.375rem;object-fit:cover;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:var(--dms-panel)}
body.dms-page-settings-sitecfg .dms-backup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin:.75rem 0}
body.dms-page-settings-sitecfg .dms-backup-summary .card{padding:.8125rem;background:transparent}
body.dms-page-settings-sitecfg .dms-backup-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.625rem;margin-top:.75rem}
body.dms-page-settings-sitecfg .dms-backup-card{padding:.875rem;background:transparent;display:flex;flex-direction:column;gap:.5rem;min-width:0}
body.dms-page-settings-sitecfg .dms-backup-card__top{display:flex;justify-content:space-between;gap:.625rem;align-items:flex-start}
body.dms-page-settings-sitecfg .dms-backup-card__name{font-weight:900;overflow-wrap:anywhere}
body.dms-page-settings-sitecfg .dms-backup-card__meta{font-size:.75rem;color:var(--dms-muted);line-height:1.45}
body.dms-page-settings-sitecfg .dms-backup-card__actions{display:flex;gap:.4375rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem;border-top:.0625rem solid var(--dms-border-soft)}
body.dms-page-settings-sitecfg .dms-backup-card__actions form{margin:0}
body.dms-page-settings-sitecfg .dms-backup-sha{font-family:var(--dms-font-monospace);font-size:.625rem;color:var(--dms-muted);overflow-wrap:anywhere}
body.dms-page-settings-sitecfg .dms-backup-warning{padding:.75rem;border:.0625rem solid var(--dms-danger);border-radius:.875rem;line-height:1.5}
body.dms-page-settings-sitecfg .dms-backup-ok{color:var(--dms-ok)}
body.dms-page-settings-sitecfg .dms-backup-bad{color:var(--dms-danger)}
@media(max-width:760px){body.dms-page-settings-sitecfg .dms-backup-summary{grid-template-columns:1fr}}

body.dms-page-settings-sitecfg .dms-reaction-help{line-height:1.55}
body.dms-page-settings-sitecfg .dms-reaction-list{display:flex;flex-direction:column;gap:.5625rem;margin-top:.75rem}
body.dms-page-settings-sitecfg .dms-reaction-row{
  display:grid;
  grid-template-columns:minmax(10.625rem,12.5rem) minmax(12.5rem,1fr) 6.25rem max-content;
  gap:.625rem;
  align-items:center;
  padding:.6875rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.875rem;
  background:var(--dms-input-bg);
}
body.dms-page-settings-sitecfg .dms-reaction-emoji-cell{
  display:grid;
  grid-template-columns:3.375rem minmax(0,1fr);
  align-items:center;
  gap:.5rem;
  width:100%;
  min-width:0;
}
body.dms-page-settings-sitecfg .dms-reaction-emoji{
  width:3.375rem;
  min-width:3.375rem;
  min-height:2.625rem;
  padding-left:.25rem;
  padding-right:.25rem;
  text-align:center;
  font-size:1.375rem;
}
body.dms-page-settings-sitecfg .dms-reaction-choose{
  width:100%;
  min-width:0;
  min-height:2.625rem;
  padding:0 .5rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.6875rem;
}
body.dms-page-settings-sitecfg .dms-reaction-row.is-emoji-target{
  border-color:var(--dms-primary);
  box-shadow:0 0 0 .0625rem var(--dms-primary-soft);
}
body.dms-page-settings-sitecfg .dms-reaction-label{width:100%;min-width:0}
body.dms-page-settings-sitecfg .dms-emoji-library{
  margin-top:.8125rem;
  padding:.8125rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.9375rem;
  background:var(--dms-card);
}
body.dms-page-settings-sitecfg .dms-emoji-library-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  flex-wrap:wrap;
}
body.dms-page-settings-sitecfg .dms-emoji-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(2.6875rem,1fr));
  gap:.4375rem;
  margin-top:.6875rem;
}
body.dms-page-settings-sitecfg .dms-emoji-choice{
  min-width:0;
  width:100%;
  height:2.6875rem;
  padding:0;
  display:grid;
  place-items:center;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  font-size:1.3125rem;
  cursor:pointer;
}
body.dms-page-settings-sitecfg .dms-emoji-choice:hover, body.dms-page-settings-sitecfg .dms-emoji-choice.is-selected{
  border-color:var(--dms-primary);
  background:var(--dms-card-strong);
}
body.dms-page-settings-sitecfg .dms-emoji-add{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.6875rem;
}
body.dms-page-settings-sitecfg .dms-emoji-add input{
  width:6.25rem;
  min-height:2.4375rem;
  text-align:center;
  font-size:1.3125rem;
}
body.dms-page-settings-sitecfg .dms-reaction-state{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4375rem;
  min-height:2.625rem;
  padding:0 .5625rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-card);
  font-size:.75rem;
  font-weight:850;
}
body.dms-page-settings-sitecfg .dms-reaction-actions{display:flex;align-items:center;gap:.3125rem}
body.dms-page-settings-sitecfg .dms-reaction-actions .btn{min-width:2.25rem;padding:.4375rem}
body.dms-page-settings-sitecfg .dms-reaction-empty{
  padding:1.125rem;
  border:.0625rem dashed var(--dms-border-soft);
  border-radius:.875rem;
  color:var(--dms-muted);
  text-align:center;
}
@media(max-width:900px){
  body.dms-page-settings-sitecfg .dms-reaction-row{
    grid-template-columns:minmax(10.625rem,1fr) minmax(11.875rem,1.35fr);
  }
  body.dms-page-settings-sitecfg .dms-reaction-state{justify-content:flex-start}
  body.dms-page-settings-sitecfg .dms-reaction-actions{justify-content:flex-end}
}
@media(max-width:560px){
  body.dms-page-settings-sitecfg .dms-reaction-row{grid-template-columns:minmax(0,1fr)}
  body.dms-page-settings-sitecfg .dms-reaction-actions{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:1080px){body.dms-page-settings-sitecfg .dms-news-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){body.dms-page-settings-sitecfg .dms-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  body.dms-page-settings-sitecfg .dms-news-list{grid-template-columns:1fr}
  body.dms-page-settings-sitecfg .dms-news-editor__grid{grid-template-columns:1fr}
  body.dms-page-settings-sitecfg .dms-news-editor__full{grid-column:auto}
  body.dms-page-settings-sitecfg .dms-news-modal__head{align-items:flex-start}
  body.dms-page-settings-sitecfg .dms-news-modal__actions{flex-wrap:wrap;justify-content:flex-end}
}


/* =========================================================
   CSS MIGRATED FROM settings/update.php <style> #1
   Scope: body.dms-page-settings-update
   ========================================================= */
body.dms-page-settings-update .dms-admin-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}
body.dms-page-settings-update .dms-admin-tabs{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem}
body.dms-page-settings-update .dms-admin-tabs .btn.active{border-color:var(--dms-accent);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--dms-accent) 14%,transparent) inset}
body.dms-page-settings-update .dms-update-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
body.dms-page-settings-update .dms-update-card{padding:.875rem;background:transparent}
body.dms-page-settings-update .dms-update-value{font-size:1.35rem;font-weight:900;margin-top:.25rem}
body.dms-page-settings-update .dms-update-badge{display:inline-flex;padding:.3125rem .5625rem;border:.0625rem solid var(--dms-border-soft);border-radius:62.4375rem;font-size:.75rem;font-weight:800}
body.dms-page-settings-update .dms-update-ok{color:var(--dms-ok)}
body.dms-page-settings-update .dms-update-bad{color:var(--dms-danger)}
body.dms-page-settings-update .dms-update-form{display:grid;gap:.75rem}
body.dms-page-settings-update .dms-update-row{display:grid;grid-template-columns:13.75rem 1fr;gap:.75rem;align-items:center}
body.dms-page-settings-update .dms-update-history{width:100%;border-collapse:collapse}
body.dms-page-settings-update .dms-update-history th, body.dms-page-settings-update .dms-update-history td{padding:.5625rem;border-bottom:.0625rem solid var(--dms-border-soft);text-align:left;vertical-align:top}
body.dms-page-settings-update .dms-update-history th{color:var(--dms-muted)}
body.dms-page-settings-update .dms-update-alert{padding:.75rem;border:.0625rem solid var(--dms-danger);border-radius:.75rem}
body.dms-page-settings-update .dms-update-success{padding:.75rem;border:.0625rem solid var(--dms-ok);border-radius:.75rem}
body.dms-page-settings-update .dms-update-source{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.875rem;background:transparent}
body.dms-page-settings-update .dms-update-source strong{display:block}
body.dms-page-settings-update .dms-update-source .muted{font-size:.75rem;margin-top:.1875rem}
body.dms-page-settings-update .dms-update-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.125rem,1fr));gap:.625rem}
body.dms-page-settings-update .dms-update-tile{appearance:none;width:100%;min-height:6.625rem;padding:.75rem;text-align:left;color:inherit;font:inherit;cursor:pointer;border:.0625rem solid var(--dms-border-soft);border-radius:.875rem;background:transparent;display:flex;flex-direction:column;gap:.4375rem;transition:transform .15s ease,border-color .15s ease,filter .15s ease}
body.dms-page-settings-update .dms-update-tile:hover{transform:translateY(-.0625rem);border-color:var(--dms-accent);filter:brightness(1.05)}
body.dms-page-settings-update .dms-update-tile-top{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}
body.dms-page-settings-update .dms-update-tile-title{font-weight:900;line-height:1.25}
body.dms-page-settings-update .dms-update-tile-sub{font-size:.75rem;color:var(--dms-muted);line-height:1.35}
body.dms-page-settings-update .dms-update-tile-more{margin-top:auto;font-size:.75rem;font-weight:800;color:var(--dms-accent)}
body.dms-page-settings-update .dms-update-empty{padding:.875rem;background:transparent}
body.dms-page-settings-update .dms-update-modal-backdrop{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:1.125rem;background:rgba(0,0,0,.72)}
body.dms-page-settings-update .dms-update-modal-backdrop.open{display:flex}
body.dms-page-settings-update .dms-update-modal{position:relative;width:min(40.625rem,100%);max-height:88vh;overflow:auto;border:.0625rem solid var(--dms-border-soft);border-radius:1.25rem;background:linear-gradient(145deg,var(--dms-card-strong),var(--dms-card)),var(--dms-bg);box-shadow:0 1.75rem 5.625rem rgba(0,0,0,.55);padding:1.25rem}
body.dms-page-settings-update .dms-update-modal-close{position:absolute;top:.75rem;right:.75rem;width:2.375rem;height:2.375rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;background:transparent;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
body.dms-page-settings-update .dms-update-modal-close:hover{border-color:var(--dms-danger);color:var(--dms-danger)}
body.dms-page-settings-update .dms-update-modal-head{padding-right:3rem}
body.dms-page-settings-update .dms-update-modal-title{margin:0;font-size:1.35rem}
body.dms-page-settings-update .dms-update-modal-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.625rem}
body.dms-page-settings-update .dms-update-modal-description{white-space:pre-wrap;line-height:1.6;margin:1rem 0}
body.dms-page-settings-update .dms-update-modal-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.875rem 0}
body.dms-page-settings-update .dms-update-modal-info>div{padding:.625rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;overflow-wrap:anywhere}
body.dms-page-settings-update .dms-update-modal-info small{display:block;color:var(--dms-muted);margin-bottom:.25rem}
body.dms-page-settings-update .dms-update-modal-actions{display:flex;justify-content:flex-end;gap:.625rem;flex-wrap:wrap;margin-top:1.125rem;padding-top:.875rem;border-top:.0625rem solid var(--dms-border-soft)}
body.dms-page-settings-update .dms-theme-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.875rem,1fr));gap:.625rem}
body.dms-page-settings-update .dms-theme-tile{appearance:none;width:100%;padding:0;overflow:hidden;text-align:left;color:inherit;font:inherit;cursor:pointer;border:.0625rem solid var(--dms-border-soft);border-radius:.9375rem;background:var(--dms-card);transition:transform .15s ease,border-color .15s ease}
body.dms-page-settings-update .dms-theme-tile:hover{transform:translateY(-.125rem);border-color:var(--dms-accent)}
body.dms-page-settings-update .dms-theme-tile img{width:100%;aspect-ratio:16/8;object-fit:cover;background:var(--dms-input-bg);border-bottom:.0625rem solid var(--dms-border-soft)}
body.dms-page-settings-update .dms-theme-tile-body{display:flex;flex-direction:column;gap:.3125rem;padding:.6875rem}
body.dms-page-settings-update .dms-theme-tile-title{font-weight:900;line-height:1.2}
body.dms-page-settings-update .dms-theme-tile-meta{font-size:.6875rem;color:var(--dms-muted)}
body.dms-page-settings-update .dms-theme-status{margin-top:auto;font-size:.6875rem;font-weight:900;color:var(--dms-accent)}
body.dms-page-settings-update .dms-installed-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.375rem,1fr));gap:.5rem;margin-top:.625rem}
body.dms-page-settings-update .dms-installed-theme{appearance:none;padding:0;overflow:hidden;text-align:left;color:inherit;font:inherit;cursor:pointer;border:.0625rem solid var(--dms-border-soft);border-radius:.6875rem;background:var(--dms-card);transition:transform .15s ease,border-color .15s ease}
body.dms-page-settings-update .dms-installed-theme:hover{transform:translateY(-.0625rem);border-color:var(--dms-danger)}
body.dms-page-settings-update .dms-installed-theme img, body.dms-page-settings-update .dms-installed-theme-placeholder{width:100%;aspect-ratio:16/8;object-fit:cover;background:var(--dms-input-bg);border-bottom:.0625rem solid var(--dms-border-soft)}
body.dms-page-settings-update .dms-installed-theme-placeholder{display:grid;place-items:center;font-size:1.375rem}
body.dms-page-settings-update .dms-installed-theme-body{display:block;padding:.4375rem .5rem}
body.dms-page-settings-update .dms-installed-theme-title{display:block;font-size:.75rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dms-page-settings-update .dms-installed-theme-version{display:block;margin-top:.125rem;font-size:.625rem;color:var(--dms-muted)}
body.dms-page-settings-update .dms-theme-modal-preview{width:100%;max-height:16.25rem;object-fit:cover;border:.0625rem solid var(--dms-border-soft);border-radius:.625rem;background:var(--dms-input-bg);margin-top:.875rem}
@media(max-width:900px){body.dms-page-settings-update .dms-update-grid{grid-template-columns:1fr}body.dms-page-settings-update .dms-update-row{grid-template-columns:1fr}body.dms-page-settings-update .dms-update-history{min-width:47.5rem}}
@media(max-width:560px){body.dms-page-settings-update .dms-update-modal-info{grid-template-columns:1fr}body.dms-page-settings-update .dms-update-modal-actions>*{width:100%}}


/* =========================================================
   CSS MIGRATED FROM settings.php <style> #1
   Scope: body.dms-page-settings
   ========================================================= */
body.dms-page-settings .dms-settings-card{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  container-type:inline-size;
}
body.dms-page-settings .dms-settings-card form, body.dms-page-settings .dms-settings-card form>div{
  width:100%;
  max-width:100%;
  min-width:0;
}
body.dms-page-settings .dms-profile-settings-section{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  padding:1rem;
  border:.0625rem solid var(--dms-border);
  border-radius:.625rem;
  background:var(--dms-card);
  box-sizing:border-box;
}
body.dms-page-settings .dms-profile-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.875rem}
body.dms-page-settings .dms-profile-settings-head h3{margin:0;font-size:1.05rem}
body.dms-page-settings .dms-profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;min-width:0;max-width:100%}
body.dms-page-settings .dms-profile-form-grid .wide{grid-column:1/-1}
body.dms-page-settings .dms-account-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  width:100%;
  max-width:100%;
  min-width:0;
}
body.dms-page-settings .dms-account-grid>div, body.dms-page-settings .dms-profile-form-grid>div{min-width:0}
body.dms-page-settings .dms-account-grid input, body.dms-page-settings .dms-account-grid select, body.dms-page-settings .dms-profile-form-grid input, body.dms-page-settings .dms-profile-form-grid select{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
body.dms-page-settings .dms-profile-form-grid label{display:block;margin-bottom:.4375rem}
body.dms-page-settings .dms-profile-link-list{display:grid;gap:.5625rem;min-width:0;max-width:100%}
body.dms-page-settings .dms-profile-link-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
  align-items:end;
  min-width:0;
  max-width:100%;
  padding:.625rem;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.625rem;
  background:var(--dms-input-bg);
  box-sizing:border-box;
}
body.dms-page-settings .dms-profile-link-row>div{min-width:0}
body.dms-page-settings .dms-profile-link-row>div:nth-child(4){grid-column:span 2}
body.dms-page-settings .dms-profile-link-row label{display:block;margin-bottom:.3125rem;font-size:.75rem}
body.dms-page-settings .dms-profile-link-row input, body.dms-page-settings .dms-profile-link-row select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body.dms-page-settings .dms-profile-link-remove{min-width:2.375rem;padding:0}
body.dms-page-settings .dms-profile-add-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6875rem}

@container (max-width:760px){
  body.dms-page-settings .dms-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.dms-page-settings .dms-profile-link-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.dms-page-settings .dms-profile-link-row>div:nth-child(4){grid-column:auto}
  body.dms-page-settings .dms-profile-link-row>div:last-of-type{grid-column:1/-1}
  body.dms-page-settings .dms-profile-link-remove{width:100%}
}
@container (max-width:520px){
  body.dms-page-settings .dms-account-grid, body.dms-page-settings .dms-profile-form-grid, body.dms-page-settings .dms-profile-link-row{grid-template-columns:1fr}
  body.dms-page-settings .dms-profile-form-grid .wide, body.dms-page-settings .dms-profile-link-row>div:nth-child(4), body.dms-page-settings .dms-profile-link-row>div:last-of-type{grid-column:auto}
}
@media(max-width:700px){
  body.dms-page-settings .dms-settings-card{padding:.875rem!important}
}


/* =========================================================
   MIGRATED INLINE STYLE HOOKS
   Every former inline declaration has its own stable selector.
   ========================================================= */

/* events/createevent.php:110 */
[data-dms-hook="events-createevent-001"]{margin-top:.3125rem;}

/* events/createevent.php:124 */
[data-dms-hook="events-createevent-002"]{font-size:.7rem;margin-top:.3125rem;}

/* events/createevent.php:138 */
[data-dms-hook="events-createevent-003"]{margin-bottom:.5rem;}

/* events/editevent.php:120 */
[data-dms-hook="events-editevent-001"]{margin-top:.3125rem;}

/* events/editevent.php:133 */
[data-dms-hook="events-editevent-002"]{display:flex;align-items:center;gap:.4375rem;color:var(--dms-text);font-weight:700;}

/* events/editevent.php:133 */
[data-dms-hook="events-editevent-003"]{width:auto}

/* events/editevent.php:139 */
[data-dms-hook="events-editevent-004"]{margin-bottom:.5rem;}

/* events/events.php:37 */
[data-dms-hook="events-events-001"]{margin-top:.4375rem;}

/* events/viewevent.php:65 */
[data-dms-hook="events-viewevent-001"]{margin:0 0 .6875rem;}

/* events/viewevent.php:67 */
[data-dms-hook="events-viewevent-002"]{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap;margin-bottom:.75rem;}

/* events/viewevent.php:67 */
[data-dms-hook="events-viewevent-003"]{margin:0;}

/* events/viewevent.php:79 */
[data-dms-hook="events-viewevent-004"]{margin-top:.75rem;}

/* events/viewevent.php:79 */
[data-dms-hook="events-viewevent-005"]{margin-top:.75rem;}

/* events/viewevent.php:84 */
[data-dms-hook="events-viewevent-006"]{margin:0 0 .6875rem;}

/* events/viewevent.php:90 */
[data-dms-hook="events-viewevent-007"]{margin:0 0 .6875rem;}

/* events/viewevent.php:90 */
[data-dms-hook="events-viewevent-008"]{color:inherit;text-decoration:none;}

/* events/viewevent.php:92 */
[data-dms-hook="events-viewevent-009"]{margin:0 0 .6875rem;}

/* gallery.php:1123 */
[data-dms-hook="gallery-001"]{margin-bottom:.875rem;}

/* gallery.php:1132 */
[data-dms-hook="gallery-002"]{margin-bottom:.875rem;}

/* gallery.php:1245 */
[data-dms-hook="gallery-003"]{font-size:.75rem;}

/* gallery.php:1319 */
[data-dms-hook="gallery-004"]{margin-top:.5rem;}

/* gallery.php:1327 */
[data-dms-hook="gallery-005"]{margin-top:0;padding-top:0;border-top:0;}

/* gallery.php:1376 */
[data-dms-hook="gallery-006"]{font-size:.75rem;}

/* gallery.php:1403 */
[data-dms-hook="gallery-007"]{font-size:.6875rem;margin-top:.1875rem;}

/* gallery.php:1419 */
[data-dms-hook="gallery-008"]{display:block;margin-bottom:.4375rem;}

/* gallery.php:1425 */
[data-dms-hook="gallery-009"]{display:none;margin-top:.875rem;}

/* gallery.php:1426 */
[data-dms-hook="gallery-010"]{display:block;margin-bottom:.4375rem;}

/* gallery.php:1436 */
[data-dms-hook="gallery-011"]{font-size:.6875rem;margin-top:.375rem;}

/* gallery.php:1440 */
[data-dms-hook="gallery-012"]{height:.875rem;}

/* gallery.php:1442 */
[data-dms-hook="gallery-013"]{display:block;margin-bottom:.4375rem;}

/* gallery.php:1452 */
[data-dms-hook="gallery-014"]{padding:.75rem;margin-top:.875rem;background:var(--dms-input-bg);box-shadow:none;}

/* gallery.php:1454 */
[data-dms-hook="gallery-015"]{font-size:.6875rem;margin-top:.25rem;}

/* gallery.php:1459 */
[data-dms-hook="gallery-016"]{justify-content:flex-end;margin-top:1rem;}

/* gallery.php:1481 */
[data-dms-hook="gallery-017"]{display:block;margin-bottom:.4375rem;}

/* gallery.php:1492 */
[data-dms-hook="gallery-018"]{height:.875rem;}

/* gallery.php:1494 */
[data-dms-hook="gallery-019"]{display:block;margin-bottom:.4375rem;}

/* gallery.php:1501 */
[data-dms-hook="gallery-020"]{font-size:.75rem;line-height:1.5;margin-top:.6875rem;}

/* gallery.php:1505 */
[data-dms-hook="gallery-021"]{justify-content:flex-end;margin-top:1rem;}

/* gallery.php:1522 */
[data-dms-hook="gallery-022"]{font-size:.75rem;margin-bottom:.625rem;}

/* gallery.php:1534 */
[data-dms-hook="gallery-023"]{justify-content:flex-end;margin-top:.875rem;}

/* groups/creategroup.php:12 */
[data-dms-hook="groups-creategroup-001"]{padding:1rem;max-width:45rem;margin:0 auto;}

/* groups/creategroup.php:13 */
[data-dms-hook="groups-creategroup-002"]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}

/* groups/creategroup.php:14 */
[data-dms-hook="groups-creategroup-003"]{margin:0;}

/* groups/creategroup.php:26 */
[data-dms-hook="groups-creategroup-004"]{height:.625rem}

/* groups/creategroup.php:31 */
[data-dms-hook="groups-creategroup-005"]{height:.625rem}

/* groups/creategroup.php:40 */
[data-dms-hook="groups-creategroup-006"]{height:.875rem}

/* groups/creategroup.php:42 */
[data-dms-hook="groups-creategroup-007"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;}

/* groups/creategroup.php:46 */
[data-dms-hook="groups-creategroup-008"]{font-size:.6875rem;margin-top:.3125rem;}

/* groups/creategroup.php:47 */
[data-dms-hook="groups-creategroup-009"]{display:none;width:6rem;height:6rem;object-fit:cover;border-radius:1.125rem;border:.0625rem solid var(--dms-border-soft);margin-top:.5625rem;}

/* groups/creategroup.php:52 */
[data-dms-hook="groups-creategroup-010"]{font-size:.6875rem;margin-top:.3125rem;}

/* groups/creategroup.php:53 */
[data-dms-hook="groups-creategroup-011"]{display:none;width:100%;height:6rem;object-fit:cover;border-radius:.875rem;border:.0625rem solid var(--dms-border-soft);margin-top:.5625rem;}

/* groups/creategroup.php:57 */
[data-dms-hook="groups-creategroup-012"]{height:.875rem}

/* groups/creategroup.php:60 */
[data-dms-hook="groups-creategroup-013"]{height:.625rem}

/* groups/creategroup.php:63 */
[data-dms-hook="groups-creategroup-014"]{height:.625rem}

/* groups/creategroup.php:66 */
[data-dms-hook="groups-creategroup-015"]{height:.625rem}

/* groups/creategroup.php:69 */
[data-dms-hook="groups-creategroup-016"]{height:.875rem}

/* groups/invitegroup.php:31 */
[data-dms-hook="groups-invitegroup-001"]{padding:1rem;max-width:50rem;margin:0 auto;}

/* groups/invitegroup.php:32 */
[data-dms-hook="groups-invitegroup-002"]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}

/* groups/invitegroup.php:33 */
[data-dms-hook="groups-invitegroup-003"]{margin:0;}

/* groups/invitegroup.php:48 */
[data-dms-hook="groups-invitegroup-004"]{width:100%;margin:.5rem 0 .75rem;}

/* groups/invitegroup.php:50 */
[data-dms-hook="groups-invitegroup-005"]{display:grid;gap:.5rem;max-height:26.25rem;overflow:auto;}

/* groups/invitegroup.php:52 */
[data-dms-hook="groups-invitegroup-006"]{display:flex;align-items:center;gap:.625rem;padding:.625rem;border:.0625rem solid var(--dms-border);border-radius:.625rem;}

/* groups/invitegroup.php:59 */
[data-dms-hook="groups-invitegroup-007"]{height:.75rem}

/* groups/managegroup.php:245 */
[data-dms-hook="groups-managegroup-001"]{max-width: 56.25rem; margin: 0 auto; padding: 1.25rem;}

/* groups/managegroup.php:247 */
[data-dms-hook="groups-managegroup-002"]{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5625rem;}

/* groups/managegroup.php:248 */
[data-dms-hook="groups-managegroup-003"]{margin: 0; font-size: 1.6rem;}

/* groups/managegroup.php:249 */
[data-dms-hook="groups-managegroup-004"]{display:flex;gap:.5rem;flex-wrap:wrap;}

/* groups/managegroup.php:256 */
[data-dms-hook="groups-managegroup-005"]{background: rgba(34,197,94,0.1); color: #22c55e; border-color: rgba(34,197,94,0.2);}

/* groups/managegroup.php:262 */
[data-dms-hook="groups-managegroup-006"]{background: rgba(239,68,68,0.1); color: #ef4444; border-color: rgba(239,68,68,0.2);}

/* groups/managegroup.php:268 */
[data-dms-hook="groups-managegroup-007"]{background: rgba(239,68,68,0.1); color: #ef4444; border-color: rgba(239,68,68,0.2);}

/* groups/managegroup.php:274 */
[data-dms-hook="groups-managegroup-008"]{background: rgba(239,68,68,0.1); color: #ef4444; border-color: rgba(239,68,68,0.2);}

/* groups/managegroup.php:279 */
[data-dms-hook="groups-managegroup-009"]{padding: 1.5rem; border-radius: .9375rem; margin-bottom: 1.5rem;}

/* groups/managegroup.php:280 */
[data-dms-hook="groups-managegroup-010"]{margin-top: 0; margin-bottom: 1.25rem;}

/* groups/managegroup.php:285 */
[data-dms-hook="groups-managegroup-011"]{margin-bottom: 1.25rem;}

/* groups/managegroup.php:286 */
[data-dms-hook="groups-managegroup-012"]{display: block; margin-bottom: .5rem; font-size: 0.9rem;}

/* groups/managegroup.php:287 */
[data-dms-hook="groups-managegroup-013"]{width: 100%;}

/* groups/managegroup.php:290 */
[data-dms-hook="groups-managegroup-014"]{margin-bottom:1.25rem;}

/* groups/managegroup.php:291 */
[data-dms-hook="groups-managegroup-015"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:292 */
[data-dms-hook="groups-managegroup-016"]{width:100%;}

/* groups/managegroup.php:297 */
[data-dms-hook="groups-managegroup-017"]{font-size:.75rem;margin-top:.4375rem;}

/* groups/managegroup.php:300 */
[data-dms-hook="groups-managegroup-018"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;margin-bottom:1.25rem;}

/* groups/managegroup.php:302 */
[data-dms-hook="groups-managegroup-019"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:303 */
[data-dms-hook="groups-managegroup-020"]{display:block;width:6.875rem;height:6.875rem;object-fit:cover;border-radius:1.25rem;border:.0625rem solid var(--dms-border-soft);margin-bottom:.5625rem;}

/* groups/managegroup.php:305 */
[data-dms-hook="groups-managegroup-021"]{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;}

/* groups/managegroup.php:308 */
[data-dms-hook="groups-managegroup-022"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:309 */
[data-dms-hook="groups-managegroup-023"]{display:block;width:100%;height:6.875rem;object-fit:cover;border-radius:.875rem;border:.0625rem solid var(--dms-border-soft);margin-bottom:.5625rem;}

/* groups/managegroup.php:311 */
[data-dms-hook="groups-managegroup-024"]{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;}

/* groups/managegroup.php:314 */
[data-dms-hook="groups-managegroup-025"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem;}

/* groups/managegroup.php:315 */
[data-dms-hook="groups-managegroup-026"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:315 */
[data-dms-hook="groups-managegroup-027"]{width:100%;}

/* groups/managegroup.php:316 */
[data-dms-hook="groups-managegroup-028"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:316 */
[data-dms-hook="groups-managegroup-029"]{width:100%;}

/* groups/managegroup.php:317 */
[data-dms-hook="groups-managegroup-030"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:317 */
[data-dms-hook="groups-managegroup-031"]{width:100%;}

/* groups/managegroup.php:318 */
[data-dms-hook="groups-managegroup-032"]{display:block;margin-bottom:.5rem;font-size:.9rem;}

/* groups/managegroup.php:318 */
[data-dms-hook="groups-managegroup-033"]{width:100%;}

/* groups/managegroup.php:321 */
[data-dms-hook="groups-managegroup-034"]{margin-bottom: .625rem;}

/* groups/managegroup.php:322 */
[data-dms-hook="groups-managegroup-035"]{display: block; margin-bottom: .5rem; font-size: 0.9rem;}

/* groups/managegroup.php:330 */
[data-dms-hook="groups-managegroup-036"]{border:none; background:transparent;}

/* groups/managegroup.php:334 */
[data-dms-hook="groups-managegroup-037"]{width: 100%; font-family:var(--dms-font-monospace);}

/* groups/managegroup.php:337 */
[data-dms-hook="groups-managegroup-038"]{width: 100%; padding: .875rem; font-weight: bold;}

/* groups/managegroup.php:341 */
[data-dms-hook="groups-managegroup-039"]{padding: 1.5rem; border-radius: .9375rem;}

/* groups/managegroup.php:342 */
[data-dms-hook="groups-managegroup-040"]{margin-top: 0; margin-bottom: 1.25rem;}

/* groups/managegroup.php:344 */
[data-dms-hook="groups-managegroup-041"]{display: flex; flex-direction: column;}

/* groups/managegroup.php:349 */
[data-dms-hook="groups-managegroup-042"]{display: flex; align-items: center; justify-content: space-between; padding: .75rem;}

/* groups/managegroup.php:350 */
[data-dms-hook="groups-managegroup-043"]{display: flex; align-items: center; gap: .9375rem;}

/* groups/managegroup.php:351 */
[data-dms-hook="groups-managegroup-044"]{width: 2.75rem; height: 2.75rem; border-radius: .75rem; object-fit: cover; border: .0625rem solid var(--dms-border-soft);}

/* groups/managegroup.php:353 */
[data-dms-hook="groups-managegroup-045"]{font-weight: 600;}

/* groups/managegroup.php:354 */
[data-dms-hook="groups-managegroup-046"]{font-size: 0.8rem;}

/* groups/managegroup.php:358 */
[data-dms-hook="groups-managegroup-047"]{display: flex; align-items: center; gap: .75rem;}

/* groups/managegroup.php:359 */
[data-dms-hook="groups-managegroup-048"]{margin: 0;}

/* groups/managegroup.php:363 */
[data-dms-hook="groups-managegroup-049"]{padding: .3125rem .625rem; font-size: 0.85rem; border-radius: .375rem;}

/* groups/managegroup.php:369 */
[data-dms-hook="groups-managegroup-050"]{margin: 0;}

/* groups/managegroup.php:373 */
[data-dms-hook="groups-managegroup-051"]{background: none; border: none; cursor: pointer; font-size: 1.2rem; opacity: 0.5; transition: 0.2s;}

/* groups/managegroup.php:381 */
[data-dms-hook="groups-managegroup-052"]{padding:1.5rem;border-radius:.9375rem;margin-top:1.5rem;}

/* groups/managegroup.php:382 */
[data-dms-hook="groups-managegroup-053"]{margin:0 0 .5rem;}

/* groups/managegroup.php:383 */
[data-dms-hook="groups-managegroup-054"]{margin:0 0 1.125rem;font-size:.88rem;}

/* groups/managegroup.php:387 */
[data-dms-hook="groups-managegroup-055"]{width:100%;margin-bottom:.875rem;}

/* groups/managegroup.php:389 */
[data-dms-hook="groups-managegroup-056"]{display:flex;flex-direction:column;gap:.5rem;}

/* groups/managegroup.php:399 */
[data-dms-hook="groups-managegroup-057"]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border:.0625rem solid var(--dms-border-soft);}

/* groups/managegroup.php:400 */
[data-dms-hook="groups-managegroup-058"]{display:flex;align-items:center;gap:.75rem;min-width:0;}

/* groups/managegroup.php:401 */
[data-dms-hook="groups-managegroup-059"]{width:2.75rem;height:2.75rem;border-radius:.75rem;object-fit:cover;border:.0625rem solid var(--dms-border-soft);}

/* groups/managegroup.php:402 */
[data-dms-hook="groups-managegroup-060"]{min-width:0;}

/* groups/managegroup.php:403 */
[data-dms-hook="groups-managegroup-061"]{font-weight:700;overflow-wrap:anywhere;}

/* groups/managegroup.php:404 */
[data-dms-hook="groups-managegroup-062"]{font-size:.76rem;}

/* groups/managegroup.php:418 */
[data-dms-hook="groups-managegroup-063"]{font-size:.78rem;margin-top:.25rem;}

/* groups/managegroup.php:424 */
[data-dms-hook="groups-managegroup-064"]{margin:0;}

/* groups/managegroup.php:431 */
[data-dms-hook="groups-managegroup-065"]{margin:0;display:flex;align-items:center;gap:.4375rem;flex-wrap:wrap;justify-content:flex-end;}

/* groups/managegroup.php:435 */
[data-dms-hook="groups-managegroup-066"]{width:11.875rem;}

/* groups/managegroup.php:436 */
[data-dms-hook="groups-managegroup-067"]{color:var(--dms-danger);}

/* groups/viewgroup.php:283 */
[data-dms-hook="groups-viewgroup-001"]{max-width:75rem;margin:0 auto;}

/* groups/viewgroup.php:284 */
[data-dms-hook="groups-viewgroup-002"]{margin-bottom:1.125rem;}

/* groups/viewgroup.php:289 */
[data-dms-hook="groups-viewgroup-003"]{margin-top:.3125rem;}

/* groups/viewgroup.php:291 */
[data-dms-hook="groups-viewgroup-004"]{display:flex;gap:.5rem;flex-wrap:wrap;}

/* groups/viewgroup.php:304 */
[data-dms-hook="groups-viewgroup-005"]{margin:0 0 1.125rem;}

/* groups/viewgroup.php:322 */
[data-dms-hook="groups-viewgroup-006"]{margin-bottom:1rem;}

/* groups/viewgroup.php:507 */
[data-dms-hook="groups-viewgroup-007"]{font-size:.82rem;margin-bottom:.5rem;}

/* groups/viewgroup.php:516 */
[data-dms-hook="groups-viewgroup-008"]{font-size:.72rem;}

/* groups/viewgroup.php:527 */
[data-dms-hook="groups-viewgroup-009"]{margin-top:.3125rem;white-space:pre-wrap;overflow-wrap:anywhere;}

/* groups/viewgroup.php:535 */
[data-dms-hook="groups-viewgroup-010"]{margin-top:.625rem;}

/* groups/viewgroup.php:540 */
[data-dms-hook="groups-viewgroup-011"]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.4375rem;}

/* groups/viewgroup.php:541 */
[data-dms-hook="groups-viewgroup-012"]{max-width:20rem;}

/* groups/viewgroup.php:552 */
[data-dms-hook="groups-viewgroup-013"]{margin:0 0 .75rem;}

/* groups/viewgroup.php:558 */
[data-dms-hook="groups-viewgroup-014"]{min-width:0;}

/* groups/viewgroup.php:562 */
[data-dms-hook="groups-viewgroup-015"]{font-size:.72rem;}

/* groups/viewgroup.php:583 */
[data-dms-hook="groups-viewgroup-016"]{font-size:.6875rem;margin-top:.1875rem;}

/* groups/viewgroup.php:679 */
[data-dms-hook="groups-viewgroup-017"]{font-size:.625rem;margin-top:.3125rem;}

/* groups.php:71 */
[data-dms-hook="groups-001"]{max-width: 75rem; margin: 0 auto;}

/* groups.php:72 */
[data-dms-hook="groups-002"]{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.875rem; background: rgba(255,255,255,0.02); padding: 1.25rem; border-radius: .75rem; border: .0625rem solid var(--dms-border);}

/* groups.php:73 */
[data-dms-hook="groups-003"]{display: flex; align-items: center; gap: .9375rem;}

/* groups.php:74 */
[data-dms-hook="groups-004"]{font-size: 2rem; background: rgba(var(--dms-primary-rgb), 0.1); padding: .625rem; border-radius: .75rem;}

/* groups.php:76 */
[data-dms-hook="groups-005"]{margin: 0; font-size: 1.6rem; letter-spacing: -.03125rem;}

/* groups.php:77 */
[data-dms-hook="groups-006"]{font-size: 0.9rem;}

/* groups.php:81 */
[data-dms-hook="groups-007"]{padding: .625rem 1.25rem; font-weight: 600;}

/* groups.php:85 */
[data-dms-hook="groups-008"]{padding: .625rem 1.25rem; font-weight: 600;}

/* groups.php:90 */
[data-dms-hook="groups-009"]{padding:1.25rem;margin-bottom:1.375rem;}

/* groups.php:91 */
[data-dms-hook="groups-010"]{margin:0 0 .875rem;}

/* groups.php:92 */
[data-dms-hook="groups-011"]{display:grid;gap:.625rem;}

/* groups.php:94 */
[data-dms-hook="groups-012"]{display:flex;justify-content:space-between;align-items:center;gap:.875rem;flex-wrap:wrap;padding:.75rem;border:.0625rem solid var(--dms-border);border-radius:.75rem;background:var(--dms-input-bg);scroll-margin-top:1.25rem;}

/* groups.php:97 */
[data-dms-hook="groups-013"]{font-size:.82rem;margin-top:.1875rem;}

/* groups.php:99 */
[data-dms-hook="groups-014"]{display:flex;gap:.5rem;}

/* groups.php:120 */
[data-dms-hook="groups-015"]{text-align: center; padding: 3.75rem; border-style: dashed !important;}

/* groups.php:121 */
[data-dms-hook="groups-016"]{font-size: 3rem; margin-bottom: 1.25rem; opacity: 0.3;}

/* groups.php:122 */
[data-dms-hook="groups-017"]{font-size: 1.1rem;}

/* groups.php:127 */
[data-dms-hook="groups-018"]{border-radius:.75rem;}

/* groups.php:135 */
[data-dms-hook="groups-019"]{flex:0 0 auto;font-size:.5rem;font-weight:850;padding:.0625rem .375rem;}

/* groups.php:145 */
[data-dms-hook="groups-020"]{background:rgba(239,68,68,.1);color:#ef4444;border:none;}

/* header.php:208 */
[data-dms-hook="header-001"]{position: relative;}

/* header.php:211 */
[data-dms-hook="header-002"]{display:none;}

/* header.php:215 */
[data-dms-hook="header-003"]{display:none;}

/* header.php:235 */
[data-dms-hook="header-004"]{display: inline-block; width: 1.25rem;}

/* header.php:276 */
[data-dms-hook="header-005"]{display:none; position: absolute; z-index: 10000;}

/* header.php:280 */
[data-dms-hook="header-006"]{display:none;}

/* header.php:292 */
[data-dms-hook="header-007"]{display:none;}

/* header.php:316 */
[data-dms-hook="header-008"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;text-align:center;padding:.625rem 0;}

/* header.php:318 */
[data-dms-hook="header-009"]{display:block;font-weight:bold;}

/* header.php:319 */
[data-dms-hook="header-010"]{font-size:.8rem;}

/* header.php:323 */
[data-dms-hook="header-011"]{text-decoration:none;color:inherit;}

/* header.php:324 */
[data-dms-hook="header-012"]{display:block;font-weight:bold;}

/* header.php:325 */
[data-dms-hook="header-013"]{font-size:.8rem;}

/* header.php:329 */
[data-dms-hook="header-014"]{text-decoration:none;color:inherit;}

/* header.php:330 */
[data-dms-hook="header-015"]{display:block;font-weight:bold;}

/* header.php:331 */
[data-dms-hook="header-016"]{font-size:.8rem;}

/* header.php:334 */
[data-dms-hook="header-017"]{text-decoration:none;color:inherit;}

/* header.php:335 */
[data-dms-hook="header-018"]{display:block;font-weight:bold;}

/* header.php:336 */
[data-dms-hook="header-019"]{font-size:.8rem;}

/* header.php:340 */
[data-dms-hook="header-020"]{grid-column:1 / -1;width:calc(50% - .3125rem);justify-self:center;}

/* header.php:341 */
[data-dms-hook="header-021"]{display:block;font-weight:bold;}

/* header.php:342 */
[data-dms-hook="header-022"]{font-size:.8rem;}

/* header.php:349 */
[data-dms-hook="header-023"]{display: grid; grid-template-columns: repeat(3, 1fr); gap: .625rem; padding: .625rem;}

/* header.php:351 */
[data-dms-hook="header-024"]{display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none;}

/* header.php:352 */
[data-dms-hook="header-025"]{font-size: 1.5rem; margin-bottom: .25rem;}

/* header.php:353 */
[data-dms-hook="header-026"]{font-size: 0.75rem;}

/* header.php:369 */
[data-dms-hook="header-027"]{padding:.75rem}

/* header.php:1049 */
[data-dms-hook="header-028"]{display:flex;justify-content:space-between;gap:.625rem;align-items:center;}

/* header.php:1051 */
[data-dms-hook="header-029"]{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap;}

/* header.php:1052 */
[data-dms-hook="header-030"]{padding:.3125rem .5625rem;}

/* header.php:1053 */
[data-dms-hook="header-031"]{padding:.3125rem .5625rem;border-color:var(--dms-danger);color:var(--dms-danger);}

/* header.php:1065 */
[data-dms-hook="header-032"]{display:block;width:100%;text-align:left;cursor:pointer;padding:.625rem;border-radius:0;}

/* header.php:1066 */
[data-dms-hook="header-033"]{display:block;}

/* header.php:1067 */
[data-dms-hook="header-034"]{font-size:.85em;}

/* index.php:157 */
[data-dms-hook="index-001"]{padding:.75rem .875rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}

/* index.php:160 */
[data-dms-hook="index-002"]{margin-top:.25rem;font-size:.6875rem;}

/* index.php:165 */
[data-dms-hook="index-003"]{padding:.6875rem .8125rem;border-color:var(--dms-danger);}

/* index.php:166 */
[data-dms-hook="index-004"]{color:var(--dms-danger);}

/* index.php:167 */
[data-dms-hook="index-005"]{margin-top:.25rem;font-size:.6875rem;}

/* index.php:192 */
[data-dms-hook="index-006"]{margin:1.125rem 0;}

/* index.php:213 */
[data-dms-hook="index-007"]{font-size:.625rem;padding:.125rem .4375rem;}

/* index.php:405 */
[data-dms-hook="index-008"]{margin-top: .625rem;}

/* index.php:409 */
[data-dms-hook="index-009"]{width:100%; margin-bottom:.3125rem;}

/* index.php:411 */
[data-dms-hook="index-010"]{margin-top:.375rem;}

/* index.php:414 */
[data-dms-hook="index-011"]{margin-top:.625rem;font-size:.6875rem;}

/* index.php:429 */
[data-dms-hook="index-012"]{font-size:.6875rem;margin-top:.1875rem;}

/* index.php:450 */
[data-dms-hook="index-013"]{font-size:.6875rem;font-weight:800;}

/* index.php:451 */
[data-dms-hook="index-014"]{width:100%;margin-top:.3125rem;}

/* index.php:457 */
[data-dms-hook="index-015"]{margin-top:.625rem;}

/* index.php:503 */
[data-dms-hook="index-016"]{font-size:.6875rem;font-weight:800;}

/* index.php:504 */
[data-dms-hook="index-017"]{width:100%;margin-top:.3125rem;}

/* index.php:519 */
[data-dms-hook="index-018"]{font-size:.625rem;margin-top:.3125rem;}

/* login.php:199 */
[data-dms-hook="login-001"]{justify-content:center;}

/* members.php:87 */
[data-dms-hook="members-001"]{padding:1.5rem;}

/* members.php:88 */
[data-dms-hook="members-002"]{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem;}

/* members.php:89 */
[data-dms-hook="members-003"]{margin:0;}

/* members.php:89 */
[data-dms-hook="members-004"]{font-size:1.1rem; font-weight:normal;}

/* members.php:90 */
[data-dms-hook="members-005"]{padding: .375rem .875rem; font-weight: 600;}

/* members.php:95 */
[data-dms-hook="members-006"]{display:grid; grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr)); gap:1rem;}

/* members.php:104 */
[data-dms-hook="members-007"]{padding:1rem; transition: transform 0.2s;}

/* members.php:105 */
[data-dms-hook="members-008"]{display:flex; align-items:center; gap:1rem;}

/* members.php:109 */
[data-dms-hook="members-009"]{width:3.75rem; height:3.75rem; border-radius:.75rem; object-fit:cover; border:.0625rem solid var(--dms-border); flex-shrink:0;}

/* members.php:113 */
[data-dms-hook="members-010"]{flex:1; min-width:0;}

/* members.php:114 */
[data-dms-hook="members-011"]{display:flex; align-items:center; gap:.5rem; margin-bottom:.25rem;}

/* members.php:115 */
[data-dms-hook="members-012"]{font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* members.php:118 */
[data-dms-hook="members-013"]{font-size:.625rem; text-transform:uppercase; padding:.125rem .375rem;}

/* members.php:123 */
[data-dms-hook="members-014"]{display:flex; align-items:center; justify-content:space-between; margin-top:.5rem;}

/* members.php:124 */
[data-dms-hook="members-015"]{display:inline-flex; align-items:center; gap:.375rem; font-size:.75rem;}

/* members.php:128 */
[data-dms-hook="members-016"]{padding:.25rem .5rem; font-size:.75rem; border-color:var(--dms-border);}

/* members.php:133 */
[data-dms-hook="members-017"]{margin:0;}

/* members.php:137 */
[data-dms-hook="members-018"]{padding:.25rem .5rem;font-size:.75rem;}

/* members.php:143 */
[data-dms-hook="members-019"]{padding:.25rem .5rem;font-size:.75rem;color:var(--dms-danger);}

/* members.php:158 */
[data-dms-hook="members-020"]{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:1rem;background:var(--dms-shadow);}

/* members.php:159 */
[data-dms-hook="members-021"]{width:min(28.75rem,100%);padding:1rem;}

/* members.php:160 */
[data-dms-hook="members-022"]{display:flex;justify-content:space-between;align-items:center;gap:.625rem;margin-bottom:.75rem;}

/* members.php:168 */
[data-dms-hook="members-023"]{margin-bottom:.5625rem;}

/* members.php:169 */
[data-dms-hook="members-024"]{width:100%;resize:vertical;}

/* members.php:170 */
[data-dms-hook="members-025"]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.625rem;}

/* members.php:172 */
[data-dms-hook="members-026"]{color:var(--dms-danger);}

/* messages.php:16 */
[data-dms-hook="messages-001"]{margin:0 0 1.125rem 0;}

/* messages.php:25 */
[data-dms-hook="messages-002"]{display:flex;gap:.5rem;margin-bottom:.875rem;}

/* messages.php:29 */
[data-dms-hook="messages-003"]{padding:.875rem;}

/* messages.php:31 */
[data-dms-hook="messages-004"]{display:none;}

/* messages.php:36 */
[data-dms-hook="messages-005"]{padding:1.125rem;display:grid;gap:.875rem;}

/* messages.php:37 */
[data-dms-hook="messages-006"]{margin:0;}

/* messages.php:42 */
[data-dms-hook="messages-007"]{display:block;margin-bottom:.3125rem;}

/* messages.php:51 */
[data-dms-hook="messages-008"]{display:block;margin-bottom:.3125rem;}

/* messages.php:56 */
[data-dms-hook="messages-009"]{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.5rem;}

/* messages.php:66 */
[data-dms-hook="messages-010"]{text-align:right;}

/* messages.php:73 */
[data-dms-hook="messages-011"]{padding:1rem;}

/* messages.php:75 */
[data-dms-hook="messages-012"]{display:block;margin-bottom:.375rem;}

/* messages.php:83 */
[data-dms-hook="messages-013"]{display:flex;flex-direction:column;gap:.625rem;min-width:0;}

/* messages.php:86 */
[data-dms-hook="messages-014"]{font-size:.8rem;}

/* messages.php:91 */
[data-dms-hook="messages-015"]{display:flex;gap:.5rem;}

/* messages.php:100 */
[data-dms-hook="messages-016"]{padding:0;border:none;border-radius:.875rem;max-width:45rem;width:92%;background:transparent;}

/* messages.php:101 */
[data-dms-hook="messages-017"]{padding:1.25rem;}

/* messages.php:102 */
[data-dms-hook="messages-018"]{display:flex;justify-content:space-between;gap:.625rem;align-items:center;}

/* messages.php:103 */
[data-dms-hook="messages-019"]{margin:0;}

/* messages.php:106 */
[data-dms-hook="messages-020"]{margin-top:.5rem;padding-bottom:.625rem;border-bottom:.0625rem solid var(--dms-border);}

/* messages.php:107 */
[data-dms-hook="messages-021"]{margin-top:1.125rem;line-height:1.6;min-height:6.25rem;overflow-wrap:anywhere;}

/* messages.php:108 */
[data-dms-hook="messages-022"]{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.125rem;}

/* messages.php:110 */
[data-dms-hook="messages-023"]{color:var(--dms-danger);}

/* messages.php:347 */
[data-dms-hook="messages-024"]{font-size:.82rem;margin-top:.1875rem;}

/* messages.php:349 */
[data-dms-hook="messages-025"]{font-size:.72rem;white-space:nowrap;}

/* messages.php:353 */
[data-dms-hook="messages-026"]{color:var(--dms-danger);}

/* notifications.php:11 */
[data-dms-hook="notifications-001"]{padding:1rem;}

/* notifications.php:12 */
[data-dms-hook="notifications-002"]{margin:0 0 .5rem 0;}

/* notifications.php:17 */
[data-dms-hook="notifications-003"]{padding:.75rem;background:transparent;}

/* notifications.php:40 */
[data-dms-hook="notifications-004"]{display:flex;justify-content:space-between;gap:.625rem;}

/* notifications.php:41 */
[data-dms-hook="notifications-005"]{font-weight:800}

/* notifications.php:42 */
[data-dms-hook="notifications-006"]{font-size:.75rem;}

/* notifications.php:44 */
[data-dms-hook="notifications-007"]{margin-top:.375rem;white-space:pre-wrap}

/* profile.php:196 */
[data-dms-hook="profile-001"]{padding:1.5rem;border-radius:.5rem;overflow:hidden;}

/* profile.php:201 */
[data-dms-hook="profile-002"]{display: flex; gap: 2rem; align-items: flex-start; flex-wrap: wrap; margin-bottom: 2rem;}

/* profile.php:203 */
[data-dms-hook="profile-003"]{width: 8.75rem; height: 8.75rem; border-radius: .5rem; object-fit: cover; border: .0625rem solid var(--dms-border); flex-shrink: 0;}

/* profile.php:205 */
[data-dms-hook="profile-004"]{flex: 1; min-width: 18.75rem;}

/* profile.php:206 */
[data-dms-hook="profile-005"]{display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem;}

/* profile.php:208 */
[data-dms-hook="profile-006"]{margin: 0; font-size: 2rem; line-height: 1.2;}

/* profile.php:210 */
[data-dms-hook="profile-007"]{display: flex; gap: .5rem;}

/* profile.php:223 */
[data-dms-hook="profile-008"]{margin-top: 1rem; display: flex; gap: .75rem; align-items: center;}

/* profile.php:224 */
[data-dms-hook="profile-009"]{padding: .25rem .75rem;}

/* profile.php:226 */
[data-dms-hook="profile-010"]{font-size: 0.85rem;}

/* profile.php:254 */
[data-dms-hook="profile-011"]{display:grid;grid-template-columns:minmax(0,1fr) 18.75rem;gap:2.5rem;margin-top:2rem;}

/* profile.php:257 */
[data-dms-hook="profile-012"]{font-size: 0.9rem; text-transform: uppercase; margin-bottom: 1rem; letter-spacing: .03125rem;}

/* profile.php:258 */
[data-dms-hook="profile-013"]{line-height: 1.6; font-size: 1.05rem;}

/* profile.php:262 */
[data-dms-hook="profile-014"]{font-style: italic;}

/* profile.php:305 */
[data-dms-hook="profile-015"]{font-size: 0.9rem; text-transform: uppercase; margin-bottom: 1rem; letter-spacing: .03125rem;}

/* profile.php:306 */
[data-dms-hook="profile-016"]{display: grid; grid-template-columns: 1fr 1fr; gap: .75rem;}

/* profile.php:307 */
[data-dms-hook="profile-017"]{padding: 1rem; border: .0625rem solid var(--dms-border); border-radius: .375rem; text-align: center;}

/* profile.php:308 */
[data-dms-hook="profile-018"]{font-size: 1.4rem; font-weight: bold;}

/* profile.php:309 */
[data-dms-hook="profile-019"]{font-size: 0.75rem;}

/* profile.php:311 */
[data-dms-hook="profile-020"]{padding: 1rem; border: .0625rem solid var(--dms-border); border-radius: .375rem; text-align: center;}

/* profile.php:312 */
[data-dms-hook="profile-021"]{font-size: 1.4rem; font-weight: bold;}

/* profile.php:313 */
[data-dms-hook="profile-022"]{font-size: 0.75rem;}

/* profile.php:318 */
[data-dms-hook="profile-023"]{padding: 1rem; background: rgba(0,0,0,0.02); border-radius: .375rem; border: .0625rem solid var(--dms-border);}

/* profile.php:319 */
[data-dms-hook="profile-024"]{margin-bottom: .5rem; display: flex; justify-content: space-between;}

/* profile.php:323 */
[data-dms-hook="profile-025"]{display: flex; justify-content: space-between;}

/* profile.php:361 */
[data-dms-hook="profile-026"]{margin-top:.25rem;font-weight:800;}

/* profile.php:426 */
[data-dms-hook="profile-027"]{text-align:center;display:block;}

/* profile.php:433 */
[data-dms-hook="profile-028"]{margin-top:1.75rem;}

/* profile.php:434 */
[data-dms-hook="profile-029"]{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap;margin-bottom:.75rem;}

/* profile.php:436 */
[data-dms-hook="profile-030"]{margin:0;}

/* profile.php:437 */
[data-dms-hook="profile-031"]{margin-top:.25rem;}

/* profile.php:472 */
[data-dms-hook="profile-032"]{margin-top:1.75rem;}

/* profile.php:473 */
[data-dms-hook="profile-033"]{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap;margin-bottom:.75rem;}

/* profile.php:475 */
[data-dms-hook="profile-034"]{margin:0;}

/* profile.php:476 */
[data-dms-hook="profile-035"]{margin-top:.25rem;}

/* profile.php:478 */
[data-dms-hook="profile-036"]{display:flex;gap:.5rem;flex-wrap:wrap;}

/* profile.php:484 */
[data-dms-hook="profile-037"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:.625rem;}

/* profile.php:485 */
[data-dms-hook="profile-038"]{padding:.875rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;}

/* profile.php:487 */
[data-dms-hook="profile-039"]{display:block;padding:.75rem;border:.0625rem solid var(--dms-border-soft);border-radius:.75rem;color:inherit;text-decoration:none;}

/* profile.php:488 */
[data-dms-hook="profile-040"]{display:block;line-height:1.3;}

/* profile.php:489 */
[data-dms-hook="profile-041"]{font-size:.6875rem;margin-top:.3125rem;}

/* profile.php:490 */
[data-dms-hook="profile-042"]{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem;}

/* register.php:180 */
[data-dms-hook="register-001"]{position:absolute;left:-625rem;top:auto;width:.0625rem;height:.0625rem;overflow:hidden}

/* settings/members.php:427 */
[data-dms-hook="settings-members-001"]{padding:1rem;max-width:78.125rem;margin:0 auto;}

/* settings/members.php:428 */
[data-dms-hook="settings-members-002"]{margin:0;}

/* settings/members.php:428 */
[data-dms-hook="settings-members-003"]{margin-top:.25rem;}

/* settings/members.php:432 */
[data-dms-hook="settings-members-004"]{display:flex;gap:.5rem;flex-wrap:wrap;}

/* settings/members.php:433 */
[data-dms-hook="settings-members-005"]{overflow:auto;}

/* settings/members.php:437 */
[data-dms-hook="settings-members-006"]{margin-top:.4375rem;}

/* settings/members.php:437 */
[data-dms-hook="settings-members-007"]{margin-top:.4375rem;}

/* settings/members.php:438 */
[data-dms-hook="settings-members-008"]{overflow:auto;}

/* settings/members.php:441 */
[data-dms-hook="settings-members-009"]{margin:0;}

/* settings/members.php:441 */
[data-dms-hook="settings-members-010"]{margin-top:.875rem;}

/* settings/members.php:443 */
[data-dms-hook="settings-members-011"]{margin:0;}

/* settings/members.php:444 */
[data-dms-hook="settings-members-012"]{margin-top:0;}

/* settings/members.php:444 */
[data-dms-hook="settings-members-013"]{border-color:var(--dms-danger);color:var(--dms-danger);}

/* settings/members.php:446 */
[data-dms-hook="settings-members-014"]{display:none;}

/* settings/moderation.php:157 */
[data-dms-hook="settings-moderation-001"]{padding:1.375rem;}

/* settings/moderation.php:158 */
[data-dms-hook="settings-moderation-002"]{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.125rem;}

/* settings/moderation.php:160 */
[data-dms-hook="settings-moderation-003"]{margin:0;}

/* settings/moderation.php:161 */
[data-dms-hook="settings-moderation-004"]{margin-top:.3125rem;}

/* settings/moderation.php:167 */
[data-dms-hook="settings-moderation-005"]{padding:.625rem;margin-bottom:.875rem;border-color:var(--dms-ok);}

/* settings/moderation.php:169 */
[data-dms-hook="settings-moderation-006"]{padding:.625rem;margin-bottom:.875rem;border-color:var(--dms-warning);}

/* settings/moderation.php:171 */
[data-dms-hook="settings-moderation-007"]{padding:.625rem;margin-bottom:.875rem;border-color:var(--dms-ok);}

/* settings/moderation.php:174 */
[data-dms-hook="settings-moderation-008"]{padding:.625rem;margin-bottom:.875rem;border-color:var(--dms-danger);}

/* settings/moderation.php:206 */
[data-dms-hook="settings-moderation-009"]{margin:0;}

/* settings/moderation.php:250 */
[data-dms-hook="settings-moderation-010"]{margin:0;}

/* settings/moderation.php:347 */
[data-dms-hook="settings-moderation-011"]{display:block;margin-bottom:.375rem;}

/* settings/moderation.php:355 */
[data-dms-hook="settings-moderation-012"]{width:100%;resize:vertical;}

/* settings/sitecfg.php:257 */
[data-dms-hook="settings-sitecfg-001"]{padding:1rem; max-width:75rem; margin:0 auto;}

/* settings/sitecfg.php:260 */
[data-dms-hook="settings-sitecfg-002"]{margin:0;}

/* settings/sitecfg.php:261 */
[data-dms-hook="settings-sitecfg-003"]{margin-top:.25rem;}

/* settings/sitecfg.php:263 */
[data-dms-hook="settings-sitecfg-004"]{display:flex;gap:.625rem;flex-wrap:wrap;}

/* settings/sitecfg.php:269 */
[data-dms-hook="settings-sitecfg-005"]{margin-top:.75rem;padding:.625rem;background:transparent;}

/* settings/sitecfg.php:292 */
[data-dms-hook="settings-sitecfg-006"]{margin-top:.375rem;}

/* settings/sitecfg.php:325 */
[data-dms-hook="settings-sitecfg-007"]{display:flex;gap:.625rem;align-items:center;font-weight:800;min-height:2.5rem;}

/* settings/sitecfg.php:363 */
[data-dms-hook="settings-sitecfg-008"]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem;}

/* settings/sitecfg.php:437 */
[data-dms-hook="settings-sitecfg-009"]{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap;}

/* settings/sitecfg.php:438 */
[data-dms-hook="settings-sitecfg-010"]{height:3.25rem;border-radius:.75rem;border:.0625rem solid var(--dms-border-soft);}

/* settings/sitecfg.php:452 */
[data-dms-hook="settings-sitecfg-011"]{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap;}

/* settings/sitecfg.php:453 */
[data-dms-hook="settings-sitecfg-012"]{height:3.25rem;border-radius:.75rem;border:.0625rem solid var(--dms-border-soft);}

/* settings/sitecfg.php:463 */
[data-dms-hook="settings-sitecfg-013"]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem;}

/* settings/sitecfg.php:570 */
[data-dms-hook="settings-sitecfg-014"]{flex:1;min-width:13.75rem;}

/* settings/sitecfg.php:573 */
[data-dms-hook="settings-sitecfg-015"]{margin-top:.3125rem;}

/* settings/sitecfg.php:584 */
[data-dms-hook="settings-sitecfg-016"]{display:flex;justify-content:flex-end;gap:.625rem;margin-top:.875rem;}

/* settings/sitecfg.php:594 */
[data-dms-hook="settings-sitecfg-017"]{margin-top:.75rem;}

/* settings/sitecfg.php:597 */
[data-dms-hook="settings-sitecfg-018"]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.875rem;}

/* settings/sitecfg.php:641 */
[data-dms-hook="settings-sitecfg-019"]{flex:1;min-width:13.75rem;}

/* settings/sitecfg.php:653 */
[data-dms-hook="settings-sitecfg-020"]{display:flex;justify-content:flex-end;gap:.625rem;margin-top:.875rem;}

/* settings/sitecfg.php:787 */
[data-dms-hook="settings-sitecfg-021"]{margin:0;}

/* settings/sitecfg.php:788 */
[data-dms-hook="settings-sitecfg-022"]{margin-top:.375rem;}

/* settings/sitecfg.php:796 */
[data-dms-hook="settings-sitecfg-023"]{padding:.75rem;margin-top:.8125rem;background:transparent;}

/* settings/sitecfg.php:809 */
[data-dms-hook="settings-sitecfg-024"]{margin-top:.25rem;}

/* settings/sitecfg.php:903 */
[data-dms-hook="settings-sitecfg-025"]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.9375rem;}

/* settings/sitecfg.php:1159 */
[data-dms-hook="settings-sitecfg-026"]{margin:0;}

/* settings/sitecfg.php:1160 */
[data-dms-hook="settings-sitecfg-027"]{margin-top:.375rem;line-height:1.55;}

/* settings/sitecfg.php:1164 */
[data-dms-hook="settings-sitecfg-028"]{margin-top:1rem;}

/* settings/sitecfg.php:1170 */
[data-dms-hook="settings-sitecfg-029"]{margin-top:.875rem;}

/* settings/sitecfg.php:1171 */
[data-dms-hook="settings-sitecfg-030"]{display:block;margin-bottom:.4375rem;}

/* settings/sitecfg.php:1173 */
[data-dms-hook="settings-sitecfg-031"]{width:100%;resize:vertical;line-height:1.55;}

/* settings/sitecfg.php:1174 */
[data-dms-hook="settings-sitecfg-032"]{margin-top:.375rem;}

/* settings/sitecfg.php:1179 */
[data-dms-hook="settings-sitecfg-033"]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.875rem;}

/* settings/sitecfg.php:1186 */
[data-dms-hook="settings-sitecfg-034"]{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}

/* settings/sitecfg.php:1188 */
[data-dms-hook="settings-sitecfg-035"]{margin:0;}

/* settings/sitecfg.php:1189 */
[data-dms-hook="settings-sitecfg-036"]{margin-top:.3125rem;}

/* settings/sitecfg.php:1199 */
[data-dms-hook="settings-sitecfg-037"]{font-size:1.35rem;}

/* settings/sitecfg.php:1201 */
[data-dms-hook="settings-sitecfg-038"]{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.3125rem;}

/* settings/sitecfg.php:1210 */
[data-dms-hook="settings-sitecfg-039"]{margin-top:.75rem;}

/* settings/sitecfg.php:1289 */
[data-dms-hook="settings-sitecfg-040"]{margin-bottom:.625rem;}

/* settings/sitecfg.php:1292 */
[data-dms-hook="settings-sitecfg-041"]{padding:0;background:transparent;overflow:auto;}

/* settings/sitecfg.php:1343 */
[data-dms-hook="settings-sitecfg-042"]{white-space:nowrap;}

/* settings/sitecfg.php:1354 */
[data-dms-hook="settings-sitecfg-043"]{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem;align-items:center;}

/* settings/sitecfg.php:1388 */
[data-dms-hook="settings-sitecfg-044"]{white-space:nowrap;}

/* settings/update.php:371 */
[data-dms-hook="settings-update-001"]{padding:1rem;max-width:75rem;margin:0 auto;}

/* settings/update.php:374 */
[data-dms-hook="settings-update-002"]{margin:0;}

/* settings/update.php:375 */
[data-dms-hook="settings-update-003"]{margin-top:.25rem;}

/* settings/update.php:381 */
[data-dms-hook="settings-update-004"]{margin-top:.75rem;}

/* settings/update.php:401 */
[data-dms-hook="settings-update-005"]{font-size:1rem;}

/* settings/update.php:418 */
[data-dms-hook="settings-update-006"]{display:flex;gap:.625rem;align-items:center;}

/* settings/update.php:423 */
[data-dms-hook="settings-update-007"]{display:flex;gap:.625rem;align-items:center;}

/* settings/update.php:428 */
[data-dms-hook="settings-update-008"]{display:flex;gap:.625rem;flex-wrap:wrap;}

/* settings/update.php:437 */
[data-dms-hook="settings-update-009"]{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap;}

/* settings/update.php:439 */
[data-dms-hook="settings-update-010"]{margin-bottom:.25rem;}

/* settings/update.php:451 */
[data-dms-hook="settings-update-011"]{margin-top:.625rem;}

/* settings/update.php:454 */
[data-dms-hook="settings-update-012"]{font-size:.75rem;}

/* settings/update.php:490 */
[data-dms-hook="settings-update-013"]{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap;}

/* settings/update.php:492 */
[data-dms-hook="settings-update-014"]{margin-bottom:.25rem;}

/* settings/update.php:493 */
[data-dms-hook="settings-update-015"]{font-size:.75rem;}

/* settings/update.php:503 */
[data-dms-hook="settings-update-016"]{margin-top:.625rem;}

/* settings/update.php:506 */
[data-dms-hook="settings-update-017"]{margin-top:.75rem;}

/* settings/update.php:516 */
[data-dms-hook="settings-update-018"]{aspect-ratio:16/8;display:grid;place-items:center;background:var(--dms-input-bg);font-size:2.125rem;border-bottom:.0625rem solid var(--dms-border-soft);}

/* settings/update.php:527 */
[data-dms-hook="settings-update-019"]{margin-top:1.125rem;}

/* settings/update.php:528 */
[data-dms-hook="settings-update-020"]{font-size:.75rem;font-weight:800;}

/* settings/update.php:548 */
[data-dms-hook="settings-update-021"]{margin-top:1rem;}

/* settings/update.php:571 */
[data-dms-hook="settings-update-022"]{overflow:auto;}

/* settings/update.php:600 */
[data-dms-hook="settings-update-023"]{font-size:.75rem;}

/* settings/update.php:611 */
[data-dms-hook="settings-update-024"]{overflow:auto;}

/* settings/update.php:623 */
[data-dms-hook="settings-update-025"]{font-size:.75rem;}

/* settings/update.php:644 */
[data-dms-hook="settings-update-026"]{margin-top:.625rem;}

/* settings/update.php:674 */
[data-dms-hook="settings-update-027"]{display:none;}

/* settings/update.php:684 */
[data-dms-hook="settings-update-028"]{display:none;}

/* settings.php:323 */
[data-dms-hook="settings-001"]{padding:1.5rem;}

/* settings.php:324 */
[data-dms-hook="settings-002"]{display:flex; align-items:center; justify-content:space-between; gap:1.25rem; flex-wrap:wrap; margin-bottom:1.5rem;}

/* settings.php:326 */
[data-dms-hook="settings-003"]{margin:0; font-size:1.5rem;}

/* settings.php:327 */
[data-dms-hook="settings-004"]{margin-top:.25rem; opacity:0.8;}

/* settings.php:328 */
[data-dms-hook="settings-005"]{margin:0 .5rem;}

/* settings.php:331 */
[data-dms-hook="settings-006"]{display:flex; gap:.75rem; flex-wrap:wrap;}

/* settings.php:343 */
[data-dms-hook="settings-007"]{margin-bottom:1.25rem; padding:.75rem 1rem; border-left:.25rem solid #22c55e;}

/* settings.php:349 */
[data-dms-hook="settings-008"]{margin-bottom:1.25rem; padding:.75rem 1rem; border-left:.25rem solid var(--dms-danger);}

/* settings.php:357 */
[data-dms-hook="settings-009"]{display:flex; gap:1.5rem; align-items:center; flex-wrap:wrap; padding:1rem; border:.0625rem solid var(--dms-border); border-radius:.5rem;}

/* settings.php:358 */
[data-dms-hook="settings-010"]{width:6.25rem; height:6.25rem; border-radius:50%; object-fit:cover; border:.125rem solid var(--dms-border);}

/* settings.php:359 */
[data-dms-hook="settings-011"]{flex:1; min-width:16.25rem}

/* settings.php:360 */
[data-dms-hook="settings-012"]{display:block; margin-bottom:.5rem; font-weight:600;}

/* settings.php:361 */
[data-dms-hook="settings-013"]{display:block; width:100%;}

/* settings.php:362 */
[data-dms-hook="settings-014"]{margin-top:.5rem; font-size:0.75rem; opacity:0.7;}

/* settings.php:366 */
[data-dms-hook="settings-015"]{margin-top:1rem;padding:1rem;border:.0625rem solid var(--dms-border);border-radius:.5rem;}

/* settings.php:367 */
[data-dms-hook="settings-016"]{display:block;margin-bottom:.625rem;font-weight:600;}

/* settings.php:373 */
[data-dms-hook="settings-017"]{display:block;width:100%;height:11.25rem;object-fit:cover;border:.0625rem solid var(--dms-border);border-radius:.5rem;margin-bottom:.75rem;}

/* settings.php:376 */
[data-dms-hook="settings-018"]{display:grid;place-items:center;width:100%;height:8.125rem;border:.0625rem dashed var(--dms-border);border-radius:.5rem;margin-bottom:.75rem;}

/* settings.php:385 */
[data-dms-hook="settings-019"]{display:block;width:100%;}

/* settings.php:387 */
[data-dms-hook="settings-020"]{margin-top:.5rem;font-size:0.75rem;opacity:0.8;}

/* settings.php:392 */
[data-dms-hook="settings-021"]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;}

/* settings.php:399 */
[data-dms-hook="settings-022"]{margin:2rem 0;}

/* settings.php:401 */
[data-dms-hook="settings-023"]{display:grid; grid-template-columns: 1fr; gap:1.5rem;}

/* settings.php:405 */
[data-dms-hook="settings-024"]{display:block; margin-bottom:.5rem;}

/* settings.php:406 */
[data-dms-hook="settings-025"]{width:100%;}

/* settings.php:409 */
[data-dms-hook="settings-026"]{display:block; margin-bottom:.5rem;}

/* settings.php:410 */
[data-dms-hook="settings-027"]{width:100%;}

/* settings.php:414 */
[data-dms-hook="settings-028"]{display:block; margin-bottom:.5rem;}

/* settings.php:415 */
[data-dms-hook="settings-029"]{width:100%;}

/* settings.php:429 */
[data-dms-hook="settings-030"]{display:block; margin-bottom:.5rem;}

/* settings.php:430 */
[data-dms-hook="settings-031"]{width:100%;}

/* settings.php:434 */
[data-dms-hook="settings-032"]{display:block; margin-bottom:.5rem;}

/* settings.php:435 */
[data-dms-hook="settings-033"]{width:100%;}

/* settings.php:438 */
[data-dms-hook="settings-034"]{display:block; margin-bottom:.5rem;}

/* settings.php:439 */
[data-dms-hook="settings-035"]{width:100%;}

/* settings.php:447 */
[data-dms-hook="settings-036"]{margin-top:.25rem;font-size:.82rem;}

/* settings.php:449 */
[data-dms-hook="settings-037"]{min-width:11.25rem;}

/* settings.php:471 */
[data-dms-hook="settings-038"]{margin-top:.25rem;font-size:.82rem;}

/* settings.php:473 */
[data-dms-hook="settings-039"]{min-width:11.25rem;}

/* settings.php:517 */
[data-dms-hook="settings-040"]{margin-top:.25rem;font-size:.82rem;}

/* settings.php:542 */
[data-dms-hook="settings-041"]{display:flex; flex-direction:column; gap:1rem;}

/* settings.php:544 */
[data-dms-hook="settings-042"]{display:block; margin-bottom:.5rem;}

/* settings.php:546 */
[data-dms-hook="settings-043"]{display:flex; gap:.5rem; align-items:center; margin-bottom:.5rem; background:rgba(255,255,255,0.05); padding:.625rem; border-radius:.5rem; border: .0625rem solid var(--dms-border);}

/* settings.php:551 */
[data-dms-hook="settings-044"]{width:.0625rem; height:1.5rem; background:var(--dms-border); margin: 0 .25rem;}

/* settings.php:552 */
[data-dms-hook="settings-045"]{width:2.125rem; height:2.125rem; border:none; background:none; cursor:pointer; padding:0;}

/* settings.php:556 */
[data-dms-hook="settings-046"]{width:100%; min-height:31.25rem; font-family:var(--dms-font-monospace); font-size:.875rem; padding:.9375rem;}

/* settings.php:561 */
[data-dms-hook="settings-047"]{margin-top:2.5rem; padding-top:1.5rem; border-top:.0625rem solid var(--dms-border); display:flex; gap:.75rem; justify-content: flex-end;}

/* settings.php:563 */
[data-dms-hook="settings-048"]{padding: 0 2rem;}

/* tickets.php:500 */
[data-dms-hook="tickets-001"]{margin-top:.5625rem;}

/* tickets.php:696 */
[data-dms-hook="tickets-002"]{margin-top:.875rem;}

/* tickets.php:886 */
[data-dms-hook="tickets-003"]{display:none}

/* groups/managegroup.php — hover state formerly handled inline */
[data-dms-hook="groups-managegroup-051"]:hover{opacity:1;}
/* =========================================================
   VISITEURS EN LIGNE — information discrète dans le header
   ========================================================= */
.dms-user.dms-user--guest{
  min-width:auto;
}
.dms-visitors-live{
  display:inline-flex;
  align-items:center;
  gap:.32rem;
  min-width:0;
  padding-left:.85rem;
  margin-left:.15rem;
  border-left:.0625rem solid var(--dms-border-soft);
  color:var(--dms-muted);
  font-family:var(--dms-font-body);
  font-size:.72rem;
  font-weight:650;
  line-height:1.2;
  white-space:nowrap;
}
.dms-visitors-live strong{
  color:var(--dms-text);
  font-size:.78rem;
  font-weight:900;
}
.dms-visitors-live__label{
  opacity:.78;
}

@media(max-width:980px){
  .dms-visitors-live{
    white-space:normal;
  }
}
@media(max-width:700px){
  .dms-header__left{
    flex-wrap:wrap;
  }
  .dms-visitors-live{
    width:100%;
    margin-left:0;
    padding-left:0;
    border-left:0;
    font-size:.68rem;
  }
}

/* Mobile / tablette étroite : dimensions tactiles normales. */
@media(max-width:900px){
  html{
    font-size:100%;
  }
}

/* =========================================================
   SOVEREIGN CORE — FINITIONS PERSONNELLES
   ========================================================= */

body.dms-app,
body:not(.dms-page-login):not(.dms-page-register){
  color:var(--dms-text);
  background:
    radial-gradient(62rem 38rem at 8% 2%,rgba(var(--dms-accent-rgb),.15),transparent 60%),
    radial-gradient(54rem 34rem at 92% 7%,rgba(var(--dms-accent2-rgb),.09),transparent 62%),
    radial-gradient(38rem 28rem at 58% 3%,rgba(184,196,204,.055),transparent 64%),
    radial-gradient(42rem 32rem at 75% 78%,rgba(var(--dms-accent3-rgb),.045),transparent 68%),
    linear-gradient(150deg,#030507 0%,#090e14 48%,#05080c 100%) !important;
}

::selection{background:rgba(var(--dms-accent-rgb),.28);color:#fff}

body.dms-app .card,
body.dms-app .ds-left-card,
body.dms-app .rail-section,
body.dms-app .post-form,
body.dms-app .post,
body.dms-app .plugin-card{
  position:relative;
  background:
    linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.012) 42%,rgba(0,0,0,.18)),
    linear-gradient(180deg,var(--dms-card-strong),var(--dms-card));
  border:.0625rem solid var(--dms-border);
  box-shadow:
    0 1.35rem 3.8rem var(--dms-shadow),
    0 .0625rem 0 rgba(255,255,255,.055) inset,
    0 -.0625rem 0 rgba(0,0,0,.52) inset;
  backdrop-filter:blur(.8rem) saturate(118%);
}

body.dms-app .card::before,
body.dms-app .ds-left-card::before,
body.dms-app .rail-section::before,
body.dms-app .post-form::before,
body.dms-app .post::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 24%,rgba(255,255,255,.045) 37%,transparent 50%);
  opacity:.7;
}

body.dms-app .card:hover,
body.dms-app .post:hover,
body.dms-app .plugin-card:hover{
  border-color:rgba(var(--dms-accent-rgb),.42);
  box-shadow:
    0 1.55rem 4.4rem rgba(0,0,0,.74),
    0 0 0 .0625rem rgba(var(--dms-accent-rgb),.07) inset,
    0 0 1.6rem rgba(var(--dms-accent-rgb),.055);
}

body.dms-app .dms-header__pill{
  background:linear-gradient(104deg,#080c10 0%,#111b24 43%,#0b1117 72%,#0a0d11 100%);
  border:.0625rem solid rgba(137,164,184,.28);
  box-shadow:
    0 1.2rem 3.5rem rgba(0,0,0,.66),
    0 .0625rem 0 rgba(255,255,255,.055) inset,
    0 0 1.8rem rgba(var(--dms-accent-rgb),.045);
}

body.dms-app .dms-header__pill::before{
  background:
    radial-gradient(48rem 9rem at 7% 20%,rgba(var(--dms-accent-rgb),.23),transparent 61%),
    radial-gradient(42rem 9rem at 78% 0%,rgba(var(--dms-accent2-rgb),.12),transparent 62%),
    linear-gradient(90deg,transparent,rgba(184,196,204,.055),transparent);
  opacity:1;
}

body.dms-app .dms-brand,
body.dms-app .ds-site,
body.dms-app .dms-user__name{
  color:var(--dms-title);
  text-shadow:0 0 1rem rgba(var(--dms-accent-rgb),.055);
}

body.dms-app .dms-brand::before{
  content:"◆";
  color:var(--dms-accent);
  font-size:.8em;
  margin-right:.08rem;
  text-shadow:0 0 .7rem rgba(var(--dms-accent-rgb),.35);
}

body.dms-app .dms-user__avatar,
body.dms-app .ds-logo img,
body.dms-app .dms-brand__logo{
  border-color:rgba(137,164,184,.30);
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(0,0,0,.34)),var(--dms-panel);
  box-shadow:0 .75rem 1.9rem rgba(0,0,0,.54),0 0 0 .0625rem rgba(var(--dms-accent-rgb),.045) inset;
}

body.dms-app .dms-badge,
body.dms-app .dms-chip{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),var(--dms-panel);
  border-color:rgba(137,164,184,.21);
}

body.dms-app .dms-badge--admin{
  color:#fff3df;
  border-color:rgba(var(--dms-accent2-rgb),.58);
  background:linear-gradient(135deg,rgba(var(--dms-accent2-rgb),.23),rgba(var(--dms-accent-rgb),.08));
  box-shadow:0 0 1.1rem rgba(var(--dms-accent2-rgb),.08);
}

body.dms-app .ds-kpi{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.008)),var(--dms-panel);
  border-color:rgba(137,164,184,.17);
  box-shadow:0 .5rem 1.25rem rgba(0,0,0,.31);
}

body.dms-app .ds-kpi:hover{
  color:var(--dms-accent);
  border-color:rgba(var(--dms-accent-rgb),.55);
  background:linear-gradient(135deg,rgba(var(--dms-accent-rgb),.085),rgba(var(--dms-accent2-rgb),.055)),var(--dms-panel);
}

body.dms-app .ds-sep{
  background:linear-gradient(90deg,transparent,rgba(var(--dms-accent-rgb),.45),rgba(184,196,204,.42),rgba(var(--dms-accent2-rgb),.42),transparent);
  opacity:.9;
}

body.dms-app .dms-input,
body.dms-app .dms-textarea,
body.dms-app input[type="text"],
body.dms-app input[type="email"],
body.dms-app input[type="password"],
body.dms-app input[type="file"],
body.dms-app textarea,
body.dms-app select{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.13)),var(--dms-input-bg);
  color:var(--dms-text);
  border-color:rgba(137,164,184,.18);
  box-shadow:0 .0625rem 0 rgba(255,255,255,.02) inset,0 .5rem 1.25rem rgba(0,0,0,.24) inset;
}

body.dms-app input::placeholder,
body.dms-app textarea::placeholder{color:rgba(174,188,200,.47)}

body.dms-app .dms-input:focus,
body.dms-app .dms-textarea:focus,
body.dms-app input:focus,
body.dms-app textarea:focus,
body.dms-app select:focus{
  border-color:rgba(var(--dms-accent-rgb),.68);
  box-shadow:0 0 0 .1875rem rgba(var(--dms-accent-rgb),.105),0 0 1.2rem rgba(var(--dms-accent-rgb),.06);
}

body.dms-app .dms-btn,
body.dms-app .btn,
body.dms-app button,
body.dms-app input[type="submit"]{
  position:relative;
  overflow:hidden;
  color:var(--dms-text);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.012)),linear-gradient(145deg,#182029,#080b0f);
  border-color:rgba(137,164,184,.21);
  box-shadow:0 .6rem 1.45rem rgba(0,0,0,.37),0 .0625rem 0 rgba(255,255,255,.055) inset;
}

body.dms-app .dms-btn:hover,
body.dms-app .btn:hover,
body.dms-app button:hover,
body.dms-app input[type="submit"]:hover{
  transform:translateY(-.0625rem);
  border-color:rgba(var(--dms-accent-rgb),.70);
  box-shadow:0 .85rem 1.85rem rgba(0,0,0,.43),0 0 1.1rem rgba(var(--dms-accent-rgb),.09);
}

body.dms-app .dms-btn--primary,
body.dms-app .dms-compose-launcher-action,
body.dms-app .group-compose-launcher-action{
  color:#fff;
  border-color:rgba(var(--dms-accent-rgb),.60);
  background:linear-gradient(115deg,#1269a6 0%,#27a9ff 58%,#b7792f 100%);
  box-shadow:0 .75rem 1.9rem rgba(0,0,0,.42),0 0 1.4rem rgba(var(--dms-accent-rgb),.13);
  font-weight:900;
}

body.dms-app .dms-iconbtn{
  color:#dfe8ef;
  background:rgba(0,0,0,.27);
  border-color:rgba(137,164,184,.22);
}

body.dms-app .dms-iconbtn:hover{
  color:#fff;
  background:rgba(var(--dms-accent-rgb),.22);
  border-color:rgba(var(--dms-accent-rgb),.64);
}

body.dms-page-index .comment{
  background:rgba(255,255,255,.025);
  border:.0625rem solid rgba(137,164,184,.10);
}

body.dms-page-index .post-modal-content{
  background:var(--dms-card-strong);
  border:.0625rem solid var(--dms-border);
  color:var(--dms-text);
}

body.dms-page-index .post-modal-content .comment-block{border-top-color:var(--dms-border-soft)}
body.dms-page-index .close-modal{color:var(--dms-muted)}

body.dms-page-groups .group-card{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),var(--dms-card) !important;
}

body.dms-page-settings-sitecfg .dms-admin-tabs .btn.active{
  border-color:var(--dms-accent);
  box-shadow:0 0 0 .125rem rgba(var(--dms-accent-rgb),.12) inset;
}

body.dms-page-settings-sitecfg .dms-news-card{background:rgba(255,255,255,.025)}
body.dms-page-settings-sitecfg .dms-news-card:hover{background:rgba(var(--dms-accent-rgb),.055)}

body.dms-app #dmsNotifPanel{
  color:var(--dms-text);
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.006)),rgba(6,9,13,.985);
  border-color:rgba(137,164,184,.25);
  box-shadow:0 1.5rem 4rem rgba(0,0,0,.76),-.75rem 0 1.7rem rgba(var(--dms-accent-rgb),.055),.75rem 0 1.7rem rgba(var(--dms-accent2-rgb),.04);
}

body.dms-app .dms-notif-head{
  color:var(--dms-title);
  background:linear-gradient(90deg,rgba(var(--dms-accent-rgb),.09),rgba(255,255,255,.025),rgba(var(--dms-accent2-rgb),.055));
}

body.dms-app .dms-notif-item.unread{
  background:linear-gradient(90deg,rgba(var(--dms-accent-rgb),.085),transparent 80%);
  border-left:.1875rem solid var(--dms-accent);
}

body.dms-app .dms-news-floating,
body.dms-app .dms-news-header-panel,
body.dms-app .dms-events-header-panel,
body.dms-app .reaction-hover-box,
body.dms-app .reaction-people-window{
  background:var(--dms-bg) !important;
  border-color:var(--dms-border);
  box-shadow:0 1.55rem 4.8rem var(--dms-shadow);
}

/* Login */
body.dms-page-login{
  --primary-color:#27a9ff;
  --primary-dark:#0b3857;
  --bg-deep:#05080c;
  --text:#eaf0f5;
  --muted:#9eafbd;
  color:var(--text);
  background:
    radial-gradient(58rem 42rem at 8% 8%,rgba(39,169,255,.12),transparent 45%),
    radial-gradient(52rem 38rem at 90% 16%,rgba(210,138,53,.07),transparent 48%),
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.60)),
    var(--bg-deep);
}

body.dms-page-login .card{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),rgba(12,17,23,.92);
  border-color:rgba(137,164,184,.18);
}

body.dms-page-login .brand h1{color:#f2f6f9}

body.dms-page-login .field:focus-within .inp{
  border-color:#27a9ff;
  box-shadow:0 0 0 .25rem rgba(39,169,255,.13);
}

body.dms-page-login .btn{
  color:#fff;
  background:
    radial-gradient(120% 150% at 20% 0%,rgba(255,255,255,.24),transparent 40%),
    linear-gradient(100deg,#1269a6,#27a9ff 68%,#b7792f);
}

/* Register */
body.dms-page-register{
  background:
    radial-gradient(58rem 42rem at 8% 8%,rgba(39,169,255,.12),transparent 45%),
    radial-gradient(52rem 38rem at 90% 16%,rgba(210,138,53,.07),transparent 48%),
    #05080c;
  color:var(--dms-text);
}

body.dms-page-register .card,
body.dms-page-register .rules{
  background:rgba(12,17,23,.92);
  border-color:rgba(137,164,184,.18);
  color:var(--dms-text);
}

body.dms-page-register input,
body.dms-page-register textarea{
  background:rgba(255,255,255,.055);
  color:var(--dms-text);
  border:.0625rem solid rgba(137,164,184,.15);
}

body.dms-page-register input[type=submit]{
  color:#fff;
  background:linear-gradient(110deg,#1269a6,#27a9ff 68%,#b7792f);
}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:#536675 #030507}
*::-webkit-scrollbar{width:.625rem;height:.625rem}
*::-webkit-scrollbar-track{background:#030507}
*::-webkit-scrollbar-thumb{
  border:.125rem solid #030507;
  border-radius:62.4375rem;
  background:linear-gradient(180deg,#8fa4b3,#435564);
}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#27a9ff,#b7792f)}

@media(max-width:620px){
  body.dms-app{
    background:
      radial-gradient(44rem 26rem at 4% 0%,rgba(var(--dms-accent-rgb),.11),transparent 60%),
      radial-gradient(42rem 26rem at 96% 4%,rgba(var(--dms-accent2-rgb),.055),transparent 60%),
      linear-gradient(180deg,#080c11,#030507)!important;
  }

  body.dms-app .dms-header__pill,
  body.dms-app .card,
  body.dms-app .ds-left-card,
  body.dms-app .rail-section,
  body.dms-app .post-form,
  body.dms-app .post{
    box-shadow:0 .9rem 2.3rem rgba(0,0,0,.54);
  }
}

/* =========================================================
   SAUVEGARDES UTILISATEUR + JOURNAL DETAILLE
   ========================================================= */
body.dms-page-settings-sitecfg .dms-user-backup-section,
body.dms-page-settings-sitecfg .dms-backup-logs{
  margin-top:1.75rem;
  padding-top:1.5rem;
  border-top:.0625rem solid var(--dms-border-soft);
}
body.dms-page-settings-sitecfg .dms-user-backup-head,
body.dms-page-settings-sitecfg .dms-backup-logs__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.875rem;
}
body.dms-page-settings-sitecfg .dms-user-backup-head h3,
body.dms-page-settings-sitecfg .dms-backup-logs__head h3{
  margin:0 0 .3rem;
}
body.dms-page-settings-sitecfg .dms-user-backup-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  margin:.875rem 0;
}
body.dms-page-settings-sitecfg .dms-user-backup-form{
  display:flex;
  flex-direction:column;
  gap:.625rem;
  min-width:0;
  padding:.875rem;
  background:transparent;
}
body.dms-page-settings-sitecfg .dms-user-backup-form .dms-btn{
  align-self:flex-start;
}
body.dms-page-settings-sitecfg .dms-user-backup-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.625rem;
  margin:.75rem 0;
}
body.dms-page-settings-sitecfg .dms-user-backup-summary .card{
  padding:.8125rem;
  background:transparent;
}
body.dms-page-settings-sitecfg .dms-user-backup-filename{
  overflow-wrap:anywhere;
}
body.dms-page-settings-sitecfg .dms-backup-log-table-wrap{
  width:100%;
  overflow:auto;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.875rem;
}
body.dms-page-settings-sitecfg .dms-backup-log-table{
  width:100%;
  border-collapse:collapse;
  min-width:42rem;
}
body.dms-page-settings-sitecfg .dms-backup-log-table th,
body.dms-page-settings-sitecfg .dms-backup-log-table td{
  padding:.7rem .75rem;
  text-align:left;
  vertical-align:top;
  border-bottom:.0625rem solid var(--dms-border-soft);
}
body.dms-page-settings-sitecfg .dms-backup-log-table tbody tr:last-child td{
  border-bottom:0;
}
body.dms-page-settings-sitecfg .dms-backup-log-open{
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  color:var(--dms-text);
  font:inherit;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:.16rem;
}
body.dms-page-settings-sitecfg .dms-backup-log-open:hover{
  color:var(--dms-primary,var(--dms-accent,var(--dms-text)));
}
body.dms-page-settings-sitecfg .dms-backup-log-status{
  font-weight:800;
  white-space:nowrap;
}
body.dms-page-settings-sitecfg .dms-backup-log-status--success{color:var(--dms-ok)}
body.dms-page-settings-sitecfg .dms-backup-log-status--error{color:var(--dms-danger)}
body.dms-page-settings-sitecfg .dms-backup-log-status--warning{color:var(--dms-muted)}
body.dms-page-settings-sitecfg .dms-backup-log-modal[hidden]{display:none}
body.dms-page-settings-sitecfg .dms-backup-log-modal{
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:center;
  padding:1rem;
  background:color-mix(in srgb,var(--dms-page) 72%,transparent);
  backdrop-filter:blur(.25rem);
  -webkit-backdrop-filter:blur(.25rem);
}
body.dms-page-settings-sitecfg .dms-backup-log-modal__dialog{
  width:min(52rem,calc(100vw - 2rem));
  max-height:min(48rem,calc(100vh - 2rem));
  display:flex;
  flex-direction:column;
  gap:.875rem;
  padding:1rem;
  overflow:hidden;
}
body.dms-page-settings-sitecfg .dms-backup-log-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
}
body.dms-page-settings-sitecfg .dms-backup-log-modal__head h3{margin:0 0 .25rem}
body.dms-page-settings-sitecfg .dms-backup-log-modal__close{flex:0 0 auto}
body.dms-page-settings-sitecfg .dms-backup-log-modal__details{
  margin:0;
  padding:.875rem;
  min-height:10rem;
  overflow:auto;
  border:.0625rem solid var(--dms-border-soft);
  border-radius:.75rem;
  background:var(--dms-input-bg);
  color:var(--dms-text);
  font-family:var(--dms-font-monospace);
  font-size:.75rem;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  body.dms-page-settings-sitecfg .dms-user-backup-actions,
  body.dms-page-settings-sitecfg .dms-user-backup-summary{grid-template-columns:1fr}
  body.dms-page-settings-sitecfg .dms-user-backup-form .dms-btn{width:100%}
}
body.dms-page-settings-sitecfg .dms-user-backup-security{
  margin:.75rem 0;
  padding:.75rem .875rem;
  background:transparent;
  border-color:var(--dms-border-soft);
  line-height:1.45;
}

/* =========================================================
   INSCRIPTION THEMATIQUE + VALIDATION ADMINISTRATEUR
   ========================================================= */
body.dms-page-register{
  margin:0;
  min-height:100vh;
  height:auto;
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  background:var(--dms-bg);
  color:var(--dms-text);
}
.dms-register-page{
  width:min(92rem,calc(100% - 2rem));
  margin:0 auto;
  padding:2rem 0 3rem;
}
.dms-register-shell{
  display:grid;
  grid-template-columns:minmax(18rem,.8fr) minmax(0,1.35fr);
  gap:1.25rem;
  align-items:stretch;
}
.dms-register-brand,
.dms-register-card,
.dms-register-rules{
  width:auto;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
  border:1px solid var(--dms-border);
  background:var(--dms-card);
  color:var(--dms-text);
}
.dms-register-brand{
  display:flex;
  flex-direction:column;
  gap:1.15rem;
  padding:1.35rem;
}
.dms-register-brand__identity{
  display:flex;
  align-items:center;
  gap:.85rem;
}
.dms-register-brand__logo{
  width:4rem;
  height:4rem;
  flex:0 0 4rem;
  object-fit:cover;
  border:1px solid var(--dms-border);
  border-radius:1rem;
  background:var(--dms-panel);
}
.dms-register-brand__site{
  color:var(--dms-title);
  font-size:1.15rem;
  font-weight:950;
  line-height:1.1;
}
.dms-register-brand__subtitle{margin-top:.25rem;font-size:.78rem;}
.dms-register-brand__banner{
  display:block;
  width:100%;
  aspect-ratio:16/7;
  object-fit:cover;
  border:1px solid var(--dms-border-soft);
  border-radius:1rem;
  background:var(--dms-panel);
}
.dms-register-brand__copy h1{
  margin:0 0 .5rem;
  color:var(--dms-title);
  font-size:1.55rem;
  line-height:1.15;
}
.dms-register-brand__copy p{
  margin:0;
  color:var(--dms-muted);
  line-height:1.55;
}
.dms-register-mode{
  display:grid;
  gap:.3rem;
  margin-top:auto;
  padding:.9rem 1rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.9rem;
  background:var(--dms-panel);
}
.dms-register-mode.is-manual{border-color:var(--dms-warning);}
.dms-register-mode.is-auto{border-color:var(--dms-success);}
.dms-register-mode strong{color:var(--dms-title);}
.dms-register-mode span{font-size:.78rem;line-height:1.4;}
.dms-register-back{align-self:flex-start;}

.dms-register-card{
  padding:1.35rem;
}
.dms-register-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1.2rem;
}
.dms-register-card__head h2,
.dms-register-success h2,
.dms-register-rules h2{
  margin:0;
  color:var(--dms-title);
}
.dms-register-card__head p{margin:.3rem 0 0;}
.dms-register-card__step{
  flex:0 0 auto;
  padding:.35rem .65rem;
  border:1px solid var(--dms-border);
  border-radius:999rem;
  background:var(--dms-panel);
  color:var(--dms-muted);
  font-size:.72rem;
  font-weight:800;
}
.dms-register-message{
  margin-bottom:1rem;
  padding:.8rem .9rem;
  border:1px solid var(--dms-danger);
  border-radius:.8rem;
  background:var(--dms-panel);
}
.dms-register-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.dms-register-field{
  display:grid;
  gap:.4rem;
  min-width:0;
}
.dms-register-field--wide{grid-column:1/-1;}
.dms-register-field label{
  color:var(--dms-text);
  font-weight:800;
}
.dms-register-field small{
  font-size:.72rem;
  line-height:1.35;
}
.dms-register-field .dms-input,
.dms-register-field textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.dms-register-field textarea{
  min-height:7rem;
  resize:vertical;
}
.dms-register-file{padding:.55rem;}
.dms-register-human{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(7rem,.3fr);
  gap:.75rem;
  align-items:center;
  padding:.75rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.8rem;
  background:var(--dms-panel);
}
.dms-register-consent{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin-top:1.1rem;
  padding:.85rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.8rem;
  background:var(--dms-panel);
  cursor:pointer;
}
.dms-register-consent input{margin-top:.15rem;}
.dms-register-consent a{color:var(--dms-primary);}
.dms-register-actions{
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
  align-items:center;
  margin-top:1.1rem;
}
.dms-register-success{
  display:grid;
  justify-items:start;
  gap:.75rem;
  min-height:20rem;
  align-content:center;
}
.dms-register-success__icon{font-size:3rem;line-height:1;}
.dms-register-success p{max-width:42rem;margin:0;line-height:1.55;}
.dms-register-success__note{
  padding:.75rem .9rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.8rem;
  background:var(--dms-panel);
}
.dms-register-success.is-pending .dms-register-success__note{
  border-color:var(--dms-warning);
}
.dms-register-rules{
  margin-top:1.25rem;
  padding:1.25rem 1.35rem;
}
.dms-register-rules__head{margin-bottom:.85rem;}
.dms-register-rules__head p{margin:.3rem 0 0;}
.dms-register-rules__body{
  max-height:28rem;
  overflow:auto;
  padding-right:.4rem;
  line-height:1.55;
}
.dms-register-rules__body h3{margin:1rem 0 .4rem;color:var(--dms-title);}
.dms-register-rules__body p{margin:.45rem 0;}
.dms-register-rules__body ol{margin:.5rem 0;padding-left:1.35rem;}

.dms-registration-pending{
  margin-top:1.25rem;
  padding:1rem;
}
.dms-registration-pending__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-bottom:.85rem;
}
.dms-registration-pending__head h3{margin:0 0 .2rem;color:var(--dms-title);}
.dms-registration-pending__empty{
  padding:1rem;
  border:1px dashed var(--dms-border-soft);
  border-radius:.8rem;
  text-align:center;
}
.dms-registration-pending__list{
  display:grid;
  gap:.65rem;
}
.dms-registration-pending__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.75rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.8rem;
  background:var(--dms-panel);
}
.dms-registration-pending__identity{
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:0;
}
.dms-registration-pending__identity img{
  width:3rem;
  height:3rem;
  flex:0 0 3rem;
  object-fit:cover;
  border-radius:.75rem;
  border:1px solid var(--dms-border);
}
.dms-registration-pending__identity div{
  display:grid;
  min-width:0;
}
.dms-registration-pending__identity strong{
  color:var(--dms-title);
  overflow-wrap:anywhere;
}
.dms-registration-pending__identity span,
.dms-registration-pending__identity small{
  overflow-wrap:anywhere;
}
.dms-registration-pending__actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  flex:0 0 auto;
}
.dms-registration-pending__actions form{margin:0;}
.dms-registration-reject{
  border-color:var(--dms-danger);
  color:var(--dms-danger);
}
.dms-status--pending{
  border-color:var(--dms-warning);
  color:var(--dms-warning);
}

@media(max-width:900px){
  .dms-register-page{
    width:min(100% - 1rem,60rem);
    padding:.75rem 0 1.5rem;
  }
  .dms-register-shell{grid-template-columns:1fr;}
  .dms-register-brand__banner{max-height:14rem;}
}
@media(max-width:620px){
  .dms-register-grid{grid-template-columns:1fr;}
  .dms-register-field--wide{grid-column:auto;}
  .dms-register-human{grid-template-columns:1fr;}
  .dms-register-actions>*{width:100%;justify-content:center;}
  .dms-registration-pending__item{align-items:flex-start;flex-direction:column;}
  .dms-registration-pending__actions{width:100%;}
  .dms-registration-pending__actions form{flex:1;}
  .dms-registration-pending__actions button{width:100%;}
}

/* =========================================================
   CONNEXION THEMATIQUE
   ========================================================= */
body.dms-page-login{
  margin:0;
  min-height:100vh;
  height:auto;
  display:block;
  overflow-x:hidden;
  overflow-y:auto;
  background:var(--dms-bg);
  color:var(--dms-text);
}
.dms-login-page{
  position:relative;
  z-index:2;
  min-height:100vh;
  display:grid;
  place-items:center;
  width:100%;
  padding:2rem 1rem;
  box-sizing:border-box;
}
.dms-login-card{
  width:min(31rem,100%);
  max-width:none;
  min-width:0;
  padding:1.3rem;
  box-sizing:border-box;
  border:1px solid var(--dms-border);
  background:var(--dms-card);
  color:var(--dms-text);
  box-shadow:0 1.4rem 3.8rem var(--dms-shadow);
}
.dms-login-brand{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-bottom:1rem;
}
.dms-login-logo{
  width:4rem;
  height:4rem;
  flex:0 0 4rem;
  display:block;
  object-fit:cover;
  border:1px solid var(--dms-border);
  border-radius:1rem;
  background:var(--dms-panel);
}
.dms-login-site{
  color:var(--dms-title);
  font-size:1.15rem;
  font-weight:950;
  line-height:1.15;
}
.dms-login-kicker{
  margin-top:.2rem;
  font-size:.76rem;
}
.dms-login-banner{
  display:block;
  width:100%;
  aspect-ratio:16/6;
  object-fit:cover;
  margin-bottom:1rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.9rem;
  background:var(--dms-panel);
}
.dms-login-head{
  margin-bottom:1rem;
}
.dms-login-head h1{
  margin:0;
  color:var(--dms-title);
  font-size:1.55rem;
  line-height:1.15;
}
.dms-login-head p{
  margin:.3rem 0 0;
}
.dms-login-message{
  margin-bottom:1rem;
  padding:.8rem .9rem;
  border:1px solid var(--dms-border);
  border-radius:.8rem;
  background:var(--dms-panel);
  color:var(--dms-text);
  line-height:1.4;
}
.dms-login-form{
  display:grid;
  gap:1rem;
}
.dms-login-field{
  display:grid;
  gap:.4rem;
}
.dms-login-field label{
  color:var(--dms-text);
  font-weight:800;
}
.dms-login-input-wrap{
  position:relative;
  min-width:0;
}
.dms-login-input{
  display:block;
  width:100%;
  min-width:0;
  height:2.8rem;
  padding-left:2.75rem;
  padding-right:1rem;
  box-sizing:border-box;
  color:var(--dms-text);
  background:var(--dms-input-bg);
  border:1px solid var(--dms-border);
}
.dms-login-password{
  padding-right:3rem;
}
.dms-login-input::placeholder{
  color:var(--dms-muted);
  opacity:.75;
}
.dms-login-input:focus{
  outline:none;
  border-color:var(--dms-primary);
  box-shadow:0 0 0 .14rem var(--dms-primary-soft);
}
.dms-login-input-icon{
  position:absolute;
  left:.8rem;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  line-height:1;
  pointer-events:none;
}
.dms-login-toggle{
  position:absolute;
  top:50%;
  right:.55rem;
  z-index:2;
  width:2rem;
  height:2rem;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  padding:0;
  border:1px solid var(--dms-border-soft);
  border-radius:.55rem;
  background:var(--dms-panel);
  color:var(--dms-text);
  cursor:pointer;
}
.dms-login-links{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  flex-wrap:wrap;
}
.dms-login-links a,
.dms-login-link-button{
  padding:0;
  border:0;
  background:none;
  color:var(--dms-primary);
  font:inherit;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.dms-login-links a:hover,
.dms-login-link-button:hover{
  text-decoration:underline;
}
.dms-login-submit{
  width:100%;
  justify-content:center;
}
.dms-login-back{
  justify-self:center;
}
.dms-login-rules{
  max-height:0;
  overflow:hidden;
  opacity:0;
  border:0 solid var(--dms-border-soft);
  border-radius:.8rem;
  background:var(--dms-panel);
  transition:max-height .22s ease,opacity .18s ease,border-width .18s ease;
}
.dms-login-rules.open{
  max-height:28rem;
  opacity:1;
  border-width:1px;
}
.dms-login-rules-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.75rem .8rem;
  border-bottom:1px solid var(--dms-border-soft);
}
.dms-login-rules-head strong{
  color:var(--dms-title);
}
.dms-login-rules-progress{
  flex:0 0 auto;
  padding:.25rem .45rem;
  border:1px solid var(--dms-border-soft);
  border-radius:999rem;
  color:var(--dms-muted);
  font-size:.7rem;
}
.dms-login-rules-body{
  max-height:17rem;
  overflow:auto;
  padding:.8rem;
  line-height:1.5;
}
.dms-login-rules-body h3{
  margin:.7rem 0 .35rem;
  color:var(--dms-title);
}
.dms-login-rules-body p{
  margin:.35rem 0;
}
.dms-login-rules-body ol{
  margin:.4rem 0;
  padding-left:1.25rem;
}
.dms-login-rules-actions{
  display:flex;
  justify-content:flex-end;
  padding:.65rem .8rem;
  border-top:1px solid var(--dms-border-soft);
}

/* Bulles décoratives : toujours derrière le formulaire. */
.dms-login-float-layer{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.dms-login-bubble{
  position:absolute;
  max-width:16rem;
  padding:.7rem .85rem;
  border:1px solid var(--dms-border-soft);
  border-radius:.9rem;
  background:var(--dms-card);
  color:var(--dms-muted);
  box-shadow:0 .8rem 2rem var(--dms-shadow);
  font-size:.78rem;
  font-weight:750;
  line-height:1.35;
  opacity:.72;
  animation:dms-login-float var(--dms-login-float-duration,20s) ease-in-out infinite alternate;
}
@keyframes dms-login-float{
  0%{transform:translate3d(0,0,0) rotate(-.4deg);}
  50%{transform:translate3d(1rem,-.7rem,0) rotate(.35deg);}
  100%{transform:translate3d(-.5rem,.8rem,0) rotate(-.2deg);}
}
@media(max-width:900px){
  .dms-login-bubble:nth-child(n+5){display:none;}
}
@media(max-width:620px){
  .dms-login-page{padding:.75rem;}
  .dms-login-card{padding:1rem;}
  .dms-login-banner{aspect-ratio:16/7;}
  .dms-login-links{align-items:flex-start;flex-direction:column;}
  .dms-login-bubble{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .dms-login-bubble{animation:none!important;}
}

/* =========================================================
   FRANCE TRICOLORE — FINITIONS FINALES
   ========================================================= */
body.dms-app,
body:not(.dms-page-login):not(.dms-page-register){
  color:var(--dms-text);
  background:
    radial-gradient(64rem 40rem at 8% 2%,rgba(var(--dms-accent-rgb),.24),transparent 60%),
    radial-gradient(50rem 34rem at 50% 0%,rgba(255,255,255,.07),transparent 63%),
    radial-gradient(60rem 38rem at 94% 6%,rgba(var(--dms-accent3-rgb),.18),transparent 62%),
    linear-gradient(150deg,#030914 0%,#0a1625 50%,#080d15 100%) !important;
}
::selection{background:rgba(var(--dms-accent-rgb),.34);color:#fff}

body.dms-app .card,
body.dms-app .ds-left-card,
body.dms-app .rail-section,
body.dms-app .post-form,
body.dms-app .post,
body.dms-app .plugin-card{
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 42%,rgba(0,0,0,.16)),linear-gradient(180deg,var(--dms-card-strong),var(--dms-card));
  border:.0625rem solid rgba(255,255,255,.18);
  box-shadow:0 1.35rem 3.8rem var(--dms-shadow),0 .0625rem 0 rgba(255,255,255,.06) inset,0 -.0625rem 0 rgba(0,0,0,.52) inset;
  backdrop-filter:blur(.8rem) saturate(118%);
}
body.dms-app .card::after,
body.dms-app .ds-left-card::after,
body.dms-app .rail-section::after,
body.dms-app .post-form::after,
body.dms-app .post::after{
  content:"";position:absolute;top:0;left:1rem;right:1rem;height:.16rem;border-radius:0 0 .2rem .2rem;
  background:linear-gradient(90deg,#0055a4 0 33.333%,#fff 33.333% 66.666%,#ef4135 66.666% 100%);
  opacity:.78;pointer-events:none;
}
body.dms-app .card:hover,body.dms-app .post:hover,body.dms-app .plugin-card:hover{
  border-color:rgba(255,255,255,.34);
  box-shadow:0 1.55rem 4.4rem rgba(0,0,0,.74),-.2rem 0 1.2rem rgba(var(--dms-accent-rgb),.06),.2rem 0 1.2rem rgba(var(--dms-accent3-rgb),.05);
}

body.dms-app .dms-header__pill{
  background:linear-gradient(90deg,rgba(0,48,95,.96) 0%,rgba(0,85,164,.96) 31%,rgba(17,28,42,.96) 46%,rgba(17,28,42,.96) 54%,rgba(176,35,31,.94) 72%,rgba(116,20,20,.96) 100%);
  border:.0625rem solid rgba(255,255,255,.34);
  box-shadow:0 1.2rem 3.5rem rgba(0,0,0,.64),0 .0625rem 0 rgba(255,255,255,.08) inset;
}
body.dms-app .dms-header__pill::before{
  background:radial-gradient(48rem 9rem at 10% 20%,rgba(0,85,164,.38),transparent 61%),radial-gradient(26rem 8rem at 50% 0%,rgba(255,255,255,.15),transparent 64%),radial-gradient(46rem 9rem at 91% 20%,rgba(239,65,53,.30),transparent 61%);
  opacity:1;
}
body.dms-app .dms-brand::before{content:"🇫🇷";display:inline-flex;align-items:center;justify-content:center;margin-right:.08rem;font-size:1.05em;filter:drop-shadow(0 0 .45rem rgba(255,255,255,.16))}
body.dms-app .ds-site::before{content:"🇫🇷 ";}
body.dms-app .dms-brand,body.dms-app .ds-site,body.dms-app .dms-user__name{color:#fff;text-shadow:0 0 .9rem rgba(255,255,255,.05)}

body.dms-app .dms-user__avatar,body.dms-app .ds-logo img,body.dms-app .dms-brand__logo{
  border-color:rgba(255,255,255,.28);
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.30)),var(--dms-panel);
  box-shadow:0 .75rem 1.9rem rgba(0,0,0,.54),-.1rem 0 .65rem rgba(var(--dms-accent-rgb),.08),.1rem 0 .65rem rgba(var(--dms-accent3-rgb),.06);
}
body.dms-app .dms-badge,body.dms-app .dms-chip{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.014)),var(--dms-panel);border-color:rgba(255,255,255,.20)}
body.dms-app .dms-badge--admin{color:#fff;border-color:rgba(255,255,255,.40);background:linear-gradient(90deg,rgba(0,85,164,.48),rgba(255,255,255,.10),rgba(239,65,53,.40))}

body.dms-app .ds-kpi{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008)),var(--dms-panel);border-color:rgba(255,255,255,.16)}
body.dms-app .ds-kpi:hover{color:#fff;border-color:rgba(255,255,255,.42);background:linear-gradient(110deg,rgba(var(--dms-accent-rgb),.12),rgba(255,255,255,.035),rgba(var(--dms-accent3-rgb),.10)),var(--dms-panel)}
body.dms-app .ds-sep{background:linear-gradient(90deg,transparent 0%,#0055a4 18%,#0055a4 36%,#fff 44%,#fff 56%,#ef4135 64%,#ef4135 82%,transparent 100%);opacity:.92}

body.dms-app .dms-input,body.dms-app .dms-textarea,body.dms-app input[type="text"],body.dms-app input[type="email"],body.dms-app input[type="password"],body.dms-app input[type="file"],body.dms-app textarea,body.dms-app select{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.13)),var(--dms-input-bg);color:var(--dms-text);border-color:rgba(255,255,255,.17)
}
body.dms-app .dms-input:focus,body.dms-app .dms-textarea:focus,body.dms-app input:focus,body.dms-app textarea:focus,body.dms-app select:focus{border-color:#4b9bd8;box-shadow:0 0 0 .1875rem rgba(var(--dms-accent-rgb),.13),0 0 1.2rem rgba(255,255,255,.035)}

body.dms-app .dms-btn,body.dms-app .btn,body.dms-app button,body.dms-app input[type="submit"]{color:var(--dms-text);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.012)),linear-gradient(145deg,#172434,#08111c);border-color:rgba(255,255,255,.19)}
body.dms-app .dms-btn:hover,body.dms-app .btn:hover,body.dms-app button:hover,body.dms-app input[type="submit"]:hover{color:#fff;border-color:rgba(255,255,255,.44);background:linear-gradient(110deg,#00478a 0%,#0055a4 42%,#303b48 50%,#d83a30 58%,#ef4135 100%)}
body.dms-app .dms-btn--primary,body.dms-app .dms-compose-launcher-action,body.dms-app .group-compose-launcher-action{
  color:#fff;border-color:rgba(255,255,255,.38);
  background:linear-gradient(110deg,#0055a4 0%,#0055a4 39%,#f7f7f7 48%,#f7f7f7 52%,#ef4135 61%,#ef4135 100%);
  text-shadow:0 .0625rem .12rem rgba(0,0,0,.60),0 0 .2rem rgba(0,0,0,.28);
  box-shadow:0 .75rem 1.9rem rgba(0,0,0,.42),-.3rem 0 1.3rem rgba(var(--dms-accent-rgb),.09),.3rem 0 1.3rem rgba(var(--dms-accent3-rgb),.08);
}
body.dms-app .dms-iconbtn{color:#fff;background:rgba(0,0,0,.24);border-color:rgba(255,255,255,.23)}
body.dms-app .dms-iconbtn:hover{color:#fff;background:linear-gradient(110deg,rgba(0,85,164,.50),rgba(255,255,255,.10),rgba(239,65,53,.42));border-color:rgba(255,255,255,.50)}

body.dms-app #dmsNotifPanel{color:var(--dms-text);background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.007)),rgba(5,13,24,.985);border-color:rgba(255,255,255,.26);box-shadow:0 1.5rem 4rem rgba(0,0,0,.76),-.8rem 0 1.8rem rgba(var(--dms-accent-rgb),.07),.8rem 0 1.8rem rgba(var(--dms-accent3-rgb),.06)}
body.dms-app .dms-notif-head{color:#fff;background:linear-gradient(90deg,rgba(var(--dms-accent-rgb),.18),rgba(255,255,255,.045),rgba(var(--dms-accent3-rgb),.14))}
body.dms-app .dms-notif-head::before{content:"🇫🇷";margin-right:.45rem}
body.dms-app .dms-notif-item.unread{background:linear-gradient(90deg,rgba(var(--dms-accent-rgb),.09),rgba(255,255,255,.018),rgba(var(--dms-accent3-rgb),.055));border-left:.1875rem solid #0055a4}

body.dms-page-groups .group-card{background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.008)),var(--dms-card)!important}
body.dms-page-groups .group-card:hover{border-color:rgba(255,255,255,.42)!important;box-shadow:-.35rem 0 1.25rem rgba(var(--dms-accent-rgb),.055),.35rem 0 1.25rem rgba(var(--dms-accent3-rgb),.045)}

body.dms-page-settings-sitecfg .dms-admin-tabs .btn.active,body.dms-page-settings-update .dms-admin-tabs .btn.active,body.dms-page-settings-members .dms-admin-tabs .active{
  border-color:#fff;
  box-shadow:-.12rem 0 .55rem rgba(var(--dms-accent-rgb),.14),.12rem 0 .55rem rgba(var(--dms-accent3-rgb),.12),0 0 0 .125rem rgba(255,255,255,.08) inset;
}

body.dms-page-login{
  --primary-color:#0055a4;--primary-dark:#002f5c;--bg-deep:#030811;--text:#f7f9fc;--muted:#b8c4d1;
  color:var(--text);
  background:radial-gradient(58rem 42rem at 7% 8%,rgba(0,85,164,.18),transparent 45%),radial-gradient(48rem 36rem at 50% 0%,rgba(255,255,255,.06),transparent 48%),radial-gradient(52rem 38rem at 93% 16%,rgba(239,65,53,.13),transparent 48%),linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.58)),var(--bg-deep);
}
body.dms-page-login .card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),rgba(8,20,35,.94);border-color:rgba(255,255,255,.20)}
body.dms-page-login .brand h1::before{content:"🇫🇷 ";}
body.dms-page-login .btn{color:#fff;background:linear-gradient(110deg,#0055a4 0%,#0055a4 40%,#f4f4f4 48%,#f4f4f4 52%,#ef4135 60%,#ef4135 100%);text-shadow:0 .0625rem .12rem rgba(0,0,0,.58)}

body.dms-page-register{background:radial-gradient(58rem 42rem at 7% 8%,rgba(0,85,164,.18),transparent 45%),radial-gradient(48rem 36rem at 50% 0%,rgba(255,255,255,.06),transparent 48%),radial-gradient(52rem 38rem at 93% 16%,rgba(239,65,53,.13),transparent 48%),#030811;color:var(--dms-text)}
body.dms-page-register .card,body.dms-page-register .rules{background:rgba(8,20,35,.94);border-color:rgba(255,255,255,.20);color:var(--dms-text)}
body.dms-page-register input[type=submit]{color:#fff;background:linear-gradient(110deg,#0055a4 0%,#0055a4 40%,#f4f4f4 48%,#f4f4f4 52%,#ef4135 60%,#ef4135 100%);text-shadow:0 .0625rem .12rem rgba(0,0,0,.58)}

*{scrollbar-width:thin;scrollbar-color:#687b91 #030811}
*::-webkit-scrollbar{width:.625rem;height:.625rem}
*::-webkit-scrollbar-track{background:#030811}
*::-webkit-scrollbar-thumb{border:.125rem solid #030811;border-radius:62.4375rem;background:linear-gradient(180deg,#0055a4 0 34%,#f2f2f2 34% 66%,#ef4135 66% 100%)}
*::-webkit-scrollbar-thumb:hover{filter:brightness(1.12)}

@media(max-width:620px){
  body.dms-app{background:radial-gradient(44rem 26rem at 4% 0%,rgba(var(--dms-accent-rgb),.15),transparent 60%),radial-gradient(42rem 26rem at 96% 4%,rgba(var(--dms-accent3-rgb),.10),transparent 60%),linear-gradient(180deg,#07111d,#030811)!important}
  body.dms-app .card::after,body.dms-app .ds-left-card::after,body.dms-app .rail-section::after,body.dms-app .post-form::after,body.dms-app .post::after{left:.65rem;right:.65rem}
}

/* =========================================================
   HAUTE-SAVOIE — FINITIONS FINALES
   ========================================================= */

body.dms-app,
body:not(.dms-page-login):not(.dms-page-register){
  color:var(--dms-text);
  background:
    radial-gradient(62rem 38rem at 8% 2%,rgba(var(--dms-accent3-rgb),.16),transparent 60%),
    radial-gradient(54rem 34rem at 50% 0%,rgba(247,247,244,.055),transparent 63%),
    radial-gradient(58rem 36rem at 94% 7%,rgba(var(--dms-accent-rgb),.12),transparent 62%),
    linear-gradient(150deg,#06090b 0%,#10181d 48%,#0a0f13 100%) !important;
}

/* ---------- Cartes : pierre / métal / chalet moderne ---------- */
body.dms-app .card,
body.dms-app .ds-left-card,
body.dms-app .rail-section,
body.dms-app .post-form,
body.dms-app .post,
body.dms-app .plugin-card{
  position:relative;
  background:
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.012) 42%,rgba(0,0,0,.18)),
    linear-gradient(180deg,var(--dms-card-strong),var(--dms-card));
  border:.0625rem solid rgba(220,229,233,.18);
  box-shadow:
    0 1.35rem 3.8rem var(--dms-shadow),
    0 .0625rem 0 rgba(255,255,255,.055) inset,
    0 -.0625rem 0 rgba(0,0,0,.48) inset;
  backdrop-filter:blur(.8rem) saturate(116%);
}

/* filet rouge + blanc façon blason savoyard */
body.dms-app .card::after,
body.dms-app .ds-left-card::after,
body.dms-app .rail-section::after,
body.dms-app .post-form::after,
body.dms-app .post::after{
  content:"";
  position:absolute;
  top:0;
  left:1rem;
  right:1rem;
  height:.16rem;
  border-radius:0 0 .2rem .2rem;
  background:
    linear-gradient(
      90deg,
      #d3262f 0 42%,
      #f7f7f4 42% 58%,
      #d3262f 58% 100%
    );
  opacity:.80;
  pointer-events:none;
}

body.dms-app .card:hover,
body.dms-app .post:hover,
body.dms-app .plugin-card:hover{
  border-color:rgba(247,247,244,.32);
  box-shadow:
    0 1.55rem 4.4rem rgba(0,0,0,.74),
    -.25rem 0 1.2rem rgba(var(--dms-accent-rgb),.055),
    .25rem 0 1.2rem rgba(var(--dms-accent3-rgb),.05);
}

/* ---------- Header Haute-Savoie ---------- */
body.dms-app .dms-header__pill{
  background:
    linear-gradient(
      100deg,
      #7e1218 0%,
      #c62029 34%,
      #20282e 48%,
      #20282e 58%,
      #3d6576 78%,
      #203744 100%
    );
  border:.0625rem solid rgba(247,247,244,.30);
  box-shadow:
    0 1.2rem 3.5rem rgba(0,0,0,.66),
    0 .0625rem 0 rgba(255,255,255,.07) inset,
    0 0 1.8rem rgba(var(--dms-accent3-rgb),.04);
}

body.dms-app .dms-header__pill::before{
  background:
    radial-gradient(48rem 9rem at 12% 18%,rgba(var(--dms-accent-rgb),.28),transparent 61%),
    radial-gradient(30rem 8rem at 50% 0%,rgba(247,247,244,.10),transparent 64%),
    radial-gradient(46rem 9rem at 91% 20%,rgba(var(--dms-accent3-rgb),.24),transparent 61%);
  opacity:1;
}

/* signature alpine */
body.dms-app .dms-brand::before{
  content:"🏔️";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:.08rem;
  font-size:1.02em;
  filter:drop-shadow(0 0 .45rem rgba(var(--dms-accent3-rgb),.18));
}

body.dms-app .ds-site::before{
  content:"";
}

body.dms-app .dms-brand,
body.dms-app .ds-site,
body.dms-app .dms-user__name{
  color:#fff;
}

/* ---------- Avatars ---------- */
body.dms-app .dms-user__avatar,
body.dms-app .ds-logo img,
body.dms-app .dms-brand__logo{
  border-color:rgba(247,247,244,.25);
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(0,0,0,.30)),
    var(--dms-panel);
  box-shadow:
    0 .75rem 1.9rem rgba(0,0,0,.54),
    0 0 0 .0625rem rgba(var(--dms-accent3-rgb),.04) inset;
}

/* ---------- Badges ---------- */
body.dms-app .dms-badge,
body.dms-app .dms-chip{
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),
    var(--dms-panel);
  border-color:rgba(220,229,233,.19);
}

body.dms-app .dms-badge--admin{
  color:#fff;
  border-color:rgba(var(--dms-accent-rgb),.52);
  background:
    linear-gradient(135deg,rgba(var(--dms-accent-rgb),.25),rgba(247,247,244,.06));
  box-shadow:0 0 1rem rgba(var(--dms-accent-rgb),.07);
}

/* ---------- KPIs ---------- */
body.dms-app .ds-kpi{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.008)),
    var(--dms-panel);
  border-color:rgba(220,229,233,.15);
}

body.dms-app .ds-kpi:hover{
  color:#fff;
  border-color:rgba(var(--dms-accent3-rgb),.48);
  background:
    linear-gradient(
      110deg,
      rgba(var(--dms-accent-rgb),.07),
      rgba(247,247,244,.025),
      rgba(var(--dms-accent3-rgb),.10)
    ),
    var(--dms-panel);
}

/* séparateur rouge / neige / glacier */
body.dms-app .ds-sep{
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(var(--dms-accent-rgb),.55),
      rgba(247,247,244,.58),
      rgba(var(--dms-accent3-rgb),.52),
      transparent
    );
  opacity:.90;
}

/* ---------- Inputs ---------- */
body.dms-app .dms-input,
body.dms-app .dms-textarea,
body.dms-app input[type="text"],
body.dms-app input[type="email"],
body.dms-app input[type="password"],
body.dms-app input[type="file"],
body.dms-app textarea,
body.dms-app select{
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.13)),
    var(--dms-input-bg);
  color:var(--dms-text);
  border-color:rgba(220,229,233,.16);
}

body.dms-app .dms-input:focus,
body.dms-app .dms-textarea:focus,
body.dms-app input:focus,
body.dms-app textarea:focus,
body.dms-app select:focus{
  border-color:rgba(var(--dms-accent3-rgb),.68);
  box-shadow:
    0 0 0 .1875rem rgba(var(--dms-accent3-rgb),.10),
    0 0 1.1rem rgba(var(--dms-accent3-rgb),.055);
}

/* ---------- Boutons ---------- */
body.dms-app .dms-btn,
body.dms-app .btn,
body.dms-app button,
body.dms-app input[type="submit"]{
  color:var(--dms-text);
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.012)),
    linear-gradient(145deg,#1d292f,#0b1013);
  border-color:rgba(220,229,233,.19);
}

body.dms-app .dms-btn:hover,
body.dms-app .btn:hover,
body.dms-app button:hover,
body.dms-app input[type="submit"]:hover{
  color:#fff;
  border-color:rgba(247,247,244,.36);
  background:
    linear-gradient(110deg,#8d151c 0%,#d3262f 55%,#6caec9 100%);
}

body.dms-app .dms-btn--primary,
body.dms-app .dms-compose-launcher-action,
body.dms-app .group-compose-launcher-action{
  color:#fff;
  border-color:rgba(247,247,244,.32);
  background:
    linear-gradient(
      110deg,
      #a51821 0%,
      #d3262f 46%,
      #f7f7f4 50%,
      #7cc0dc 58%,
      #4c8da8 100%
    );
  text-shadow:0 .0625rem .12rem rgba(0,0,0,.48);
  box-shadow:
    0 .75rem 1.9rem rgba(0,0,0,.42),
    0 0 1.25rem rgba(var(--dms-accent3-rgb),.07);
}

/* ---------- Boutons du header ---------- */
body.dms-app .dms-iconbtn{
  color:#fff;
  background:rgba(0,0,0,.25);
  border-color:rgba(247,247,244,.21);
}

body.dms-app .dms-iconbtn:hover{
  color:#fff;
  background:
    linear-gradient(110deg,rgba(var(--dms-accent-rgb),.42),rgba(247,247,244,.08),rgba(var(--dms-accent3-rgb),.34));
  border-color:rgba(247,247,244,.42);
}

/* ---------- Notifications ---------- */
body.dms-app #dmsNotifPanel{
  color:var(--dms-text);
  background:
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.007)),
    rgba(8,13,17,.985);
  border-color:rgba(220,229,233,.22);
  box-shadow:
    0 1.5rem 4rem rgba(0,0,0,.76),
    -.75rem 0 1.6rem rgba(var(--dms-accent-rgb),.055),
    .75rem 0 1.6rem rgba(var(--dms-accent3-rgb),.05);
}

body.dms-app .dms-notif-head{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(var(--dms-accent-rgb),.15),rgba(247,247,244,.035),rgba(var(--dms-accent3-rgb),.12));
}

body.dms-app .dms-notif-head::before{
  content:"🏔️";
  margin-right:.45rem;
}

body.dms-app .dms-notif-item.unread{
  background:
    linear-gradient(
      90deg,
      rgba(var(--dms-accent-rgb),.07),
      rgba(247,247,244,.016),
      rgba(var(--dms-accent3-rgb),.06)
    );
  border-left:.1875rem solid var(--dms-accent);
}

/* ---------- Groupes / cartes ---------- */
body.dms-page-groups .group-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.008)),
    var(--dms-card) !important;
}

body.dms-page-groups .group-card:hover{
  border-color:rgba(var(--dms-accent3-rgb),.44) !important;
  box-shadow:
    -.25rem 0 1rem rgba(var(--dms-accent-rgb),.045),
    .25rem 0 1rem rgba(var(--dms-accent3-rgb),.045);
}

/* ---------- Login ---------- */
body.dms-page-login{
  --primary-color:#d3262f;
  --primary-dark:#7b141a;
  --bg-deep:#05080a;
  --text:#f4f7f8;
  --muted:#b6c1c7;

  color:var(--text);
  background:
    radial-gradient(58rem 42rem at 8% 8%,rgba(105,183,216,.15),transparent 45%),
    radial-gradient(48rem 36rem at 50% 0%,rgba(247,247,244,.055),transparent 48%),
    radial-gradient(52rem 38rem at 93% 16%,rgba(211,38,47,.12),transparent 48%),
    linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.60)),
    var(--bg-deep);
}

body.dms-page-login .card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),
    rgba(12,18,22,.94);
  border-color:rgba(220,229,233,.18);
}

body.dms-page-login .brand h1::before{
  content:"🏔️ ";
}

body.dms-page-login .btn{
  color:#fff;
  background:
    linear-gradient(110deg,#9f1720,#d3262f 54%,#6eb3d0 100%);
}

/* ---------- Register ---------- */
body.dms-page-register{
  background:
    radial-gradient(58rem 42rem at 8% 8%,rgba(105,183,216,.15),transparent 45%),
    radial-gradient(48rem 36rem at 50% 0%,rgba(247,247,244,.055),transparent 48%),
    radial-gradient(52rem 38rem at 93% 16%,rgba(211,38,47,.12),transparent 48%),
    #05080a;
  color:var(--dms-text);
}

body.dms-page-register .card,
body.dms-page-register .rules{
  background:rgba(12,18,22,.94);
  border-color:rgba(220,229,233,.18);
  color:var(--dms-text);
}

body.dms-page-register input[type=submit]{
  color:#fff;
  background:linear-gradient(110deg,#9f1720,#d3262f 54%,#6eb3d0 100%);
}

/* ---------- Scrollbars ---------- */
*{
  scrollbar-width:thin;
  scrollbar-color:#738994 #05080a;
}

*::-webkit-scrollbar{
  width:.625rem;
  height:.625rem;
}

*::-webkit-scrollbar-track{
  background:#05080a;
}

*::-webkit-scrollbar-thumb{
  border:.125rem solid #05080a;
  border-radius:62.4375rem;
  background:
    linear-gradient(
      180deg,
      #d3262f 0 34%,
      #f7f7f4 34% 66%,
      #69b7d8 66% 100%
    );
}

*::-webkit-scrollbar-thumb:hover{
  filter:brightness(1.12);
}

/* ---------- Mobile ---------- */
@media(max-width:620px){
  body.dms-app{
    background:
      radial-gradient(44rem 26rem at 4% 0%,rgba(var(--dms-accent3-rgb),.13),transparent 60%),
      radial-gradient(42rem 26rem at 96% 4%,rgba(var(--dms-accent-rgb),.09),transparent 60%),
      linear-gradient(180deg,#0a1115,#05080a)!important;
  }
}

/* =========================================================
   HAUTE-SAVOIE — VERSION CLAIRE / JOUR ALPIN
   ========================================================= */

:root{
  --dms-bg:#e4eaeb;
  --dms-bg-deep:#d4dde0;
  --dms-page:#f1f4f3;

  --dms-text:#28343b;
  --dms-muted:rgba(75,91,100,.74);
  --dms-title:#8e1920;

  --dms-card:rgba(248,248,245,.97);
  --dms-card-strong:rgba(255,255,252,.99);
  --dms-panel:rgba(238,242,241,.98);
  --dms-input-bg:rgba(255,255,252,.99);

  --dms-border:rgba(91,112,121,.30);
  --dms-border-soft:rgba(91,112,121,.18);

  --dms-accent:#d3262f;
  --dms-accent2:#ffffff;
  --dms-accent3:#5e9fb9;

  --dms-accent-rgb:211,38,47;
  --dms-accent2-rgb:255,255,255;
  --dms-accent3-rgb:94,159,185;

  --dms-stone:#cbd4d6;
  --dms-stone-dark:#74858c;
  --dms-wood:#9a6b45;
  --dms-wood-dark:#65462e;
  --dms-glacier:#5e9fb9;

  --dms-ok:#4e9f68;
  --dms-danger:#c94148;
  --dms-warning:#b98228;

  --dms-shadow:rgba(55,72,80,.18);
  --dms-glow:rgba(211,38,47,.13);
  --dms-glow2:rgba(255,255,255,.40);
  --dms-glow3:rgba(94,159,185,.15);

  --dms-primary:var(--dms-accent);
  --dms-primary-rgb:var(--dms-accent-rgb);
  --dms-primary-soft:var(--dms-glow);
}

/* Fond général : neige, pierre et glacier */
html,
body,
body.dms-app,
body:not(.dms-page-login):not(.dms-page-register){
  background:
    radial-gradient(58rem 34rem at 7% 0%,rgba(255,255,255,.92),transparent 60%),
    radial-gradient(48rem 30rem at 93% 4%,rgba(var(--dms-accent3-rgb),.18),transparent 62%),
    radial-gradient(38rem 24rem at 48% 0%,rgba(var(--dms-accent-rgb),.055),transparent 65%),
    linear-gradient(150deg,#eef2f2 0%,#e2e9ea 48%,#d9e2e4 100%) !important;
  color:var(--dms-text);
}

/* Cartes franchement claires */
body.dms-app .card,
body.dms-app .ds-left-card,
body.dms-app .rail-section,
body.dms-app .post-form,
body.dms-app .post,
body.dms-app .plugin-card{
  color:var(--dms-text);
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,246,244,.96)),
    var(--dms-card) !important;
  border-color:rgba(91,112,121,.25);
  box-shadow:
    0 1rem 2.8rem rgba(55,72,80,.15),
    0 .0625rem 0 rgba(255,255,255,1) inset;
  backdrop-filter:blur(.55rem);
}

/* Le filet savoyard reste bien visible */
body.dms-app .card::after,
body.dms-app .ds-left-card::after,
body.dms-app .rail-section::after,
body.dms-app .post-form::after,
body.dms-app .post::after{
  height:.18rem;
  opacity:.95;
  background:
    linear-gradient(
      90deg,
      #d3262f 0 41%,
      #ffffff 41% 59%,
      #d3262f 59% 100%
    );
}

body.dms-app .card:hover,
body.dms-app .post:hover,
body.dms-app .plugin-card:hover{
  border-color:rgba(var(--dms-accent3-rgb),.48);
  box-shadow:
    0 1.15rem 3rem rgba(55,72,80,.19),
    -.2rem 0 .9rem rgba(var(--dms-accent-rgb),.045),
    .2rem 0 .9rem rgba(var(--dms-accent3-rgb),.055);
}

/* Header : rouge Savoie + neige + glacier, mais plus lumineux */
body.dms-app .dms-header__pill{
  color:#fff;
  background:
    linear-gradient(
      100deg,
      #9b171e 0%,
      #d3262f 34%,
      #f4f5f2 48%,
      #f4f5f2 54%,
      #6eaac1 66%,
      #47798c 100%
    );
  border-color:rgba(255,255,255,.82);
  box-shadow:
    0 .8rem 2rem rgba(55,72,80,.18),
    0 .0625rem 0 rgba(255,255,255,.70) inset;
}

body.dms-app .dms-header__pill::before{
  background:
    radial-gradient(40rem 8rem at 8% 15%,rgba(255,255,255,.20),transparent 61%),
    radial-gradient(24rem 7rem at 50% 0%,rgba(255,255,255,.65),transparent 64%),
    radial-gradient(40rem 8rem at 92% 20%,rgba(var(--dms-accent3-rgb),.20),transparent 61%);
}

body.dms-app .dms-header__pill .dms-user__name,
body.dms-app .dms-header__pill .dms-user__sub,
body.dms-app .dms-header__pill .dms-brand,
body.dms-app .dms-header__pill .dms-brand *,
body.dms-app .dms-header__pill a{
  color:#fff;
}

/* Partie blanche du header : heure plus lisible */
body.dms-app .dms-header__center{
  color:#35464e;
  text-shadow:none;
}

/* Panneau gauche / logo */
body.dms-app .ds-site{
  color:#7e1a20;
  text-shadow:none;
}

body.dms-app .dms-user__avatar,
body.dms-app .ds-logo img,
body.dms-app .dms-brand__logo{
  background:#f8faf9;
  border-color:rgba(91,112,121,.26);
  box-shadow:
    0 .55rem 1.25rem rgba(55,72,80,.13),
    0 0 0 .0625rem rgba(255,255,255,.92) inset;
}

/* Badges */
body.dms-app .dms-badge,
body.dms-app .dms-chip{
  color:#34434a;
  background:linear-gradient(180deg,#ffffff,#e9eeee);
  border-color:rgba(91,112,121,.22);
}

body.dms-app .dms-badge--admin{
  color:#fff;
  border-color:#b51e26;
  background:linear-gradient(135deg,#b51e26,#dd3a42);
  box-shadow:none;
}

/* Petits compteurs */
body.dms-app .ds-kpi{
  color:#354149;
  background:linear-gradient(180deg,#ffffff,#edf1f0);
  border-color:rgba(91,112,121,.22);
  box-shadow:0 .35rem .9rem rgba(55,72,80,.08);
}

body.dms-app .ds-kpi:hover{
  color:#8e1920;
  border-color:rgba(var(--dms-accent-rgb),.42);
  background:
    linear-gradient(120deg,rgba(var(--dms-accent-rgb),.07),rgba(255,255,255,.90),rgba(var(--dms-accent3-rgb),.09));
}

/* Inputs */
body.dms-app .dms-input,
body.dms-app .dms-textarea,
body.dms-app input[type="text"],
body.dms-app input[type="email"],
body.dms-app input[type="password"],
body.dms-app input[type="file"],
body.dms-app textarea,
body.dms-app select{
  color:#29363d;
  background:#fff !important;
  border-color:rgba(91,112,121,.25);
  box-shadow:0 .15rem .5rem rgba(55,72,80,.05) inset;
}

body.dms-app input::placeholder,
body.dms-app textarea::placeholder{
  color:rgba(75,91,100,.52);
}

body.dms-app select option{
  color:#29363d;
  background:#fff;
}

/* Boutons secondaires */
body.dms-app .dms-btn,
body.dms-app .btn,
body.dms-app button,
body.dms-app input[type="submit"]{
  color:#34434a;
  background:linear-gradient(180deg,#ffffff,#e8eded);
  border-color:rgba(91,112,121,.25);
  box-shadow:
    0 .35rem .85rem rgba(55,72,80,.09),
    0 .0625rem 0 #fff inset;
}

body.dms-app .dms-btn:hover,
body.dms-app .btn:hover,
body.dms-app button:hover,
body.dms-app input[type="submit"]:hover{
  color:#fff;
  border-color:#c32029;
  background:linear-gradient(110deg,#a61920,#d3262f 62%,#6faac0);
}

/* Bouton principal */
body.dms-app .dms-btn--primary,
body.dms-app .dms-compose-launcher-action,
body.dms-app .group-compose-launcher-action{
  color:#fff;
  border-color:rgba(160,24,31,.35);
  background:
    linear-gradient(
      110deg,
      #a31820 0%,
      #d3262f 48%,
      #f8f8f5 50%,
      #74afc5 58%,
      #4f879c 100%
    );
  text-shadow:0 .0625rem .12rem rgba(0,0,0,.45);
  box-shadow:0 .5rem 1.2rem rgba(55,72,80,.14);
}

/* Header icon buttons */
body.dms-app .dms-iconbtn{
  color:#fff;
  background:rgba(41,63,74,.28);
  border-color:rgba(255,255,255,.42);
}

body.dms-app .dms-iconbtn:hover{
  color:#7f161d;
  background:#fff;
  border-color:#fff;
}

/* Posts / commentaires / fenêtres */
body.dms-page-index .comment,
body.dms-page-groups-viewgroup .group-comment,
body.dms-page-events-viewevent .event-comment{
  color:var(--dms-text);
  background:#f4f6f5 !important;
  border-color:rgba(91,112,121,.18);
}

body.dms-page-index .post-modal-content,
body.dms-page-groups-viewgroup .group-edit-window,
body.dms-page-groups-viewgroup .reaction-people-window,
body.dms-page-index .reaction-people-window{
  color:var(--dms-text);
  background:#f5f7f6 !important;
  border-color:rgba(91,112,121,.24);
}

/* Groupes */
body.dms-page-groups .group-card{
  color:var(--dms-text);
  background:
    linear-gradient(180deg,#fbfcfa,#eef2f1) !important;
  border-color:rgba(91,112,121,.22) !important;
}

body.dms-page-groups .group-card-title{
  color:#28343b;
}

/* News / rail de droite */
body.dms-app .rail-news__hero-subtitle,
body.dms-app .rail-news__item-subtitle,
body.dms-app .dms-news-floating,
body.dms-app .dms-news-floating__body,
body.dms-app .dms-news-header-panel,
body.dms-app .dms-events-header-panel{
  color:var(--dms-text);
  background:#f6f8f7 !important;
  background-color:#f6f8f7 !important;
  border-color:rgba(91,112,121,.22);
}

body.dms-app .dms-news-floating__close{
  color:#34434a;
  background:#fff !important;
  background-color:#fff !important;
}

body.dms-app .rail-news__subtitle,
body.dms-app .dms-news-floating__subtitle,
body.dms-app .dms-news-floating__description{
  color:#56666e;
}

/* Notifications claires */
body.dms-app #dmsNotifPanel{
  color:#29363d;
  background:
    linear-gradient(180deg,#ffffff,#edf2f1) !important;
  border-color:rgba(91,112,121,.28);
  box-shadow:0 1rem 2.7rem rgba(55,72,80,.22);
}

body.dms-app .dms-notif-head{
  color:#7e1920;
  background:
    linear-gradient(90deg,rgba(var(--dms-accent-rgb),.10),rgba(255,255,255,.90),rgba(var(--dms-accent3-rgb),.12));
}

body.dms-app .notif-title{color:#7e1920}
body.dms-app .notif-body{color:#38474f}
body.dms-app .notif-date{color:#718088}

body.dms-app .dms-notif-item{
  border-bottom-color:rgba(91,112,121,.13);
}

body.dms-app .dms-notif-item:hover{
  background:rgba(var(--dms-accent3-rgb),.08);
}

/* Galerie */
body.dms-page-gallery .gal-top,
body.dms-page-gallery .gal-create,
body.dms-page-gallery .album-head,
body.dms-page-gallery .media-card,
body.dms-page-gallery .gal-empty,
body.dms-page-gallery .gal-flash,
body.dms-page-gallery .share-window,
body.dms-page-gallery .lightbox-panel,
body.dms-page-gallery .album-card,
body.dms-page-gallery .album-copy{
  color:var(--dms-text);
  background:#f8f9f7 !important;
}

/* Administration */
body.dms-page-settings-sitecfg .dms-news-card,
body.dms-page-settings-sitecfg .dms-emoji-library,
body.dms-page-settings-sitecfg .dms-reaction-row,
body.dms-page-settings-members .dms-group-choice,
body.dms-page-settings-members .dms-security-box,
body.dms-page-settings-members .dms-list-item{
  color:var(--dms-text);
  background:#f7f8f6 !important;
}

/* Popup news admin qui était forcée en #111 */
body.dms-page-settings-sitecfg .dms-news-modal{
  color:var(--dms-text);
  background:#f7f8f6 !important;
  background-color:#f7f8f6 !important;
}

/* Login : clair, montagne au lever du jour */
body.dms-page-login{
  --primary-color:#d3262f;
  --primary-dark:#971920;
  --bg-deep:#e1e8e9;
  --text:#29363d;
  --muted:#687981;

  color:var(--text);
  background:
    radial-gradient(58rem 42rem at 8% 8%,rgba(255,255,255,.90),transparent 45%),
    radial-gradient(50rem 38rem at 92% 14%,rgba(94,159,185,.18),transparent 48%),
    linear-gradient(180deg,#edf1f1,#dce5e7);
}

body.dms-page-login .card{
  color:#29363d;
  background:rgba(255,255,252,.94);
  border-color:rgba(91,112,121,.22);
  box-shadow:0 1rem 2.8rem rgba(55,72,80,.16);
}

body.dms-page-login .brand h1{
  color:#8e1920;
}

body.dms-page-login .hint,
body.dms-page-login .remember,
body.dms-page-login .muted{
  color:#687981;
}

/* Register clair */
body.dms-page-register{
  color:#29363d;
  background:
    radial-gradient(58rem 42rem at 8% 8%,rgba(255,255,255,.90),transparent 45%),
    radial-gradient(50rem 38rem at 92% 14%,rgba(94,159,185,.18),transparent 48%),
    linear-gradient(180deg,#edf1f1,#dce5e7);
}

body.dms-page-register .card,
body.dms-page-register .rules{
  color:#29363d;
  background:rgba(255,255,252,.95);
  border-color:rgba(91,112,121,.22);
}

body.dms-page-register input,
body.dms-page-register textarea{
  color:#29363d;
  background:#fff;
  border-color:rgba(91,112,121,.22);
}

/* Scrollbars plus discrètes sur fond clair */
*{
  scrollbar-color:#8da4ad #e2e8e9;
}

*::-webkit-scrollbar-track{
  background:#e2e8e9;
}

*::-webkit-scrollbar-thumb{
  border-color:#e2e8e9;
  background:
    linear-gradient(
      180deg,
      #d3262f 0 34%,
      #ffffff 34% 66%,
      #69b7d8 66% 100%
    );
}

/* Mobile */
@media(max-width:620px){
  body.dms-app{
    background:
      radial-gradient(42rem 25rem at 5% 0%,rgba(255,255,255,.82),transparent 60%),
      radial-gradient(40rem 24rem at 95% 4%,rgba(var(--dms-accent3-rgb),.15),transparent 60%),
      linear-gradient(180deg,#e9eeee,#dce5e7)!important;
  }
}

/* =========================================================
   HAUTE-SAVOIE — CORRECTION LISIBILITÉ UTILISATEUR HEADER
   ========================================================= */

/* Le header clair ne doit pas forcer le bloc utilisateur en blanc */
body.dms-app .dms-header__pill .dms-header__left .dms-user__name{
  color:#8e1920 !important;
  text-shadow:none !important;
}

body.dms-app .dms-header__pill .dms-header__left .dms-user__sub{
  color:#6b7980 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Les liens éventuels dans le nom utilisateur gardent la même couleur */
body.dms-app .dms-header__pill .dms-header__left .dms-user__name a{
  color:#8e1920 !important;
}

/* Le badge admin reste bien rouge/blanc */
body.dms-app .dms-header__pill .dms-header__left .dms-badge--admin{
  color:#fff !important;
  background:linear-gradient(135deg,#b51e26,#dd3a42) !important;
  border-color:#a71920 !important;
}

/* =========================================================
   HAUTE-SAVOIE — CORRECTION BOUTONS HEADER VISITEUR
   ========================================================= */

/* Base des actions du header : lisible sur la zone claire */
body.dms-app .dms-header__right .dms-btn,
body.dms-app .dms-header__right .btn,
body.dms-app .dms-header__right a{
  color:#34434a !important;
  text-shadow:none !important;
}

/* Connexion : rouge savoyard */
body.dms-app .dms-header__right a[href*="login"],
body.dms-app .dms-header__right a[href*="connexion"],
body.dms-app .dms-header__right .dms-btn--login{
  color:#ffffff !important;
  background:linear-gradient(135deg,#a71920,#d3262f) !important;
  border-color:#9d171e !important;
  box-shadow:
    0 .35rem .85rem rgba(126,25,32,.18),
    0 .0625rem 0 rgba(255,255,255,.20) inset !important;
}

/* Inscription : neige + bleu glacier */
body.dms-app .dms-header__right a[href*="register"],
body.dms-app .dms-header__right a[href*="inscription"],
body.dms-app .dms-header__right .dms-btn--register{
  color:#355f70 !important;
  background:linear-gradient(180deg,#ffffff,#e9f1f3) !important;
  border-color:rgba(var(--dms-accent3-rgb),.48) !important;
  box-shadow:
    0 .35rem .85rem rgba(55,72,80,.12),
    0 .0625rem 0 rgba(255,255,255,.95) inset !important;
}

/* Si les liens utilisent seulement les classes génériques */
body.dms-app .dms-header__right .dms-btn:not(.dms-btn--primary),
body.dms-app .dms-header__right .btn:not(.dms-btn--primary){
  color:#35505b !important;
  background:linear-gradient(180deg,#ffffff,#edf2f2) !important;
  border-color:rgba(91,112,121,.28) !important;
}

/* Le bouton principal reste rouge et parfaitement lisible */
body.dms-app .dms-header__right .dms-btn--primary{
  color:#ffffff !important;
  background:linear-gradient(135deg,#a71920,#d3262f) !important;
  border-color:#9d171e !important;
}

/* Hover connexion */
body.dms-app .dms-header__right a[href*="login"]:hover,
body.dms-app .dms-header__right a[href*="connexion"]:hover,
body.dms-app .dms-header__right .dms-btn--login:hover,
body.dms-app .dms-header__right .dms-btn--primary:hover{
  color:#ffffff !important;
  background:linear-gradient(135deg,#8f141b,#be2028) !important;
  border-color:#821118 !important;
  transform:translateY(-.0625rem);
}

/* Hover inscription */
body.dms-app .dms-header__right a[href*="register"]:hover,
body.dms-app .dms-header__right a[href*="inscription"]:hover,
body.dms-app .dms-header__right .dms-btn--register:hover{
  color:#ffffff !important;
  background:linear-gradient(135deg,#5e9fb9,#477f95) !important;
  border-color:#477f95 !important;
  transform:translateY(-.0625rem);
}
