/* DFB Studiebord — PowerPoint-eksport: menu + toast */

.dfb-sbx-menu{
  position:fixed; z-index:100000;
  background:#2A2620; border:1px solid rgba(255,255,255,.08);
  border-radius:10px; padding:5px;
  box-shadow:0 14px 36px -10px rgba(0,0,0,.6);
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  animation:dfb-sbx-pop .12s ease-out;
}
@keyframes dfb-sbx-pop{ from{opacity:0; transform:translateY(-4px) scale(.98)} to{opacity:1; transform:none} }

.dfb-sbx-menu .dfb-sbx-item{
  display:flex; align-items:center; gap:9px;
  width:100%; box-sizing:border-box;
  background:transparent; border:0; cursor:pointer;
  color:#F4ECDD; font-size:13.5px; font-weight:600;
  padding:9px 14px 9px 10px; border-radius:7px; white-space:nowrap;
}
.dfb-sbx-menu .dfb-sbx-item:hover{ background:rgba(182,136,60,.22); color:#fff; }
.dfb-sbx-menu .dfb-sbx-item svg{ flex:0 0 auto; color:#C79A4F; }

.dfb-sbx-toast{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(8px);
  z-index:100001;
  background:rgba(31,28,23,.96); color:#fff;
  font-family:'Hanken Grotesk',system-ui,sans-serif; font-size:13px; font-weight:600;
  padding:10px 18px; border-radius:9px;
  box-shadow:0 10px 28px -10px rgba(0,0,0,.55);
  opacity:0; transition:opacity .25s ease, transform .25s ease; pointer-events:none;
}
.dfb-sbx-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

/* --- Vælg-rammer-dialog --- */
.dfb-sbx-dlg-back{
  position:fixed; inset:0; z-index:100002;
  background:rgba(20,17,13,.55); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center;
  animation:dfb-sbx-fade .15s ease-out;
}
@keyframes dfb-sbx-fade{ from{opacity:0} to{opacity:1} }

.dfb-sbx-dlg{
  width:min(440px,92vw); max-height:82vh; display:flex; flex-direction:column;
  background:#262220; color:#F4ECDD; border:1px solid rgba(255,255,255,.08);
  border-radius:14px; box-shadow:0 24px 60px -16px rgba(0,0,0,.7);
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  padding:20px 20px 16px; animation:dfb-sbx-pop .14s ease-out;
}
.dfb-sbx-dlg h3{ margin:0 0 4px; font-family:'Spectral',Georgia,serif; font-size:19px; font-weight:600; }
.dfb-sbx-dlg .dfb-sbx-sub{ margin:0 0 14px; font-size:13px; color:#B6AC9B; line-height:1.45; }

.dfb-sbx-list{ overflow:auto; margin:0 -6px; padding:0 6px; }
.dfb-sbx-row{
  display:flex; align-items:center; gap:11px;
  padding:10px 12px; border-radius:9px; cursor:pointer;
  border:1px solid transparent;
}
.dfb-sbx-row:hover{ background:rgba(255,255,255,.05); }
.dfb-sbx-row.empty{ opacity:.5; cursor:default; }
.dfb-sbx-row input{ width:17px; height:17px; accent-color:#C79A4F; flex:0 0 auto; }
.dfb-sbx-name{ flex:1 1 auto; font-size:14px; font-weight:600; }
.dfb-sbx-meta{ flex:0 0 auto; font-size:12px; color:#9a9082; }

.dfb-sbx-actions{ display:flex; justify-content:flex-end; gap:10px; margin-top:16px; }
.dfb-sbx-btn{
  border:0; border-radius:9px; cursor:pointer;
  font:600 13.5px/1 'Hanken Grotesk',system-ui,sans-serif;
  padding:10px 18px; background:rgba(255,255,255,.10); color:#F4ECDD;
}
.dfb-sbx-btn:hover{ background:rgba(255,255,255,.16); }
.dfb-sbx-btn.primary{ background:#7C2D2D; color:#fff; }
.dfb-sbx-btn.primary:hover{ background:#8f3636; }
.dfb-sbx-btn:disabled{ opacity:.45; cursor:not-allowed; }