/* CCDV Portail v2.0 — ccdvercheres.ca */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap');

.ccdv-portail { font-family:'DM Sans',-apple-system,sans-serif; font-size:14px; color:#1a1410; max-width:1020px; margin:0 auto; }

/* Steps */
.ccdv-step { background:#fff; border:1px solid #d4c9b5; border-radius:10px; padding:22px 26px; margin-bottom:18px; }
.ccdv-step-hdr { display:flex; align-items:flex-start; gap:14px; margin-bottom:18px; }
.ccdv-step-num { width:32px;height:32px; border-radius:50%; background:#1a1410; color:#f5f0e8; font-family:'DM Mono',monospace; font-size:13px; display:flex;align-items:center;justify-content:center; flex-shrink:0; margin-top:2px; }
.ccdv-step-num.ccdv-ok { background:#2d7a2d; }
.ccdv-step-title { font-family:'DM Serif Display',serif; font-size:1.2rem; font-weight:400; margin:0 0 3px; }
.ccdv-step-sub { font-size:11px; color:#7a6e60; font-family:'DM Mono',monospace; margin:0; }
.ccdv-btn-ghost { margin-left:auto; background:none; border:1px solid #d4c9b5; border-radius:6px; padding:6px 12px; font-size:12px; color:#7a6e60; cursor:pointer; font-family:inherit; white-space:nowrap; }
.ccdv-btn-ghost:hover { border-color:#999; color:#1a1410; }

/* Drop zone */
.ccdv-drop { border:2px dashed #d4c9b5; border-radius:8px; background:#f5f0e8; padding:2.2rem 2rem; text-align:center; cursor:pointer; position:relative; transition:border-color .2s,background .2s; }
.ccdv-drop:hover,.ccdv-drop.over { border-color:#c5391a; background:#fdf0ec; }
.ccdv-file-input { position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%; }
.ccdv-drop-icon { width:48px;height:48px;margin:0 auto 10px;color:#c5391a;opacity:.75; }
.ccdv-drop-label { font-family:'DM Serif Display',serif; font-size:1.1rem; font-weight:400; margin-bottom:4px; }
.ccdv-drop-sub { font-size:12px; color:#7a6e60; }
.ccdv-link { color:#c5391a; text-decoration:underline; }

.ccdv-salle-tag { display:inline-block; font-size:10px; font-family:'DM Mono',monospace; padding:1px 6px; border-radius:3px; color:#fff; font-weight:500; flex-shrink:0; }
.ccdv-salle-quebec  { background:#1a5c5c; }
.ccdv-salle-apc     { background:#1a3a6b; }
.ccdv-salle-verbec  { background:#6b2d1a; }
.ccdv-salle-marcel  { background:#7a5c00; }
.ccdv-salle-stelco  { background:#2d5a27; }

/* Errors */
.ccdv-error { background:#fdf2f0; border:1px solid #c5391a; border-radius:4px; padding:7px 12px; font-size:12px; font-family:'DM Mono',monospace; color:#c5391a; margin:8px 0 0; }

/* Admin load */
.ccdv-admin-load { margin-top:18px; padding-top:16px; border-top:1px solid #e8e0d0; }
.ccdv-section-lbl { font-size:11px; font-family:'DM Mono',monospace; color:#7a6e60; text-transform:uppercase; letter-spacing:.07em; margin-bottom:8px; }
.ccdv-row { display:flex; gap:8px; }
.ccdv-input { flex:1; padding:7px 10px; border:1px solid #d4c9b5; border-radius:5px; font-size:13px; font-family:inherit; color:#1a1410; }
.ccdv-input:focus { outline:none; border-color:#c5391a; box-shadow:0 0 0 2px rgba(197,57,26,.12); }
#ccdv-suggestions { margin-top:5px; }
.ccdv-sug { display:flex;justify-content:space-between; padding:5px 8px; border-radius:4px; cursor:pointer; font-size:12px; }
.ccdv-sug:hover { background:#f0ebe0; }
.ccdv-sug span:last-child { color:#9a8e80; font-family:'DM Mono',monospace; font-size:10px; }

/* Card */
.ccdv-card { background:#f9f7f3; border:1px solid #d4c9b5; border-radius:8px; overflow:hidden; }
.ccdv-meta-grid { display:grid; grid-template-columns:repeat(6,1fr); border-bottom:1px solid #d4c9b5; }
.ccdv-meta-cell { padding:12px 14px; border-right:1px solid #d4c9b5; display:flex;flex-direction:column;gap:2px; }
.ccdv-meta-cell:last-child { border-right:none; }
.ccdv-ml { font-size:10px; font-family:'DM Mono',monospace; text-transform:uppercase; letter-spacing:.07em; color:#7a6e60; }
.ccdv-mv { font-family:'DM Serif Display',serif; font-size:1.05rem; color:#1a1410; }

/* Séances */
.ccdv-seances-wrap { padding:12px 14px; }
.ccdv-seances-hdr { display:flex;justify-content:space-between;align-items:center; font-size:11px; font-family:'DM Mono',monospace; text-transform:uppercase; letter-spacing:.07em; color:#7a6e60; margin-bottom:8px; }
.ccdv-chk-all-lbl { display:flex;align-items:center;gap:5px;cursor:pointer; }
.ccdv-chk-all-lbl input { accent-color:#c5391a; }
.ccdv-seances-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:5px; }
.ccdv-seance { display:flex;align-items:center;gap:8px; background:#fff; border:1px solid #d4c9b5; border-radius:5px; padding:7px 10px; cursor:pointer; }
.ccdv-seance:hover { border-color:#c5391a; }
.ccdv-seance.sel { border-color:#c5391a; background:#fdf2f0; }
.ccdv-seance input { accent-color:#c5391a; flex-shrink:0; }
.ccdv-sdate { font-size:12px;font-weight:500;flex:1; }
.ccdv-stime { font-size:11px;font-family:'DM Mono',monospace;color:#7a6e60;white-space:nowrap; }

/* ICS bar */
.ccdv-ics-bar { display:flex;align-items:center;gap:12px; padding:12px 14px; border-top:1px solid #d4c9b5; background:#fff; flex-wrap:wrap; }
.ccdv-big-num { font-family:'DM Serif Display',serif; font-size:1.6rem; color:#c5391a; }
.ccdv-sm-lbl { font-size:12px; color:#7a6e60; font-family:'DM Mono',monospace; }
.ccdv-save-status { text-align:right; font-size:11px; font-family:'DM Mono',monospace; padding:3px 14px 6px; min-height:18px; color:#7a6e60; }
.ccdv-save-status.ok { color:#2d7a2d; }
.ccdv-save-status.err { color:#c5391a; }

/* Buttons */
.ccdv-btn { display:inline-flex;align-items:center;gap:6px; padding:8px 16px; border-radius:5px; font-size:13px; font-family:'DM Mono',monospace; font-weight:500; cursor:pointer; border:1px solid transparent; transition:background .12s,border-color .12s; }
.ccdv-btn:disabled { opacity:.4;cursor:not-allowed; }
.ccdv-btn-pri { background:#c5391a;color:#fff;border-color:#c5391a; }
.ccdv-btn-pri:hover:not(:disabled) { background:#a02e14; }
.ccdv-btn-sec { background:#fff;color:#1a1410;border-color:#d4c9b5; }
.ccdv-btn-sec:hover:not(:disabled) { border-color:#999; }
.ccdv-btn-sm { padding:6px 11px;font-size:11px; }
.ccdv-btn-ghost-sm { background:none;border:1px solid #d4c9b5;border-radius:5px;padding:6px 11px;font-size:11px;color:#7a6e60;cursor:pointer;font-family:'DM Mono',monospace; }
.ccdv-btn-ghost-sm:hover { border-color:#999;color:#1a1410; }

/* Plan layout */
.ccdv-plan-layout { display:grid;grid-template-columns:210px 1fr;border:1px solid #d4c9b5;border-radius:8px;overflow:hidden;min-height:500px; }
.ccdv-panel { background:#f5f0e8;border-right:1px solid #d4c9b5;display:flex;flex-direction:column;overflow-y:auto;max-height:680px; }
.ccdv-psec { padding:11px 13px;border-bottom:1px solid #e0d8c8; }
.ccdv-psec:last-of-type { border-bottom:none; }
.ccdv-plbl { font-size:10px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#7a6e60;margin-bottom:7px; }

/* Furniture items */
.ccdv-furn-list { display:flex;flex-direction:column;gap:4px; }
.ccdv-furn { display:flex;align-items:center;gap:8px;padding:7px 8px;background:#fff;border:1px solid #d4c9b5;border-radius:5px;cursor:grab;user-select:none; }
.ccdv-furn:hover { border-color:#999; }
.ccdv-furn:active { cursor:grabbing; }
.ccdv-furn strong { display:block;font-size:12px;color:#1a1410;margin-bottom:1px; }
.ccdv-furn span { display:block;font-size:10px;color:#7a6e60; }
.ccdv-fi { width:26px;height:26px;flex-shrink:0; }
.ccdv-fi-round  { border:1.5px solid #c5391a;background:rgba(197,57,26,.12);border-radius:50%; }
.ccdv-fi-rect   { border:1.5px solid #1a3a6b;background:rgba(26,58,107,.12);border-radius:3px; }
.ccdv-fi-chair  { border:1.5px solid #4a7c59;background:rgba(74,124,89,.12);border-radius:3px;width:18px;height:18px;margin:4px; }
.ccdv-fi-scene  { border:1.5px solid #555;background:rgba(90,90,90,.12);border-radius:2px; }
.ccdv-fi-podium { border:1.5px solid #8c5000;background:rgba(140,80,0,.12);border-radius:2px;width:18px;height:18px;margin:4px; }

/* Stats */
.ccdv-stats { display:grid;grid-template-columns:1fr 1fr;gap:5px; }
.ccdv-stat { background:#fff;border:1px solid #d4c9b5;border-radius:5px;padding:6px;text-align:center; }
.ccdv-sn { font-size:18px;font-weight:700;color:#1a1410;display:block;line-height:1; }
.ccdv-sl { font-size:9px;color:#7a6e60;text-transform:uppercase;letter-spacing:.05em; }
.ccdv-presets { display:flex;flex-wrap:wrap;gap:4px; }

/* Keyboard hint */
.ccdv-kbd { padding:9px 13px;font-size:10px;color:#9a8e80;line-height:1.8;border-top:1px solid #e0d8c8;margin-top:auto; }
.ccdv-kbd strong { display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;padding:0 4px;font-family:monospace;font-size:10px;color:#444; }

/* Canvas */
.ccdv-canvas-wrap { position:relative;background:#f9f7f3;min-height:480px; }
#ccdv-canvas { display:block;width:100%;height:100%;cursor:crosshair; }
.ccdv-cinfo { position:absolute;top:10px;right:10px;background:rgba(255,255,255,.92);border:1px solid #d4c9b5;border-radius:5px;padding:4px 10px;font-size:11px;color:#5a4e40;pointer-events:none;font-family:'DM Mono',monospace; }
.ccdv-shint { position:absolute;bottom:42px;left:50%;transform:translateX(-50%);background:rgba(26,20,16,.85);color:#fff;font-size:11px;padding:4px 12px;border-radius:20px;pointer-events:none;white-space:nowrap; }
.ccdv-shint strong { display:inline-block;background:rgba(255,255,255,.2);border-radius:3px;padding:0 4px;font-family:monospace; }
.ccdv-toast { position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#1a1410;color:#fff;font-size:12px;padding:5px 14px;border-radius:20px;font-family:'DM Mono',monospace;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;z-index:10; }
.ccdv-toast.show { opacity:1; }

/* Responsive */
@media(max-width:720px){
  .ccdv-step { padding:15px; }
  .ccdv-meta-grid { grid-template-columns:repeat(3,1fr); }
  .ccdv-meta-cell:nth-child(3),.ccdv-meta-cell:nth-child(6) { border-right:none; }
  .ccdv-plan-layout { grid-template-columns:1fr; }
  .ccdv-panel { border-right:none;border-bottom:1px solid #d4c9b5;max-height:none; }
  .ccdv-canvas-wrap { min-height:320px; }
}