/* Shared tooltip and informational dialog components. Palette lives in creates-semantic-palette.css. */
.lab-mobile-badge-tooltip{position:fixed;z-index:2147483000;width:max-content;min-width:190px;max-width:calc(100vw - 20px);padding:0;border:1px solid var(--creates-palette-divider);border-radius:18px;background:var(--creates-palette-bg);color:var(--lab-ink);box-shadow:var(--creates-popup-shadow);pointer-events:auto;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;text-align:left;}
.lab-mobile-badge-tooltip[hidden]{display:none!important;}
.lab-mobile-badge-tooltip-list{display:grid;gap:2px;padding:8px;}
.lab-mobile-badge-tooltip-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 7px;border-radius:11px;color:var(--lab-ink);font-size:13px;font-weight:550;line-height:1.3;}
.lab-mobile-badge-tooltip-row.is-iconless{padding-left:10px;}
.lab-mobile-badge-tooltip-icon{display:grid;place-items:center;width:24px;min-width:24px;height:32px;border-radius:0;background:transparent;color:var(--lab-ink);}
.lab-mobile-badge-tooltip-icon>i{display:block;width:17px;height:17px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;}
.lab-mobile-badge-tooltip-row>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.creates-info-modal{display:none;position:fixed;inset:0;z-index:1000005;padding:16px;box-sizing:border-box;color:var(--creates-palette-ink)}
.creates-info-modal.open{display:grid;place-items:center}
.creates-info-backdrop{position:absolute;inset:0;border:0;background:transparent}
.creates-info-panel{position:relative;box-sizing:border-box;width:min(440px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--creates-palette-divider);border-radius:22px;background:var(--creates-palette-bg);color:var(--creates-palette-ink);box-shadow:var(--creates-popup-shadow);overflow-wrap:anywhere}
/* Native modal dialogs must remain anchored to the viewport, including inside scrolled drawers. */
html body dialog:modal{position:fixed}
html body dialog.creates-info-panel{position:fixed;inset:0;margin:auto;max-width:calc(100vw - 32px)}
/* Profile completion gate keeps padding inside its width and scrolls on short screens. */
html body .cpg-root{box-sizing:border-box}
html body .cpg-card{box-sizing:border-box;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.creates-info-panel>span{display:block;margin-bottom:7px;color:var(--creates-palette-red);font-size:12px;font-weight:500}
.creates-info-panel h2{margin:0 0 10px;color:var(--creates-palette-ink);font-size:22px;font-weight:600;line-height:1.25}
.creates-info-panel p{margin:0 0 9px;color:var(--creates-palette-muted);font-size:13px;line-height:1.55}
.creates-info-ack{display:block;min-height:40px;margin:18px 0 0 auto;padding:0 17px;border:0;border-radius:999px;background:var(--creates-palette-control);color:var(--creates-palette-ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.creates-info-ack:focus-visible{outline:2px solid var(--creates-palette-blue);outline-offset:3px}

/* Shared internal account-security marker for account and submission lists. */
html:root body .creates-security-warning{display:inline-flex!important;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:24px;box-sizing:border-box;padding:4px 8px;border:0;border-radius:7px;background:var(--creates-palette-bg)!important;color:var(--creates-status-red-ink)!important;font:600 12px/1.35 var(--creates-badge-font,system-ui)!important;white-space:normal;letter-spacing:normal;text-transform:none;margin:4px 0}
html:root body .creates-security-warning::before{content:"";display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;mask:url("/cloud/mu-plugins/assets/dmd-status-icons/exclamationmark.triangle.svg?v=default-20261007") center/contain no-repeat;-webkit-mask:url("/cloud/mu-plugins/assets/dmd-status-icons/exclamationmark.triangle.svg?v=default-20261007") center/contain no-repeat}
html:root body :is(.dmdp-list,.ctma-list) .creates-security-warning-row,
html:root body :is(.dmdp-list,.ctma-list) .creates-security-warning-row:is(:hover,:focus-within){background:var(--creates-status-red-bg)!important;box-shadow:none!important}
html:root body :is(#dmd-design-lab,#ctm-design-lab) :is(.dmdp-list,.ctma-list) .creates-security-warning-row.creates-security-warning-row,
html:root body :is(#dmd-design-lab,#ctm-design-lab) :is(.dmdp-list,.ctma-list) .creates-security-warning-row.creates-security-warning-row:is(:hover,:focus-within){background:var(--creates-status-red-bg)!important;box-shadow:none!important}
html:root body :is(#dmd-design-lab,#ctm-design-lab) .creates-security-warning-row .creates-security-warning{display:inline-flex!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:24px!important;max-height:none!important;overflow:visible!important}

/* Release and created/updated metadata size approved22 September2026. */
html:root body:has(#dmd-design-lab) #dmd-design-lab .dmdp-list .dmdp-card .dmdp-main>.lab-release-date-line>.lab-release-date,
html:root body:has(#dmd-design-lab) #dmd-design-lab .dmdp-row-timestamps small,
html:root body :is(.ctma,.ctmh,.ctmu) .creates-row-timestamps,
html:root body :is(.ctma,.ctmh,.ctmu) .creates-row-timestamps :is(small,b){font-size:11px!important;font-weight:500!important}

/* Shared account submission lock: same message and disabled action in both services. */
html:root body :is(.dmdp,.ctmu) :is(.dmdp-account-lock,.ctmu-account-lock){background:var(--creates-status-red-bg)!important;color:var(--creates-palette-ink)!important;border:0!important;border-radius:16px!important}
html:root body :is(.dmdp-account-lock,.ctmu-account-lock) p{color:var(--creates-palette-ink)!important}
html:root body :is(.dmdp-account-lock,.ctmu-account-lock) strong{color:var(--creates-status-red-ink)!important}
html:root body :is(.dmdp,.ctmu) :is(.dmdp-new,.ctmu-new,.dmdp-mobile-hero-add):disabled{background:var(--creates-palette-control)!important;color:var(--creates-palette-muted)!important;border-color:transparent!important;cursor:not-allowed!important;opacity:1!important;filter:none!important}
html:root body.dmd-layout-lab #dmd-design-lab button.dmdp-primary.dmdp-new:disabled,
html:root body.ctm-user-layout-lab #ctm-user-design .ctmu-head button.ctmu-new:disabled{background:var(--creates-palette-control)!important;color:var(--creates-palette-muted)!important;border-color:transparent!important;cursor:not-allowed!important;opacity:1!important;filter:none!important}

:root{--creates-status-orange-bg:color-mix(in srgb,var(--creates-status-orange-fill) 16%,var(--creates-palette-bg));--creates-status-orange-ink:#a74408}
:root[data-creates-theme="dark"]{--creates-status-orange-ink:#FFA316}
/* CTM submission registers with shared Creates drawer, action, field and error roles. */
:root{--creates-ctm-form-width:680px}
/* Shared compact media-card primitive: existing drawer surfaces, spacing and typography. */
html:root body .creates-media-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--creates-section-gap,16px);margin:0;padding:0}
html:root body .creates-media-card{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:12px;min-width:0;overflow:hidden;border:0;border-radius:16px;background:var(--creates-drawer-card);color:var(--creates-drawer-ink);text-align:left;box-shadow:none!important}
html:root body .creates-media-card:is(:hover,:focus-within){--creates-media-card-background:color-mix(in srgb,var(--creates-drawer-ink) 8%,var(--creates-drawer-card));background:var(--creates-media-card-background)}
html:root body .creates-media-card-image{position:relative;z-index:2;width:56px;height:56px;max-width:100%;aspect-ratio:1;margin:0;overflow:hidden;border-radius:8px;flex-shrink:0;background:var(--creates-palette-control)}
html:root body .creates-media-card-image img{display:block;width:100%;height:100%;object-fit:cover}
html:root body .creates-media-card-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding:0;overflow-wrap:anywhere}
html:root body .creates-media-card-title{display:block;margin:0;color:var(--creates-drawer-ink);font-size:15px;font-weight:500;line-height:1.4}
html:root body .creates-media-card-secondary{display:block;margin-top:0;color:var(--creates-drawer-muted);font-size:12px;font-weight:400;line-height:1.4}
html:root body .creates-media-card-publisher{display:block;color:var(--creates-drawer-ink);font-size:12px;font-weight:500;line-height:1.4}
html:root body .creates-media-card-credits{margin-top:0}
html:root body :is(.creates-media-card-title,.creates-media-card-secondary,.creates-media-card-publisher){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:480px){html:root body .creates-media-card-grid{grid-template-columns:minmax(0,1fr)}}
/* Artwork reference composes the existing table play overlay (28px white glyph). */
html:root body .creates-media-card-image>.lab-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:var(--creates-color-rgba-0-0-0-4);color:var(--creates-color-ffffff);box-shadow:none;text-decoration:none;opacity:0;transition:opacity .15s;cursor:pointer}
html:root body .creates-media-card-image>.lab-play>svg{display:block;width:28px;height:28px;fill:var(--creates-color-ffffff);stroke:none;pointer-events:none}
html:root body .creates-media-card-image:is(:hover,:focus-within)>.lab-play{opacity:1}
html:root body .creates-media-card-image>.lab-play:focus-visible{outline:2px solid var(--creates-color-0088ff);outline-offset:-2px}
html:root[data-creates-focus-input="pointer"] body .creates-media-card-image>.lab-play:focus{outline:none}
@media(hover:none){html:root body .creates-media-card-image>.lab-play{opacity:1;background:var(--creates-color-0003)}}
@media(prefers-reduced-motion:reduce){html:root body .creates-media-card-image>.lab-play{transition:none}}
html:root body .creates-media-card-select{position:absolute!important;z-index:1;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
html:root body .creates-media-card-select:focus-visible{outline:2px solid var(--creates-color-0088ff)!important;outline-offset:-2px!important}
html:root[data-creates-focus-input="pointer"] body .creates-media-card-select:focus{outline:none!important}
html:root body .creates-media-card-empty{grid-column:1/-1;margin:0;padding:32px 16px;color:var(--creates-drawer-muted);text-align:center;font-size:14px;line-height:1.4}
.ctm-native-submit-dialog{position:fixed;inset:0;z-index:1000006;visibility:hidden;pointer-events:none}.ctm-native-submit-dialog.open{visibility:visible;pointer-events:auto}.ctm-native-backdrop{position:absolute;inset:0;border:0;background:transparent}.ctm-native-submit-dialog>section{position:absolute;right:0;top:0;width:min(var(--creates-ctm-form-width,680px),100%);height:100%;overflow:auto;background:#fff;transform:translateX(100%);transition:transform .22s ease-out}.ctm-native-submit-dialog.open>section{transform:translateX(0)}.ctm-native-submit-dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #dedee3;background:#fff}.ctm-native-submit-dialog header small{color:#4f8710;font-size:calc(11px + var(--creates-admin-type-step,0px));font-weight:600}.ctm-native-submit-dialog h2{margin:4px 0 0;font-size:calc(24px + var(--creates-admin-type-step,0px));font-weight:600}.ctm-native-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dedee3;border-radius:50%;background:#f4f4f5}.ctm-native-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.ctm-native-submit-dialog form{padding:22px}.ctm-native-capacity{margin:22px;padding:18px;border:1px solid var(--creates-status-orange-fill);border-radius:16px;background:var(--creates-status-orange-bg);color:var(--creates-warning-ink)}.ctm-native-capacity[hidden]{display:none}.ctm-native-capacity small{display:block;margin-bottom:5px;color:var(--creates-status-orange-ink);font-size:calc(10px + var(--creates-admin-type-step,0px));font-weight:700}.ctm-native-capacity h3{margin:0 0 8px;color:var(--creates-drawer-ink);font-size:calc(19px + var(--creates-admin-type-step,0px));font-weight:600}.ctm-native-capacity p{margin:0;color:var(--creates-warning-ink);font-size:calc(13px + var(--creates-admin-type-step,0px));line-height:1.55}.ctm-native-song{display:grid;gap:4px;margin-bottom:18px;padding:15px;border:1px solid #dedee3;border-radius:14px;background:#f6f6f7}.ctm-native-song-id{color:#4f8710;font-size:calc(11px + var(--creates-admin-type-step,0px));font-weight:600}.ctm-native-song-title{font-size:calc(17px + var(--creates-admin-type-step,0px))}.ctm-native-song-meta{color:#70717a;font-size:calc(12px + var(--creates-admin-type-step,0px))}.ctm-native-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px}.ctm-native-grid label{display:grid;align-content:start;gap:6px;color:#3c3d43;font-size:calc(12px + var(--creates-admin-type-step,0px));font-weight:600}.ctm-native-grid input,.ctm-native-grid select{width:100%;height:44px;padding:0 12px;border:1px solid #d5d6dc;border-radius:12px;background:#fff;font-size:calc(13px + var(--creates-admin-type-step,0px));font-weight:400;box-shadow:none}.ctm-native-grid input:focus,.ctm-native-grid select:focus{border-color:#1677ff;outline:0;box-shadow:0 0 0 3px rgba(22,119,255,.12)}.ctm-native-channel small{color:#70717a;font-size:calc(11px + var(--creates-admin-type-step,0px));font-weight:400;line-height:1.35}.ctm-native-channel.is-valid input{border-color:#34a853}.ctm-native-channel.is-valid small{color:#23813c}.ctm-native-channel.is-invalid input{border-color:#e74646}.ctm-native-channel.is-invalid small{color:#b42318}.ctm-native-terms{display:flex;gap:9px;align-items:flex-start;margin:18px 0 13px;color:#4b4c54;font-size:calc(12px + var(--creates-admin-type-step,0px))}.ctm-native-terms input{margin-top:2px}.ctm-native-error{margin:0 0 12px;padding:10px 12px;border:1px solid #ffc1bd;border-radius:10px;background:#fff4f3;color:#92231d;font-size:calc(12px + var(--creates-admin-type-step,0px))}.ctm-native-submit{min-height:42px;padding:0 18px;border:0;border-radius:999px;background:#adff4f;color:#17200e;font-size:calc(12px + var(--creates-admin-type-step,0px));font-weight:600}.ctm-native-submit:disabled{background:#e0e2e5;color:#85878d;cursor:not-allowed}@media(max-width:620px){.ctm-native-submit-dialog header,.ctm-native-submit-dialog form{padding:15px 14px}.ctm-native-capacity{margin:15px 14px}.ctm-native-grid{grid-template-columns:1fr}.ctm-native-submit{width:100%}}
html:root body .ctm-native-submit-dialog>section,html:root body .ctm-native-submit-dialog header{background:var(--creates-drawer-bg)!important;color:var(--creates-drawer-ink)!important;border-color:var(--creates-drawer-line)!important;}html:root body .ctm-native-submit-dialog>section{box-shadow:var(--creates-drawer-edge-shadow)!important;transition:transform var(--creates-drawer-duration) var(--creates-drawer-easing)!important;}@media(prefers-reduced-motion:reduce){html:root body .ctm-native-submit-dialog>section{transition:none!important;}}
html:root body .ctm-native-submit-dialog header small{color:var(--creates-drawer-eyebrow)!important;}
html:root body .ctm-native-song-id{color:var(--creates-drawer-muted)!important;}
html:root body .ctm-native-song{background:var(--creates-drawer-card)!important;border-color:var(--creates-drawer-card-border,var(--creates-drawer-line))!important;}
html:root body .ctm-native-song-title,html:root body .ctm-native-grid label,html:root body .ctm-native-terms{color:var(--creates-drawer-ink)!important;}
html:root body .ctm-native-song-meta,html:root body .ctm-native-channel small{color:var(--creates-drawer-muted)!important;}
html:root body .ctm-native-grid :is(input,select){box-sizing:border-box;min-width:0;background:var(--creates-drawer-field)!important;color:var(--creates-drawer-ink)!important;border:1px solid var(--creates-drawer-card-border,var(--creates-drawer-line))!important;font-size:calc(14px + var(--creates-admin-type-step,0px))!important;box-shadow:none!important;}
html:root body .ctm-native-grid input::placeholder{color:var(--creates-placeholder-ink)!important;}
html:root body .ctm-native-grid :is(input,select):focus{outline:0!important;outline-offset:0!important;border:2px solid var(--creates-color-0088ff)!important;box-shadow:none!important;}
html:root body .ctm-native-submit-dialog select{color-scheme:light;}
html:root[data-creates-theme="dark"] body .ctm-native-submit-dialog select{color-scheme:dark;}
html:root body .ctm-native-submit-dialog option{background:var(--creates-palette-control);color:var(--creates-palette-ink);}
html:root body .ctm-native-terms input{accent-color:var(--creates-color-0088ff);}
html:root body .ctm-native-terms a{color:var(--creates-text-blue)!important;}
html:root body .ctm-native-submit-dialog .ctm-native-submit{width:100%;height:var(--creates-button-height,40px);min-height:var(--creates-button-height,40px);padding:var(--creates-button-padding,0 18px);border-radius:var(--creates-button-radius,999px);background:var(--creates-color-0088ff)!important;border-color:var(--creates-color-0088ff)!important;color:#fff!important;font:600 calc(13px + var(--creates-admin-type-step,0px))/1.2 var(--creates-badge-font,system-ui)!important;}
html:root body .ctm-native-submit:disabled{opacity:.5!important;cursor:not-allowed;}
html:root body .ctm-native-submit:focus-visible{outline:2px solid var(--creates-color-0088ff);outline-offset:3px;}
html:root body .ctm-native-submit-dialog [aria-invalid="true"]{border-color:var(--creates-text-red)!important;outline-color:var(--creates-text-red)!important;}
html:root body :is(.creates-field-error,.ctm-native-channel.is-invalid small){color:var(--creates-text-red)!important;font-size:calc(12px + var(--creates-admin-type-step,0px));font-weight:400;line-height:1.4;}
html:root body .ctm-native-grid .creates-field-error{display:block;}
html:root body .ctm-native-submit-dialog .creates-field-error:empty{display:none;}
html:root body .ctm-native-grid{gap:16px;}
html:root body .ctm-native-grid .ctm-native-channel{grid-column:1/-1;}
html:root body .ctm-native-grid label{gap:8px;}
html:root body .ctm-native-channel small{display:block;}
html:root body .ctm-native-terms .creates-field-error{flex-basis:100%;margin-left:28px;}
html:root body .ctm-native-terms{flex-wrap:wrap;align-items:center;min-height:44px;gap:8px;margin:16px 0;cursor:pointer;}
html:root body .ctm-native-terms input{box-sizing:border-box;width:20px;height:20px;flex:0 0 20px;margin:0;cursor:pointer;}
html:root body .ctm-native-terms input:focus-visible{outline:2px solid var(--creates-color-0088ff);outline-offset:3px;}
html:root body .ctm-native-terms>span{flex:1;}
html:root body .ctm-native-error{background:var(--creates-status-red-bg)!important;color:var(--creates-status-red-ink)!important;border-color:var(--creates-text-red)!important;}
html:root body .ctm-native-submit-dialog [hidden]{display:none!important;}
/* Approved icon-only status palette, 27 September 2026. */
:root{--creates-status-icon-blue:#0279FF;--creates-status-icon-purple:#953D96;--creates-status-icon-pink:#F74F9F;--creates-status-icon-red:#E0383E;--creates-status-icon-orange:#F7821B;--creates-status-icon-amber:#FFC726;--creates-status-icon-green:#62BA46;--creates-status-icon-neutral:#989898}
:root[data-creates-theme="dark"]{--creates-status-icon-purple:#A64FA7;--creates-status-icon-red:#FF5258;--creates-status-icon-orange:#F68219;--creates-status-icon-amber:#FFC600;--creates-status-icon-green:#60BA46;--creates-status-icon-neutral:#8C8C8C}
/* Canonical release-status badge palette: text and icon share one semantic pair. */
:root{--creates-status-neutral-bg:#ececf0;--creates-status-neutral-ink:#57555c;--creates-status-blue-bg:#dbeaff;--creates-status-blue-ink:#135ba5;--creates-status-amber-bg:#fff0c2;--creates-status-amber-ink:#715400;--creates-status-purple-bg:#eadfff;--creates-status-purple-ink:#5e35ad;--creates-status-green-bg:color-mix(in srgb,var(--creates-status-green-fill) 16%,var(--creates-palette-bg));--creates-status-green-ink:#11713a;--creates-status-red-bg:#fce4e4;--creates-status-red-ink:#9b1c1c}
:root[data-creates-theme="dark"]{--creates-status-neutral-bg:#454249;--creates-status-neutral-ink:#dedbe2;--creates-status-blue-bg:#183f66;--creates-status-blue-ink:#a9d5ff;--creates-status-amber-bg:#594716;--creates-status-amber-ink:#ffdc83;--creates-status-purple-bg:#403153;--creates-status-purple-ink:#d5b8ff;--creates-status-green-bg:color-mix(in srgb,var(--creates-status-green-fill) 16%,var(--creates-palette-bg));--creates-status-green-ink:var(--creates-status-green-fill);--creates-status-red-bg:#4a2528;--creates-status-red-ink:#ffb4b8}
/* One status definition supplies both solid filters and pastel table labels. */
:root{--creates-status-blue-fill:#2388FF;--creates-status-amber-fill:#FFBD16;--creates-status-purple-fill:#8158DE;--creates-status-neutral-fill:#6C6C6C;--creates-status-solid-ink:#fff;--creates-status-amber-solid-ink:#24221b;--creates-status-green-solid-ink:#fff}
:root[data-creates-theme="dark"]{--creates-status-amber-fill:#FEDF43;--creates-status-green-solid-ink:#1c1c1e}

/* Shared action row for informational confirmations. */
.creates-info-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}
.creates-info-actions>.creates-info-ack{margin:0}

/* Required policy notices use readable primary copy and a smaller section heading. */
.creates-info-panel[data-creates-required-notice] p{color:var(--creates-palette-ink);font-size:14px;line-height:1.55}
.creates-info-panel[data-creates-required-notice] :is(h2,p) strong{color:inherit}
.creates-info-panel[data-creates-required-notice] h2:not([data-creates-initial-focus]){margin-top:var(--creates-section-gap);font-size:18px;line-height:1.4}

/* Only the AI rejection and takedown/account consequences need visual emphasis.
   Presentation-only: keep the canonical notice and saved acknowledgement hash intact. */
#creates-distribution-policy p strong{font-weight:inherit}
#creates-distribution-policy p:nth-of-type(2) strong,
#creates-distribution-policy p:nth-of-type(4) strong:last-child,
#creates-distribution-policy p:nth-of-type(5) strong{font-weight:600}

/* Keep initial dialog focus accessible without outlining the static heading. */
html:root body :is(#creates-distribution-policy,#creates-submission-policy) h2[data-creates-initial-focus]:focus{outline:none!important;box-shadow:none!important}