/* =============== DESKTOP (≥1025px) =============== */

/* ============ CARS (DESKTOP ≥1025) ============ */

.desktop-cars-list { display:block !important; }
.mobile-cars-screen { display:none !important; }

.cars-page{
  max-width: 980px;
  margin: 0 auto;
}

.cars-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.cars-title{
  font-size: 22px;
  font-weight: 900;
}

.cars-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.car-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding: 14px 16px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  transition:.2s;
  /*cursor:pointer;*/
}

.car-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

.car-left{
  display:flex;
  align-items:center;
  gap:14px;
  flex: 1;
  min-width: 0;
}

.car-badge{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(42,75,216,0.10);
  color:#2a4bd8;
  flex:0 0 auto;
}

.car-badge i{ font-size: 22px; }

.car-info{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width: 0;
}

.car-plate-line{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.car-plate-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 12px;
  border: 2px solid rgba(0,0,0,0.12);
  font-weight: 900;
  letter-spacing: 1px;
  background:#fff;
  text-transform: uppercase;
}

.car-cv-pill{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(13,110,253,0.12);
  border: 1px solid rgba(13,110,253,0.25);
  font-weight: 900;
  font-size: 12px;
}

.car-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.car-brand{
  font-weight: 900;
  font-size: 14px;
}

.car-model{
  font-weight: 800;
  font-size: 14px;
  opacity: .85;
}

.car-sub{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size: 12px;
  color: rgba(0,0,0,0.60);
  font-weight: 800;
}

.car-sub-item{
  max-width: 420px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.car-right{
  flex:0 0 auto;
}

.car-actions{
  display:flex;
  gap:6px;
  align-items:center;
}

/* Plate input (desktop too) */
.car-plate-input{
  display:flex;
  align-items:stretch;
  border:2px solid #111;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.car-plate-eu{
  width:56px;
  background:#0b4bb3;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-weight:900;
}
.car-plate-eu-top{ font-size:16px; line-height:1; }
.car-plate-eu-bot{ font-size:11px; opacity:.95; line-height:1; }

.car-plate-field{
  width:100%;
  border:0;
  outline:none;
  padding: 12px 14px;
  font-size:18px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}

.cars-hint{
  margin-top:8px;
  font-size:12px;
  color:#666;
  font-weight:700;
}

.cars-parse-preview{
  margin-top:14px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:14px;
  padding:12px;
  background: rgba(0,0,0,0.02);
}
.cars-parse-title{
  font-weight:900;
  margin-bottom:10px;
  font-size:13px;
}
.cars-parse-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  font-size:12px;
}
.cars-parse-grid div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  font-weight:800;
}
.cars-parse-grid span{ opacity:.7; font-weight:900; }
.cars-parse-grid strong{
  max-width: 180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cars-meta{
  margin-top: 6px;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:14px;
  padding:12px;
  background: rgba(0,0,0,0.02);
}
.cars-meta-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid rgba(0,0,0,0.06);
  font-weight:800;
  font-size:12px;
}
.cars-meta-row:last-child{ border-bottom:0; }
.cars-meta-row strong{
  max-width: 320px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


.desktop-ndf-list { display: block !important; }
.mobile-ndf-screen { display: none !important; }

/* DESKTOP */
.me-modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(3px);
  display: none;               /* <- enlever !important */
  justify-content: center;
  align-items: center;
  z-index: 999999;
  padding: 20px;
}

/* état ouvert */
.me-modal-overlay.is-open{
  display: flex !important;    /* <- garantit l'ouverture */
}

    .me-modal-box {
        width: 100%;
        max-width: 480px;
        background: #ffffff;
        border-radius: 16px;
        padding: 28px;
        box-shadow: 0 8px 26px rgba(0,0,0,0.25);
        animation: modalFadeInDesktop .25s ease-out;
        position: relative;
    }

    @keyframes modalFadeInDesktop {
        from { transform: translateY(-12px); opacity: 0; }
        to   { transform: translateY(0); opacity: 1; }
    }

    /* Boutons du modal desktop */
    .me-modal-actions {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        margin-top: 20px;
    }

    .me-btn-cancel,
    .me-btn-validate {
        padding: 10px 18px;
        border-radius: 10px;
        font-weight: 600;
        border: none;
        cursor: pointer;
    }

    .me-btn-cancel {
        background: #ddd;
    }

    .me-btn-validate {
        background: #2a4bd8;
        color: white;
    }

    .me-type-toggle {
        display: none !important;
    }

    nav.navbar {
        display: flex !important;
    }

    .me-bottom-bar {
        display: none !important;
    }


.expense-summary-mobile {
    display: none;
}

.btn-action-circle {
    display: none;
}

.expense-actions {
    display: flex;
    gap: 8px;
}

.expense-item {
    flex-direction: row;
}

.desktop-expense-list {
    display: block !important;
}
.mobile-expense-screen {
    display: none !important;
}

    /* ---------------------------------------------------- */
    /* FLOATING ACTION BUTTON */
    /* ---------------------------------------------------- */

    .me-fab {
        position: fixed;
        bottom: 90px;
        right: 24px;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background: #2a4bd8;
        border: none;
        color: white;
        font-size: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 6px 22px rgba(0,0,0,0.25);
        z-index: 9999;
    }

    .me-fab:hover {
        transform: scale(1.08);
    }


.dash-desktop { display: block !important; }
.dash-mobile  { display: none !important; }

.dash-topbar{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.dash-title{ font-size: 22px; }
.dash-actions{ justify-content: flex-end; }

.dash-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 1400px){
  .dash-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}


/* Holidays desktop */
.holidays-header{
  align-items:center;
}

.holidays-title{ font-size:20px; }

.holidays-meters-grid{
  grid-template-columns: repeat(3, 1fr);
}

/* Requests: 2 ou 3 colonnes selon largeur écran */
.holiday-requests-grid{
  grid-template-columns: repeat(3, 1fr);
}

/* Modal: calendrier + sélection côte à côte */
.holiday-modal-grid{
  grid-template-columns: 1.1fr 0.9fr;
}

/* Un peu plus grand sur desktop */
.cal-day{
  min-height:48px;
  font-size:14px;
}

.selection-details{
  max-height: 320px;
}


/* =========================
   DOCS - DESKTOP
   ========================= */

.docs-mainContent{
  max-width:none !important;
  width:100% !important;
  padding-left:16px !important;
  padding-right:16px !important;
  margin-top:16px !important;
}

.docs-shell{
  display:grid;
  gap:16px;
}

.docs-topbar{
  position:sticky;
  top:12px;
  z-index:30;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:22px;
  padding:14px 16px;
  box-shadow:0 10px 24px rgba(0,0,0,0.08);
}

.docs-topbar-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.docs-app-mark{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(42,75,216,0.10);
  color:#2a4bd8;
  flex:0 0 auto;
}

.docs-app-mark i{
  font-size:24px;
}

.docs-doc-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.docs-title-input{
  border:0;
  outline:none;
  background:transparent;
  font-size:22px;
  font-weight:900;
  width:min(540px, 60vw);
}

.docs-doc-subline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-size:12px;
  color:rgba(0,0,0,0.60);
  font-weight:800;
}

.docs-status-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
}

.docs-status-badge.is-saved{
  background:rgba(25,135,84,0.10);
  color:#198754;
  border:1px solid rgba(25,135,84,0.18);
}

.docs-status-badge.is-dirty{
  background:rgba(255,193,7,0.16);
  color:#8a6500;
  border:1px solid rgba(255,193,7,0.28);
}

.docs-topbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.docs-action-btn,
.docs-mini-btn,
.docs-icon-btn{
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
  border-radius:14px;
  cursor:pointer;
  transition:.15s ease;
}

.docs-action-btn:hover,
.docs-mini-btn:hover,
.docs-icon-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(0,0,0,0.07);
}

.docs-action-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 14px;
  font-weight:900;
  font-size:13px;
}

.docs-mini-btn{
  padding:10px 12px;
  font-weight:800;
  font-size:12px;
}

.docs-icon-btn{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}

.docs-command-deck{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.docs-command-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:20px;
  padding:14px;
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
}

.docs-command-title{
  font-size:13px;
  font-weight:900;
  margin-bottom:10px;
  opacity:.75;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.docs-command-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.docs-workspace{
  display:grid;
  grid-template-columns:280px minmax(0, 1fr);
  gap:16px;
  align-items:start;
}

.docs-inspector{
  position:sticky;
  top:110px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.docs-inspector-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:20px;
  padding:14px;
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
}

.docs-inspector-title{
  font-size:12px;
  font-weight:900;
  margin-bottom:10px;
  text-transform:uppercase;
  opacity:.75;
  letter-spacing:.4px;
}

.docs-selection-label{
  font-size:18px;
  font-weight:900;
  margin-bottom:12px;
}

.docs-inspector-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.docs-inspector-grid div{
  background:rgba(0,0,0,0.03);
  border:1px solid rgba(0,0,0,0.06);
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.docs-inspector-grid span{
  font-size:11px;
  font-weight:800;
  opacity:.65;
  text-transform:uppercase;
}

.docs-inspector-grid strong{
  font-size:16px;
  font-weight:900;
}

.docs-import-notes{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:12px;
}

.docs-note-empty{
  font-weight:800;
  color:rgba(0,0,0,0.55);
}

.docs-note-row{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,0,0,0.03);
  border:1px solid rgba(0,0,0,0.06);
}

.docs-note-row span{
  font-size:11px;
  text-transform:uppercase;
  font-weight:900;
  opacity:.6;
}

.docs-note-row strong{
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}

.docs-shortcuts-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.docs-shortcuts-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:12px;
  font-weight:800;
}

.docs-shortcuts-list kbd{
  background:#111;
  color:#fff;
  border-radius:8px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
}

.docs-page-stack{
  min-width:0;
}

.docs-page{
  width:min(100%, 940px);
  min-height:1180px;
  margin:0 auto 96px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:24px;
  box-shadow:0 16px 40px rgba(0,0,0,0.08);
  padding:70px 80px;
}

.docs-editor{
  min-height:980px;
  outline:none;
  color:#111;
  font-size:15px;
  line-height:1.65;
  white-space:pre-wrap;
  word-break:break-word;
  tab-size:4;
}

.docs-editor p,
.docs-editor li,
.docs-editor blockquote{
  margin:0 0 12px;
}

.docs-editor h1,
.docs-editor h2,
.docs-editor h3{
  margin:18px 0 12px;
  font-weight:900;
  line-height:1.25;
}

.docs-editor h1{ font-size:32px; }
.docs-editor h2{ font-size:24px; }
.docs-editor h3{ font-size:20px; }

.docs-editor blockquote{
  border-left:4px solid rgba(42,75,216,0.28);
  background:rgba(42,75,216,0.05);
  padding:10px 14px;
  border-radius:0 14px 14px 0;
}

.docs-editor hr{
  border:none;
  border-top:1px solid rgba(0,0,0,0.12);
  margin:18px 0;
}

.docs-editor table,
.docs-table{
  width:100%;
  border-collapse:collapse;
  margin:16px 0;
}

.docs-editor td,
.docs-editor th,
.docs-table td,
.docs-table th{
  border:1px solid #d9d9d9;
  padding:8px 10px;
  vertical-align:top;
  min-width:80px;
}

.docs-editor td:focus,
.docs-editor th:focus{
  outline:2px solid rgba(42,75,216,0.22);
}

.docs-editor img,
.docs-inline-image{
  max-width:100%;
  height:auto;
  display:block;
  margin:16px auto;
  border-radius:12px;
}

.docs-figure{
  margin:16px 0;
}

.docs-context-menu{
  position:fixed;
  min-width:240px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.10);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,0.18);
  padding:8px;
  z-index:100000;
}

.docs-context-btn{
  width:100%;
  border:0;
  background:transparent;
  border-radius:12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  font-size:13px;
  font-weight:800;
}

.docs-context-btn:hover{
  background:rgba(42,75,216,0.08);
}

.docs-context-separator{
  height:1px;
  margin:6px 0;
  background:rgba(0,0,0,0.08);
}


/* =========================
   SLIDES - DESKTOP
   ========================= */

.slides-mainContent{
  max-width:none !important;
  width:100% !important;
  padding-left:16px !important;
  padding-right:16px !important;
  margin-top:16px !important;
}

.slides-shell{
  display:grid;
  gap:16px;
}

.slides-topbar{
  position:sticky;
  top:12px;
  z-index:30;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:22px;
  padding:14px 16px;
  box-shadow:0 10px 24px rgba(0,0,0,0.08);
}

.slides-topbar-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.slides-app-mark{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(42,75,216,0.10);
  color:#2a4bd8;
  flex:0 0 auto;
}

.slides-app-mark i{
  font-size:24px;
}

.slides-deck-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.slides-title-input{
  border:0;
  outline:none;
  background:transparent;
  font-size:22px;
  font-weight:900;
  width:min(540px, 60vw);
}

.slides-deck-subline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-size:12px;
  color:rgba(0,0,0,0.60);
  font-weight:800;
}

.slides-status-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
}

.slides-status-badge.is-saved{
  background:rgba(25,135,84,0.10);
  color:#198754;
  border:1px solid rgba(25,135,84,0.18);
}

.slides-status-badge.is-dirty{
  background:rgba(255,193,7,0.16);
  color:#8a6500;
  border:1px solid rgba(255,193,7,0.28);
}

.slides-topbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.slides-action-btn,
.slides-mini-btn,
.slides-icon-btn{
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
  border-radius:14px;
  cursor:pointer;
  transition:.15s ease;
}

.slides-action-btn:hover,
.slides-mini-btn:hover,
.slides-icon-btn:hover,
.slides-thumb:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(0,0,0,0.07);
}

.slides-action-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 14px;
  font-weight:900;
  font-size:13px;
}

.slides-mini-btn{
  padding:10px 12px;
  font-weight:800;
  font-size:12px;
}

.slides-icon-btn{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}

.slides-command-deck{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.slides-command-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:20px;
  padding:14px;
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
}

.slides-command-title{
  font-size:13px;
  font-weight:900;
  margin-bottom:10px;
  opacity:.75;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.slides-command-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.slides-workspace{
  display:grid;
  grid-template-columns:280px minmax(0, 1fr) 280px;
  gap:16px;
  align-items:start;
}

.slides-thumbs-panel,
.slides-inspector{
  position:sticky;
  top:110px;
}

.slides-thumbs-panel,
.slides-inspector-card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius:20px;
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
}

.slides-thumbs-panel{
  padding:14px;
}

.slides-panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.slides-panel-title{
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  opacity:.75;
}

.slides-thumbs-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:calc(100vh - 180px);
  overflow:auto;
  padding-right:4px;
}

.slides-thumb{
  width:100%;
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
  border-radius:18px;
  padding:10px;
  text-align:left;
}

.slides-thumb.is-active{
  border-color:rgba(42,75,216,0.35);
  box-shadow:0 0 0 3px rgba(42,75,216,0.10);
}

.slides-thumb-index{
  font-size:11px;
  font-weight:900;
  margin-bottom:8px;
  opacity:.65;
}

.slides-thumb-preview{
  background:#eef2fb;
  border-radius:14px;
  padding:8px;
  margin-bottom:8px;
}

.slides-thumb-canvas{
  position:relative;
  aspect-ratio:16 / 9;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.06);
}

.slides-thumb-el{
  position:absolute;
  border-radius:6px;
  border:1px solid rgba(0,0,0,0.08);
}

.slides-thumb-el.is-text{ background:rgba(42,75,216,0.12); }
.slides-thumb-el.is-image{ background:rgba(25,135,84,0.14); }
.slides-thumb-el.is-table{ background:rgba(255,193,7,0.18); }

.slides-thumb-name{
  font-size:13px;
  font-weight:900;
}

.slides-thumb-meta{
  margin-top:4px;
  font-size:11px;
  font-weight:800;
  color:rgba(0,0,0,0.60);
}

.slides-stage-panel{
  min-width:0;
  display:grid;
  gap:12px;
}

.slides-stage-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.slides-stage-title{
  font-size:18px;
  font-weight:900;
}

.slides-stage-meta{
  font-size:12px;
  font-weight:900;
  opacity:.65;
  text-transform:uppercase;
}

.slides-stage-shell{
  background:linear-gradient(180deg, #edf1fa 0%, #f7f8fc 100%);
  border:1px solid rgba(0,0,0,0.08);
  border-radius:24px;
  padding:18px;
  box-shadow:0 8px 22px rgba(0,0,0,0.06);
}

.slides-stage-inner{
  position:relative;
  width:min(100%, 1100px);
  margin:0 auto;
  background:#fff;
  border-radius:24px;
  box-shadow:0 18px 40px rgba(0,0,0,0.10);
  overflow:hidden;
}

.slides-canvas{
  position:relative;
  width:100%;
  height:100%;
  aspect-ratio:inherit;
  overflow:hidden;
  user-select:none;
}

.slides-canvas-bg{
  position:absolute;
  inset:0;
}

.slides-stage-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:480px;
  font-weight:900;
  opacity:.55;
}

.slides-element{
  position:absolute;
  z-index:2;
}

.slides-element.is-selected{
  outline:2px solid rgba(42,75,216,0.35);
  outline-offset:2px;
}

.slides-el-handle{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  width:34px;
  height:24px;
  border:0;
  border-radius:999px;
  background:#1f2f7d;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  z-index:5;
  opacity:.92;
}

.slides-text-content{
  width:100%;
  height:100%;
  outline:none;
  padding:10px 12px;
  white-space:pre-wrap;
  word-break:break-word;
  overflow:auto;
  user-select:text;
}

.slides-text-content div{
  min-height:1.2em;
}

.slides-image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#fff;
  border-radius:12px;
}

.slides-table-wrap{
  width:100%;
  height:100%;
  overflow:auto;
  background:#fff;
}

.slides-table{
  width:100%;
  height:100%;
  border-collapse:collapse;
  background:#fff;
}

.slides-table td{
  border:1px solid #d9d9d9;
  padding:8px 10px;
  font-size:13px;
  vertical-align:top;
}

.slides-inspector{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.slides-inspector-card{
  padding:14px;
}

.slides-inspector-title{
  font-size:12px;
  font-weight:900;
  margin-bottom:10px;
  text-transform:uppercase;
  opacity:.75;
  letter-spacing:.4px;
}

.slides-selection-label{
  font-size:18px;
  font-weight:900;
  margin-bottom:12px;
}

.slides-inspector-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.slides-inspector-grid div{
  background:rgba(0,0,0,0.03);
  border:1px solid rgba(0,0,0,0.06);
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.slides-inspector-grid span{
  font-size:11px;
  font-weight:800;
  opacity:.65;
  text-transform:uppercase;
}

.slides-inspector-grid strong{
  font-size:16px;
  font-weight:900;
}

.slides-import-notes{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:12px;
}

.slides-note-empty{
  font-weight:800;
  color:rgba(0,0,0,0.55);
}

.slides-note-row{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,0,0,0.03);
  border:1px solid rgba(0,0,0,0.06);
}

.slides-note-row span{
  font-size:11px;
  text-transform:uppercase;
  font-weight:900;
  opacity:.6;
}

.slides-note-row strong{
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}

.slides-shortcuts-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.slides-shortcuts-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:12px;
  font-weight:800;
}

.slides-shortcuts-list kbd{
  background:#111;
  color:#fff;
  border-radius:8px;
  padding:4px 8px;
  font-size:11px;
  font-weight:900;
}

.slides-context-menu{
  position:fixed;
  min-width:240px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.10);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,0.18);
  padding:8px;
  z-index:100000;
}

.slides-context-btn{
  width:100%;
  border:0;
  background:transparent;
  border-radius:12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  font-size:13px;
  font-weight:800;
}

.slides-context-btn:hover{
  background:rgba(42,75,216,0.08);
}

.slides-context-separator{
  height:1px;
  margin:6px 0;
  background:rgba(0,0,0,0.08);
}