/* FiveM Heartbeat — premium tabbed embed editor, no blur */
#fivemEmbedSettingsModal .fivem-embed-editor-modal{width:min(900px,calc(100vw - 30px));max-width:900px;max-height:min(820px,calc(100dvh - 30px));display:flex;flex-direction:column;overflow:hidden;padding:0}
.fivem-embed-editor-heading{flex-shrink:0;padding:20px 24px 17px;border-bottom:1px solid rgba(133,150,191,.14)}
.fivem-embed-editor-heading .fivem-modal-title{display:flex;align-items:center;gap:12px}
.fivem-embed-editor-heading h3{font-size:21px;margin:4px 0}
.fivem-embed-editor-tabs{display:flex;align-items:center;gap:3px;padding:0 20px;overflow-x:auto;border-bottom:1px solid rgba(133,150,191,.17);flex-shrink:0;scrollbar-width:thin}
.fivem-embed-editor-tabs button{border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;color:#8b9ab4;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:15px 16px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;transition:color .15s ease,background .15s ease}
.fivem-embed-editor-tabs button:hover{color:#fff;background:rgba(122,133,253,.08)}
.fivem-embed-editor-tabs button.active{color:#9aa1ff;border-bottom-color:#7d83ff;background:rgba(122,133,253,.08)}
.fivem-embed-editor-tabs button:focus-visible,.fivem-embed-editor-actions button:focus-visible{outline:2px solid #858aff;outline-offset:-3px}
.fivem-embed-editor-body{padding:23px 26px 28px;overflow-y:auto;min-height:0;flex:1;scrollbar-color:#353f59 transparent;scrollbar-width:thin}
.fivem-embed-editor-body>[data-fivem-embed-panel][hidden]{display:none!important}
.fivem-embed-editor-body>[data-fivem-embed-panel]{min-height:250px}
.fivem-embed-section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}
.fivem-embed-section-head strong{font-size:15px;font-weight:750;color:#eef2ff}
.fivem-embed-section-head small{font-size:12px;color:#8190aa}
.fivem-embed-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.fivem-embed-form-pair{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:19px}
.fivem-embed-form>label,.fivem-embed-field>label:not(.fivem-embed-toggle){display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;letter-spacing:.02em;color:#aebcd3}
.fivem-embed-form .input,.fivem-embed-field .input{box-sizing:border-box;width:100%;border-radius:11px;font-size:14px;font-weight:500;min-height:46px}
.fivem-embed-form textarea.input{min-height:88px;resize:vertical;line-height:1.55}
.fivem-embed-form .fivem-embed-color{min-height:51px;padding:5px;cursor:pointer}
.fivem-embed-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(128,146,191,.16);border-radius:12px;padding:15px 17px;background:rgba(123,137,177,.055);cursor:pointer}
.fivem-embed-toggle>span:first-child{display:flex;flex-direction:column;gap:5px}
.fivem-embed-toggle strong{color:#eef1ff;font-size:13px}
.fivem-embed-toggle small{color:#8b9ab1;font-size:12px;font-weight:400;line-height:1.4}
.fivem-embed-field{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:center;margin-bottom:12px}
.fivem-embed-field .fivem-embed-toggle{min-height:75px;box-sizing:border-box}
.fivem-embed-editor-actions{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:15px 24px;border-top:1px solid rgba(133,150,191,.18)}
.fivem-embed-editor-spacer{flex:1}
.fivem-embed-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.fivem-embed-preview-switch{display:inline-flex;gap:3px;border:1px solid #303c54;border-radius:10px;padding:3px}
.fivem-embed-preview-switch button{border:0;background:transparent;border-radius:7px;color:#8d9bb0;padding:8px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.fivem-embed-preview-switch button.active{background:#313a61;color:#fff}
.fivem-discord-preview{border:1px solid #282c35;border-radius:13px;background:#313338;padding:22px;max-width:660px}
.fivem-discord-preview-sender{display:flex;align-items:center;gap:9px;color:#f0f1f5;font-size:14px;margin-bottom:10px}
.fivem-discord-preview-avatar{width:32px;height:32px;display:grid;place-items:center;background:#5865f2;border-radius:50%}
.fivem-discord-preview-sender small{font-size:10px;color:#fff;background:#5865f2;padding:2px 5px;border-radius:3px}
.fivem-discord-preview-embed{border-left:4px solid #2ecc71;border-radius:4px;background:#2b2d31;padding:15px 18px;max-width:550px;overflow:hidden}
.fivem-discord-preview-author{font-size:12px;color:#e6e7ee;font-weight:650;margin-bottom:9px}
.fivem-discord-preview-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.fivem-discord-preview-heading>div{flex:1;min-width:0}
.fivem-discord-preview-heading strong{color:#f1f2f6;font-size:15px;overflow-wrap:anywhere}
.fivem-discord-preview-heading p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#d7d8df;margin:9px 0 14px}
.fivem-discord-preview-heading img{width:74px;height:74px;object-fit:cover;border-radius:6px}
.fivem-discord-preview-fields{display:flex;flex-wrap:wrap;gap:17px}
.fivem-discord-preview-fields>div{display:flex;flex-direction:column;gap:4px;min-width:100px}
.fivem-discord-preview-fields strong{font-size:12px;color:#ebedf3}
.fivem-discord-preview-fields span{font-size:12px;color:#bbc2cd}
.fivem-discord-preview-banner{max-width:100%;max-height:240px;object-fit:contain;border-radius:6px;margin-top:14px}
.fivem-discord-preview-embed footer{color:#aab0bd;font-size:11px;margin-top:14px}
.fivem-discord-preview-button{display:inline-flex;align-items:center;gap:9px;border-radius:6px;background:#4e5058;color:#fff;font-size:13px;font-weight:650;padding:10px 15px;margin-top:10px}
.fivem-discord-preview [hidden]{display:none!important}
@media(max-width:680px){#fivemEmbedSettingsModal .fivem-embed-editor-modal{max-height:calc(100dvh - 16px);width:calc(100vw - 16px)}.fivem-embed-editor-heading{padding:16px}.fivem-embed-editor-tabs{padding:0 9px}.fivem-embed-editor-tabs button{padding:13px 11px}.fivem-embed-editor-body{padding:18px}.fivem-embed-field,.fivem-embed-form-pair{grid-template-columns:1fr}.fivem-embed-editor-actions{padding:12px;flex-wrap:wrap}.fivem-embed-preview-top{flex-direction:column}.fivem-discord-preview{padding:13px}}
@media(prefers-reduced-motion:reduce){.fivem-embed-editor-tabs button{transition:none}}


/* Self-contained iOS switch: do not inherit generic label/input sizing */
#fivemEmbedSettingsModal .fivem-embed-toggle{flex-direction:row;align-items:center;text-transform:none;letter-spacing:normal}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch{
  position:relative!important;display:block!important;flex:0 0 48px!important;
  width:48px!important;height:28px!important;min-width:48px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:#343e53!important;box-shadow:none!important;overflow:visible!important;
}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch input{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;opacity:0!important;cursor:pointer;
  z-index:2!important;margin:0!important;padding:0!important;appearance:none!important;
}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch > span{
  position:absolute!important;inset:0!important;display:block!important;
  background:#343e53!important;border-radius:999px!important;
  transition:background .18s ease!important;pointer-events:none!important;
}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch > span::before{
  content:""!important;position:absolute!important;top:3px!important;left:3px!important;
  width:22px!important;height:22px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.28)!important;
  transform:translateX(0)!important;transition:transform .18s ease!important;
}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch input:checked + span{background:#747dff!important}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch input:checked + span::before{transform:translateX(20px)!important}
#fivemEmbedSettingsModal .fivem-embed-toggle > .messages-ios-switch input:focus-visible + span{outline:2px solid #bec2ff;outline-offset:3px}