/* OMQD · Clair perle. Présentation uniquement, sans changement de données ou de droits. */
html:root{--soft-accent:#7867ca;--soft-accent-strong:#6350b7;--soft-ink:#292c43;--soft-muted:#71758c;--soft-stroke:#e1e2ee;--soft-radius:22px;--soft-shadow:0 10px 30px -15px #6c6a8930,0 1px 1px #ffffff;--soft-inset:inset 2px 2px 6px #b6b5ce21,inset -3px -3px 6px #fff;--soft-surface:#f9f9fd;--soft-bg:#eeeef6;--soft-ring:0 0 0 4px #a69bdd36}
html body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;-webkit-font-smoothing:antialiased}
html body.work-light,html body:not(.work-ui){--bg:#eeeef6!important;--panel:#fdfdff!important;--panel2:#f4f4fa!important;--line:#e2e3ee!important;--line2:#d5d7e7!important;--text:#292c43!important;--muted:#686d84!important;--gold:#7867ca!important;--gold2:#8f7edd!important;--on-accent:#fff!important;--title:Inter,Arial,sans-serif!important;--sub:Inter,Arial,sans-serif!important;--bad:#b23254!important;--badbg:#fff0f4!important;--warn:#8b652b!important;--warnbg:#fff7e8!important;--ok:#2d7964!important;--okbg:#eaf7f1!important;color:var(--text)!important;background:radial-gradient(ellipse at 85% 4%,#dcd8f66b,transparent 36%),radial-gradient(ellipse at 5% 48%,#fff9,transparent 30%),var(--bg)!important;background-attachment:fixed!important}
html body.work-ui:not(.work-light){--soft-accent:#baacef;--soft-accent-strong:#d4c8ff;--soft-ink:#f0edf9;--soft-muted:#b0abc5;--soft-stroke:#38344c;--soft-surface:#242233;--soft-bg:#1b1928;--soft-shadow:0 12px 32px -16px #0008,inset 0 1px 0 #ffffff08;--soft-inset:inset 2px 2px 5px #0003,inset -2px -2px 5px #ffffff04;--bg:#1b1928!important;--panel:#252333!important;--panel2:#2c293e!important;--line:#39354f!important;--line2:#48425f!important;--text:#f0edf9!important;--muted:#b0abc5!important;--gold:#baacef!important;--gold2:#ccbef5!important;--on-accent:#241d39!important;background:radial-gradient(ellipse at 85% 2%,#4b3d6c33,transparent 40%),var(--bg)!important;color:var(--text)!important}
html body .display,html body h1,html body h2,html body h3{font-family:Inter,ui-sans-serif,Arial,sans-serif!important;letter-spacing:-.035em!important;color:var(--text)!important;text-shadow:none!important}
html body h1,html body h2{border-left:0!important;padding-left:0!important}
html body h1{font-size:clamp(26px,2.6vw,36px)!important;font-weight:760!important;line-height:1.17!important}
html body h2{font-size:21px!important;line-height:1.35!important;font-weight:700!important}html body h3{font-size:16px!important;line-height:1.4!important}html body .muted{color:var(--muted)!important}
html body header.top{background:color-mix(in srgb,var(--panel) 88%,transparent)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 7px 28px -17px #6a638940!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px);color:var(--text)!important}
html body header.top .btn,html body header.top .bellc,html body header.top .aideb,html body header.top .langb{border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important;box-shadow:3px 3px 9px #73738e10,-3px -3px 9px #ffffff50!important;border-radius:13px!important}
html body header.top .who,html body header.top .who b,html body header.top .who span,html body header.top .muted{color:var(--text)!important}
html body header.top .search input{border-radius:16px!important;background:var(--panel2)!important;box-shadow:var(--soft-inset)!important;border-color:var(--line)!important;color:var(--text)!important}
html body header.top .search input::placeholder{color:var(--muted)!important}html body header.top .b-co{border-radius:7px}html body .online-pill{border-color:#81bca5!important;color:#39785f!important;background:#eaf7f2!important}
html body.work-light.menu-light #nav.nav{--menu-bg:#f5f5fb!important;--menu-text:#45485f!important;--menu-muted:#7b7e93!important;--menu-line:#e0e1ed!important;--menu-active:#6d5bb9!important;background:linear-gradient(160deg,#fafafff5,#efeff8f5)!important;border-right:1px solid #dedfec!important;box-shadow:8px 0 35px -26px #77739455!important}
html body.menu-dark #nav.nav,html body.work-ui:not(.work-light) #nav.nav{--menu-bg:#252235!important;--menu-text:#e5e0f6!important;--menu-muted:#aca5c2!important;--menu-line:#3c374f!important;--menu-active:#c4b6f5!important;background:linear-gradient(160deg,#2c283f,#211f30)!important;border-color:#3b354f!important}
html body #nav.nav{padding:18px 12px 36px!important;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
html body #nav.nav .cat{border:0!important;margin:7px 0!important;background:transparent!important;border-radius:16px!important;box-shadow:none!important}
html body #nav.nav h4,html body #nav.nav .solo-a{border:0!important;border-radius:13px!important;font-family:inherit!important;letter-spacing:0!important;font-weight:650!important}
html body #nav.nav h4{padding:12px 10px!important;font-size:13px!important;color:var(--menu-text)!important;line-height:1.45!important}
html body #nav.nav .cat.open>h4{background:color-mix(in srgb,var(--soft-accent) 10%,transparent)!important;color:var(--menu-active)!important}
html body #nav.nav .items a,html body #nav.nav>.work-shortcuts a{border:1px solid transparent!important;border-radius:12px!important;margin:3px 0!important;color:var(--menu-text)!important;background:transparent!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important}
html body #nav.nav a:hover{background:color-mix(in srgb,var(--soft-accent) 9%,transparent)!important}
html body #nav.nav .items a.active,html body #nav.nav .work-shortcuts a.active,html body #nav.nav a[aria-current=page]{background:color-mix(in srgb,var(--soft-accent) 13%,var(--menu-bg))!important;border-color:color-mix(in srgb,var(--soft-accent) 22%,transparent)!important;color:var(--menu-active)!important;box-shadow:0 4px 10px -6px #62529840!important;font-weight:700!important}
html body .main{background:transparent!important}html body .crumb{font-size:12px!important;color:var(--muted)!important;border:0!important}
html body .card,html body .kpi,html body .work-alerts,html body .work-alert-item,html body .work-records tr,html body .vs-card,html body .vs-hub-card,html body .lwb-card,html body .sml-item,html body .home-t{border-radius:var(--soft-radius)!important;border:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:var(--soft-shadow)!important}
html body .card,html body .vs-hub-card{padding:24px!important}html body .work-records tr{padding:14px 20px!important}html body .work-records td{background:transparent!important}
html body .kpis{gap:16px!important}html body .kpi{border-top:1px solid var(--line)!important;padding:21px 22px!important;font-size:13px!important;color:var(--muted)!important;position:relative;overflow:hidden}
html body .kpi:not(.bad):nth-child(4n+1){background:linear-gradient(125deg,color-mix(in srgb,var(--soft-accent) 8%,var(--panel)),var(--panel))!important}
html body .kpi b{font:750 33px/1.1 Inter,Arial,sans-serif!important;letter-spacing:-.05em!important;color:var(--text)!important;margin-top:10px!important;text-shadow:none!important}
html body .kpi.bad{background:var(--badbg)!important;border-color:color-mix(in srgb,var(--bad) 30%,var(--line))!important}html body .kpi.bad b{color:var(--bad)!important}
html body .btn{border-radius:13px!important;border:1px solid var(--line2)!important;background:var(--panel)!important;color:var(--text)!important;font-family:inherit!important;box-shadow:3px 3px 9px #77748f0b,-3px -3px 9px #ffffff30!important;font-weight:600!important;text-shadow:none!important;transition:background-color .15s,border-color .15s,box-shadow .15s!important}
html body .btn:hover{background:var(--panel2)!important;filter:none!important;box-shadow:0 5px 14px -8px #6e63894d!important;transform:none!important}
html body .btn.primary{background:var(--gold)!important;color:var(--on-accent,#fff)!important;border-color:var(--gold)!important;box-shadow:0 7px 16px -8px #7867ca70!important}
html body .btn.primary:hover{background:var(--gold2,var(--soft-accent-strong))!important}
html body .btn.danger{background:var(--badbg)!important;color:var(--bad)!important;border-color:color-mix(in srgb,var(--bad) 30%,var(--line))!important}
html body input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),html body select,html body textarea{background:var(--panel2)!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:var(--soft-inset)!important;color:var(--text)!important;text-shadow:none!important;font-family:inherit!important;min-height:42px}
html body input::placeholder,html body textarea::placeholder{color:var(--muted)!important;opacity:.85!important}
html body input:focus,html body select:focus,html body textarea:focus{outline:0!important;border-color:var(--soft-accent)!important;box-shadow:var(--soft-ring)!important}
html body input[type=checkbox],html body input[type=radio],html body input[type=range]{accent-color:var(--gold)!important}
html body label{color:var(--muted)!important}html body select option{background:var(--panel)!important;color:var(--text)!important}
html body .btn:focus-visible,html body a:focus-visible,html body summary:focus-visible{outline:3px solid var(--soft-accent)!important;outline-offset:3px!important}
html body input[readonly],html body input:disabled,html body select:disabled{opacity:.75!important}
html body .tablewrap{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:19px!important;box-shadow:var(--soft-shadow)!important}
html body .tablewrap.work-records{background:transparent!important;border:0!important;box-shadow:none!important}
html body th{background:var(--panel2)!important;color:var(--muted)!important;border-color:var(--line)!important;font-family:inherit!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important}
html body td{border-color:var(--line)!important;color:var(--text)!important}
html body.work-light tbody tr:nth-child(even) td{background:#f9f9fd!important}html body.work-light tr.click:hover td{background:#f0eefb!important}
html body tr.artist-colored td{background:transparent!important}html body .work-records tr.artist-colored{background:linear-gradient(100deg,var(--artist-tint,var(--panel2)),var(--panel) 75%)!important;border-left-color:var(--artist-color,var(--line))!important}
html body .pill{border-radius:8px!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}
html body .home-t{padding:20px!important;text-decoration:none!important}html body .home-t .ht-i{border-radius:14px!important;background:color-mix(in srgb,var(--soft-accent) 10%,var(--panel))!important;color:var(--gold)!important}
html body .modal{background:#29273b66!important;backdrop-filter:blur(8px)!important}
html body .modal-box,html body dialog{border-radius:24px!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:0 30px 90px -25px #24213955!important;text-shadow:none!important}
html body dialog::backdrop{background:#29273b66!important;backdrop-filter:blur(6px)}
html body .sc-dialog>footer,html body .sml-dialog footer{background:var(--panel)!important;border-color:var(--line)!important}
html body .sml-context,html body .nf-menu{border-radius:16px!important;border-color:var(--line)!important;background:var(--panel)!important;box-shadow:0 18px 45px -18px #39344955!important}
html body .sml-item[data-sml-kind=folder]{border-left:6px solid var(--sml-folder-color,#9181d5)!important;background:color-mix(in srgb,var(--sml-folder-color,#9181d5) 9%,var(--panel))!important}
html body .sml-drive{border-radius:17px!important}html body .sml-trail .btn{border-radius:10px!important}
html body .ot-clockbar{border-color:var(--line)!important}html body .ot-time,html body .ot-world-time{color:var(--text)!important}
html body #main .vs-tabs .btn.is-current,html body #main .vs-tabs .btn[aria-pressed=true],html body .lwb-tabs .btn[aria-selected=true]{background:var(--gold)!important;color:var(--on-accent,#fff)!important;border-color:var(--gold)!important;box-shadow:0 5px 15px -8px #7867ca70!important}
html body .cal-e.rsn-event{border-radius:12px!important;box-shadow:0 4px 10px -8px #28253b70!important}html body .cal-d{border-color:var(--line)!important}
html body .work-alert-counts>span{border-radius:10px!important}html body .work-alerts{border-left:3px solid var(--gold)!important}
html body .login{background:radial-gradient(ellipse at 75% 25%,#dcd7f180,transparent 36%),radial-gradient(ellipse at 20% 80%,#dddff580,transparent 35%),#eeeef6!important;min-height:100dvh!important}
html body .login .card{background:#f9f9fde8!important;border:1px solid #ffffff!important;border-radius:30px!important;box-shadow:22px 22px 65px #b7b6ce65,-15px -15px 55px #fff!important;padding:32px!important}
html body .login .display,html body .login h1,html body .login h2{color:#292c43!important}html body .login .muted,html body .login label{color:#686d84!important}
html body .login input{background:#eeeff7!important;color:#292c43!important;border-color:#dedfec!important}html body .login .btn.primary{background:#7867ca!important;color:#fff!important;border-color:#7867ca!important}
html body .login .login-logo{filter:none!important;max-width:180px!important}html body .login-foot{border-color:#ddddea!important;color:#77798b!important}
@media(max-width:900px){html body .card,html body .vs-hub-card{padding:18px!important}html body #nav.nav{box-shadow:12px 0 55px -12px #312d4d33!important}html body h1,html body h2{border-left:0!important;padding-left:0!important}
html body h1{font-size:27px!important}html body .modal-box,html body dialog{border-radius:20px!important}html body .kpi{padding:16px!important}html body .kpi b{font-size:27px!important}html body .home-t{padding:16px!important}}
@media(max-width:480px){html body .card{border-radius:18px!important}html body .login .card{padding:24px!important}html body .btn{white-space:normal}.soft-preview .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Accueil réel : le planning de sortie reste prioritaire. */
html body #main h1,html body #main h2{color:var(--text)!important;border-inline-start:0!important;padding-inline-start:0!important}
html body #workAlerts.work-alerts{border:1px solid var(--line)!important;border-radius:24px!important;background:var(--panel)!important;box-shadow:var(--soft-shadow)!important}
html body #workAlerts .home55-release{border:1px solid var(--line)!important;border-left:4px solid var(--gold)!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--soft-accent) 6%,var(--panel)),var(--panel))!important;box-shadow:var(--soft-shadow)!important;padding:18px!important}
html body #workAlerts .home55-release time{color:var(--gold)!important;font-weight:750!important;letter-spacing:-.035em}
html body #workAlerts .home55-point{border-radius:16px!important;background:var(--panel2)!important}
@media(max-width:600px){html body #workAlerts.work-alerts{border-radius:18px!important;padding:16px!important}html body #workAlerts .home55-release{padding:16px!important}}
