/* Theme Name: IAIS Employment Panel v1.7.3 Author: IAIS Description: پوسته راست‌چین و مینیمال برای پنل ورود و داشبورد سامانه جذب و استخدام. Version: 1.7.3 Requires at least: 6.0 Requires PHP: 7.4 Text Domain: iais-employment-panel */ :root{--navy:#102b43;--blue:#1769aa;--blue2:#2784c6;--ink:#172b3a;--muted:#6a7d8d;--bg:#f3f6fa;--line:#e1e8ef;--white:#fff;--success:#13856c;--radius:16px;--shadow:0 12px 36px rgba(16,43,67,.08)} *{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Vazirmatn',Tahoma,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.9}a{color:var(--blue);text-decoration:none}a:hover{color:var(--navy)}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}.iais-wrap{min-height:100vh}.iais-login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px, .9fr) minmax(420px,1.1fr);background:#fff}.iais-login-side{background:linear-gradient(150deg,#102b43,#164d73 65%,#1769aa);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,68px);position:relative;overflow:hidden}.iais-login-side:before,.iais-login-side:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:360px;height:360px;right:-170px;bottom:-140px;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02)}.iais-login-side:after{width:190px;height:190px;right:auto;left:-110px;top:16%;bottom:auto}.iais-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1;color:inherit}.iais-brand-logo{display:block;width:58px;height:58px;object-fit:contain;flex:0 0 58px}.iais-panel-header .iais-brand-logo{width:46px;height:46px}.iais-login-box .iais-brand-logo{width:54px;height:54px}.iais-brand-mark{display:grid;place-items:center;width:48px;height:48px;background:#fff;color:var(--navy);font-size:21px;font-weight:900;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.12)}.iais-brand-title{font-weight:800;font-size:16px;line-height:1.6}.iais-brand-sub{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,.72)}.iais-side-message{position:relative;z-index:1;max-width:540px;padding:50px 0}.iais-side-message .iais-overline{font-size:12px;color:#b9def6;letter-spacing:.2px}.iais-side-message h1{font-size:clamp(28px,3.2vw,43px);line-height:1.65;margin:10px 0 16px;color:#fff;font-weight:900}.iais-side-message p{font-size:15px;color:#d7e7f2;max-width:460px;margin:0}.iais-side-bottom{position:relative;z-index:1;color:rgba(255,255,255,.65);font-size:11px}.iais-login-main{display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,72px);background:#f8fafc}.iais-login-box{width:min(100%,440px)}.iais-login-box .iais-mobile-brand{display:none}.iais-login-box h2{font-size:28px;color:var(--navy);margin:0 0 5px;line-height:1.5}.iais-login-lead{color:var(--muted);margin:0 0 28px}.iais-login-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,34px);box-shadow:var(--shadow)}.iais-login-card label{display:block;font-weight:700;color:#334b5e;font-size:13px;margin:0 0 6px}.iais-login-card input[type=text],.iais-login-card input[type=email],.iais-login-card input[type=password],.iais-login-card input[type=tel],.iais-login-card input[type=number],.iais-login-card select,.iais-login-card textarea{display:block;width:100%;border:1px solid #d5dfe7;background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none;margin:0 0 17px;min-height:46px}.iais-login-card input:focus,.iais-login-card select:focus,.iais-login-card textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(39,132,198,.12)}.iais-login-card input[type=submit],.iais-login-card button,.iais-login-card .button{width:100%;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}.iais-login-card input[type=submit]:hover,.iais-login-card button:hover{background:var(--navy)}.iais-login-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px}.iais-login-links a{font-weight:700}.iais-security-note{font-size:11px;color:var(--muted);margin-top:20px;text-align:center}.iais-panel-header{background:#fff;border-bottom:1px solid var(--line);height:76px;display:flex;align-items:center}.iais-panel-header-inner{width:min(1400px,calc(100% - 36px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.iais-panel-header .iais-brand{color:var(--navy)}.iais-panel-header .iais-brand-sub{color:var(--muted)}.iais-header-actions{display:flex;align-items:center;gap:10px}.iais-user-chip{display:flex;align-items:center;gap:9px;background:#f1f6fa;border:1px solid var(--line);border-radius:12px;padding:7px 12px;color:var(--navy);font-size:12px;font-weight:700}.iais-avatar{width:30px;height:30px;display:grid;place-items:center;background:#dbeefa;border-radius:9px;color:var(--blue);font-weight:900}.iais-logout{color:#6b7c8c;font-size:12px;font-weight:700;padding:8px}.iais-panel-layout{display:grid;grid-template-columns:250px minmax(0,1fr);width:min(1400px,calc(100% - 36px));margin:28px auto 50px;gap:24px;align-items:start}.iais-sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 4px 20px rgba(16,43,67,.025);position:sticky;top:20px}.iais-sidebar-title{font-size:11px;color:#8797a5;font-weight:800;padding:8px 12px 12px}.iais-sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#4b6173;font-size:13px;font-weight:700;margin:2px 0}.iais-sidebar a:hover,.iais-sidebar a.is-active{background:#eaf4fb;color:var(--blue)}.iais-sidebar-icon{width:25px;height:25px;border-radius:8px;background:#f0f4f7;display:grid;place-items:center;font-size:13px}.iais-sidebar a.is-active .iais-sidebar-icon{background:#d5eafa}.iais-panel-main{min-width:0}.iais-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.iais-welcome h1{font-size:25px;line-height:1.6;color:var(--navy);margin:0}.iais-welcome p{color:var(--muted);margin:2px 0 0;font-size:13px}.iais-panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 4px 20px rgba(16,43,67,.025);margin-bottom:18px;min-width:0}.iais-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.iais-card-head h2{font-size:16px;color:var(--navy);margin:0}.iais-card-head p{font-size:12px;color:var(--muted);margin:2px 0 0}.iais-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#e8f7f2;color:#11785f;padding:5px 10px;font-size:11px;font-weight:800}.iais-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.iais-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.iais-stat-label{font-size:12px;color:var(--muted)}.iais-stat-value{font-size:25px;color:var(--navy);font-weight:900;margin-top:6px}.iais-stat-note{font-size:11px;color:#8292a0}.iais-empty-state{text-align:center;padding:30px 15px;border:1px dashed #d4e0e9;border-radius:13px;background:#fbfdff}.iais-empty-icon{width:48px;height:48px;border-radius:15px;background:#eaf4fb;color:var(--blue);display:grid;place-items:center;margin:0 auto 12px;font-size:21px}.iais-empty-state h3{font-size:15px;color:var(--navy);margin:0 0 5px}.iais-empty-state p{font-size:12px;color:var(--muted);margin:0 auto 15px;max-width:430px}.iais-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:800;font-size:12px;cursor:pointer}.iais-btn-primary{background:var(--blue);color:#fff}.iais-btn-primary:hover{background:var(--navy);color:#fff}.iais-btn-light{background:#edf5fb;color:var(--blue);border-color:#dceaf5}.iais-content-area{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,28px);box-shadow:0 4px 20px rgba(16,43,67,.025)}.iais-content-area h1,.iais-content-area h2,.iais-content-area h3{color:var(--navy)}.iais-content-area input[type=text],.iais-content-area input[type=email],.iais-content-area input[type=password],.iais-content-area input[type=tel],.iais-content-area input[type=number],.iais-content-area select,.iais-content-area textarea{width:100%;max-width:100%;border:1px solid #d5dfe7;background:#fff;border-radius:10px;padding:11px 13px}.iais-content-area input[type=submit],.iais-content-area button,.iais-content-area .button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.iais-content-area table{width:100%;border-collapse:collapse}.iais-content-area th,.iais-content-area td{padding:10px;border-bottom:1px solid var(--line);text-align:right}.iais-footer{width:min(1400px,calc(100% - 36px));margin:0 auto 18px;color:#8a99a6;font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.iais-mobile-nav{display:none} @media(max-width:900px){.iais-login-layout{grid-template-columns:.75fr 1fr}.iais-login-side{padding:30px}.iais-panel-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.iais-stat-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){.iais-login-layout{display:flex;flex-direction:column;min-height:100vh}.iais-login-side{display:none}.iais-login-main{flex:1;padding:24px 16px;align-items:center}.iais-login-box .iais-mobile-brand{display:flex;margin-bottom:28px;color:var(--navy)}.iais-login-box .iais-brand-sub{color:var(--muted)}.iais-login-box h2{font-size:25px}.iais-login-card{padding:22px}.iais-panel-header{height:66px}.iais-panel-header-inner{width:calc(100% - 24px)}.iais-panel-header .iais-brand-title{font-size:13px}.iais-panel-header .iais-brand-logo{width:39px;height:39px}.iais-user-chip{padding:5px 7px}.iais-user-chip span:last-child{display:none}.iais-panel-layout{display:block;width:calc(100% - 24px);margin:16px auto 28px}.iais-sidebar{position:static;padding:9px;margin-bottom:14px;overflow-x:auto;display:flex;gap:4px;white-space:nowrap}.iais-sidebar-title{display:none}.iais-sidebar a{flex:0 0 auto;padding:8px 10px;font-size:11px}.iais-sidebar-icon{width:22px;height:22px}.iais-welcome{align-items:flex-start}.iais-welcome h1{font-size:21px}.iais-welcome p{font-size:12px}.iais-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.iais-stat{padding:13px}.iais-stat-value{font-size:21px}.iais-panel-card{padding:16px}.iais-footer{width:calc(100% - 24px)}} /* v1.3.0: Dedicated guest authentication layout for login/register pages. */ .iais-auth-page{min-height:calc(100vh - 32px);display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);background:#f5f8fb;direction:rtl} .iais-auth-aside{background:linear-gradient(150deg,#102b43,#164d73 65%,#1769aa);color:#fff;padding:clamp(28px,5vw,68px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:calc(100vh - 32px)} .iais-auth-aside:before,.iais-auth-aside:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:360px;height:360px;right:-170px;bottom:-140px;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02);pointer-events:none} .iais-auth-aside:after{width:190px;height:190px;right:auto;left:-110px;top:16%;bottom:auto} .iais-auth-brand{display:flex;align-items:center;gap:12px;color:#fff;position:relative;z-index:1;font-weight:800;font-size:16px} .iais-auth-brand img{width:58px;height:58px;object-fit:contain;flex:0 0 58px} .iais-auth-brand small{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,.72)} .iais-auth-aside-copy{position:relative;z-index:1;max-width:520px;padding:42px 0} .iais-auth-aside-copy .iais-auth-eyebrow{font-size:12px;color:#b9def6;font-weight:700} .iais-auth-aside-copy h2{font-size:clamp(27px,3vw,40px);line-height:1.7;color:#fff;margin:10px 0 14px} .iais-auth-aside-copy p{color:#d7e7f2;font-size:14px;margin:0;max-width:450px} .iais-auth-aside-foot{position:relative;z-index:1;color:rgba(255,255,255,.65);font-size:11px} .iais-auth-main{display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,58px);min-width:0} .iais-auth-form-shell{width:min(100%,680px);min-width:0} .iais-auth-page-title{color:#102b43;font-size:25px;margin:0 0 5px;font-weight:900} .iais-auth-page-subtitle{color:#6a7d8d;font-size:13px;margin:0 0 22px} .iais-auth-form-shell .iais-wrap{width:100%;max-width:100%;margin:0;padding:0} .iais-auth-form-shell .iais-card{width:100%;max-width:100%;margin:0;padding:clamp(20px,3vw,32px);border-radius:18px;box-shadow:0 12px 36px rgba(16,43,67,.08)} .iais-auth-form-shell .iais-card>h2{font-size:22px;line-height:1.55;margin-bottom:7px} .iais-auth-form-shell .iais-card>p{color:#6a7d8d} .iais-auth-form-shell .iais-form{width:100%;grid-template-columns:minmax(0,1fr);gap:13px} .iais-auth-form-shell .iais-form label{display:grid;width:100%;min-width:0;gap:6px} .iais-auth-form-shell .iais-form input:not([type=checkbox]):not([type=file]){display:block;width:100%;min-width:0;min-height:46px} .iais-auth-form-shell .iais-form .iais-check{display:flex;align-items:flex-start;gap:9px;line-height:1.8} .iais-auth-form-shell .iais-form .iais-check input{margin-top:7px;flex:0 0 auto} .iais-auth-form-shell .iais-form .iais-button{width:100%;min-height:46px} .iais-auth-form-shell .iais-card>p:last-child{margin-bottom:0} .iais-auth-page .iais-auth-form-shell .iais-notice{margin:0 0 14px} @media(max-width:850px){.iais-auth-page{grid-template-columns:minmax(0,1fr)}.iais-auth-aside{display:none}.iais-auth-main{min-height:calc(100vh - 32px);padding:24px 16px}.iais-auth-form-shell{width:min(100%,600px)}.iais-auth-page-title{font-size:23px}} @media(max-width:480px){.iais-auth-main{padding:16px 12px}.iais-auth-form-shell .iais-card{padding:20px 16px}.iais-auth-form-shell .iais-card>h2{font-size:20px}} /* v1.4.0: User-selectable light/dark appearance. */ .iais-theme-toggle{position:fixed;left:18px;bottom:18px;z-index:99999;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid rgba(23,105,170,.22);border-radius:999px;background:#fff;color:#17334a;box-shadow:0 8px 24px rgba(10,35,55,.16);font:700 12px/1.4 Tahoma,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s} .iais-theme-toggle:hover{transform:translateY(-1px)}.iais-theme-toggle:focus-visible{outline:3px solid #69b9f2;outline-offset:3px}.iais-theme-toggle-icon{font-size:17px;line-height:1} html[data-iais-theme="dark"]{color-scheme:dark;--navy:#e2edf7;--blue:#69b6f2;--blue2:#8bcaff;--ink:#e5edf5;--muted:#a5b5c5;--bg:#0c1420;--line:#2b3a4a;--white:#111d2b;--shadow:0 12px 36px rgba(0,0,0,.22)} html[data-iais-theme="dark"],html[data-iais-theme="dark"] body{background:#0c1420!important;color:#e5edf5!important} html[data-iais-theme="dark"] .iais-auth-page,html[data-iais-theme="dark"] .iais-login-main,html[data-iais-theme="dark"] .iais-public-page{background:#0c1420!important;color:#e5edf5} html[data-iais-theme="dark"] .iais-panel-header,html[data-iais-theme="dark"] .iais-sidebar,html[data-iais-theme="dark"] .iais-stat,html[data-iais-theme="dark"] .iais-panel-card,html[data-iais-theme="dark"] .iais-content-area,html[data-iais-theme="dark"] .iais-login-card,html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card{background:#121f2e!important;border-color:#2b3a4a!important;color:#e5edf5!important} html[data-iais-theme="dark"] .iais-panel-layout,html[data-iais-theme="dark"] .iais-panel-main{color:#e5edf5} html[data-iais-theme="dark"] .iais-auth-page-title,html[data-iais-theme="dark"] .iais-login-box h2,html[data-iais-theme="dark"] .iais-welcome h1,html[data-iais-theme="dark"] .iais-card-head h2,html[data-iais-theme="dark"] .iais-stat-value,html[data-iais-theme="dark"] .iais-content-area h1,html[data-iais-theme="dark"] .iais-content-area h2,html[data-iais-theme="dark"] .iais-content-area h3,html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card>h2{color:#e7f1fa!important} html[data-iais-theme="dark"] .iais-auth-page-subtitle,html[data-iais-theme="dark"] .iais-login-lead,html[data-iais-theme="dark"] .iais-welcome p,html[data-iais-theme="dark"] .iais-card-head p,html[data-iais-theme="dark"] .iais-stat-label,html[data-iais-theme="dark"] .iais-stat-note,html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card>p,html[data-iais-theme="dark"] .iais-security-note{color:#a8b9c9!important} html[data-iais-theme="dark"] .iais-sidebar a{color:#c0cfdd}html[data-iais-theme="dark"] .iais-sidebar a:hover,html[data-iais-theme="dark"] .iais-sidebar a.is-active{background:#1c354b;color:#8bcaff}html[data-iais-theme="dark"] .iais-sidebar-icon{background:#1c2c3d;color:#b9dfff}html[data-iais-theme="dark"] .iais-user-chip{background:#1a2b3c;border-color:#2b3a4a;color:#e5edf5}html[data-iais-theme="dark"] .iais-avatar{background:#233f58;color:#a8d7ff} html[data-iais-theme="dark"] .iais-auth-form-shell input[type=text],html[data-iais-theme="dark"] .iais-auth-form-shell input[type=email],html[data-iais-theme="dark"] .iais-auth-form-shell input[type=password],html[data-iais-theme="dark"] .iais-auth-form-shell input[type=tel],html[data-iais-theme="dark"] .iais-auth-form-shell input[type=number],html[data-iais-theme="dark"] .iais-auth-form-shell select,html[data-iais-theme="dark"] .iais-auth-form-shell textarea,html[data-iais-theme="dark"] .iais-content-area input[type=text],html[data-iais-theme="dark"] .iais-content-area input[type=email],html[data-iais-theme="dark"] .iais-content-area input[type=password],html[data-iais-theme="dark"] .iais-content-area input[type=tel],html[data-iais-theme="dark"] .iais-content-area input[type=number],html[data-iais-theme="dark"] .iais-content-area select,html[data-iais-theme="dark"] .iais-content-area textarea{background:#0d1723!important;color:#e5edf5!important;border-color:#3a4d60!important} html[data-iais-theme="dark"] .iais-auth-form-shell label,html[data-iais-theme="dark"] .iais-login-card label{color:#d5e1ec!important} html[data-iais-theme="dark"] .iais-content-area th,html[data-iais-theme="dark"] .iais-content-area td{border-color:#2b3a4a;color:#dce7f0} html[data-iais-theme="dark"] .iais-empty-state{background:#0e1a28;border-color:#33485b}html[data-iais-theme="dark"] .iais-empty-state h3{color:#e2edf7}html[data-iais-theme="dark"] .iais-empty-state p{color:#a5b5c5} html[data-iais-theme="dark"] .iais-btn-light{background:#1a344a;color:#9dd2ff;border-color:#29465f}html[data-iais-theme="dark"] .iais-btn-outline{background:#121f2e;color:#d8e8f5;border-color:#3a4d60} html[data-iais-theme="dark"] .iais-status-pill{background:#143a35;color:#82e2c6} html[data-iais-theme="dark"] .iais-theme-toggle{background:#172536;color:#f3d58b;border-color:#354b5e;box-shadow:0 8px 24px rgba(0,0,0,.4)} html[data-iais-theme="dark"] .iais-footer{color:#8fa5b8} @media(max-width:680px){.iais-theme-toggle{left:12px;bottom:12px;min-height:40px;padding:8px 12px}.iais-theme-toggle-label{font-size:11px}} /* v1.5.0 enhanced background visuals */ html, body{background:linear-gradient(180deg,#eef4fb 0%,#f7fafd 42%,#edf3f9 100%);background-attachment:fixed;} body:before, body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(12px);opacity:.55;pointer-events:none} body:before{width:420px;height:420px;top:-110px;right:-110px;background:radial-gradient(circle at 30% 30%,rgba(42,131,198,.22),rgba(16,43,67,0));} body:after{width:380px;height:380px;left:-80px;bottom:-120px;background:radial-gradient(circle at 50% 50%,rgba(103,183,208,.18),rgba(16,43,67,0));} .iais-auth-aside,.iais-login-side{position:relative;overflow:hidden;background: radial-gradient(circle at 15% 18%,rgba(255,255,255,.18) 0, rgba(255,255,255,0) 28%), radial-gradient(circle at 84% 78%,rgba(86,174,227,.20) 0, rgba(86,174,227,0) 30%), linear-gradient(140deg,#0f2940 0%,#123a58 45%,#16679d 100%);} .iais-auth-aside:before,.iais-login-side:before{content:"";position:absolute;inset:auto -90px -120px auto;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 56px rgba(255,255,255,.03);} .iais-auth-aside:after,.iais-login-side:after{content:"";position:absolute;left:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0, rgba(255,255,255,0) 65%);} .iais-auth-main,.iais-login-main,.iais-panel-main{position:relative;} .iais-auth-main:before,.iais-login-main:before,.iais-panel-main:before{content:"";position:absolute;inset:18px;background: linear-gradient(transparent 31px, rgba(23,105,170,.035) 32px), linear-gradient(90deg, transparent 31px, rgba(23,105,170,.035) 32px); background-size:32px 32px;border-radius:26px;opacity:.55;pointer-events:none;} .iais-auth-form-shell,.iais-login-card,.iais-panel-card,.iais-content-area,.iais-public-content{backdrop-filter:blur(12px);box-shadow:0 20px 55px rgba(16,43,67,.08);} .iais-panel-main>.iais-welcome,.iais-panel-main>.iais-stat-grid,.iais-panel-main>.iais-panel-card,.iais-panel-main>.iais-content-area{position:relative;z-index:1} html[data-iais-theme="dark"] body{background:linear-gradient(180deg,#08131d 0%,#0b1824 45%,#0d1b29 100%);} html[data-iais-theme="dark"] body:before{background:radial-gradient(circle at 30% 30%,rgba(33,108,165,.20),rgba(10,15,22,0));opacity:.5} html[data-iais-theme="dark"] body:after{background:radial-gradient(circle at 50% 50%,rgba(12,153,171,.14),rgba(10,15,22,0));opacity:.45} html[data-iais-theme="dark"] .iais-auth-main:before,html[data-iais-theme="dark"] .iais-login-main:before,html[data-iais-theme="dark"] .iais-panel-main:before{background: linear-gradient(transparent 31px, rgba(115,170,212,.035) 32px), linear-gradient(90deg, transparent 31px, rgba(115,170,212,.035) 32px);background-size:32px 32px;opacity:.4} /* v1.5.1 integration fixes: real plugin dashboard once, consistent profile styling, dark mode coverage. */ .iais-panel-main>.iais-wrap{max-width:none;margin:0;padding:0;min-height:0} .iais-content-area>.iais-wrap{max-width:none;margin:0;padding:0;min-height:0} html[data-iais-theme="dark"] .iais-wrap{color:#e5edf5} html[data-iais-theme="dark"] .iais-wrap .iais-card, html[data-iais-theme="dark"] .iais-profile-progress, html[data-iais-theme="dark"] .iais-repeat-item, html[data-iais-theme="dark"] .iais-profile-photo-section, html[data-iais-theme="dark"] .iais-file-control, html[data-iais-theme="dark"] .iais-notification, html[data-iais-theme="dark"] .iais-existing-file{background:#121f2e!important;border-color:#2b3a4a!important;color:#e5edf5!important} html[data-iais-theme="dark"] .iais-wrap h2, html[data-iais-theme="dark"] .iais-wrap h3, html[data-iais-theme="dark"] .iais-wrap h4, html[data-iais-theme="dark"] .iais-profile-progress strong, html[data-iais-theme="dark"] .iais-repeat-title{color:#e4f1fc!important} html[data-iais-theme="dark"] .iais-wrap p, html[data-iais-theme="dark"] .iais-wrap small, html[data-iais-theme="dark"] .iais-muted, html[data-iais-theme="dark"] .iais-profile-heading p, html[data-iais-theme="dark"] .iais-section-heading p{color:#a8b9c9!important} html[data-iais-theme="dark"] .iais-form label, html[data-iais-theme="dark"] .iais-profile-form label{color:#d5e1ec!important} html[data-iais-theme="dark"] .iais-wrap input:not([type=checkbox]):not([type=file]), html[data-iais-theme="dark"] .iais-wrap textarea, html[data-iais-theme="dark"] .iais-wrap select{background:#0d1723!important;color:#e5edf5!important;border-color:#3a4d60!important} html[data-iais-theme="dark"] .iais-wrap input::placeholder, html[data-iais-theme="dark"] .iais-wrap textarea::placeholder{color:#8197aa!important} html[data-iais-theme="dark"] .iais-table th{background:#172a3c;color:#e0ebf4;border-color:#2b3a4a} html[data-iais-theme="dark"] .iais-table td{color:#dce7f0;border-color:#2b3a4a} html[data-iais-theme="dark"] .iais-notification.is-unread{background:#1a3044!important} html[data-iais-theme="dark"] .iais-profile-photo-placeholder{background:linear-gradient(145deg,#213b50,#162738);color:#d1eaff} html[data-iais-theme="dark"] .iais-profile-photo-preview{background:#162738;border-color:#263b4d;box-shadow:0 0 0 1px #34495b,0 5px 15px rgba(0,0,0,.25)} html[data-iais-theme="dark"] .iais-progress-track{background:#293b4b} html[data-iais-theme="dark"] .iais-existing-file strong{color:#d9f5eb} html[data-iais-theme="dark"] .iais-file-icon{background:#173b35;color:#a4e7d2} html[data-iais-theme="dark"] .iais-file-status{background:#153a34;color:#9fe5d0} /* v1.5.2 — stronger premium institutional visual system */ :root{ --iais-accent:#1686b8; --iais-accent-2:#39b8d7; --iais-deep:#071c2e; --iais-panel-radius:24px; } html,body{min-height:100%;background:#eef4f9} body{ background: radial-gradient(ellipse at 7% 3%,rgba(31,128,184,.13),transparent 34%), radial-gradient(ellipse at 92% 92%,rgba(44,172,191,.10),transparent 32%), linear-gradient(145deg,#f6f9fc 0%,#edf3f8 55%,#f8fbfd 100%) fixed; } .iais-auth-page{ direction:ltr; grid-template-columns:minmax(320px,.92fr) minmax(470px,1.08fr); min-height:100vh; background:transparent; gap:0; } .iais-auth-aside{ direction:rtl; grid-column:1; min-height:100vh; padding:clamp(32px,5vw,76px); color:#f5fbff; background: radial-gradient(ellipse at 18% 15%,rgba(87,203,237,.28),transparent 29%), radial-gradient(ellipse at 90% 78%,rgba(28,135,198,.38),transparent 35%), linear-gradient(145deg,#071a2b 0%,#0b304b 48%,#105b82 100%); isolation:isolate; } .iais-auth-aside:before{ content:""; position:absolute;inset:0;z-index:-1;pointer-events:none; background: linear-gradient(rgba(176,225,247,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(176,225,247,.055) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(145deg,#000 0%,rgba(0,0,0,.55) 48%,transparent 90%); } .iais-auth-aside:after{ content:""; position:absolute;z-index:-1;pointer-events:none; width:min(39vw,520px);height:min(39vw,520px); left:-155px;bottom:-150px;top:auto;right:auto; border:1px solid rgba(178,232,255,.23);border-radius:50%; box-shadow:0 0 0 22px rgba(178,232,255,.045),0 0 0 52px rgba(178,232,255,.035),0 0 0 90px rgba(178,232,255,.025); background:radial-gradient(circle at 50% 50%,rgba(65,180,222,.14),transparent 68%); } .iais-auth-brand{gap:14px;font-size:17px;letter-spacing:-.2px} .iais-auth-brand img{width:68px;height:68px;flex-basis:68px;padding:5px;background:rgba(255,255,255,.96);border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.17)} .iais-auth-brand small{color:#b7d9ea;font-size:12px;margin-top:2px} .iais-auth-aside-copy{max-width:550px;padding:54px 0 68px} .iais-auth-aside-copy .iais-auth-eyebrow{ display:inline-flex;align-items:center;gap:8px; padding:7px 12px;border:1px solid rgba(170,225,247,.25); border-radius:999px;background:rgba(255,255,255,.075); color:#c5efff;font-size:12px;letter-spacing:.1px; } .iais-auth-aside-copy .iais-auth-eyebrow:before{content:"";width:7px;height:7px;background:#52d0df;border-radius:50%;box-shadow:0 0 0 4px rgba(82,208,223,.13)} .iais-auth-aside-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.65;letter-spacing:-.7px;margin:20px 0 17px;text-wrap:balance} .iais-auth-aside-copy p{font-size:15px;line-height:2.15;color:#d1e8f4;max-width:430px} .iais-auth-aside-foot{border-top:1px solid rgba(208,238,250,.16);padding-top:16px;color:#a9ccdd;font-size:11px} .iais-auth-main{ direction:rtl;grid-column:2;position:relative;isolation:isolate; min-height:100vh;padding:clamp(28px,5vw,76px); background: radial-gradient(ellipse at 92% 4%,rgba(45,151,202,.10),transparent 34%), radial-gradient(ellipse at 7% 92%,rgba(72,187,203,.09),transparent 31%), linear-gradient(145deg,#f8fbfd 0%,#edf4f9 100%); } .iais-auth-main:before{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(rgba(19,98,147,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,98,147,.035) 1px,transparent 1px); background-size:34px 34px; mask-image:radial-gradient(ellipse at 50% 45%,#000 0%,rgba(0,0,0,.55) 50%,transparent 88%); } .iais-auth-main:after{ content:"";position:absolute;z-index:-1;pointer-events:none; width:360px;height:360px;right:-210px;top:16%; border:1px solid rgba(22,134,184,.12);border-radius:50%; box-shadow:0 0 0 26px rgba(22,134,184,.025),0 0 0 54px rgba(22,134,184,.018); } .iais-auth-form-shell{width:min(100%,650px);position:relative;z-index:1} .iais-auth-page-title{font-size:clamp(27px,2.3vw,34px);font-weight:900;line-height:1.5;letter-spacing:-.4px;color:#102b43;margin-bottom:7px} .iais-auth-page-subtitle{font-size:14px;color:#63798a;margin-bottom:26px;line-height:2} .iais-auth-form-shell .iais-card{ position:relative;overflow:hidden; background:rgba(255,255,255,.94);border:1px solid rgba(199,216,229,.85); border-radius:24px;padding:clamp(24px,3vw,38px); box-shadow:0 28px 75px rgba(14,48,75,.11),0 4px 14px rgba(14,48,75,.035); backdrop-filter:blur(16px); } .iais-auth-form-shell .iais-card:before{ content:"";position:absolute;top:0;right:0;left:0;height:4px; background:linear-gradient(90deg,#31b9d2,#1686b8 55%,#173e69); } .iais-auth-form-shell .iais-card>h2{font-size:23px;color:#143550;margin:0 0 7px} .iais-auth-form-shell .iais-card>p{color:#6d8090;line-height:1.9} .iais-auth-form-shell .iais-form{gap:16px} .iais-auth-form-shell .iais-form label{font-size:13px;font-weight:700;color:#304c61;gap:7px} .iais-auth-form-shell .iais-form input:not([type=checkbox]):not([type=file]), .iais-auth-form-shell .iais-form select, .iais-auth-form-shell .iais-form textarea{ min-height:49px;border:1px solid #d6e1e9;border-radius:12px;background:#fbfdff; padding:12px 14px;color:#193449;box-shadow:inset 0 1px 2px rgba(17,50,75,.025); transition:border-color .18s,box-shadow .18s,background .18s; } .iais-auth-form-shell .iais-form input:focus, .iais-auth-form-shell .iais-form select:focus, .iais-auth-form-shell .iais-form textarea:focus{ border-color:#238fbe;outline:0;background:#fff;box-shadow:0 0 0 4px rgba(35,143,190,.12); } .iais-auth-form-shell .iais-form .iais-button, .iais-auth-form-shell .iais-card input[type=submit], .iais-auth-form-shell .iais-card button[type=submit]{ min-height:49px;border-radius:12px;background:linear-gradient(105deg,#12679a,#1686b8 58%,#1d9fc1); box-shadow:0 9px 22px rgba(22,112,161,.18);font-size:14px;font-weight:800; transition:transform .18s,box-shadow .18s,filter .18s; } .iais-auth-form-shell .iais-form .iais-button:hover, .iais-auth-form-shell .iais-card input[type=submit]:hover, .iais-auth-form-shell .iais-card button[type=submit]:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 13px 28px rgba(22,112,161,.24)} .iais-auth-form-shell a{font-weight:700} .iais-auth-page+.iais-footer{width:100%;margin:0;padding:13px 24px;background:#f5f9fc;color:#8a9bab} .iais-theme-toggle{left:22px;bottom:22px;border-radius:14px;padding:10px 15px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-color:#d7e4ed} .iais-panel-header{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(18,62,91,.04)} .iais-panel-layout{margin-top:30px} .iais-sidebar{border-radius:20px;box-shadow:0 12px 36px rgba(16,43,67,.045)} .iais-panel-card,.iais-content-area,.iais-stat{border-radius:20px;box-shadow:0 12px 34px rgba(16,43,67,.045)} .iais-panel-card{border-top:1px solid rgba(22,134,184,.14)} .iais-stat{position:relative;overflow:hidden} .iais-stat:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#36b8d0,#1686b8)} html[data-iais-theme="dark"] body{ background: radial-gradient(ellipse at 5% 0%,rgba(28,117,175,.18),transparent 36%), radial-gradient(ellipse at 96% 96%,rgba(20,145,163,.11),transparent 33%), linear-gradient(145deg,#07121e 0%,#0b1927 56%,#0b1724 100%) fixed!important; } html[data-iais-theme="dark"] .iais-auth-aside{ background: radial-gradient(ellipse at 18% 15%,rgba(87,203,237,.20),transparent 29%), radial-gradient(ellipse at 90% 78%,rgba(28,135,198,.30),transparent 35%), linear-gradient(145deg,#061523 0%,#0a2a42 48%,#104967 100%)!important; } html[data-iais-theme="dark"] .iais-auth-main{ background: radial-gradient(ellipse at 92% 4%,rgba(45,151,202,.10),transparent 34%), linear-gradient(145deg,#0c1b29 0%,#0d1a27 100%)!important; } html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card{ background:rgba(17,31,46,.96)!important;border-color:#2a4053!important; box-shadow:0 28px 75px rgba(0,0,0,.26)!important; } html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card>h2{color:#e7f1fa!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card>p{color:#a9bdce!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form label{color:#d3e3ee!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form input:not([type=checkbox]):not([type=file]), html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form select, html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form textarea{ background:#0b1724!important;border-color:#30495d!important;color:#e5edf5!important; } html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form input:focus, html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form select:focus, html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form textarea:focus{border-color:#55b7e4!important;background:#0d1b2a!important} html[data-iais-theme="dark"] .iais-auth-page+.iais-footer{background:#0b1724;color:#8398aa} html[data-iais-theme="dark"] .iais-panel-header{background:rgba(13,27,41,.92);border-color:#263b4e} @media(max-width:900px){ .iais-auth-page{grid-template-columns:minmax(0,.8fr) minmax(400px,1.2fr)} .iais-auth-aside{padding:30px} .iais-auth-aside-copy h2{font-size:30px} .iais-auth-main{padding:30px} } @media(max-width:760px){ .iais-auth-page{display:flex;flex-direction:column;min-height:100vh} .iais-auth-aside{display:flex;min-height:auto;padding:17px 20px 19px;border-radius:0 0 22px 22px} .iais-auth-aside .iais-auth-brand-name{color:#f5fbff!important;} .iais-auth-aside .iais-auth-brand img{width:45px;height:45px;flex-basis:45px;border-radius:13px} .iais-auth-aside-copy,.iais-auth-aside-foot{display:none} .iais-auth-main{min-height:auto;flex:1;padding:25px 16px 70px} .iais-auth-form-shell{width:min(100%,560px);margin:0 auto} .iais-auth-page-title{font-size:25px} .iais-auth-form-shell .iais-card{padding:25px 20px;border-radius:20px} .iais-theme-toggle{left:12px;bottom:12px} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* v1.5.4 safe background patch Only changes the page backdrop and outer layout wrappers. Does not override form fields, cards, typography, grid sizes, or dashboard structure. */ html, body { min-height: 100%; background: linear-gradient(135deg, #edf4fa 0%, #e3eff7 48%, #f2f8fc 100%) fixed !important; } body { position: relative; background: radial-gradient(ellipse at 8% 8%, rgba(55, 166, 211, .18), transparent 29%), radial-gradient(ellipse at 92% 16%, rgba(38, 133, 190, .13), transparent 30%), radial-gradient(ellipse at 78% 92%, rgba(77, 194, 208, .13), transparent 28%), linear-gradient(135deg, #edf4fa 0%, #e3eff7 48%, #f2f8fc 100%) fixed !important; } /* Keep the existing page layouts intact while allowing the backdrop to show around their cards. */ .iais-login-layout, .iais-login-main, .iais-auth-page, .iais-auth-main, .iais-public-page { background-color: transparent !important; } /* Preserve the user's existing dark-mode selection with a matching deep-blue backdrop. */ html[data-iais-theme="dark"], html[data-iais-theme="dark"] body { background: radial-gradient(ellipse at 8% 8%, rgba(40, 130, 185, .22), transparent 30%), radial-gradient(ellipse at 92% 18%, rgba(20, 130, 160, .14), transparent 30%), radial-gradient(ellipse at 78% 92%, rgba(35, 91, 145, .18), transparent 29%), linear-gradient(135deg, #071725 0%, #0b2133 52%, #0b1928 100%) fixed !important; } html[data-iais-theme="dark"] .iais-login-layout, html[data-iais-theme="dark"] .iais-login-main, html[data-iais-theme="dark"] .iais-auth-page, html[data-iais-theme="dark"] .iais-auth-main, html[data-iais-theme="dark"] .iais-public-page { background-color: transparent !important; } /* IAIS Employment Panel v1.6.0: final component contrast and dedicated-page polish */ .iais-panel-main>.iais-content-area{min-width:0} .iais-sidebar a{transition:background .15s,color .15s,transform .15s} .iais-sidebar a:focus-visible,.iais-theme-toggle:focus-visible{outline:3px solid #5ab4df;outline-offset:3px} .iais-content-area details>summary{cursor:pointer} .iais-content-area .iais-card{margin:0 0 16px} html[data-iais-theme="dark"] .iais-content-area, html[data-iais-theme="dark"] .iais-panel-card, html[data-iais-theme="dark"] .iais-stat, html[data-iais-theme="dark"] .iais-sidebar, html[data-iais-theme="dark"] .iais-panel-header, html[data-iais-theme="dark"] .iais-login-card, html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card{color:#e5edf5!important} html[data-iais-theme="dark"] .iais-wrap .iais-card{background:#121f2e!important;border-color:#2b4053!important;color:#e5edf5!important} html[data-iais-theme="dark"] .iais-wrap h2, html[data-iais-theme="dark"] .iais-wrap h3, html[data-iais-theme="dark"] .iais-wrap h4{color:#e7f1fa!important} html[data-iais-theme="dark"] .iais-wrap p, html[data-iais-theme="dark"] .iais-wrap small{color:#aebfd0} html[data-iais-theme="dark"] .iais-wrap .iais-button.is-secondary{background:#19354b!important;border-color:#315570!important;color:#c4e6ff!important} html[data-iais-theme="dark"] .iais-wrap .iais-button.is-secondary:hover{background:#214760!important} html[data-iais-theme="dark"] .iais-wrap .iais-file-control{background:#101f2e!important;border-color:#36536a!important;color:#c9dceb!important} html[data-iais-theme="dark"] .iais-wrap .iais-file-control input[type=file]{color:#b9cad8!important} html[data-iais-theme="dark"] .iais-wrap input[type="checkbox"]{accent-color:#43b8d4} html[data-iais-theme="dark"] .iais-wrap input:disabled, html[data-iais-theme="dark"] .iais-wrap select:disabled, html[data-iais-theme="dark"] .iais-wrap textarea:disabled{opacity:.72} html[data-iais-theme="dark"] .iais-auth-page+.iais-footer{background:#0b1724!important;color:#91a6b8!important} /* v1.6.1: targeted contrast polish for application/interview workflow components. No global layout dimensions or content structure are changed. */ .iais-applications-page .iais-page-heading h2, .iais-interviews-page .iais-page-heading h2 { letter-spacing: -.2px; } .iais-app-details summary { padding: 4px 0; } .iais-app-details summary:focus-visible { outline: 2px solid #2784c6; outline-offset: 3px; border-radius: 4px; } .iais-interview-stage { min-width: 0; } .iais-stage-content { overflow-wrap: anywhere; } .iais-stage-title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .iais-stage-title-row h4 { min-width: 0; } html[data-iais-theme="dark"] .iais-wrap .iais-notice.is-success { background: #12352e !important; border-color: #286454 !important; color: #b2f0d8 !important; } html[data-iais-theme="dark"] .iais-wrap .iais-notice.is-error { background: #3a2328 !important; border-color: #71414a !important; color: #ffd0d2 !important; } html[data-iais-theme="dark"] .iais-wrap .iais-app-details-body, html[data-iais-theme="dark"] .iais-wrap .iais-app-details-body p { color: #c4d3e0 !important; } html[data-iais-theme="dark"] .iais-wrap .iais-table th { background: #1a2c3e !important; color: #e3edf6 !important; border-color: #304457 !important; } html[data-iais-theme="dark"] .iais-wrap .iais-table td { background: #101d2b; color: #dce8f2 !important; border-color: #2a3d50 !important; } html[data-iais-theme="dark"] .iais-wrap .iais-table tbody tr:hover td { background: #172b3d !important; } html[data-iais-theme="dark"] .iais-wrap .iais-interview-stage .iais-stage-content { background: #111f2e !important; border-color: #2b4053 !important; color: #e5edf5 !important; } html[data-iais-theme="dark"] .iais-wrap .iais-stage-content strong, html[data-iais-theme="dark"] .iais-wrap .iais-stage-title-row h4 { color: #e6f2fb !important; } html[data-iais-theme="dark"] .iais-wrap .iais-app-details summary, html[data-iais-theme="dark"] .iais-wrap .iais-text-link, html[data-iais-theme="dark"] .iais-wrap .iais-text-button { color: #8fd3ff !important; } html[data-iais-theme="dark"] .iais-wrap .iais-status-chip { box-shadow: none; } html[data-iais-theme="dark"] .iais-wrap .iais-pill { background: #1a3448; border-color: #2e4c63; color: #c0e4fb; } html[data-iais-theme="dark"] .iais-wrap .iais-notification { border-color: #2a3d50; color: #e2edf7; } html[data-iais-theme="dark"] .iais-wrap .iais-notification small { color: #a8bbcc !important; } /* IAIS Employment Panel v1.6.3 — institutional UI refresh and HR workspace. Visual-only changes: no application, interview, permissions, or database logic is changed. */ :root{ --iais-brand-900:#0b2238; --iais-brand-800:#103754; --iais-brand-700:#145276; --iais-accent:#087eae; --iais-accent-bright:#20a9c6; --iais-surface:#ffffff; --iais-surface-soft:#f6f9fc; --iais-stroke:#dce6ef; --iais-copy:#18344a; --iais-subtle:#637b8e; --iais-elevation:0 14px 38px rgba(10,39,64,.065); } html{scroll-behavior:smooth} body{ color:var(--iais-copy); background: radial-gradient(ellipse at 92% 4%,rgba(27,143,188,.105),transparent 28%), radial-gradient(ellipse at 4% 92%,rgba(37,173,187,.075),transparent 30%), linear-gradient(145deg,#f4f8fc 0%,#edf3f8 50%,#f7fafc 100%) fixed!important; } body:before,body:after{opacity:.32} ::selection{background:rgba(24,139,185,.18);color:inherit} /* Top navigation and applicant workspace */ .iais-panel-header{ position:sticky;top:0;z-index:1000;height:78px; background:rgba(255,255,255,.92)!important; border-bottom:1px solid rgba(205,220,232,.85)!important; box-shadow:0 6px 24px rgba(13,42,67,.045)!important; backdrop-filter:blur(18px); } .iais-panel-header-inner{width:min(1480px,calc(100% - 48px));gap:24px} .iais-panel-header .iais-brand{gap:13px} .iais-panel-header .iais-brand-logo{ width:48px;height:48px;flex-basis:48px;object-fit:contain; background:#fff;border:1px solid #e0eaf1;border-radius:14px;padding:3px; box-shadow:0 5px 16px rgba(13,54,82,.08) } .iais-panel-header .iais-brand-title{font-size:15px;letter-spacing:-.15px;color:#12344e} .iais-panel-header .iais-brand-sub{margin-top:1px;color:#6f8495;font-size:10px} .iais-header-actions{gap:12px} .iais-user-chip{background:#f5f9fc;border-color:#dce7ef;border-radius:13px;padding:6px 12px} .iais-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#dff4fb,#cfe6f7);color:#11668f} .iais-logout{padding:9px 12px;border-radius:10px;transition:background .18s,color .18s} .iais-logout:hover{background:#edf5fa;color:#145276} .iais-panel-layout{ width:min(1480px,calc(100% - 48px));grid-template-columns:258px minmax(0,1fr); gap:26px;margin:30px auto 48px;align-items:start } .iais-sidebar{ top:96px;padding:17px 13px;border-radius:21px; background:rgba(255,255,255,.94);border-color:#dce6ef; box-shadow:0 12px 34px rgba(13,43,69,.055) } .iais-sidebar-title{padding:8px 13px 13px;color:#8397a7;font-size:10px;letter-spacing:.35px} .iais-sidebar a{ position:relative;gap:11px;margin:3px 0;padding:11px 12px; border:1px solid transparent;border-radius:12px;color:#4a6275;font-size:12px; transition:background .18s,border-color .18s,color .18s,transform .18s } .iais-sidebar a:hover{background:#f2f8fc;border-color:#e0edf5;color:#145e86;transform:translateX(-1px)} .iais-sidebar a.is-active{background:linear-gradient(100deg,#e8f5fb,#f1f8fc);border-color:#d7eaf5;color:#075f8e;box-shadow:inset -3px 0 0 #1389b7} .iais-sidebar-icon{flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#f0f5f8;color:#617e92;font-size:14px} .iais-sidebar a.is-active .iais-sidebar-icon{background:#d4edf8;color:#0877a7} .iais-panel-main{min-width:0} .iais-panel-main>.iais-wrap,.iais-content-area>.iais-wrap{width:100%;max-width:none;margin:0;padding:0;min-height:0} .iais-welcome{margin-bottom:23px} .iais-welcome h1{font-size:27px;font-weight:900;letter-spacing:-.45px;color:#123650} .iais-welcome p{font-size:13px;color:#6b8294} /* Dashboard hero, real counters and content panels */ .iais-dashboard-page{width:100%;max-width:none} .iais-dashboard-head{ position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px; padding:28px 30px;margin:0 0 20px;border:1px solid rgba(89,163,194,.35);border-radius:23px; color:#f3fbff;background: radial-gradient(ellipse at 10% 0%,rgba(60,199,219,.22),transparent 34%), radial-gradient(ellipse at 100% 100%,rgba(40,126,182,.30),transparent 42%), linear-gradient(125deg,#0b263e 0%,#103b59 54%,#115b79 100%); box-shadow:0 18px 42px rgba(10,45,71,.14) } .iais-dashboard-head:after{ content:"";position:absolute;z-index:-1;left:-70px;bottom:-190px;width:350px;height:350px;border:1px solid rgba(199,245,255,.15);border-radius:50%; box-shadow:0 0 0 25px rgba(199,245,255,.035),0 0 0 56px rgba(199,245,255,.025),0 0 0 88px rgba(199,245,255,.018) } .iais-dashboard-head>div{position:relative;z-index:1} .iais-dashboard-head .iais-eyebrow{color:#8de3f1} .iais-dashboard-head h2{margin:5px 0 6px;color:#fff;font-size:clamp(24px,2.2vw,32px);font-weight:900;letter-spacing:-.5px;line-height:1.55} .iais-dashboard-head p{margin:0;color:#c4dce9;font-size:13px;line-height:2} .iais-dashboard-head>.iais-button{position:relative;z-index:1;flex:0 0 auto;min-height:43px;padding:10px 17px;background:#f5fbff!important;border:1px solid rgba(255,255,255,.7)!important;color:#0b4b70!important;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.12)} .iais-dashboard-head>.iais-button:hover{background:#dff5fc!important;transform:translateY(-1px)} .iais-dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px} .iais-dashboard-stat{ position:relative;isolation:isolate;overflow:hidden;min-height:144px;padding:20px 21px 18px; border:1px solid #dbe6ef;border-radius:18px; background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%); box-shadow:0 9px 26px rgba(13,47,73,.045);color:#153950!important } .iais-dashboard-stat:before{content:"";position:absolute;z-index:-1;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#24b5cc,#167fae 60%,#1b557e)} .iais-dashboard-stat:after{content:"";position:absolute;z-index:-1;left:-34px;bottom:-64px;width:118px;height:118px;border-radius:50%;background:rgba(24,141,184,.055)} .iais-dashboard-stat span{font-size:12px;color:#627b8e;font-weight:800} .iais-dashboard-stat strong{margin:4px 0;font-size:32px;line-height:1.3;color:#103e60;font-weight:900;letter-spacing:-.5px} .iais-dashboard-stat small{font-size:11px;color:#7c91a0;line-height:1.8} .iais-dashboard-stat:hover{transform:translateY(-3px);border-color:#a7d1e4;box-shadow:0 15px 32px rgba(13,73,107,.09)} .iais-dashboard-section,.iais-wrap .iais-card.iais-profile-section,.iais-content-area{ border:1px solid #dce6ef;border-radius:21px;background:rgba(255,255,255,.96); box-shadow:0 10px 30px rgba(12,44,70,.045) } .iais-dashboard-section{padding:23px 24px;margin:0 0 18px} .iais-card-heading-row{padding-bottom:14px;border-bottom:1px solid #edf2f6;margin-bottom:17px} .iais-card-heading-row h3{font-size:16px;font-weight:900;color:#173c57} .iais-card-heading-row p{font-size:12px;color:#71889a} .iais-text-link{display:inline-flex;align-items:center;gap:6px;color:#0879a7!important;padding:7px 10px;border-radius:9px;background:#eef8fc} .iais-text-link:hover{background:#dff1f8} .iais-empty-state{padding:34px 18px;border:1px dashed #cbdde8;border-radius:16px;background:linear-gradient(145deg,#fbfdff,#f6fafc)} .iais-empty-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#e5f5fb,#d6edf7);color:#0879a7;box-shadow:0 5px 14px rgba(17,114,157,.08)} .iais-empty-state h3{font-size:15px;font-weight:900;color:#193f59} .iais-empty-state p{font-size:12px;color:#6e8495;line-height:2} /* Dedicated pages, profile forms, tables and interview timeline */ .iais-page-heading{align-items:center;margin-bottom:22px;padding:5px 2px 17px;border-bottom:1px solid rgba(194,211,224,.65)} .iais-page-heading h2,.iais-profile-heading h2{font-size:27px;font-weight:900;letter-spacing:-.4px;color:#133851} .iais-page-heading p,.iais-profile-heading p{font-size:13px;color:#6c8395;line-height:2} .iais-wrap .iais-card{border-radius:20px;border-color:#dce6ef;box-shadow:0 10px 28px rgba(12,44,70,.045)} .iais-profile-heading{align-items:center;padding:5px 2px 18px;border-bottom:1px solid #dfe9f0;margin-bottom:18px} .iais-profile-progress{border-radius:15px;background:rgba(255,255,255,.96);border-color:#dce6ef;box-shadow:0 8px 22px rgba(12,44,70,.04)} .iais-profile-section{padding:25px!important;margin:0 0 18px!important} .iais-section-heading{align-items:center;gap:14px;margin-bottom:22px;padding-bottom:17px;border-color:#e9f0f5} .iais-section-heading h3{margin:0;font-size:16px;font-weight:900;color:#173c57} .iais-section-heading p{font-size:12px;color:#74899a;line-height:1.9} .iais-section-number{width:40px;height:40px;flex-basis:40px;border:1px solid #d4eaf4;background:linear-gradient(145deg,#eaf8fc,#dceff7);color:#0878a5;border-radius:12px} .iais-field-grid{gap:19px 22px;align-items:start} .iais-profile-form .iais-field-grid>label,.iais-form label{color:#304e63;font-size:12px;font-weight:800;line-height:1.9} .iais-profile-form .iais-field-grid>label>input:not([type=checkbox]):not([type=file]), .iais-profile-form .iais-field-grid>label>select, .iais-profile-form .iais-field-grid>label>textarea, .iais-form input:not([type=checkbox]):not([type=file]),.iais-form select,.iais-form textarea{ min-height:48px;margin-top:6px;padding:12px 14px;border:1px solid #d5e2eb;border-radius:12px;background:#fbfdff;color:#19384f;box-shadow:inset 0 1px 2px rgba(16,53,79,.025);transition:border-color .18s,box-shadow .18s,background .18s } .iais-profile-form textarea,.iais-form textarea{min-height:94px;resize:vertical} .iais-profile-form input:focus,.iais-profile-form select:focus,.iais-profile-form textarea:focus,.iais-form input:focus,.iais-form select:focus,.iais-form textarea:focus{outline:none;border-color:#2998bd;box-shadow:0 0 0 4px rgba(34,146,187,.12);background:#fff} .iais-profile-form small,.iais-form small{font-size:11px;color:#71899b;line-height:1.9} .iais-profile-photo-section{padding:21px;background:linear-gradient(110deg,#f8fbfd,#f0f7fb);border:1px solid #dce8f0;border-radius:16px} .iais-profile-photo-preview{width:120px;height:120px;flex-basis:120px} .iais-file-control{border-color:#b7d4e4;background:#fbfdff;border-radius:12px} .iais-profile-savebar{border:1px solid rgba(104,176,207,.25);border-radius:16px;background:linear-gradient(110deg,#0c2a43,#104c6c);box-shadow:0 12px 26px rgba(12,50,78,.13)} .iais-table-wrap{border:1px solid #e0e9f0;border-radius:14px} .iais-table{min-width:680px} .iais-table th{padding:14px 13px;background:#f2f7fa;color:#254960;font-size:12px;font-weight:900;white-space:nowrap} .iais-table td{padding:14px 13px;color:#405d72;font-size:12px;line-height:1.9} .iais-table tbody tr:hover td{background:#f8fbfd} .iais-interview-summary{padding:17px;border-color:#dce7ef;border-radius:15px;background:linear-gradient(110deg,#fbfdff,#f6fafc)} .iais-stage-content{padding:16px 17px;border-color:#dce7ef;border-radius:15px;background:#fbfdff} .iais-stage-marker{width:40px;height:40px;border-radius:13px} .iais-interview-stage{grid-template-columns:40px minmax(0,1fr);gap:14px} .iais-interview-stage:not(:last-child):before{right:19px;top:40px;background:#dce8ef} .iais-status-chip{padding:5px 10px;font-size:11px} .iais-notifications-page .iais-notification{padding:18px;border-radius:15px;background:#fbfdff} .iais-notifications-page .iais-notification.is-unread{background:#eef8fc;border-color:#cce6f3} /* Login and registration: wide, balanced, institutional split screen */ .iais-auth-page{min-height:100vh;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);background:transparent!important} .iais-auth-aside{ position:relative;isolation:isolate;overflow:hidden;padding:clamp(34px,5vw,78px); background:radial-gradient(ellipse at 18% 12%,rgba(72,199,224,.22),transparent 30%),radial-gradient(ellipse at 88% 82%,rgba(31,127,183,.28),transparent 36%),linear-gradient(145deg,#071b2c 0%,#0b304a 52%,#0d5574 100%)!important } .iais-auth-aside:before{background:linear-gradient(rgba(190,233,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(190,233,250,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(145deg,#000,transparent 88%)} .iais-auth-aside-copy h2{font-size:clamp(31px,3.4vw,47px);line-height:1.7;max-width:600px} .iais-auth-aside-copy p{font-size:15px;max-width:450px} .iais-auth-main{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(30px,5vw,76px);background:linear-gradient(145deg,#f9fbfd 0%,#edf4f9 100%)!important} .iais-auth-form-shell{width:min(100%,680px)} .iais-auth-page-title{font-size:clamp(28px,2.5vw,35px);letter-spacing:-.5px;color:#102f49} .iais-auth-page-subtitle{font-size:13px;color:#6a8192;margin-bottom:25px} .iais-auth-form-shell .iais-card{padding:clamp(25px,3vw,38px);border:1px solid #dbe6ef;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 24px 60px rgba(13,46,72,.105)} .iais-auth-form-shell .iais-card:before{height:4px;background:linear-gradient(90deg,#29b4cb,#1389b6 55%,#123b5c)} .iais-auth-form-shell .iais-card>h2{font-size:23px;color:#153a54} .iais-auth-form-shell .iais-form{gap:15px} .iais-auth-page.is-register .iais-auth-form-shell .iais-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px} .iais-auth-page.is-register .iais-auth-form-shell .iais-form>.iais-check, .iais-auth-page.is-register .iais-auth-form-shell .iais-form>button, .iais-auth-page.is-register .iais-auth-form-shell .iais-form>input[type=hidden]{grid-column:1/-1} .iais-auth-form-shell .iais-form label{min-width:0;color:#304d62;font-size:12px} .iais-auth-form-shell .iais-form input:not([type=checkbox]):not([type=file]),.iais-auth-form-shell .iais-form select,.iais-auth-form-shell .iais-form textarea{width:100%;min-width:0;min-height:49px;border-radius:12px} .iais-auth-form-shell .iais-form .iais-button,.iais-auth-form-shell .iais-card input[type=submit],.iais-auth-form-shell .iais-card button[type=submit]{min-height:49px;border-radius:12px} .iais-auth-form-shell .iais-card .iais-notice{grid-column:1/-1} .iais-auth-page+.iais-footer{width:100%;padding:14px 24px;background:rgba(246,250,253,.96);color:#7a8f9f} /* Dark mode: independent surface layers and readable text in every workflow */ html[data-iais-theme="dark"] body{ background:radial-gradient(ellipse at 8% 0%,rgba(25,106,160,.18),transparent 32%),radial-gradient(ellipse at 95% 88%,rgba(12,125,144,.10),transparent 30%),linear-gradient(145deg,#07131f 0%,#0a1927 52%,#0c1b2a 100%) fixed!important;color:#e3edf5!important } html[data-iais-theme="dark"] .iais-panel-header{background:rgba(10,24,37,.94)!important;border-color:#263c50!important;box-shadow:0 8px 28px rgba(0,0,0,.22)!important} html[data-iais-theme="dark"] .iais-panel-header .iais-brand-title,html[data-iais-theme="dark"] .iais-welcome h1{color:#e6f3fb!important} html[data-iais-theme="dark"] .iais-panel-header .iais-brand-sub{color:#a2b7c8!important} html[data-iais-theme="dark"] .iais-panel-header .iais-brand-logo{background:#f5fbff;border-color:#344a5e} html[data-iais-theme="dark"] .iais-sidebar{background:rgba(14,30,45,.96)!important;border-color:#2a4155!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important} html[data-iais-theme="dark"] .iais-sidebar-title{color:#91a8ba!important} html[data-iais-theme="dark"] .iais-sidebar a{color:#c2d2df!important} html[data-iais-theme="dark"] .iais-sidebar a:hover{background:#172f43!important;border-color:#2a4b63!important;color:#dff5ff!important} html[data-iais-theme="dark"] .iais-sidebar a.is-active{background:linear-gradient(100deg,#17374e,#183044)!important;border-color:#2c526a!important;color:#9de0ff!important;box-shadow:inset -3px 0 0 #36b4d0} html[data-iais-theme="dark"] .iais-sidebar-icon{background:#1a3043!important;color:#b5d9eb!important} html[data-iais-theme="dark"] .iais-user-chip{background:#172b3e!important;border-color:#2b4358!important;color:#e2edf5!important} html[data-iais-theme="dark"] .iais-logout{color:#b6c7d4!important} html[data-iais-theme="dark"] .iais-logout:hover{background:#1b3448!important;color:#fff!important} html[data-iais-theme="dark"] .iais-dashboard-head{background:radial-gradient(ellipse at 10% 0%,rgba(48,182,207,.17),transparent 34%),radial-gradient(ellipse at 100% 100%,rgba(34,107,158,.24),transparent 42%),linear-gradient(125deg,#081c2d,#0b2c43 56%,#0d3d53)!important;border-color:#244b61!important;box-shadow:0 18px 42px rgba(0,0,0,.2)} html[data-iais-theme="dark"] .iais-dashboard-head p{color:#bfd3e1!important} html[data-iais-theme="dark"] .iais-dashboard-head>.iais-button{background:#e8f8ff!important;color:#0a4667!important} html[data-iais-theme="dark"] .iais-dashboard-stat{background:linear-gradient(145deg,#142638,#102131)!important;border-color:#2a4357!important;color:#e5eff7!important;box-shadow:0 10px 25px rgba(0,0,0,.15)} html[data-iais-theme="dark"] .iais-dashboard-stat span,html[data-iais-theme="dark"] .iais-dashboard-stat small{color:#a9bfce!important} html[data-iais-theme="dark"] .iais-dashboard-stat strong{color:#a0e1ff!important} html[data-iais-theme="dark"] .iais-dashboard-section,html[data-iais-theme="dark"] .iais-wrap .iais-card,html[data-iais-theme="dark"] .iais-content-area,html[data-iais-theme="dark"] .iais-profile-progress{background:rgba(15,30,45,.97)!important;border-color:#2a4155!important;color:#e3edf5!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important} html[data-iais-theme="dark"] .iais-card-heading-row{border-color:#263d51!important} html[data-iais-theme="dark"] .iais-card-heading-row h3,html[data-iais-theme="dark"] .iais-section-heading h3,html[data-iais-theme="dark"] .iais-page-heading h2,html[data-iais-theme="dark"] .iais-profile-heading h2,html[data-iais-theme="dark"] .iais-empty-state h3{color:#e5f1fa!important} html[data-iais-theme="dark"] .iais-card-heading-row p,html[data-iais-theme="dark"] .iais-page-heading p,html[data-iais-theme="dark"] .iais-profile-heading p,html[data-iais-theme="dark"] .iais-section-heading p,html[data-iais-theme="dark"] .iais-empty-state p{color:#a9bdcc!important} html[data-iais-theme="dark"] .iais-empty-state{background:linear-gradient(145deg,#102234,#0e1d2b)!important;border-color:#355065!important} html[data-iais-theme="dark"] .iais-empty-icon{background:#19384c!important;color:#8bd8f4!important} html[data-iais-theme="dark"] .iais-text-link{background:#17364b!important;color:#91dfff!important} html[data-iais-theme="dark"] .iais-profile-progress{background:#122437!important} html[data-iais-theme="dark"] .iais-profile-photo-section,html[data-iais-theme="dark"] .iais-repeat-item,html[data-iais-theme="dark"] .iais-interview-summary,html[data-iais-theme="dark"] .iais-stage-content,html[data-iais-theme="dark"] .iais-notifications-page .iais-notification{background:#112235!important;border-color:#2b4358!important;color:#e2edf5!important} html[data-iais-theme="dark"] .iais-section-heading{border-color:#273e51!important} html[data-iais-theme="dark"] .iais-section-number{background:#193a4e!important;border-color:#31536a!important;color:#a1e1ff!important} html[data-iais-theme="dark"] .iais-profile-form .iais-field-grid>label,html[data-iais-theme="dark"] .iais-form label{color:#d0dfeb!important} html[data-iais-theme="dark"] .iais-profile-form input:not([type=checkbox]):not([type=file]),html[data-iais-theme="dark"] .iais-profile-form select,html[data-iais-theme="dark"] .iais-profile-form textarea,html[data-iais-theme="dark"] .iais-form input:not([type=checkbox]):not([type=file]),html[data-iais-theme="dark"] .iais-form select,html[data-iais-theme="dark"] .iais-form textarea{background:#0a1927!important;border-color:#344e63!important;color:#e5eff7!important} html[data-iais-theme="dark"] .iais-profile-form input:focus,html[data-iais-theme="dark"] .iais-profile-form select:focus,html[data-iais-theme="dark"] .iais-profile-form textarea:focus,html[data-iais-theme="dark"] .iais-form input:focus,html[data-iais-theme="dark"] .iais-form select:focus,html[data-iais-theme="dark"] .iais-form textarea:focus{border-color:#39afd0!important;box-shadow:0 0 0 4px rgba(48,173,205,.14)!important} html[data-iais-theme="dark"] .iais-profile-form small,html[data-iais-theme="dark"] .iais-form small,html[data-iais-theme="dark"] .iais-muted{color:#9fb4c4!important} html[data-iais-theme="dark"] .iais-table-wrap{border-color:#2a4054} html[data-iais-theme="dark"] .iais-table th{background:#1a3044!important;color:#dcebf5!important;border-color:#30495e!important} html[data-iais-theme="dark"] .iais-table td{background:#101f30;color:#d1dfeb!important;border-color:#293f53!important} html[data-iais-theme="dark"] .iais-table tbody tr:hover td{background:#172c40!important} html[data-iais-theme="dark"] .iais-stage-content p,html[data-iais-theme="dark"] .iais-interview-summary p{color:#b8c9d6!important} html[data-iais-theme="dark"] .iais-profile-savebar{background:linear-gradient(110deg,#0a2032,#103b52)!important;border-color:#2b4c61!important} html[data-iais-theme="dark"] .iais-auth-main{background:linear-gradient(145deg,#0b1b2a,#0e2030)!important} html[data-iais-theme="dark"] .iais-auth-aside{background:radial-gradient(ellipse at 18% 12%,rgba(72,199,224,.16),transparent 30%),radial-gradient(ellipse at 88% 82%,rgba(31,127,183,.2),transparent 36%),linear-gradient(145deg,#061522,#09283d 52%,#0b4059)!important} html[data-iais-theme="dark"] .iais-auth-page-title{color:#e6f3fb!important} html[data-iais-theme="dark"] .iais-auth-page-subtitle{color:#a9bdcc!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card{background:rgba(15,30,45,.97)!important;border-color:#2a4357!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card>h2{color:#e6f3fb!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-card>p{color:#afc2d1!important} html[data-iais-theme="dark"] .iais-auth-form-shell .iais-form label{color:#d0dfeb!important} html[data-iais-theme="dark"] .iais-auth-page+.iais-footer{background:#091724!important;color:#91a8b9!important} html[data-iais-theme="dark"] .iais-theme-toggle{background:#173047!important;border-color:#3a566b!important;color:#e4f3ff!important;box-shadow:0 10px 28px rgba(0,0,0,.35)!important} html[data-iais-theme="dark"] .iais-footer{color:#8fa8bb!important} /* Tablet and mobile: preserve navigation access and prevent cramped fields. */ @media(max-width:1100px){ .iais-panel-layout{grid-template-columns:225px minmax(0,1fr);gap:18px;width:calc(100% - 32px)} .iais-panel-header-inner{width:calc(100% - 32px)} .iais-dashboard-stats{gap:12px} .iais-dashboard-stat{padding:17px} } @media(max-width:760px){ .iais-panel-header{height:68px} .iais-panel-header-inner{width:calc(100% - 22px);gap:10px} .iais-panel-header .iais-brand{gap:8px} .iais-panel-header .iais-brand-logo{width:39px;height:39px;flex-basis:39px} .iais-panel-header .iais-brand-title{font-size:12px} .iais-panel-layout{display:block;width:calc(100% - 22px);margin:16px auto 30px} .iais-sidebar{position:relative;top:auto;display:flex;align-items:center;gap:5px;overflow-x:auto;white-space:nowrap;padding:9px;margin-bottom:18px;border-radius:15px;scrollbar-width:thin} .iais-sidebar-title{display:none} .iais-sidebar a{flex:0 0 auto;display:inline-flex;margin:0;padding:8px 10px;font-size:11px} .iais-sidebar a:hover{transform:none} .iais-sidebar-icon{width:24px;height:24px;flex-basis:24px} .iais-welcome h1{font-size:23px} .iais-dashboard-head{align-items:flex-start;flex-direction:column;padding:22px 20px;border-radius:19px;gap:15px} .iais-dashboard-head h2{font-size:25px} .iais-dashboard-head>.iais-button{width:100%} .iais-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .iais-dashboard-stat{min-height:126px;padding:15px;border-radius:15px} .iais-dashboard-stat strong{font-size:27px} .iais-dashboard-section{padding:17px;margin-bottom:14px} .iais-profile-section{padding:18px!important} .iais-profile-heading{display:block} .iais-profile-progress{width:100%;margin-top:15px} .iais-profile-photo-section{align-items:flex-start;flex-direction:column} .iais-profile-photo-preview{width:96px;height:96px;flex-basis:96px} .iais-field-grid{grid-template-columns:minmax(0,1fr);gap:14px} .iais-field-span-2{grid-column:auto} .iais-auth-page{display:flex;flex-direction:column} .iais-auth-aside{min-height:auto;padding:17px 20px;border-radius:0 0 20px 20px} .iais-auth-aside .iais-auth-brand-name{color:#f5fbff!important;} .iais-auth-aside .iais-auth-brand img{width:45px;height:45px;flex-basis:45px} .iais-auth-aside-copy,.iais-auth-aside-foot{display:none} .iais-auth-main{min-height:0;flex:1;padding:24px 15px 76px} .iais-auth-form-shell{width:min(100%,600px);margin:0 auto} .iais-auth-page-title{font-size:25px} .iais-auth-form-shell .iais-card{padding:22px 18px;border-radius:19px} .iais-auth-page.is-register .iais-auth-form-shell .iais-form{grid-template-columns:minmax(0,1fr)} .iais-auth-page.is-register .iais-auth-form-shell .iais-form>.iais-check, .iais-auth-page.is-register .iais-auth-form-shell .iais-form>button{grid-column:auto} .iais-theme-toggle{left:12px;bottom:12px;min-height:40px;padding:8px 12px} .iais-footer{width:calc(100% - 24px);font-size:10px} } @media(max-width:420px){ .iais-dashboard-stats{grid-template-columns:minmax(0,1fr)} .iais-dashboard-stat{min-height:0} .iais-user-chip{padding:4px} .iais-panel-header .iais-brand-title{max-width:145px} .iais-header-actions{gap:3px} .iais-dashboard-section{padding:14px} .iais-auth-main{padding-inline:11px} .iais-auth-form-shell .iais-card{padding:20px 15px} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* v1.6.4: hard stop the applicant shell from wrapping the dedicated HR workspace. */ body.iais-hr-workspace-page .iais-panel-header, body.iais-hr-workspace-page .iais-footer, body:has(.iais-hr-app) .iais-panel-header, body:has(.iais-hr-app) .iais-footer{display:none!important} body.iais-hr-workspace-page .iais-panel-layout, body:has(.iais-hr-app) .iais-panel-layout{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important} body.iais-hr-workspace-page .iais-panel-layout>.iais-sidebar, body:has(.iais-hr-app) .iais-panel-layout>.iais-sidebar{display:none!important} body.iais-hr-workspace-page .iais-panel-main, body:has(.iais-hr-app) .iais-panel-main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important} body.iais-hr-workspace-page .iais-content-area, body:has(.iais-hr-app) .iais-content-area{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} body.iais-hr-workspace-page .iais-welcome, body:has(.iais-hr-app) .iais-welcome{display:none!important} /* v1.6.6 — auth page compact layout, institute identity and improved logo sizing. */ .iais-auth-page{min-height:100vh;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:stretch} .iais-auth-aside{min-height:100vh;padding:clamp(24px,3.2vw,46px)} .iais-auth-brand{gap:16px;align-items:center;max-width:100%} .iais-auth-brand img{width:86px;height:86px;flex:0 0 86px} .iais-auth-brand>span{display:block;max-width:calc(100% - 102px);font-size:15px;line-height:1.8} .iais-auth-brand small{font-size:11px;line-height:1.8;color:rgba(255,255,255,.82);font-weight:500} .iais-auth-aside-copy{padding:18px 0;max-width:560px} .iais-auth-aside-copy h2{font-size:clamp(25px,2.5vw,34px);line-height:1.55;margin:8px 0 12px} .iais-auth-aside-copy p.iais-institute-description{font-size:12px;line-height:1.95;color:#d7e7f2;max-width:100%;margin:0;text-align:justify;text-wrap:pretty} .iais-auth-aside-foot{font-size:10px;line-height:1.8} .iais-auth-main{min-height:100vh;padding:clamp(20px,3.5vw,48px);align-items:center} .iais-auth-form-shell{width:min(100%,620px)} .iais-auth-form-shell .iais-wrap{min-height:0;height:auto;margin:0;padding:0} .iais-auth-form-shell .iais-card{margin:0;padding:clamp(20px,3vw,30px)} .iais-auth-page-title{font-size:24px} .iais-auth-page-subtitle{margin-bottom:18px} .iais-auth-switch{margin:13px 0 0!important;text-align:center;font-size:12px;color:#6a7d8d;line-height:1.8} .iais-auth-switch a{font-weight:800} @media(max-width:1100px){ .iais-auth-page{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)} .iais-auth-aside{padding:24px} .iais-auth-brand img{width:74px;height:74px;flex-basis:74px} .iais-auth-brand>span{max-width:calc(100% - 90px);font-size:14px} .iais-auth-aside-copy p.iais-institute-description{font-size:11.5px;line-height:1.9} } @media(max-width:850px){ .iais-auth-page{min-height:100vh} .iais-auth-aside{display:none} .iais-auth-main{min-height:100vh;padding:22px 14px} .iais-auth-form-shell{width:min(100%,540px)} .iais-auth-form-shell .iais-wrap{min-height:0} } .iais-auth-links{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:13px 2px 0;padding:0 4px;font-size:12px;line-height:1.9} .iais-auth-links a{font-weight:800} @media(max-width:480px){.iais-auth-links{justify-content:center;gap:10px 22px}} /* v1.6.7 — apply the institutional login layout to the homepage too. The homepage previously used the legacy .iais-login-layout markup, so the requested institute copy and auth-page spacing never appeared at the root URL. */ .iais-auth-page.iais-home-auth { direction: rtl !important; display: grid !important; grid-template-columns: minmax(390px, 1fr) minmax(0, 2fr) !important; min-height: 100vh; min-height: 100svh; height: auto; width: 100%; margin: 0; gap: 0; } .iais-auth-page.iais-home-auth > .iais-auth-aside { grid-column: 1 !important; grid-row: 1; direction: rtl; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; min-width: 0; min-height: 100vh; min-height: 100svh; padding: clamp(22px, 2.7vw, 38px); } .iais-auth-page.iais-home-auth > .iais-auth-main { grid-column: 2 !important; grid-row: 1; direction: rtl; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 100vh; min-height: 100svh; padding: clamp(20px, 2.7vw, 42px); } .iais-home-auth .iais-auth-brand { display: flex; align-items: center; gap: 14px; width: 100%; max-width: 100%; color: #eaf8ff; text-decoration: none; } .iais-home-auth .iais-auth-brand img { display: block; width: 96px; height: 96px; flex: 0 0 96px; object-fit: contain; padding: 0; background: transparent; border-radius: 0; box-shadow: none; } .iais-home-auth .iais-auth-brand > span { display: block; min-width: 0; max-width: calc(100% - 110px); color: #63c6ed; font-size: 15px; line-height: 1.75; font-weight: 800; } .iais-home-auth .iais-auth-brand > span strong { display: block; font-weight: 900; } .iais-home-auth .iais-auth-brand small { display: block; margin-top: 2px; color: #d1eaf7; font-size: 11px; line-height: 1.8; font-weight: 500; } .iais-home-auth .iais-auth-aside-copy { width: 100%; max-width: 100%; padding: 10px 0; margin: auto 0; } .iais-home-auth .iais-auth-aside-copy h2 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.5; margin: 12px 0 10px; max-width: 100%; } .iais-home-auth .iais-auth-aside-copy p.iais-institute-description { max-width: 100%; margin: 0; color: #d7e7f2; font-size: 11px; line-height: 1.8; text-align: justify; overflow-wrap: anywhere; } .iais-home-auth .iais-auth-aside-foot { padding-top: 10px; font-size: 10px; line-height: 1.7; } .iais-home-auth .iais-auth-form-shell { width: min(100%, 460px); max-width: 460px; min-width: 0; } /* The login shortcode outputs a .iais-wrap with min-height:100vh by default. Collapse that nested wrapper so it cannot make the page taller than necessary. */ .iais-home-auth .iais-auth-form-shell .iais-wrap { display: block; width: 100%; max-width: 100%; min-height: 0 !important; height: auto !important; margin: 0; padding: 0; } .iais-home-auth .iais-auth-form-shell .iais-card { width: 100%; max-width: 100%; margin: 0; padding: clamp(20px, 2.2vw, 28px); } .iais-home-auth .iais-auth-links { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 13px 2px 0; padding: 0 4px; font-size: 12px; line-height: 1.8; } .iais-home-auth .iais-auth-links a { font-weight: 800; } .iais-home-auth .iais-security-note { margin: 12px 0 0; font-size: 10px; line-height: 1.7; text-align: center; } @media (max-width: 850px) { .iais-auth-page.iais-home-auth { display: flex !important; flex-direction: column; min-height: 100vh; min-height: 100svh; } .iais-auth-page.iais-home-auth > .iais-auth-aside { display: none !important; } .iais-auth-page.iais-home-auth > .iais-auth-main { display: flex; flex: 1; min-height: 100vh; min-height: 100svh; padding: 24px 16px 62px; } .iais-home-auth .iais-auth-form-shell { width: min(100%, 480px); } } @media (max-height: 760px) and (min-width: 851px) { .iais-home-auth .iais-auth-aside { padding-top: 18px; padding-bottom: 18px; } .iais-home-auth .iais-auth-brand img { width: 78px; height: 78px; flex-basis: 78px; } .iais-home-auth .iais-auth-aside-copy { padding: 6px 0; } .iais-home-auth .iais-auth-aside-copy h2 { font-size: 27px; line-height: 1.4; margin: 8px 0; } .iais-home-auth .iais-auth-aside-copy p.iais-institute-description { font-size: 10.5px; line-height: 1.65; } .iais-home-auth .iais-auth-aside-foot { padding-top: 6px; } .iais-home-auth .iais-auth-main { padding-top: 18px; padding-bottom: 18px; } } /* Keep the dedicated /login and /register pages consistent with the homepage. */ .iais-auth-page:not(.iais-home-auth) { direction: rtl !important; grid-template-columns: minmax(390px, 1fr) minmax(0, 2fr) !important; min-height: 100vh; min-height: 100svh; } .iais-auth-page:not(.iais-home-auth) > .iais-auth-aside { grid-column: 1 !important; min-height: 100vh; min-height: 100svh; padding: clamp(22px, 2.7vw, 38px); gap: 14px; } .iais-auth-page:not(.iais-home-auth) > .iais-auth-main { grid-column: 2 !important; min-height: 100vh; min-height: 100svh; padding: clamp(20px, 2.7vw, 42px); } .iais-auth-page:not(.iais-home-auth) .iais-auth-brand { gap: 14px; max-width: 100%; } .iais-auth-page:not(.iais-home-auth) .iais-auth-brand img { width: 96px; height: 96px; flex: 0 0 96px; padding: 0; background: transparent; border-radius: 0; box-shadow: none; } .iais-auth-page:not(.iais-home-auth) .iais-auth-brand > span { display: block; min-width: 0; max-width: calc(100% - 110px); color: #63c6ed; font-size: 15px; line-height: 1.75; font-weight: 800; } .iais-auth-page:not(.iais-home-auth) .iais-auth-brand small { display: block; color: #d1eaf7; font-size: 11px; line-height: 1.8; font-weight: 500; } .iais-auth-page:not(.iais-home-auth) .iais-auth-aside-copy { padding: 10px 0; margin: auto 0; max-width: 100%; } .iais-auth-page:not(.iais-home-auth) .iais-auth-aside-copy h2 { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.5; margin: 12px 0 10px; } .iais-auth-page:not(.iais-home-auth) .iais-auth-aside-copy p.iais-institute-description { max-width: 100%; margin: 0; color: #d7e7f2; font-size: 11px; line-height: 1.8; text-align: justify; overflow-wrap: anywhere; } .iais-auth-page:not(.iais-home-auth) .iais-auth-form-shell { width: min(100%, 460px); max-width: 460px; } @media (max-width: 850px) { .iais-auth-page:not(.iais-home-auth) { display: flex !important; flex-direction: column; min-height: 100vh; min-height: 100svh; } .iais-auth-page:not(.iais-home-auth) > .iais-auth-aside { display: none !important; } .iais-auth-page:not(.iais-home-auth) > .iais-auth-main { min-height: 100vh; min-height: 100svh; padding: 24px 16px 62px; } .iais-auth-page:not(.iais-home-auth) .iais-auth-form-shell { width: min(100%, 480px); } } /* v1.6.8: explicitly replace the old brand label and enlarge the institute logo. */ .iais-auth-brand-name{ display:block; max-width:300px; color:var(--navy)!important; font-size:clamp(14px,1.35vw,18px)!important; font-weight:900!important; line-height:1.9!important; letter-spacing:-.2px; text-wrap:balance; } .iais-auth-aside .iais-auth-brand-name{color:#f5fbff!important;} .iais-auth-aside .iais-auth-brand img{ width:88px!important;height:88px!important;flex:0 0 88px!important; object-fit:contain;padding:5px;background:rgba(255,255,255,.97); border-radius:19px;box-shadow:0 12px 35px rgba(0,0,0,.19); } .iais-auth-aside{padding:clamp(22px,3.4vw,52px)!important;} .iais-auth-aside-copy{max-width:560px!important;padding:22px 0 28px!important;} .iais-auth-aside-copy h2{font-size:clamp(25px,2.65vw,38px)!important;line-height:1.55!important;margin:12px 0!important;} .iais-auth-aside-copy p{max-width:560px!important;font-size:13px!important;line-height:1.9!important;text-align:justify;} .iais-panel-header .iais-brand-name{display:block;max-width:310px;line-height:1.8;font-size:14px;font-weight:900;color:var(--navy)!important;} @media(max-width:850px){ .iais-auth-aside{display:none!important;} } /* v1.7.0 — final login layout corrections requested by IAIS. */ .iais-auth-page.iais-home-auth { direction: rtl !important; display: grid !important; grid-template-columns: minmax(360px, .95fr) minmax(0, 1.55fr) !important; min-height: 100svh !important; height: auto !important; margin: 0 !important; gap: 0 !important; } .iais-auth-page.iais-home-auth > .iais-auth-aside { grid-column: 1 !important; grid-row: 1 !important; min-height: 100svh !important; padding: clamp(20px, 2.5vw, 34px) !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; gap: 14px !important; } .iais-home-auth .iais-auth-brand { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; width: 100% !important; max-width: 100% !important; } .iais-home-auth .iais-auth-brand img { width: 108px !important; height: 108px !important; flex: 0 0 108px !important; max-width: none !important; object-fit: contain !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } .iais-home-auth .iais-auth-brand > .iais-auth-brand-name { display: block !important; min-width: 0 !important; max-width: calc(100% - 124px) !important; color: #73d0f2 !important; font-size: clamp(15px, 1.2vw, 19px) !important; font-weight: 900 !important; line-height: 1.9 !important; text-wrap: balance; } /* Remove the old heading and eyebrow; the requested institute description is the blue panel copy. */ .iais-home-auth .iais-auth-aside-copy > .iais-auth-eyebrow, .iais-home-auth .iais-auth-aside-copy > h2 { display: none !important; } .iais-home-auth .iais-auth-aside-copy { display: block !important; width: 100% !important; max-width: 100% !important; margin: auto 0 !important; padding: 12px 0 !important; } .iais-home-auth .iais-auth-aside-copy p.iais-institute-description { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; color: #e0edf5 !important; font-size: clamp(12px, .92vw, 14px) !important; font-weight: 450 !important; line-height: 1.95 !important; text-align: justify !important; overflow-wrap: normal !important; word-break: normal !important; } .iais-home-auth .iais-auth-aside-foot { padding-top: 8px !important; font-size: 10px !important; line-height: 1.8 !important; } .iais-auth-page.iais-home-auth > .iais-auth-main { grid-column: 2 !important; grid-row: 1 !important; min-height: 100svh !important; padding: clamp(18px, 2.4vw, 36px) !important; display: flex !important; align-items: center !important; justify-content: center !important; } .iais-home-auth .iais-auth-form-shell { width: min(100%, 460px) !important; max-width: 460px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .iais-home-auth .iais-auth-page-title { margin: 0 0 4px !important; font-size: clamp(23px, 2vw, 29px) !important; line-height: 1.55 !important; } .iais-home-auth .iais-auth-page-subtitle { margin: 0 0 18px !important; font-size: 12px !important; line-height: 1.8 !important; } .iais-home-auth .iais-auth-form-shell .iais-wrap { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } .iais-home-auth .iais-auth-form-shell .iais-card { width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: clamp(20px, 2vw, 28px) !important; } .iais-home-auth .iais-auth-form-shell .iais-card h2 { margin-top: 0 !important; } .iais-home-auth .iais-auth-links { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px 20px !important; flex-wrap: wrap !important; margin: 10px 2px 0 !important; padding: 0 4px !important; font-size: 12px !important; line-height: 1.8 !important; } .iais-home-auth .iais-security-note { margin: 8px 0 0 !important; font-size: 10px !important; line-height: 1.7 !important; text-align: center !important; } @media (max-height: 760px) and (min-width: 851px) { .iais-home-auth > .iais-auth-aside { padding-top: 16px !important; padding-bottom: 16px !important; } .iais-home-auth .iais-auth-brand img { width: 78px !important; height: 78px !important; flex-basis: 78px !important; } .iais-home-auth .iais-auth-brand > .iais-auth-brand-name { max-width: calc(100% - 92px) !important; font-size: 14px !important; } .iais-home-auth .iais-auth-aside-copy { padding: 5px 0 !important; } .iais-home-auth .iais-auth-aside-copy p.iais-institute-description { font-size: 11px !important; line-height: 1.7 !important; } .iais-home-auth > .iais-auth-main { padding-top: 14px !important; padding-bottom: 14px !important; } } @media (max-width: 850px) { .iais-auth-page.iais-home-auth { display: flex !important; flex-direction: column !important; min-height: 100svh !important; } .iais-auth-page.iais-home-auth > .iais-auth-aside { display: none !important; } .iais-auth-page.iais-home-auth > .iais-auth-main { min-height: 100svh !important; padding: 22px 16px 32px !important; } .iais-home-auth .iais-auth-form-shell { width: min(100%, 480px) !important; } .iais-home-auth .iais-auth-links { justify-content: space-between !important; } } @media (max-width: 480px) { .iais-home-auth .iais-auth-links { justify-content: center !important; gap: 8px 20px !important; } } /* v1.7.0 — final visual cleanup requested: longer institute name, no awkward frame/grid. */ .iais-home-auth .iais-auth-brand > .iais-auth-brand-name, .iais-auth-page:not(.iais-home-auth) .iais-auth-brand > .iais-auth-brand-name { max-width: calc(100% - 124px) !important; color: #73d0f2 !important; font-size: clamp(14px, 1.08vw, 17px) !important; line-height: 1.75 !important; font-weight: 900 !important; overflow-wrap: normal !important; word-break: normal !important; } .iais-home-auth .iais-auth-brand img, .iais-auth-page:not(.iais-home-auth) .iais-auth-brand img { width: 108px !important; height: 108px !important; flex: 0 0 108px !important; object-fit: contain !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } /* Remove the extra shadow/backdrop around the whole form area; keep only the white form card. */ .iais-home-auth .iais-auth-form-shell, .iais-auth-page:not(.iais-home-auth) .iais-auth-form-shell { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; padding: 0 !important; } /* The cyan strip on top of the login card looked like an accidental square/frame. */ .iais-home-auth .iais-auth-form-shell .iais-card:before, .iais-auth-page:not(.iais-home-auth) .iais-auth-form-shell .iais-card:before { content: none !important; display: none !important; } .iais-home-auth .iais-auth-form-shell .iais-card, .iais-auth-page:not(.iais-home-auth) .iais-auth-form-shell .iais-card { overflow: visible !important; border: 1px solid #dce6ee !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 14px 38px rgba(16,43,67,.09) !important; } /* Clean the light login side: remove the grid and oversized ring crossing behind the form. */ .iais-home-auth .iais-auth-main:before, .iais-home-auth .iais-auth-main:after, .iais-auth-page:not(.iais-home-auth) .iais-auth-main:before, .iais-auth-page:not(.iais-home-auth) .iais-auth-main:after { display: none !important; content: none !important; } .iais-home-auth .iais-auth-main, .iais-auth-page:not(.iais-home-auth) .iais-auth-main { background: linear-gradient(145deg, #f8fbfd 0%, #edf4f8 100%) !important; } .iais-home-auth .iais-auth-links, .iais-auth-page:not(.iais-home-auth) .iais-auth-links { margin-top: 14px !important; padding: 0 4px !important; } @media (max-height: 760px) and (min-width: 851px) { .iais-home-auth .iais-auth-brand img, .iais-auth-page:not(.iais-home-auth) .iais-auth-brand img { width: 96px !important; height: 96px !important; flex-basis: 96px !important; } .iais-home-auth .iais-auth-brand > .iais-auth-brand-name, .iais-auth-page:not(.iais-home-auth) .iais-auth-brand > .iais-auth-brand-name { max-width: calc(100% - 108px) !important; font-size: 13px !important; } } @media (max-width: 850px) { .iais-home-auth .iais-auth-brand img, .iais-auth-page:not(.iais-home-auth) .iais-auth-brand img { width: 72px !important; height: 72px !important; flex-basis: 72px !important; } .iais-home-auth .iais-auth-brand > .iais-auth-brand-name, .iais-auth-page:not(.iais-home-auth) .iais-auth-brand > .iais-auth-brand-name { max-width: calc(100% - 84px) !important; color: #102b43 !important; font-size: 14px !important; } } /* v1.7.1: enforce RTL candidate workspace and surface unread notification actions. */ .iais-panel-layout{direction:rtl!important;grid-template-columns:250px minmax(0,1fr)} .iais-panel-layout>.iais-sidebar{grid-column:1;direction:rtl;text-align:right;justify-self:stretch} .iais-panel-layout>.iais-panel-main{grid-column:2;direction:rtl;text-align:right;min-width:0} .iais-panel-layout .iais-content-area,.iais-panel-layout .iais-wrap{direction:rtl!important;text-align:right!important} .iais-panel-layout .iais-dashboard-head,.iais-panel-layout .iais-profile-heading,.iais-panel-layout .iais-page-heading{direction:rtl;text-align:right} .iais-sidebar a{direction:rtl;text-align:right;justify-content:flex-start} .iais-sidebar-link-label{flex:1;min-width:0} .iais-notification-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:relative;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:12px;font-weight:800;white-space:nowrap} .iais-notification-action:hover{background:#eaf4fb;color:var(--blue)} .iais-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#d83c46;color:#fff!important;font-size:10px;font-weight:900;line-height:1;box-shadow:0 0 0 2px #fff} .iais-sidebar .iais-notification-badge{margin-inline-start:auto} .iais-notification-action .iais-notification-badge{position:absolute;top:-6px;inset-inline-start:-6px} @media(max-width:900px){.iais-panel-layout{grid-template-columns:210px minmax(0,1fr)}} @media(max-width:680px){.iais-panel-layout{display:block;direction:rtl}.iais-panel-layout>.iais-sidebar,.iais-panel-layout>.iais-panel-main{grid-column:auto}.iais-sidebar{direction:rtl}.iais-notification-action{min-height:34px;padding:5px 8px}.iais-notification-action-label{display:none}.iais-panel-header .iais-header-actions{gap:6px}} /* v1.7.2: clearer email-first login and dashboard-compatible verification notice. */ .iais-notice.is-warning{background:#fff8e6;border-color:#f2d48a;color:#805b00} .iais-notice a{font-weight:800;text-decoration:underline}