.mojito-editor{color:var(--text,#f4efff);background:var(--panel,#241d35);border:1px solid var(--line,#50406a);border-radius:18px;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;box-sizing:border-box;overflow:auto}
.mojito-editor::backdrop{background:#100a20b8}
.mojito-editor header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line,#50406a)}
.mojito-editor h2{margin:0;font-size:22px}.mojito-editor [data-body]{padding:20px}
.mojito-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mojito-fields label{display:grid;gap:6px;min-width:0}.mojito-fields input,.mojito-fields select,.mojito-fields textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit}.mojito-fields textarea{min-height:100px}.mojito-fields label:has(textarea){grid-column:1/-1}
.mojito-editor footer{position:sticky;bottom:0;display:flex;justify-content:center;align-items:center;gap:12px;background:var(--panel,#241d35);padding:18px 0;border-top:1px solid var(--line,#50406a);margin-top:8px;z-index:1}
.mojito-history-entry{padding:16px 0;border-bottom:1px solid var(--line,#50406a);overflow-wrap:anywhere}.mojito-history-entry small,.mojito-history-entry dd span,.mojito-history-entry dd strong{display:block}.mojito-history-entry small{color:#c7bddb}.mojito-history-entry dt{font-weight:700;margin-top:12px}.mojito-history-entry dd{margin:4px 0}.mojito-history-entry dd,.mojito-history-entry p{white-space:pre-wrap}
@media(max-width:600px){.mojito-fields{grid-template-columns:1fr}.mojito-editor header,.mojito-editor [data-body]{padding-left:14px;padding-right:14px}.mojito-editor footer button{flex:1}.service-actions{flex-wrap:wrap}}

.mojito-fields select{padding:11px 12px;color:var(--ink,#f4efff);background:#171121;border:1px solid var(--line,#50406a);border-radius:9px}.mojito-fields select:focus-visible{outline:2px solid var(--accent,#a481ff);outline-offset:2px}

.mojito-editor header{position:sticky;top:0;background:#241d35;z-index:2}

.mojito-editor footer button{flex:0 1 190px;min-width:0;min-height:44px}
.mojito-editor [data-editor-status]:empty{display:none}

.mojito-editor footer .primary{background:#1D4ED8;color:#fff;transition:background-color 150ms ease}
@media(hover:hover){.mojito-editor footer .primary:hover:not(:disabled){background:#1E40AF}}
.mojito-editor footer .primary:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.mojito-editor footer .primary{transition:none}}

.mojito-editor.is-editing{height:min(820px,calc(100dvh - 32px))}
.mojito-editor[open]{animation:mojito-open 180ms ease-out both}
.mojito-editor[open]::backdrop{animation:mojito-backdrop 180ms ease-out both}
@keyframes mojito-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes mojito-backdrop{from{opacity:0}to{opacity:1}}
.mojito-editor .is-loading .mojito-fields input,.mojito-editor .is-loading .mojito-fields select,.mojito-editor .is-loading .mojito-fields textarea{color:transparent;background:linear-gradient(100deg,#302640,#3b3050,#302640);opacity:.65}
.mojito-editor .is-loading [data-editor-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
@media(prefers-reduced-motion:reduce){.mojito-editor[open],.mojito-editor[open]::backdrop{animation:none}}

.mojito-date{position:relative;display:block;min-width:0}
.mojito-date input{color:transparent!important}
.mojito-date input::-webkit-datetime-edit{opacity:0}
.mojito-date-display{position:absolute;inset:0 34px 0 12px;display:flex;align-items:center;pointer-events:none;font-size:12px;color:var(--ink,#f4efff);line-height:1.2}
.mojito-date:focus-within input{color:var(--ink,#f4efff)!important}
.mojito-date:focus-within input::-webkit-datetime-edit{opacity:1}
.mojito-date:focus-within .mojito-date-display{visibility:hidden}
.mojito-editor .is-loading .mojito-date-display{visibility:hidden}

.mojito-editor footer{flex-direction:column;align-items:stretch}
.mojito-footer-actions{display:flex;justify-content:center;gap:12px}
.mojito-editor .mojito-rate-notice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border:1px solid #80613a;border-radius:9px;background:#3b3024;color:#ffe0a3;font-size:13px;font-weight:700;line-height:1.5}
.mojito-rate-notice i{margin-top:3px;flex-shrink:0}