/* monoHRMS v27 — modal accessibility, landing palette and login alignment. */

/* Superadmin company editors stay centered and inside the viewport. */
.landing-studio-head h2{color:#fff!important}.landing-studio-head p{color:#b8d7f4!important}
.superadmin-v25 .company-modal-editor[open]{position:fixed;z-index:1400;inset:0;display:flex!important;grid-template-columns:none!important;grid-auto-flow:row!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:0!important;margin:0!important;padding:24px!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0!important;border-radius:0!important;background:rgba(4,18,44,.72)!important;backdrop-filter:blur(5px)}
.superadmin-v25 .company-modal-editor[open]>summary{position:sticky;z-index:2;top:0;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;width:min(920px,calc(100vw - 40px));min-height:58px;box-sizing:border-box;margin:0!important;padding:17px 20px;border:1px solid #c8d8ea;border-bottom:0;border-radius:18px 18px 0 0;background:#f5f9ff;color:#10213b;box-shadow:0 16px 36px rgba(3,19,46,.12);list-style:none;cursor:pointer}
.superadmin-v25 .company-modal-editor[open]>summary::-webkit-details-marker{display:none}.superadmin-v25 .company-modal-editor[open]>summary::after{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid #c8d8ea;border-radius:9px;content:'×';font-size:25px;line-height:1}
.superadmin-v25 .company-modal-editor[open]>form{position:relative!important;inset:auto!important;grid-column:1!important;flex:0 0 auto;width:min(920px,calc(100vw - 40px))!important;max-width:none!important;max-height:none!important;box-sizing:border-box;margin:0!important;padding:22px!important;overflow:visible!important;transform:none!important;border:1px solid #c8d8ea!important;border-top:0!important;border-radius:0!important;background:#fff!important;color:#172943!important;box-shadow:none!important}
.superadmin-v25 .company-modal-editor[open]>form+form{padding-top:6px!important}.superadmin-v25 .company-modal-editor[open]>form:last-child{padding-bottom:24px!important;border-radius:0 0 18px 18px!important;box-shadow:0 28px 90px rgba(3,19,46,.36)!important}
.superadmin-v25 .company-modal-editor[open]>form fieldset{min-width:0;margin:0;padding:16px;border:1px solid #c8d8ea;border-radius:13px}.superadmin-v25 .company-modal-editor[open]>form .survey-audience-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 18px;max-height:none!important;overflow:visible!important}.superadmin-v25 .company-modal-editor[open]>form .survey-audience-list label{display:flex;min-width:0;align-items:center;gap:8px;color:#536b88!important}.superadmin-v25 .company-modal-editor[open]>form .survey-audience-list input{flex:0 0 auto}.superadmin-v25 .company-modal-editor[open]>form>button:last-child{width:100%;margin-top:14px}
body:has(.superadmin-v25 .company-modal-editor[open]){overflow:hidden}
.superadmin-v25 .support-session-modal:not([hidden]){position:fixed!important;z-index:1450!important;inset:50% auto auto 50%!important;display:grid!important;width:min(620px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px);box-sizing:border-box;gap:14px;overflow:auto;padding:24px!important;transform:translate(-50%,-50%);border:1px solid #c8d8ea!important;border-radius:18px!important;background:#fff!important;box-shadow:0 28px 90px rgba(3,19,46,.42)!important}
.superadmin-v25 .support-session-modal:not([hidden])::before{position:fixed;z-index:-1;inset:-100vh -100vw;background:rgba(4,18,44,.72);content:''}
.superadmin-v25 .support-session-close{position:absolute;top:13px;right:13px;display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid #c8d8ea;border-radius:10px;background:#f5f9ff;color:#10213b;font-size:23px}
.superadmin-v25 .support-session-modal h3{margin:0 45px 4px 0}.superadmin-v25 .support-session-launcher{min-height:40px;padding:0 12px}

/* Landing article cards open the exact full article configured in Superadmin. */
.mono-article-dialog{position:fixed;z-index:1600;inset:0;display:none;place-items:center;padding:24px}
.mono-article-dialog:target{display:grid}.mono-article-dialog-scrim{position:absolute;inset:0;background:rgba(2,10,28,.86);backdrop-filter:blur(7px)}
.mono-article-dialog>div{position:relative;z-index:1;width:min(780px,calc(100vw - 40px));max-height:calc(100vh - 48px);box-sizing:border-box;overflow:auto;padding:44px;border:1px solid rgba(53,199,255,.42);border-radius:24px;background:linear-gradient(145deg,#071f4f,#041532);box-shadow:0 35px 110px #000c;color:#fff}
.mono-article-dialog>div>span{color:#35c7ff;font-size:.78rem;font-weight:900;letter-spacing:.16em}.mono-article-dialog h2{margin:12px 52px 14px 0;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15}.mono-article-summary{color:#96c9f2;font-size:1.05rem;line-height:1.7}.mono-article-content{margin-top:24px;padding-top:24px;border-top:1px solid rgba(53,199,255,.2);color:#d8eaff;line-height:1.9}.mono-article-dialog-close{position:absolute;top:20px;right:20px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(53,199,255,.4);border-radius:12px;background:#0b2b63;color:#fff}.mono-article-dialog-close svg{width:21px}

/* Login uses the same navy/blue/cyan/violet system as the public landing. */
body:has(.auth-shell){background:#031432}.auth-shell{background:radial-gradient(circle at 20% 20%,rgba(22,139,255,.2),transparent 34%),#031432}.auth-story{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 62%,rgba(139,92,246,.18),transparent 30%),linear-gradient(145deg,#031432,#071f4f)}.auth-story::after{position:absolute;width:560px;height:560px;right:-250px;bottom:-250px;border:1px solid rgba(53,199,255,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(22,139,255,.035),0 0 0 160px rgba(139,92,246,.025);content:''}.auth-story .brand span{background:linear-gradient(145deg,#168bff,#35c7ff)!important;color:#fff!important;box-shadow:0 12px 30px rgba(22,139,255,.35)}.auth-story .eyebrow{color:#35c7ff!important}.auth-story h1{background:linear-gradient(120deg,#fff 18%,#83dfff 58%,#a780ff);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card{background:radial-gradient(circle at 95% 0,rgba(139,92,246,.18),transparent 33%),linear-gradient(160deg,#071f4f,#051a3e)}.auth-card .language{border-color:#28547e;background:#061a3c}.auth-card input{border-color:#315f8a;background:#071b3f;color:#fff}.auth-card input:focus{border-color:#35c7ff;box-shadow:0 0 0 3px rgba(53,199,255,.15)}.auth-card .primary{background:linear-gradient(135deg,#168bff,#35c7ff)!important;color:#fff!important;box-shadow:0 12px 28px rgba(22,139,255,.25)}.auth-card .back-link{color:#35c7ff}

/* Landing video uploader/preview and the public video lightbox. */
.studio-media-preview.is-video{background:#041532}.studio-media-preview video{display:block;width:100%;height:100%;object-fit:cover}.studio-media-grid article p{margin:5px 0 0;color:#6a7f9d;font-size:.78rem}
.mono-video-dialog{position:fixed;z-index:1650;inset:0;display:none;place-items:center;padding:24px}.mono-video-dialog:target{display:grid}.mono-video-dialog-scrim{position:absolute;inset:0;background:rgba(2,10,28,.9);backdrop-filter:blur(8px)}.mono-video-dialog>div{position:relative;z-index:1;width:min(1060px,calc(100vw - 42px));max-height:calc(100vh - 42px);padding:14px;border:1px solid rgba(53,199,255,.42);border-radius:22px;background:#020e25;box-shadow:0 35px 110px #000d}.mono-video-dialog video{display:block;width:100%;max-height:calc(100vh - 72px);border-radius:14px;background:#000}.mono-video-dialog-close{position:absolute;z-index:2;top:26px;right:26px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(2,14,37,.82);color:#fff}

/* Each social destination has a distinct, recognizable icon treatment. */
.mono-socials a{background:#071f4f;box-shadow:0 8px 24px rgba(1,10,30,.3)}.mono-socials a[data-social=instagram]{color:#ff73c8;border-color:#bd4ec0}.mono-socials a[data-social=linkedin]{color:#71b7ff;border-color:#347cc4}.mono-socials a[data-social=youtube]{color:#ff7180;border-color:#c24453}.mono-socials a[data-social=x]{color:#fff;border-color:#7787a6}.mono-socials a[data-social=telegram]{color:#55d7ff;border-color:#299bc6}.mono-socials a[data-social=aparat]{color:#ff5f9e;border-color:#c33b74}.mono-socials a:hover{color:#fff;filter:brightness(1.16)}

/* Calendar-aware filters stay aligned and readable. */
.contract-filters{grid-template-columns:repeat(4,minmax(150px,1fr))!important;align-items:end}.contract-filters>button{min-height:54px;border:1px solid #168bff;border-radius:12px;background:linear-gradient(135deg,#168bff,#35c7ff);color:#fff;font-weight:800}.contract-filters>button svg{width:18px;vertical-align:middle;margin-inline-end:7px}.analytics-controls form{flex-wrap:wrap}.analytics-controls form label{min-width:150px}.analytics-controls form button{min-height:54px}

/* Brand-success surfaces use the landing blue/cyan system; warning and error colors remain semantic. */
.contract-source-badge,.contract-analysis>header>span,.module-employees .organization-readiness a.ready{border-color:#258de9!important;background:linear-gradient(135deg,#0b2848,#102b64)!important;color:#78d9ff!important}.contract-source-badge svg{color:#35c7ff!important}.module-employees .organization-readiness a.ready>span{background:linear-gradient(135deg,#1688f1,#2bc5f4)!important;color:#fff!important}.contract-workspace{max-width:100%;box-sizing:border-box;overflow-x:hidden}
.recruitment-hero>.recruitment-primary{flex:0 0 auto;min-width:210px;white-space:nowrap}.recruitment-primary:disabled{border:1px solid #396589!important;background:#102d51!important;color:#a9c8e9!important;opacity:1!important}.recruitment-primary:disabled svg{color:#35c7ff!important}

@media(max-width:900px){.contract-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.analytics-controls form label{min-width:calc(50% - 10px)}}
@media(max-width:900px){.superadmin-v25 .company-modal-editor[open]>form .survey-audience-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.superadmin-v25 .company-modal-editor[open]{padding:0!important}.superadmin-v25 .company-modal-editor[open]>summary,.superadmin-v25 .company-modal-editor[open]>form{width:100vw!important;border-inline:0!important;border-radius:0!important}.superadmin-v25 .company-modal-editor[open]>form{padding:18px 14px!important}.superadmin-v25 .company-modal-editor[open]>form .form-grid{grid-template-columns:1fr}.superadmin-v25 .company-modal-editor[open]>form .survey-audience-list{grid-template-columns:1fr}.mono-article-dialog,.mono-video-dialog{padding:0}.mono-article-dialog>div{width:100vw;max-height:100vh;padding:34px 24px;border:0;border-radius:0}.mono-video-dialog>div{width:100vw;max-height:100vh;padding:0;border:0;border-radius:0}.mono-video-dialog video{max-height:100vh;border-radius:0}.contract-filters{grid-template-columns:1fr!important}.analytics-controls form label{min-width:100%}.recruitment-hero>.recruitment-primary{width:100%;min-width:0}.admin-main>.app-copyright{margin:2rem 0 0!important}.admin-top{width:100%;flex-direction:column;align-items:stretch!important;gap:.75rem}.top-actions{width:100%;max-width:100%;flex-wrap:wrap;justify-content:flex-start;gap:.55rem}.top-actions .badge{max-width:100%;white-space:normal}}

/* Keep the shared company footer inside the content viewport on public_html builds. */
.company-frame .admin-main>.app-copyright{width:100%;max-width:100%;margin:2rem 0 0!important}