/* MyDesk demo plugin styles – scoped med .mydesk-* og !important hvor temaer ofte interfererer */
.mydesk-box{
  display:flex !important;flex-direction:column;align-items:stretch;gap:10px;width:100%;cursor:pointer;
  background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;
  padding:12px 14px !important;box-shadow:0 1px 2px rgba(15,23,42,.06);
  font:500 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  color:#0f172a !important;text-align:left;transition:box-shadow .15s,transform .15s;
  height:auto !important;min-height:0 !important;overflow:visible !important;box-sizing:border-box !important;
}
.mydesk-box *{box-sizing:border-box !important}
.mydesk-box:hover{box-shadow:0 4px 12px rgba(15,23,42,.10);transform:translateY(-1px)}
.mydesk-row{display:flex;align-items:flex-start;gap:12px;width:100%;overflow:visible !important}
.mydesk-cta{
  display:flex !important;align-items:center !important;gap:8px !important;
  border-top:1px solid #e2e8f0 !important;padding-top:10px !important;
  color:#2563eb !important;font-size:13px !important;line-height:1.3 !important;
}
.mydesk-cta-icon{width:16px;height:16px;flex:0 0 16px}
.mydesk-dotwrap{position:relative;width:10px;height:10px;flex:0 0 10px}
.mydesk-dot{position:absolute;inset:0;border-radius:9999px;background:#9ca3af}
.mydesk-ping{position:absolute;inset:0;border-radius:9999px;background:#9ca3af;opacity:.55;animation:mydeskPing 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes mydeskPing{75%,100%{transform:scale(2.2);opacity:0}}
.mydesk-avatars{display:flex;align-items:center}
.mydesk-avatar{width:28px;height:28px;border-radius:9999px;background:#e2e8f0;
  color:#475569;border:2px solid #fff;margin-left:-8px;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:600;flex:0 0 28px}
.mydesk-avatar:first-child{margin-left:0}
.mydesk-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.mydesk-more{background:#f1f5f9;color:#334155}
.mydesk-text{display:flex !important;flex-direction:column !important;line-height:1.25;min-width:0;overflow:visible !important;white-space:normal !important}
.mydesk-text strong{font-weight:600;color:#0f172a}
.mydesk-text span{font-size:12px;color:#64748b}
.mydesk-text .mydesk-action{
  display:block !important;visibility:visible !important;opacity:1 !important;
  margin-top:6px !important;color:#2563eb !important;font-size:13px !important;
  font-weight:600 !important;line-height:1.25 !important;white-space:normal !important;
  max-width:100% !important;overflow:visible !important;
}

/* Modal */
.mydesk-modal{
  position:fixed !important;inset:0 !important;z-index:2147483000 !important;
  display:none;align-items:center;justify-content:center;
  background:rgba(15,23,42,.55);padding:16px;backdrop-filter:blur(2px);
}
.mydesk-modal.mydesk-open{display:flex !important}
.mydesk-modal-inner{
  position:relative;width:100%;max-width:900px;height:min(92vh,900px);
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 25px 60px rgba(0,0,0,.35);
  transition:max-width .2s,width .2s,height .2s,border-radius .2s;
}
.mydesk-modal.mydesk-full{padding:0}
.mydesk-modal.mydesk-full .mydesk-modal-inner{max-width:100% !important;width:100% !important;height:100% !important;border-radius:0 !important}
.mydesk-modal-controls{
  position:absolute;top:14px;right:14px;z-index:2147483001;
  display:flex;gap:8px;pointer-events:auto;
}
.mydesk-modal-btn{
  width:36px;height:36px;border-radius:9999px !important;
  border:1px solid rgba(15,23,42,.08) !important;cursor:pointer;
  background:#fff !important;color:#0f172a !important;line-height:1;padding:0 !important;
  box-shadow:0 4px 14px rgba(15,23,42,.12);
  display:inline-flex !important;align-items:center;justify-content:center;
  transition:background .15s,color .15s,transform .15s,box-shadow .15s;
}
.mydesk-modal-btn:hover{background:#0f172a !important;color:#fff !important;transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.22)}
.mydesk-modal-btn svg{width:16px !important;height:16px !important;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mydesk-modal iframe{width:100%;height:100%;border:0;display:block;background:#fff}

.mydesk-embed{width:100%}