/* central-v134-16-entity-gradient-alignment */
:root{--mpd-project-color:#2563eb;--mpd-company-color:#64748b}
.mpd-entity-gradient-wash,.mpd-entity-gradient-rail{display:none!important}
#mpdEntityGradientOverlayRoot{position:fixed;inset:0;z-index:2147480000;overflow:hidden;pointer-events:none;contain:layout style paint}
.mpd-entity-gradient-overlay{position:absolute;display:block;min-height:12px;border-radius:999px;background:linear-gradient(180deg,var(--mpd-project-color) 0%,color-mix(in srgb,var(--mpd-project-color) 52%,var(--mpd-company-color)) 48%,var(--mpd-company-color) 100%);box-shadow:0 0 5px color-mix(in srgb,var(--mpd-project-color) 18%,transparent),0 3px 7px color-mix(in srgb,var(--mpd-company-color) 14%,transparent);opacity:.82;pointer-events:none;transform:translateZ(0)}
.mpd-entity-gradient-overlay.is-company-only{background:linear-gradient(180deg,color-mix(in srgb,var(--mpd-company-color) 72%,#fff),var(--mpd-company-color));opacity:.7}
[data-theme="dark"] .mpd-entity-gradient-overlay{opacity:.72}
.mpd-company-colour-trigger{position:fixed;right:20px;bottom:88px;z-index:9100;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--border,#94a3b8) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);color:var(--text,#0f172a);font:800 11px/1 system-ui,sans-serif;box-shadow:0 12px 30px rgba(2,8,23,.15);backdrop-filter:blur(16px);cursor:pointer}
.mpd-company-colour-trigger>span{width:18px;height:18px;border-radius:50%;background:conic-gradient(#475569,#0e7490,#15803d,#1d4ed8,#7c3aed,#be123c,#475569);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--surface,#fff) 78%,transparent)}
.mpd-company-colour-modal{position:fixed;inset:0;z-index:2147482500;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:.16s ease}
.mpd-company-colour-modal.is-visible{opacity:1;visibility:visible}.mpd-company-colour-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.64);backdrop-filter:blur(7px)}
.mpd-company-colour-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:min(760px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:var(--surface,#fff);color:var(--text,#0f172a);box-shadow:0 30px 90px rgba(2,8,23,.42);transform:translateY(8px) scale(.985);transition:transform .18s ease}
.mpd-company-colour-modal.is-visible .mpd-company-colour-dialog{transform:none}.mpd-company-colour-dialog>header{display:flex;justify-content:space-between;gap:18px;padding:20px 22px 17px;border-bottom:1px solid color-mix(in srgb,var(--border,#cbd5e1) 70%,transparent);background:linear-gradient(145deg,color-mix(in srgb,#2563eb 6%,transparent),transparent 46%,color-mix(in srgb,#7c3aed 5%,transparent))}
.mpd-company-colour-dialog>header span{display:block;margin-bottom:5px;color:#3b82f6;font:900 9px/1.2 system-ui;letter-spacing:.14em;text-transform:uppercase}.mpd-company-colour-dialog h2{margin:0;font:850 21px/1.18 system-ui}.mpd-company-colour-dialog header p{max-width:470px;margin:7px 0 0;color:var(--muted,#64748b);font:500 12px/1.45 system-ui}.mpd-company-colour-dialog header button{width:34px;height:34px;border:1px solid var(--border,#cbd5e1);border-radius:11px;background:transparent;color:inherit;font:500 24px/1 system-ui;cursor:pointer}
.mpd-company-colour-body{min-height:180px;overflow:auto;padding:12px 14px 16px}.mpd-company-colour-loading,.mpd-company-colour-empty{display:grid;place-items:center;min-height:180px;padding:24px;color:var(--muted,#64748b);font:700 12px/1.4 system-ui;text-align:center}.mpd-company-colour-empty.is-error{color:#dc2626}
.mpd-company-colour-row{--company-preview:#64748b;display:grid;grid-template-columns:34px minmax(0,1fr) 44px 76px;align-items:center;gap:12px;padding:11px 10px;border-bottom:1px solid color-mix(in srgb,var(--border,#cbd5e1) 55%,transparent);border-radius:12px}.mpd-company-colour-row:hover{background:color-mix(in srgb,var(--company-preview) 5%,transparent)}
.mpd-company-colour-preview{width:28px;height:28px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--company-preview) 72%,#fff),var(--company-preview));box-shadow:0 5px 13px color-mix(in srgb,var(--company-preview) 24%,transparent)}.mpd-company-colour-name{min-width:0;display:grid;gap:3px}.mpd-company-colour-name b{overflow:hidden;font:800 12px/1.2 system-ui;text-overflow:ellipsis;white-space:nowrap}.mpd-company-colour-name small{color:var(--muted,#64748b);font:700 9px/1 system-ui;text-transform:uppercase}.mpd-company-colour-row input{width:42px;height:32px;padding:2px;border:1px solid var(--border,#cbd5e1);border-radius:9px;background:transparent}.mpd-company-colour-row code{color:var(--muted,#64748b);font:750 10px/1 monospace;text-align:right}
.mpd-company-colour-dialog>footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid color-mix(in srgb,var(--border,#cbd5e1) 65%,transparent)}.mpd-company-colour-dialog>footer button{min-width:108px}html.mpd-colour-manager-open,html.mpd-colour-manager-open body{overflow:hidden!important}
.mpd-entity-gradient-toast{position:fixed;left:50%;bottom:26px;z-index:2147482600;max-width:min(420px,calc(100vw - 24px));padding:11px 15px;border-radius:13px;background:#0f172a;color:#f8fafc;font:750 11px/1.35 system-ui;box-shadow:0 16px 40px rgba(2,8,23,.34);opacity:0;transform:translate(-50%,8px);transition:.18s ease}.mpd-entity-gradient-toast.is-visible{opacity:1;transform:translate(-50%,0)}.mpd-entity-gradient-toast.is-bad{background:#7f1d1d}
@media(max-width:720px){.mpd-company-colour-trigger{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));min-width:40px;justify-content:center;padding:9px}.mpd-company-colour-trigger>b{display:none}}
@media(max-width:560px){.mpd-company-colour-modal{padding:0;place-items:end center}.mpd-company-colour-dialog{width:100%;max-height:calc(100vh - 28px);border-radius:22px 22px 0 0}.mpd-company-colour-dialog>header{padding:17px 16px 14px}.mpd-company-colour-row{grid-template-columns:30px minmax(0,1fr) 40px;gap:9px}.mpd-company-colour-row code{display:none}.mpd-company-colour-dialog>footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.mpd-company-colour-modal,.mpd-company-colour-dialog,.mpd-entity-gradient-toast{transition:none!important}}