:root{--navy:#071a38;--navy2:#0d2b5a;--blue:#2664c7;--green:#3bb5e3;--ink:#091634;--muted:#66728a;--line:#dfe6f2;--bg:#f5f7fb;--danger:#e33d3d}
*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-weight:700;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer;border:0}em{color:#f04438;font-style:normal}.site-footer{margin-top:auto;text-align:center;color:#667085;border-top:1px solid var(--line);padding:18px 24px 22px;font-size:14px;font-weight:500;display:grid;gap:4px}.toast,.studio-toast{position:fixed;top:22px;left:50%;z-index:80;transform:translate(-50%,-18px);opacity:0;padding:13px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(59,181,227,.62));border:1px solid rgba(255,255,255,.68);box-shadow:0 22px 60px rgba(7,26,56,.2);backdrop-filter:blur(18px);color:#3bb5e3;font-weight:650;text-align:center;transition:opacity .24s ease,transform .24s ease}.toast.show,.studio-toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,235,235,.68));color:#9f1d16;border-color:rgba(255,255,255,.68)}
.splash-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;background:#000;color:white;opacity:1;visibility:visible;overflow:hidden;transition:opacity .72s ease,visibility .72s ease;animation:splashFadeIn .58s ease both}.splash-screen:before{content:"";position:absolute;inset:-16%;background:radial-gradient(ellipse at 28% 30%,rgba(255,255,255,.18),rgba(255,255,255,.055) 22%,transparent 45%),radial-gradient(ellipse at 74% 68%,rgba(255,255,255,.14),rgba(255,255,255,.045) 24%,transparent 48%),radial-gradient(ellipse at 52% 50%,rgba(255,255,255,.12),rgba(255,255,255,.028) 28%,transparent 58%);filter:blur(24px);opacity:.78;pointer-events:none;animation:splashGlass 7s ease-in-out infinite}.splash-screen:after{content:"";position:absolute;inset:8%;border-radius:44% 56% 51% 49%/56% 42% 58% 44%;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 44%,rgba(255,255,255,.095));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -32px 70px rgba(255,255,255,.04),0 34px 110px rgba(255,255,255,.05),0 0 0 999px rgba(0,0,0,.22);backdrop-filter:blur(26px) saturate(145%);opacity:.72;pointer-events:none;animation:splashGlassPanel 6.5s ease-in-out infinite}.splash-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-panel{position:relative;z-index:1;display:grid;justify-items:center;gap:18px;text-align:center;transform:translateY(0);animation:splashRise .7s ease both}.splash-logo-ring{width:clamp(112px,22vw,188px);height:clamp(112px,22vw,188px);display:grid;place-items:center}.splash-logo-ring img{width:72%;height:72%;object-fit:contain}.splash-dots{display:flex;align-items:center;justify-content:center;gap:10px;height:24px;margin-top:4px}.splash-dots span{width:10px;height:10px;border-radius:50%;background:#3bb5e3;box-shadow:0 0 12px rgba(59,181,227,.9);animation:splashDot 1.05s ease-in-out infinite}.splash-dots span:nth-child(2){animation-delay:.14s}.splash-dots span:nth-child(3){animation-delay:.28s}.splash-panel p{display:grid;gap:5px;max-width:min(560px,88vw);margin:2px 0 0;color:#fff;font-family:Inter,Arial,sans-serif;letter-spacing:0;text-align:center;text-shadow:0 0 18px rgba(255,255,255,.2)}.splash-panel p span{font-size:clamp(16px,3vw,24px);font-weight:650;line-height:1.08}.splash-panel p strong{color:#d7dfeb;font-size:clamp(14px,2.5vw,20px);font-weight:650;line-height:1.25}@keyframes splashFadeIn{from{opacity:0}to{opacity:1}}@keyframes splashRise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashGlass{0%,100%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}50%{transform:translate3d(2%,-1%,0) scale(1.04) rotate(1deg)}}@keyframes splashGlassPanel{0%,100%{transform:scale(1) rotate(0deg);border-radius:44% 56% 51% 49%/56% 42% 58% 44%}50%{transform:scale(1.025) rotate(-1.2deg);border-radius:58% 42% 44% 56%/42% 58% 44% 56%}}@keyframes splashDot{0%,80%,100%{opacity:.45;transform:translateY(0) scale(.86)}40%{opacity:1;transform:translateY(-8px) scale(1.08)}}@media (prefers-reduced-motion:reduce){.splash-screen,.splash-screen:before,.splash-screen:after,.splash-panel,.splash-dots span{animation:none}.splash-screen{transition:opacity .28s ease,visibility .28s ease}}
.site-icon-img,.site-icon-svg{display:block;width:1em;height:1em;object-fit:contain}
.site-icon-svg{fill:currentColor;flex:0 0 auto}
.submit{display:inline-flex!important;align-items:center;justify-content:center;gap:10px}.submit .submit-icon{display:inline-grid;place-items:center;line-height:1}.submit .submit-icon .site-icon-img{width:22px;height:22px;filter:brightness(0) invert(1)}
.topbar{height:118px;background:#673f35;display:flex;align-items:center;padding:0 64px;gap:48px;color:white;box-shadow:0 10px 28px #071a3833}.brand,.admin-brand{display:flex;align-items:center;gap:18px}.brand img,.admin-brand img{width:120px}.brand span,.admin-brand span{display:grid;line-height:1.05}.brand b,.admin-brand b{font-size:23px}.brand strong,.admin-brand strong{font-size:23px;color:var(--green)}.brand small,.admin-brand small{font-size:18px;color:#c8d2e4}.topbar nav{display:flex;gap:82px;margin-left:auto}.topbar nav a{font-size:21px;position:relative;padding:40px 0}.topbar nav a.active:after{content:"";height:6px;background:var(--green);border-radius:6px;position:absolute;left:0;right:0;bottom:18px}.top-actions{display:flex;gap:26px;align-items:center}.lang-switch,.glass-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 42px rgba(59,181,227,.1);backdrop-filter:blur(16px);border-radius:34px}.lang-switch{display:flex;padding:5px}.lang-switch a{padding:13px 18px;color:#c5cfdf}.lang-switch a.on{background:white;color:var(--ink);border-radius:28px}.glass-btn{color:white;padding:16px 26px;font-size:20px;background:linear-gradient(110deg,rgba(255,255,255,.18),rgba(59,181,227,.55))}
.public-shell{padding:30px 36px 70px;display:grid;gap:24px}.home-shell{grid-template-columns:490px 1fr}.hero-card,.form-panel,.social-panel,.status-card,.search-card,.help-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 44px #071a3810}.hero-card{background:#673f35;color:white;padding:56px 34px}.hero-card img{display:block;width:220px;margin:0 auto 55px}.hero-card h1{font-size:31px;margin:0}.green-line{width:72px;height:6px;background:var(--green);border-radius:8px;margin:16px 0 22px}.hero-card p{font-size:19px;line-height:1.4}.hero-card ul{border-top:1px solid #ffffff24;margin-top:30px;padding:24px 0 0;list-style:none}.hero-card li{margin:14px 0}.hero-card li span{display:block;color:#d7dfeb;margin-top:4px}
.form-panel{padding:28px 36px}.form-grid{display:grid;grid-template-columns:1fr 1fr 430px;gap:30px}.field label{display:block;margin-bottom:12px;font-size:20px}.input-icon{display:grid;grid-template-columns:54px 1fr;gap:14px}.input-icon span,.file-line span{height:54px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#f8fafc;font-size:30px;color:#000}.input-icon input,.field select,.details-fields input,.details-fields select,.filters input,.filters select{height:54px;border:1px solid var(--line);border-radius:8px;padding:0 20px;min-width:0;color:var(--ink);background:white}.wide{grid-column:span 2}.upload .file-line{min-height:92px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:72px 1fr 120px;align-items:center;padding:16px;position:relative}.file-line input,.dark-file input{position:absolute;inset:0;opacity:0}.file-line b{font-size:20px}.file-line small{grid-column:2;color:var(--muted)}.yellow{color:#f3cf2d!important}.red{font-size:13px!important;color:white!important;background:#dd3d3d!important}.photo-box{grid-row:span 3;border:1px solid var(--line);border-radius:8px;padding:22px;text-align:center}.avatar-preview{width:170px;height:170px;margin:10px auto;border:3px dashed #d9e1ef;border-radius:50%;background:#eff3f8;display:grid;place-items:center;overflow:hidden}.avatar-preview img,.avatar img{width:100%;height:100%;object-fit:cover}.dark-file,.primary,.submit{background:var(--navy);color:white;border-radius:7px;padding:15px 24px;display:inline-block;position:relative}.outline{border:1px solid #b8c3d4;background:white;color:var(--ink);border-radius:7px;padding:12px 22px}.roles{grid-column:3}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.role-grid button{min-height:106px;background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:19px}.role-grid span{color:#2d74da;font-size:28px}.submit{grid-column:1/-1;font-size:25px}
.modal-backdrop{position:fixed;inset:0;background:rgba(24,34,52,.56);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:40}.modal-backdrop[hidden]{display:none}.glass-modal{width:min(560px,92vw);padding:38px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(59,181,227,.48));border:1px solid rgba(255,255,255,.3);border-radius:22px;color:white;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative}.glass-modal h2{font-size:36px;margin:0 0 26px}.glass-modal input{width:100%;height:56px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);color:white;padding:0 18px}.modal-x{border-radius:50%;width:46px;height:46px;background:rgba(255,255,255,.18);color:inherit;font-size:30px}.password-row{display:grid;grid-template-columns:1fr 54px}.password-row button{border-radius:8px}.check{display:flex!important;gap:12px;align-items:center}.check input{width:22px!important;height:22px!important}
body.modal-lock{overflow:hidden;overscroll-behavior:none}
.stack{display:grid}.search-card{display:grid;grid-template-columns:1fr 1fr 360px;gap:44px;padding:44px 50px;align-items:end}.green{background:#3bb5e3;color:white;border-radius:7px;padding:17px 28px}.status-card{padding:44px 54px}.progress{display:grid;grid-template-columns:1fr 1fr 1fr;margin:40px auto;max-width:1100px;position:relative}.progress:before{content:"";position:absolute;left:16%;right:16%;top:58px;height:5px;background:#aeb5c0}.progress-step{text-align:center;position:relative;z-index:1}.progress-step strong{display:block;font-size:22px;margin-bottom:28px}.progress-step span{display:block;width:54px;height:54px;margin:0 auto 22px;border-radius:50%;border:8px solid #c7ccd5;background:#9aa1ae}.progress-step.done span{background:#3bb5e3;border-color:#bde7f6}.progress-step small{font-size:20px;color:#5d6678}.notice{border:1px solid #bde7f6;background:#eef9fd;border-radius:8px;padding:26px 34px;color:#3bb5e3}.notice span{display:block;color:#1a2238;margin-top:10px}.social-panel{padding:36px}.social-panel h1,.status-card h1,.about-grid h1{font-size:42px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.social-card{border:1px solid var(--line);border-radius:8px;min-height:210px;display:grid;place-items:center;padding:22px}.social-card span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:white;font-size:34px}.social-card b{font-size:23px}.social-card small{color:var(--muted);font-size:18px}.social-card em{font-style:normal;border:1px solid #aeb9ca;border-radius:7px;padding:10px 28px}.about-grid{grid-template-columns:1fr 500px;gap:44px;padding-top:44px}.about-grid h2{font-size:30px}.faq{background:white;border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:22px}.faq summary{display:flex;gap:26px;align-items:center;font-size:20px}.faq summary span,.help-card>span{background:#eef2f8;border-radius:50%;width:58px;height:58px;display:grid;place-items:center}.faq p{margin-left:84px;color:#4d5a70}.help-card{padding:44px;margin-top:180px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:365px 1fr}.sidebar{background:linear-gradient(180deg,#163a70,#06172f);color:white;padding:38px 18px;display:flex;flex-direction:column}.admin-brand{padding:0 18px 36px;border-bottom:1px solid #ffffff20}.admin-brand img{width:126px}.admin-brand b,.admin-brand strong{font-size:24px}.sidebar nav{display:grid;gap:18px;margin-top:36px}.sidebar nav a,.logout-link{padding:22px 22px;border-radius:8px;font-size:22px;background:transparent;color:white;text-align:left}.sidebar nav a.active{background:#2d5ba6}.logout-link{margin-top:auto}.admin-main{min-width:0}.admin-head{height:96px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px}.admin-head div{display:grid}.admin-head b{font-size:22px}.admin-head small{color:var(--muted)}.admin-content{padding:44px}.admin-content h1{font-size:39px;margin:0 0 8px}.title-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.blue{background:#2c63c6;color:white;border-radius:7px;padding:17px 28px}.admin-card{padding:28px;margin-top:24px}.filters{display:grid;grid-template-columns:1fr 286px 154px;gap:20px;margin-bottom:28px}.filters label{display:grid;gap:10px;grid-column:span 2}table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{padding:24px;border-bottom:1px solid #edf1f7;text-align:center;font-size:20px}th{background:#fafbfd}.avatar{width:66px;height:66px;margin:auto;border-radius:50%;background:#dce6f2;border:2px dashed #b9c4d2;display:grid;place-items:center;color:#3bb5e3;font-size:30px;overflow:hidden}.badge,.role{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:#eef5ff;color:#2563c7}.badge.registered{background:#fff6df;color:#c19025}.badge.validated,.badge.printed{background:#eef9fd;color:#3bb5e3}.badge.deleted,.badge.not_printed{background:#ffecec;color:#d73636}td form{display:inline}.ok{background:#fff;color:#3bb5e3;border:1px solid #bde7f6;border-radius:7px;padding:12px 18px}.danger{background:#fff2f2;color:#cf3d3d;border:1px solid #efb5b5;border-radius:7px;padding:12px 18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}.stats button{background:white;border:1px solid var(--line);border-radius:8px;padding:28px;text-align:left;display:grid;grid-template-columns:74px 1fr;gap:10px}.stats span{grid-row:span 2;background:#eef9fd;color:#3bb5e3;border-radius:12px;display:grid;place-items:center;font-size:34px}.stats b{color:#4d5a70}.stats strong{font-size:42px;color:#2c63c6}.hidden-stats{display:none}
.details-modal{width:min(1500px,92vw);max-height:90vh;overflow:auto;background:white;border-radius:8px;padding:30px;display:grid;grid-template-columns:330px 1fr;gap:30px;position:relative}.details-modal h2{grid-column:1/-1;font-size:32px}.details-modal aside{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:24px;text-align:center}.photo-square{width:190px;height:190px;margin:auto;border-radius:8px;background:#e9eef6;overflow:hidden}.photo-square img{width:100%;height:100%;object-fit:cover}.public-id{display:block;color:#2c63c6;font-size:22px;margin:22px}.qr-img{width:205px}.details-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.details-fields label{display:grid;gap:10px}.details-fields .wide{grid-column:1/-1}.details-modal footer{grid-column:2;justify-self:end}.upload-modal{width:840px;background:white;border-radius:8px;padding:36px;position:relative}.upload-modal h2{font-size:36px}.upload-modal ul{display:grid;grid-template-columns:1fr 1fr;background:#fafbfd;border:1px solid var(--line);border-radius:8px;padding:24px 54px;font-size:20px}.upload-modal input{border:1px solid var(--line);height:54px;padding:12px}.card-designer form{display:grid;gap:24px}.dimension-grid,.template-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.card-preview{width:min(720px,100%);background:#e9eef6;border:1px solid var(--line);position:relative;overflow:hidden}.card-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-preview [data-drag]{position:absolute;background:rgba(255,255,255,.86);border:1px solid #99a6ba;border-radius:999px;padding:8px 12px;touch-action:none}.admin-create fieldset{border:1px solid rgba(255,255,255,.35);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.camera{width:100%;border-radius:8px;margin-top:12px}
@media (max-width:1100px){.topbar{height:auto;flex-wrap:wrap;padding:24px}.topbar nav{order:3;width:100%;gap:24px}.home-shell,.about-grid,.admin-shell{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide,.roles{grid-column:1}.photo-box{grid-row:auto}.social-grid,.stats{grid-template-columns:1fr 1fr}.sidebar{position:relative}.filters,.search-card{grid-template-columns:1fr}.details-modal{grid-template-columns:1fr}}

/* Compact refinement */
body{font-size:14px;font-weight:400;line-height:1.35}b,strong,h1,h2,h3,th,.brand strong,.admin-brand strong{font-weight:650}button,input,select,label,td,th{font-size:14px}.topbar{height:88px;padding:0 42px;gap:34px}.brand img,.admin-brand img{width:92px}.brand b,.brand strong,.admin-brand b,.admin-brand strong{font-size:17px}.brand small,.admin-brand small{font-size:14px}.topbar nav{gap:48px}.topbar nav a{font-size:16px;padding:31px 0}.topbar nav a.active:after{height:4px;bottom:14px}.lang-switch a{padding:9px 13px}.glass-btn{padding:11px 18px;font-size:15px}.public-shell{padding:22px 28px 46px;gap:18px}.home-shell{grid-template-columns:330px minmax(0,1fr)}.hero-card{padding:28px 24px}.hero-card img{width:135px;margin:0 auto 26px}.hero-card h1{font-size:24px}.green-line{width:58px;height:4px;margin:10px 0 16px}.hero-card p{font-size:14px}.hero-card ul{margin-top:20px;padding-top:18px}.hero-card li{margin:10px 0}.form-panel{padding:22px}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px;gap:18px}.field label{font-size:15px;margin-bottom:8px}.input-icon{grid-template-columns:44px 1fr;gap:10px}.input-icon span,.file-line span{height:44px;font-size:22px}.input-icon input,.field select,.details-fields input,.details-fields select,.filters input,.filters select{height:44px;padding:0 14px}.upload .file-line{min-height:70px;grid-template-columns:52px 1fr 96px;padding:10px}.file-line b{font-size:14px}.photo-box{padding:16px}.photo-box h3{font-size:17px;margin:0 0 8px}.avatar-preview{width:118px;height:118px}.dark-file,.primary,.submit,.outline,.green,.blue{padding:10px 16px;font-size:14px}.roles{grid-column:3}.role-grid{gap:10px;margin-top:14px}.role-grid button{min-height:70px;font-size:13px;padding:8px}.role-grid span{font-size:20px}.submit{font-size:18px;padding:12px}.camera{max-height:160px;object-fit:cover}
.admin-shell{grid-template-columns:260px 1fr}.sidebar{padding:24px 12px}.admin-brand{padding:0 12px 24px}.admin-brand img{width:88px}.sidebar nav{gap:10px;margin-top:22px}.sidebar nav a,.logout-link{font-size:15px;padding:14px 16px}.admin-head{height:72px;padding:0 28px}.admin-head b{font-size:16px}.admin-content{padding:28px}.admin-content h1{font-size:28px}.title-row{gap:12px}.title-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-card{padding:18px;margin-top:18px}.filters{grid-template-columns:minmax(260px,1fr) 220px 120px;gap:12px;margin-bottom:18px}.table-wrap{overflow-x:auto}table{min-width:980px}th,td{padding:13px 12px;font-size:14px;vertical-align:middle}.avatar{width:48px;height:48px;font-size:22px}.badge,.role{padding:7px 10px;font-size:13px;white-space:nowrap}.action-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.action-row form{display:inline-flex}.view-btn,.ok,.danger,.wide-btn{border-radius:7px;padding:9px 12px;background:#fff;border:1px solid #cdd8e8;color:#1f5fbf;white-space:nowrap}.ok{color:#3bb5e3;border-color:#bde7f6}.danger{color:#c43737;border-color:#efb5b5;background:#fff6f6}.wide-btn{min-width:112px}.stats{gap:16px}.stats button{padding:18px;grid-template-columns:52px 1fr}.stats span{font-size:24px}.stats strong{font-size:30px}
.admin-shell{display:block}.sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;height:100vh;overflow-y:auto;z-index:20}.admin-main{margin-left:260px;min-height:100vh}[dir="rtl"] .sidebar{left:auto;right:0}[dir="rtl"] .admin-main{margin-left:0;margin-right:260px}
.admin-mobile-head{display:block}.admin-menu-toggle{display:none}
.details-modal{width:min(1180px,94vw);padding:22px;grid-template-columns:250px 1fr;gap:20px}.details-modal h2{font-size:24px;margin:0}.details-modal aside{padding:16px}.photo-square{width:145px;height:145px}.public-id{font-size:17px;margin:14px}.qr-img{width:150px}.details-fields{grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.details-modal footer{display:flex;gap:10px}.upload-modal{width:min(690px,92vw);padding:26px}.upload-modal h2{font-size:26px}.upload-modal ul{font-size:14px;padding:18px 38px}.glass-modal{padding:28px}.glass-modal h2{font-size:26px}.modal-actions{display:flex;justify-content:center;gap:14px;margin-top:18px}
.card-designer{max-width:980px}.dimension-grid,.template-actions{gap:12px}.dimension-grid input,.dimension-grid select{height:42px;border:1px solid var(--line);border-radius:7px;padding:0 12px}.replace-file{position:relative;overflow:hidden}.replace-file input{position:absolute;inset:0;opacity:0}.card-preview{width:min(620px,100%);min-height:300px}.empty-template{position:absolute;inset:0;display:grid;place-items:center;color:#66728a;font-weight:500}.card-preview [data-drag]{font-size:13px;padding:6px 10px}
.print-page{max-width:none}.print-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between}.print-card-shell{width:calc(var(--design-width) * 1px);height:calc(var(--design-height) * 1px);margin-top:18px;overflow:auto}.print-card-canvas{position:relative;width:calc(var(--design-width) * 1px);height:calc(var(--design-height) * 1px);background:#fff;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 48px rgba(7,26,56,.12);transform-origin:top left}.print-card-template{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:fill;border:0;pointer-events:none}.print-card-el{position:absolute;z-index:2;min-width:54px;padding:3px 6px;box-sizing:border-box;line-height:1.2;white-space:normal}.print-card-el-photo{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:transparent;line-height:0;padding:0!important}.print-card-el-qr{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.75);padding:0!important}.print-card-el-photo img,.print-card-el-qr img{width:100%;height:100%;object-fit:cover;display:block}.print-card-el-qr img{object-fit:contain}
@media print{@page{margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.splash-screen,.sidebar,.admin-head,.print-toolbar,.sf-toolbar{display:none!important}.admin-shell,.admin-main,.admin-content,.print-page{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.admin-card{box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.print-card-shell{display:block!important;width:calc(var(--design-width) * 1px)!important;height:calc(var(--design-height) * 1px)!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;page-break-inside:avoid!important;break-inside:avoid!important}.print-card-canvas{position:relative!important;width:100%!important;height:100%!important;box-shadow:none!important;border:0!important;margin:0!important;overflow:hidden!important;transform:none!important}.print-card-template{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;border:0!important}.print-card-el{position:absolute!important;z-index:2!important}}
@media (max-width:1100px){.home-shell{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.photo-box,.roles{grid-column:span 2}.admin-shell{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.details-modal{grid-template-columns:1fr}.print-body{grid-template-columns:1fr}}
@media (max-width:720px){.form-grid,.social-grid,.stats{grid-template-columns:1fr}.photo-box,.roles,.wide{grid-column:1}.topbar nav{gap:18px}.sidebar nav{grid-template-columns:1fr}.title-row{align-items:flex-start;flex-direction:column}}

/* Public layout refinements */
.topbar{position:relative}.topbar .brand{flex:1;min-width:280px}.topbar nav{position:absolute;left:50%;transform:translateX(-50%);margin-left:0;gap:44px;justify-content:center}.top-actions{flex:1;justify-content:flex-end}
.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 300px;align-items:start}.registration-kind{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.registration-kind-card{min-height:54px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.registration-kind-card input{position:absolute;opacity:0;pointer-events:none}.registration-kind-card b{display:block;color:var(--ink);font-size:15px;line-height:1.15}.registration-kind-card small{display:block;margin-top:2px;color:var(--muted);line-height:1.2;font-size:12px}.registration-kind-icon{width:42px;height:42px;border-radius:8px;background:#f8fafc;border:1px solid var(--line);display:grid;place-items:center;font-size:22px}.registration-kind-card.is-selected{border-color:#2c63c6;background:#f8fbff;box-shadow:0 0 0 3px rgba(44,99,198,.12)}.registration-kind-card.is-selected .registration-kind-icon{border-color:#bdd8ff;background:#eaf3ff}.identity-panel{grid-column:3;grid-row:2 / span 5;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;gap:16px;padding:16px}.identity-panel .photo-box{border:0;border-radius:0;padding:0}.identity-panel .roles{grid-column:auto}.identity-panel select{width:100%;margin-bottom:12px}.photo-box h3 em{color:#d73636;font-style:normal}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-actions .dark-file,.photo-actions .outline{display:grid;place-items:center;width:100%;min-height:42px;padding:9px 10px;white-space:nowrap}.capture-btn{width:100%;margin-top:10px;white-space:nowrap}
.upload .file-line{grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.file-line div{min-width:0}.file-line small{display:block;grid-column:auto;margin-top:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{display:flex;align-items:center;gap:8px}.browse-file{height:40px;min-width:104px;border:1px solid #b8c3d4;border-radius:7px;background:#fff;color:#12213b;display:grid;place-items:center;position:relative;overflow:hidden;padding:0 14px}.browse-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-clear{width:34px;height:34px;border-radius:50%;background:#ffecec;color:#cf3d3d;border:1px solid #efb5b5;font-size:20px;line-height:1}
.notice{display:flex;align-items:flex-start;gap:14px}.notice i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;flex:0 0 auto}.notice-ok{border-color:#bde7f6;background:#eef9fd;color:#3bb5e3}.notice-ok i{background:#3bb5e3}.notice-error{border-color:#efb5b5;background:#fff2f2;color:#cf3d3d}.notice-error i{background:#cf3d3d}.notice div{min-width:0}.notice b{display:block}
.social-panel{padding:24px 28px}.social-panel h1{font-size:30px;margin:0}.social-panel p{margin:0 0 16px;color:#4d5a70}.social-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.social-card{min-height:142px;padding:14px;gap:6px}.social-card span{width:48px;height:48px;font-size:22px}.social-card b{font-size:17px}.social-card small{font-size:13px}.social-card em{padding:7px 14px;font-size:13px}
@media (max-width:1250px){.topbar nav{position:static;transform:none;order:3;width:100%;flex:1 0 100%}.top-actions{flex:0 1 auto}.form-grid{grid-template-columns:1fr 1fr}.registration-kind{grid-column:1/-1}.identity-panel{grid-column:1/-1;grid-row:auto;grid-template-columns:280px 1fr}.identity-panel .photo-box{border-bottom:0;padding:0}.identity-panel .roles{align-self:start}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.topbar .brand{min-width:0}.topbar nav{justify-content:flex-start;overflow-x:auto}.form-grid{grid-template-columns:1fr}.registration-kind{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.registration-kind-card{min-height:74px;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px}.registration-kind-card b{font-size:13px;line-height:1.15}.registration-kind-card small{display:none}.registration-kind-icon{width:34px;height:34px;font-size:18px}.identity-panel{grid-column:1;grid-template-columns:1fr}.identity-panel .photo-box{border-left:0;border-bottom:0;padding:0}.upload .file-line{grid-template-columns:44px 1fr}.file-actions{grid-column:1/-1;justify-content:flex-end}.social-grid{grid-template-columns:1fr}.social-card{min-height:118px}}

.upload .file-line{grid-template-columns:52px minmax(180px,1fr) minmax(150px,220px);padding:14px 16px}.file-actions{height:100%;justify-content:center;align-items:center;align-self:center}.browse-file{width:100%;height:46px;margin:0;border-radius:10px;background:linear-gradient(180deg,#fff,#f5f8fd);font-weight:650;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(7,26,56,.08)}
.file-line[data-file-drop]{cursor:pointer}.file-line.has-file{border-color:#9bbdf2;background:#fbfdff}.file-line.has-file small{color:#1f5fbf;font-weight:650}
.registration-document-field .file-line:has(.influencer-link-fields:not([hidden])){grid-template-columns:52px minmax(0,1fr);cursor:default}
.registration-document-field .file-line.is-influencer-document .file-actions{display:none!important}
.document-label{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}
.document-label>span{display:inline-flex;align-items:baseline}
.form-download-link{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 8px;border:1px solid #b8c3d4;border-radius:7px;background:#fff;color:#12213b;font-size:12px;font-weight:650;text-decoration:none;line-height:1}
.form-download-link[hidden]{display:none!important}
.form-download-link:hover{border-color:#2c63c6;color:#1f5fbf;background:#f8fbff}
.form-download-link{border-color:#cf2f2f;background:#e33d3d;color:#fff;box-shadow:0 8px 18px rgba(227,61,61,.22)}
.form-download-link:hover{border-color:#b92525;background:#c92f2f;color:#fff}
.influencer-link-fields{display:grid;grid-template-columns:minmax(140px,220px) minmax(220px,1fr);gap:12px;align-items:end}
.influencer-link-fields[hidden]{display:none}
.influencer-link-fields label{display:grid;gap:5px;margin:0;font-size:14px;color:var(--ink);font-weight:650}
.influencer-link-fields select,.influencer-link-fields input{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 12px;min-width:0;font-size:14px;font-weight:650}
.influencer-link-fields input{position:static!important;inset:auto!important;opacity:1!important;direction:inherit;text-align:inherit}
.influencer-link-fields input[name="influencerUrl"]{border-color:var(--line);background:#fff;padding-inline:12px}
.file-line.field-error .influencer-link-fields select,.file-line.field-error .influencer-link-fields input{border-color:#d73636!important}
.upload .file-clear{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border-radius:50%;line-height:1;font-size:20px;text-align:center}.upload .file-clear[hidden]{display:none}
@media (min-width:721px){.upload .browse-file{transform:translateY(5px)}}
.tracking-search{grid-template-columns:1fr 1fr 1fr 190px;gap:18px;padding:28px}.tracking-search .green{height:44px;align-self:end}.tracking-result{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid #bde7f6;background:#eef9fd;border-radius:8px;padding:16px 20px;margin:-10px 0 18px}.tracking-result b{font-size:18px}.tracking-result span{background:#eaf3ff;color:#1f5fbf;border-radius:999px;padding:8px 12px}.tracking-result small{color:#3bb5e3;font-weight:650}
@media (max-width:1100px){.tracking-search{grid-template-columns:1fr 1fr}.tracking-search .green{grid-column:1/-1}.tracking-result{grid-template-columns:1fr}}
@media (max-width:720px){.upload .file-line{grid-template-columns:44px 1fr}.file-actions{grid-column:1/-1}.tracking-search{grid-template-columns:1fr}}
@media (max-width:720px){.upload .file-actions{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:8px;width:100%;height:auto}.upload .browse-file{width:min(280px,100%);height:46px;margin:0;transform:none}.upload .file-line.has-file .file-actions{grid-template-columns:minmax(0,1fr) 34px;justify-items:stretch}.upload .file-line.has-file .browse-file{width:100%;height:42px}.upload .file-clear{align-self:center;justify-self:center}}

/* Premium tracking page */
.tracking-search{grid-template-columns:minmax(320px,2fr) minmax(210px,1fr) 190px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,252,255,.72));border-color:rgba(223,230,242,.86);box-shadow:0 22px 60px rgba(7,26,56,.1),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(16px);align-items:end}.tracking-query{min-width:0}.tracking-search .input-icon input{box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.tracking-search .input-icon:focus-within input{border-color:rgba(59,181,227,.55);box-shadow:0 0 0 4px rgba(59,181,227,.12);background:#fff}.tracking-search .green{height:44px;border-radius:16px;background:linear-gradient(135deg,#3bb5e3,#3bb5e3);box-shadow:0 14px 28px rgba(59,181,227,.22),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.tracking-search .green:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(59,181,227,.3),inset 0 1px 0 rgba(255,255,255,.34);filter:saturate(1.08)}.tracking-search .green[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;line-height:1;color:#fff;white-space:nowrap}.tracking-search-button-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:#fff;font-size:18px;line-height:1}.tracking-search-button-icon .site-icon-img{filter:brightness(0) invert(1)}
.status-card{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,252,255,.76));border-color:rgba(223,230,242,.86);box-shadow:0 22px 60px rgba(7,26,56,.1),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(18px)}.status-card h1{letter-spacing:0;color:#071a38}.progress{--dot:54px;--line:6px;--active:0%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:42px auto 38px;max-width:1100px;position:relative}.progress:before,.progress:after{content:"";position:absolute;left:calc(100% / 6);right:calc(100% / 6);top:80px;height:var(--line);border-radius:999px;transform:translateY(-50%);z-index:0}.progress:before{background:#d6dde8;box-shadow:inset 0 1px 2px rgba(7,26,56,.08)}.progress:after{right:auto;width:calc((100% - (100% / 3)) * var(--active));background:linear-gradient(90deg,#3bb5e3,#3bb5e3);box-shadow:0 0 18px rgba(59,181,227,.28);transition:width .55s cubic-bezier(.2,.8,.2,1)}.progress-step-1{--active:0}.progress-step-2{--active:.5}.progress-step-3{--active:1}.progress-step{text-align:center;position:relative;z-index:1;display:grid;justify-items:center}.progress-step strong{display:block;min-height:38px;margin:0 0 15px;font-size:18px;color:#071a38;transition:color .35s ease}.progress-step span{display:block;width:var(--dot);height:var(--dot);margin:0 auto 18px;border-radius:50%;border:7px solid #d7dde7;background:#9ba5b4;box-shadow:0 8px 22px rgba(7,26,56,.12),inset 0 1px 0 rgba(255,255,255,.56);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease}.progress-step.done span{background:#3bb5e3;border-color:#bde7f6;box-shadow:0 0 0 7px rgba(59,181,227,.13),0 0 26px rgba(59,181,227,.42),0 14px 30px rgba(59,181,227,.22);transform:scale(1.03)}.progress-step.done strong,.progress-step.done small,.progress-step.current strong,.progress-step.current small{color:#3bb5e3}.progress-step.current span{box-shadow:0 0 0 8px rgba(59,181,227,.16),0 0 34px rgba(59,181,227,.55),0 16px 34px rgba(59,181,227,.25);animation:trackingPulse 1.8s ease-in-out infinite}.progress-step small{font-size:16px;color:#5d6678;font-weight:650;transition:color .35s ease}.tracking-result{border-color:rgba(59,181,227,.9);background:linear-gradient(135deg,rgba(59,181,227,.92),rgba(59,181,227,.72));border-radius:16px;box-shadow:0 14px 34px rgba(7,26,56,.07),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(12px)}.tracking-result span{background:#eaf3ff;color:#1f5fbf;border-radius:999px}.notice{border-radius:16px;box-shadow:0 12px 30px rgba(7,26,56,.06),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(10px)}.notice b{font-size:17px}.notice span{font-weight:500;line-height:1.55}@keyframes trackingPulse{0%,100%{transform:scale(1.03)}50%{transform:scale(1.08)}}
[dir="rtl"] .tracking-search .input-icon input{text-align:right}[dir="rtl"] .progress:after{left:auto;right:calc(100% / 6);background:linear-gradient(270deg,#3bb5e3,#3bb5e3)}[dir="rtl"] .tracking-result{text-align:right}
@media (max-width:1100px){.tracking-search{grid-template-columns:1fr 1fr}.tracking-search .tracking-query{grid-column:1/-1}.tracking-search .green{grid-column:1/-1}}
@media (max-width:1100px){.admin-shell{display:grid;grid-template-columns:1fr}.sidebar{position:sticky;top:0;left:auto;right:auto;width:auto;height:auto;min-height:0;overflow:visible;z-index:30;padding:12px 14px}.admin-main,[dir="rtl"] .admin-main{margin-left:0;margin-right:0}.admin-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-brand{flex:1;min-width:0;padding:0;border-bottom:0}.admin-brand img{width:68px}.admin-brand span{min-width:0}.admin-brand b,.admin-brand strong{font-size:15px}.admin-brand small{font-size:12px}.admin-menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;flex:0 0 auto;width:38px;height:38px;border-radius:7px;background:rgba(255,255,255,.14);color:white;border:1px solid rgba(255,255,255,.24);line-height:1}.admin-menu-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:white;transform-origin:center;transition:transform .2s ease,opacity .2s ease}.sidebar.is-menu-open .admin-menu-toggle{gap:0}.sidebar.is-menu-open .admin-menu-toggle span:nth-child(1){transform:translateY(2px) rotate(45deg)}.sidebar.is-menu-open .admin-menu-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar.is-menu-open .admin-menu-toggle span:nth-child(3){transform:translateY(-2px) rotate(-45deg)}.sidebar nav.admin-menu{display:none;grid-template-columns:1fr;gap:8px;margin-top:12px}.sidebar.is-menu-open nav.admin-menu{display:grid}.sidebar .logout-link{display:none;width:100%;margin-top:8px}.sidebar.is-menu-open .logout-link{display:flex}.sidebar nav a,.logout-link{text-align:left}}
@media (max-width:720px){.tracking-search{grid-template-columns:1fr;padding:20px}.status-card{padding:28px 20px}.progress{grid-template-columns:1fr;gap:28px;margin:30px 0;--active:0}.progress:before,.progress:after{left:50%;right:auto;top:30px;bottom:30px;width:6px;height:auto;transform:translateX(-50%)}.progress:after{height:calc((100% - 60px) * var(--active));background:linear-gradient(180deg,#3bb5e3,#3bb5e3);transition:height .55s cubic-bezier(.2,.8,.2,1)}.progress-step-2{--active:.5}.progress-step-3{--active:1}.progress-step{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);grid-template-areas:"ar dot fr";column-gap:12px;text-align:initial;justify-items:stretch;align-items:center}.progress-step strong{grid-area:auto;min-height:0;margin:0;font-size:15px}.progress-step span{grid-area:dot;margin:0;justify-self:center}.progress-step small{grid-area:auto;font-size:13px}.progress-label{min-width:0;line-height:1.35;overflow-wrap:anywhere}.progress-label-ar{grid-area:ar;text-align:left}.progress-label-fr{grid-area:fr;text-align:left}.tracking-result{grid-template-columns:1fr;gap:10px}[dir="rtl"] .progress:before,[dir="rtl"] .progress:after{right:auto;left:50%;transform:translateX(-50%)}[dir="rtl"] .progress-step{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);grid-template-areas:"ar dot fr";justify-items:stretch}.progress-step .progress-label-ar{direction:rtl}.progress-step .progress-label-fr{direction:ltr}}
.progress.progress-step-0:after,.progress.progress-step-1:after{width:0}.progress.progress-step-2:after{width:calc((100% - (100% / 3)) / 2)}.progress.progress-step-3:after{width:calc(100% - (100% / 3))}
@media (max-width:720px){.progress.progress-step-0:after,.progress.progress-step-1:after{height:0;width:6px}.progress.progress-step-2:after{height:calc((100% - 60px) / 2);width:6px}.progress.progress-step-3:after{height:calc(100% - 60px);width:6px}}
.tracking-search{grid-template-columns:minmax(260px,1fr) minmax(180px,.7fr) 170px;gap:16px;padding:24px}.tracking-query{grid-column:auto}.tracking-search label{font-weight:650}.tracking-search input::placeholder{color:#7b8798}.progress-step-1 .progress-step:first-child span,.progress-step-2 .progress-step:nth-child(-n+2) span,.progress-step-3 .progress-step span{background:#3bb5e3;border-color:#bde7f6;box-shadow:0 0 0 7px rgba(59,181,227,.13),0 0 26px rgba(59,181,227,.42),0 14px 30px rgba(59,181,227,.22)}.progress-step-1 .progress-step:first-child strong,.progress-step-1 .progress-step:first-child small,.progress-step-2 .progress-step:nth-child(-n+2) strong,.progress-step-2 .progress-step:nth-child(-n+2) small,.progress-step-3 .progress-step strong,.progress-step-3 .progress-step small{color:#3bb5e3}
@media (max-width:1100px){.tracking-search{grid-template-columns:1fr 1fr}.tracking-search .green{grid-column:1/-1}}
@media (max-width:720px){.tracking-search{grid-template-columns:1fr}.tracking-query{grid-column:auto}}

/* Cinematic polish */
.input-icon span,.file-line>span,.role-grid span,.social-card span,.stats span,.sidebar nav a,.glass-btn .ico,.avatar-preview span{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .35s ease}.input-icon span:after,.file-line>span:after,.role-grid span:after,.social-card span:after,.stats span:after,.avatar-preview span:after{content:"";position:absolute;inset:-45%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.8),transparent 65%);transform:translateX(-120%) rotate(12deg);transition:transform .65s ease}.input-icon:focus-within span,.file-line:hover>span,.role-grid button:hover span,.social-card:hover span,.stats button:hover span,.sidebar nav a:hover,.glass-btn:hover .ico,.avatar-preview:hover span{transform:translateY(-2px) scale(1.06);filter:saturate(1.2);box-shadow:0 14px 30px rgba(38,100,199,.2)}.input-icon:focus-within span:after,.file-line:hover>span:after,.role-grid button:hover span:after,.social-card:hover span:after,.stats button:hover span:after,.avatar-preview:hover span:after{transform:translateX(120%) rotate(12deg)}.browse-file{justify-content:center;align-content:center;text-align:center;line-height:1}.browse-file:hover{background:#f8fbff;border-color:#2c63c6;color:#1f5fbf;box-shadow:0 10px 24px rgba(38,100,199,.14)}
.role-journaliste,.role-journaliste-professionnel{background:#eaf3ff;color:#1f5fbf}.role-photographe-accredite{background:#fff3df;color:#bd6b00}.role-reporter-accredite{background:#eef9fd;color:#3bb5e3}.role-photojournaliste-de-presse{background:#f4edff;color:#6f42c1}.icon-only{width:40px;height:40px;padding:0!important;display:inline-grid;place-items:center;font-size:18px}.action-row .icon-only{border-radius:50%}
.role-grid button:nth-child(1){background:#eaf3ff;border-color:#bdd8ff}.role-grid button:nth-child(2){background:#fff3df;border-color:#ffd79b}.role-grid button:nth-child(3){background:#eef9fd;border-color:#bde7f6}.role-grid button:nth-child(4){background:#f4edff;border-color:#d8c4ff}
.crop-modal-backdrop{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(7,18,38,.46);backdrop-filter:blur(14px);padding:20px}.crop-modal{width:min(560px,94vw);border:1px solid rgba(255,255,255,.52);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(220,242,255,.18));box-shadow:0 34px 90px rgba(5,16,34,.36),inset 0 1px 0 rgba(255,255,255,.74);backdrop-filter:blur(28px) saturate(1.25);padding:28px;color:white;position:relative}.crop-modal h2{margin:0 0 18px;font-size:28px;text-align:center;text-shadow:0 3px 16px rgba(0,0,0,.24)}.crop-stage{width:min(390px,74vw);aspect-ratio:1;margin:auto;border-radius:22px;position:relative;display:grid;place-items:center;background:rgba(7,26,56,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 20px 50px rgba(0,0,0,.25);overflow:hidden}.crop-frame{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.crop-frame:active{cursor:grabbing}.crop-image{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;user-select:none;pointer-events:none;transform-origin:center}.crop-grid{position:absolute;inset:0;border:2px solid rgba(255,255,255,.86);box-shadow:inset 0 0 0 999px rgba(255,255,255,.03);background:linear-gradient(90deg,transparent 32.8%,rgba(255,255,255,.3) 33%,transparent 33.4%,transparent 66.2%,rgba(255,255,255,.3) 66.5%,transparent 66.9%),linear-gradient(0deg,transparent 32.8%,rgba(255,255,255,.3) 33%,transparent 33.4%,transparent 66.2%,rgba(255,255,255,.3) 66.5%,transparent 66.9%);pointer-events:none}.crop-video{width:100%;height:100%;object-fit:cover}.crop-zoom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:20px auto 16px;width:min(390px,74vw);color:white}.crop-zoom input{accent-color:#3bb5e3}.crop-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.crop-modal .outline{background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.7)}.crop-modal .primary{box-shadow:0 16px 35px rgba(7,26,56,.28)}.crop-modal .primary:disabled{opacity:.48;cursor:not-allowed}
.crop-stage{
  background:#071a38;
}

.printing-bulk-actions .danger .site-icon-img,
.printing-bulk-actions .danger .site-icon-svg,
.modal-backdrop[id^="view"] .details-actions .danger.modal-action-inline .site-icon-img,
.modal-backdrop[id^="view"] .details-actions .danger.modal-action-inline .site-icon-svg{
  filter:brightness(0) invert(1)!important;
  color:#fff!important;
  fill:#fff!important;
}
.modal-backdrop[id^="view"] .status-detail-icon .site-icon-img{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .status-detail-icon .site-icon-svg{
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
}
.crop-frame{
  background:#071a38;
}
.crop-controls{
  width:min(390px,74vw);
  margin:20px auto 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  align-items:center;
  gap:12px;
}
.crop-controls .crop-zoom{
  width:100%;
  margin:0;
}
.crop-rotate{
  width:46px;
  height:46px;
  min-width:46px;
  min-height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:#fff;
  box-shadow:0 14px 30px rgba(7,26,56,.22);
}
.crop-rotate img{
  width:20px;
  height:20px;
  object-fit:contain;
}
.crop-rotate:hover,
.crop-rotate:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(7,26,56,.28);
}
.crop-rotate[hidden]{
  display:none;
}
.crop-grid{
  border:0;
  box-shadow:none;
  background:none;
}
.crop-image{
  display:block;
}
.crop-video.is-front-facing{transform:scaleX(-1)}
.crop-switch:disabled{opacity:.55;cursor:wait}
.crop-camera-error{max-width:310px;margin:0;padding:18px;color:#fff;text-align:center;line-height:1.5}

/* Premium card studio */
.card-studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.card-studio-head p{margin:6px 0 0;color:var(--muted);font-weight:400}.studio-save,.studio-upload,.studio-ghost,.studio-tabs button,.nudge-pad button{border:1px solid rgba(255,255,255,.48);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(237,246,255,.54));box-shadow:0 16px 35px rgba(11,31,68,.1),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(14px);border-radius:12px;color:#0b1b36;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.studio-save{background:linear-gradient(135deg,rgba(59,181,227,.92),rgba(59,181,227,.72));color:white;padding:13px 22px}.studio-save:hover,.studio-upload:hover,.studio-ghost:hover,.studio-tabs button:hover,.nudge-pad button:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(11,31,68,.16),inset 0 1px 0 rgba(255,255,255,.8)}
.card-studio{border:1px solid rgba(218,226,239,.82);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,251,255,.68));box-shadow:0 24px 70px rgba(7,26,56,.1);border-radius:18px;padding:18px}.studio-form{display:grid;grid-template-columns:minmax(420px,1fr) 380px;gap:18px}.studio-preview-panel,.studio-controls{border:1px solid rgba(218,226,239,.9);background:rgba(255,255,255,.7);backdrop-filter:blur(16px);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.studio-preview-panel{padding:16px}.studio-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.glass-toggle,.studio-upload,.studio-ghost{padding:10px 14px;position:relative;overflow:hidden}.studio-mini-select{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(218,226,239,.95);border-radius:12px;background:rgba(255,255,255,.68);color:#34435a;font-size:13px}.studio-mini-select select{height:28px;min-width:104px;border:1px solid #dbe5f1;border-radius:8px;background:#fff;color:#071a38;padding:0 8px}.studio-upload input{position:absolute;inset:0;opacity:0}.studio-preview-wrap{position:relative;display:grid;place-items:center;padding:20px;min-height:520px;background:radial-gradient(circle at 50% 20%,rgba(47,99,198,.12),transparent 40%),linear-gradient(180deg,#f8fbff,#eef4fb);border-radius:14px;overflow:hidden}.premium-card-preview{width:min(760px,100%);min-height:0;aspect-ratio:var(--design-width)/var(--design-height);border-radius:18px;box-shadow:0 34px 80px rgba(7,26,56,.25);background:#dfe8f4;position:relative;overflow:hidden}.premium-card-preview.show-grid:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(38,100,199,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(38,100,199,.26) 1px,transparent 1px);background-size:24px 24px}.premium-card-preview>[data-template-preview]{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:fill;pointer-events:none}.card-el{position:absolute;z-index:2;min-width:54px;padding:3px 6px;border:1px solid transparent;box-sizing:border-box;line-height:1.2;white-space:normal;user-select:none;touch-action:none;cursor:move;transition:box-shadow .15s ease,opacity .15s ease,color .15s ease}.card-el:hover,.card-el.selected{border-color:rgba(38,100,199,.48);box-shadow:0 0 0 4px rgba(38,100,199,.1);background:rgba(255,255,255,.28)}.card-el-photo{aspect-ratio:1/1;border:1px dashed rgba(7,26,56,.35);display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.55)}.card-el-qr{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.75);padding:0}.qr-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:12px;font-weight:700;color:#071a38;letter-spacing:0}.snap-line{position:absolute;z-index:3;background:#3bb5e3;box-shadow:0 0 18px rgba(59,181,227,.7);pointer-events:none}.snap-x{left:50%;top:20px;bottom:20px;width:1px}.snap-y{top:50%;left:20px;right:20px;height:1px}
.studio-controls{padding:14px;display:grid;grid-template-rows:auto 1fr;min-height:620px}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.studio-tabs button{padding:9px 8px;font-size:13px}.studio-tabs button.active{background:linear-gradient(135deg,#071a38,#2664c7);color:white}.element-panel{display:none}.element-panel.active{display:block;animation:panelIn .18s ease}.element-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.element-panel header strong{font-size:18px}.element-panel header small{display:block;color:var(--muted);font-weight:400}.switch input{display:none}.switch span{display:block;width:50px;height:28px;border-radius:999px;background:#d6dee9;position:relative;transition:.18s}.switch span:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:white;left:3px;top:3px;box-shadow:0 5px 14px #071a3826;transition:.18s}.switch input:checked+span{background:#3bb5e3}.switch input:checked+span:before{transform:translateX(22px)}.nudge-pad{display:grid;grid-template-columns:54px 54px 54px;gap:8px;justify-content:center;margin:10px 0 18px}.nudge-pad button,.nudge-pad b{height:44px;display:grid;place-items:center}.nudge-pad b{border-radius:12px;background:#f1f5fa;color:#66728a}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-grid label{display:grid;gap:7px;color:#40506a;font-size:12px;font-weight:600}.control-grid input,.control-grid select{width:100%;height:38px;border:1px solid #dbe4f0;border-radius:10px;background:rgba(255,255,255,.82);padding:0 10px;color:#071a38}.control-grid input[type="range"]{padding:0}.control-grid input[type="color"]{padding:4px}
@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1250px){.studio-form{grid-template-columns:1fr}.studio-controls{min-height:0}.studio-preview-wrap{min-height:420px}}
@media (max-width:720px){.card-studio-head{display:grid}.studio-tabs{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:1fr}.studio-preview-wrap{padding:10px;min-height:300px}}

/* Premium registration details modal */
.modal-backdrop{display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(10,15,25,.55);backdrop-filter:blur(6px);opacity:0;transition:opacity .18s ease}.modal-backdrop.modal-open{opacity:1}.modal-backdrop[hidden]{display:none}.modal-backdrop .details-modal{transform:translateY(12px) scale(.985);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.modal-backdrop.modal-open .details-modal{transform:translateY(0) scale(1);opacity:1}
.registration-details-modal{width:min(1540px,94vw);max-height:92vh;overflow:auto;padding:28px 30px 26px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px 28px;border:1px solid rgba(218,226,239,.92);border-radius:12px;background:#fff;box-shadow:0 30px 80px rgba(7,26,56,.28);backdrop-filter:none;color:#071a38}.registration-details-modal .modal-x{position:absolute;top:20px;right:20px;background:#eef3fb;color:#071a38;transition:transform .18s ease,background .18s ease}.registration-details-modal .modal-x:hover{transform:translateY(-1px);background:#e3ebf7}.details-head{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 62px 0 2px}.details-head span,.profile-meta span,.document-preview header span{display:block;color:#66728a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.details-head h2{margin:4px 0 0;font-size:28px;line-height:1.12;color:#071a38}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border-radius:999px;font-size:13px;white-space:nowrap}.status-approved{background:#eef9fd;color:#3bb5e3}.status-pending{background:#fff6df;color:#b87912}.status-rejected{background:#ffecec;color:#d73636}
.profile-card{position:sticky;top:0;align-self:start;background:#f8fafc;border:1px solid #dbe5f1;border-radius:8px;padding:24px;text-align:center}.registration-details-modal .photo-square{width:190px;height:190px;margin:2px auto 18px;border-radius:8px;border:1px solid #dbe5f1;background:#e9eef6;box-shadow:0 12px 26px rgba(7,26,56,.1)}.registration-details-modal .photo-square span{height:100%;display:grid;place-items:center;font-size:42px;color:#8b98aa}.profile-upload,.file-change{position:relative;overflow:hidden;display:inline-grid;place-items:center;min-height:44px;border-radius:7px;background:#071a38;color:white;padding:10px 16px;box-shadow:0 10px 22px rgba(7,26,56,.16);transition:transform .18s ease,box-shadow .18s ease}.profile-upload{width:100%;font-size:16px;font-weight:700}.profile-upload:hover,.file-change:hover,.details-actions .primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(7,26,56,.22)}.profile-upload input,.file-change input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-meta{margin:18px 0 14px;padding-top:18px;border-top:1px solid #dce5f0}.registration-details-modal .public-id{margin:4px 0 0;font-size:19px;color:#1f5fbf}.qr-card{width:min(210px,100%);margin:auto;padding:10px;border:1px solid #dbe5f1;border-radius:8px;background:white}.registration-details-modal .qr-img{display:block;width:100%;max-width:190px;margin:auto}.qr-card small{display:block;margin-top:8px;color:#66728a;font-weight:600}
.registration-details-modal .details-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;align-content:start}.detail-field{display:grid;gap:8px;min-width:0}.detail-field>span{font-size:14px;font-weight:650;color:#111b31}.detail-control{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.detail-control i,.file-preview-field i{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;color:#071a38;font-style:normal;font-size:19px;line-height:1}.detail-control input,.detail-control select{width:100%;height:44px;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;color:#071a38;padding:0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.88);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.detail-control input:focus,.detail-control select:focus{outline:0;border-color:#bde7f6;background:#f7faff;box-shadow:0 0 0 4px rgba(59,181,227,.12)}.detail-control input:disabled{background:#f7faff;color:#31415c}.registration-details-modal .wide{grid-column:1/-1}.file-detail{grid-template-columns:minmax(0,1fr) 118px;align-items:end}.file-detail>span{grid-column:1/-1}.file-preview-field{min-width:0;width:100%;min-height:58px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;padding:8px 12px;color:#071a38;box-shadow:0 8px 18px rgba(7,26,56,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.file-preview-field:not(:disabled):hover{transform:translateY(-1px);border-color:#bde7f6;box-shadow:0 14px 28px rgba(59,181,227,.12)}.file-preview-field:disabled{opacity:.62;cursor:not-allowed}.file-preview-field i{grid-row:1/3}.file-preview-field b,.file-preview-field small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-field b{font-size:15px}.file-preview-field small{color:#66728a;font-weight:500}.file-change{height:44px;background:#f7faff;color:#071a38;border:1px solid #cfd9e8;box-shadow:0 8px 18px rgba(7,26,56,.08)}
.document-preview{grid-column:1/-1;border:1px solid rgba(218,226,239,.95);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,248,255,.9));padding:16px;box-shadow:0 16px 38px rgba(7,26,56,.09);animation:previewIn .22s ease}.document-preview header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.document-preview h3{margin:2px 0 0;font-size:20px}.preview-actions{display:flex;align-items:center;gap:10px}.document-preview .preview-close{position:static;width:38px;height:38px;font-size:24px}.preview-stage{height:min(52vh,520px);display:grid;place-items:center;overflow:auto;border:1px solid #dbe5f1;border-radius:16px;background:#071a38}.preview-image{max-width:100%;max-height:100%;transform-origin:center;transition:transform .18s ease}.preview-frame{width:100%;height:100%;border:0;background:white}.preview-loading{display:none;margin-bottom:10px;color:#66728a}.document-preview.is-loading .preview-loading{display:block}.preview-zoom{display:grid;grid-template-columns:auto minmax(120px,260px);gap:12px;align-items:center;justify-content:end;margin-top:12px;color:#40506a}.preview-zoom input{accent-color:#3bb5e3}.details-actions{grid-column:2;display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:2px}.details-actions .outline,.details-actions .primary{height:44px;border-radius:13px;padding:0 18px}.details-actions .primary{background:#071a38;box-shadow:0 12px 26px rgba(7,26,56,.18)}.details-actions .modal-action-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;line-height:1;white-space:nowrap}.details-actions .modal-action-inline .site-icon-img{width:1em;height:1em;flex:0 0 auto}
@keyframes previewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1180px){.registration-details-modal{grid-template-columns:260px 1fr}.registration-details-modal .details-fields{grid-template-columns:repeat(2,minmax(180px,1fr))}.details-actions{grid-column:1/-1}}
@media (max-width:820px){.modal-backdrop{align-items:flex-start;padding:20px 12px}.registration-details-modal{width:100%;max-height:calc(100vh - 40px);grid-template-columns:1fr;padding:20px}.details-head{padding-right:48px}.profile-card{position:static;display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;text-align:left}.profile-upload,.profile-meta,.qr-card{grid-column:2}.registration-details-modal .photo-square{grid-row:1/4}.registration-details-modal .details-fields{grid-template-columns:1fr}.file-detail{grid-template-columns:1fr}.preview-stage{height:54vh}.details-actions{justify-content:stretch}.details-actions button{flex:1}}
@media (max-width:560px){.profile-card{grid-template-columns:1fr;text-align:center}.profile-upload,.profile-meta,.qr-card,.registration-details-modal .photo-square{grid-column:1;grid-row:auto}.details-head{display:grid}.status-pill{justify-self:start}.detail-control{grid-template-columns:40px minmax(0,1fr)}.detail-control i,.file-preview-field i{width:40px}.document-preview header,.preview-actions,.details-actions{display:grid}.preview-actions{grid-template-columns:1fr auto}.preview-zoom{justify-content:stretch;grid-template-columns:1fr}}

/* Final stable layout for the Voir details window */
.modal-backdrop[id^="view"]{position:fixed!important;inset:0!important;z-index:100!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;background:rgba(11,18,32,.58)!important;backdrop-filter:blur(6px)!important}
.modal-backdrop[id^="view"][hidden]{display:none!important}
.modal-backdrop[id^="view"] .registration-details-modal{width:min(1500px,94vw)!important;max-height:92vh!important;overflow:auto!important;background:#fff!important;color:#071a38!important;border:1px solid #dbe5f1!important;border-radius:12px!important;box-shadow:0 34px 90px rgba(7,26,56,.32)!important;padding:28px 30px!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;grid-template-areas:"head head" "profile fields" "preview preview" ". actions"!important;gap:22px 28px!important;position:relative!important}
.modal-backdrop[id^="view"] .details-head{grid-area:head!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:0 60px 0 0!important}
.modal-backdrop[id^="view"] .status-pill{
  position:absolute!important;
  top:20px!important;
  right:66px!important;
  min-height:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  line-height:1!important;
}
.modal-backdrop[id^="view"] .registration-details-modal>.modal-x{
  top:20px!important;
  right:20px!important;
}
.modal-backdrop[id^="view"] .details-head{
  padding-right:190px!important;
}
.modal-backdrop[id^="view"] .profile-card{grid-area:profile!important;position:static!important;align-self:start!important;width:100%!important;background:#f8fafc!important;border:1px solid #dbe5f1!important;border-radius:8px!important;padding:22px!important;text-align:center!important;display:block!important}
.modal-backdrop[id^="view"] .details-fields{grid-area:fields!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 18px!important;align-content:start!important;width:100%!important;min-width:0!important}
.modal-backdrop[id^="view"] .document-preview{grid-area:preview!important}
.modal-backdrop[id^="view"] .details-actions{grid-area:actions!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;margin:0!important}
.modal-backdrop[id^="view"] .photo-square{width:190px!important;height:190px!important;margin:0 auto 16px!important;border-radius:8px!important;overflow:hidden!important;background:#e9eef6!important}
.modal-backdrop[id^="view"] .photo-square img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;image-rendering:auto!important}
.modal-backdrop[id^="view"] .qr-card{width:min(210px,100%)!important;margin:14px auto 0!important;background:#fff!important;border:1px solid #dbe5f1!important;border-radius:8px!important;padding:10px!important}
.modal-backdrop[id^="view"] .qr-img{width:100%!important;max-width:190px!important;height:auto!important}
.premium-card-preview>[data-template-preview],.premium-card-preview>.empty-template{pointer-events:none}
.card-el-role,.print-card-el-role{white-space:nowrap}
.modal-backdrop[id^="view"] .detail-field{display:grid!important;gap:8px!important;min-width:0!important}
.modal-backdrop[id^="view"] .detail-control{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important}
.modal-backdrop[id^="view"] .detail-control.has-clear{grid-template-columns:44px minmax(0,1fr) 34px!important}
.modal-backdrop[id^="view"] .detail-control.role-choice-control.has-clear{grid-template-columns:44px minmax(0,1fr) 116px 34px!important}
.modal-backdrop[id^="view"] .detail-control input,.modal-backdrop[id^="view"] .detail-control select{width:100%!important;min-width:0!important;height:44px!important;border:1px solid #dbe5f1!important;border-radius:8px!important;background:#f7faff!important;padding:0 14px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.modal-backdrop[id^="view"] .role-choice-select{
  cursor:pointer!important;
  background:#071a38!important;
  border-color:#071a38!important;
  color:#fff!important;
  font-weight:750!important;
  padding:0 10px!important;
}
.modal-backdrop[id^="view"] .detail-clear{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;border:1px solid #efb5b5!important;border-radius:50%!important;background:#ffecec!important;color:#d73636!important;padding:0!important;font-size:22px!important;font-weight:800!important;line-height:1!important;box-shadow:0 8px 18px rgba(215,54,54,.12)!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important}
.modal-backdrop[id^="view"] .detail-clear:hover,.modal-backdrop[id^="view"] .detail-clear:focus-visible{background:#ffdede!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(215,54,54,.18)!important}
.modal-backdrop[id^="view"] .file-detail{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:8px 14px!important;align-items:end!important}
.modal-backdrop[id^="view"] .file-detail>span{grid-column:1/-1!important}
.modal-backdrop[id^="view"] .file-preview-field{width:100%!important;min-width:0!important}
.modal-backdrop[id^="view"] .file-preview-field{min-height:58px!important;grid-template-columns:52px minmax(0,1fr)!important}
.modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img[src*="/id_card_upload.png"],
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img[src*="/accreditation_upload.png"]{width:52px!important;height:52px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.modal-backdrop[id^="view"] .file-change{align-self:stretch!important;min-height:58px!important;height:auto!important;width:118px!important}
@media (max-width:1180px){.modal-backdrop[id^="view"] .registration-details-modal{grid-template-columns:260px minmax(0,1fr)!important}.modal-backdrop[id^="view"] .details-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:820px){.modal-backdrop[id^="view"]{align-items:flex-start!important;padding:16px!important}.modal-backdrop[id^="view"] .registration-details-modal{width:100%!important;grid-template-columns:1fr!important;grid-template-areas:"head" "profile" "fields" "preview" "actions"!important;padding:20px!important}.modal-backdrop[id^="view"] .details-fields{grid-template-columns:1fr!important}.modal-backdrop[id^="view"] .file-detail{grid-template-columns:1fr!important}.modal-backdrop[id^="view"] .details-actions{justify-content:stretch!important}.modal-backdrop[id^="view"] .details-actions button{flex:1!important}}

.modal-backdrop[id^="view"] .registration-details-modal{
  padding-bottom:96px!important;
  overflow:hidden!important;
}
.modal-backdrop[id^="view"] .profile-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.modal-backdrop[id^="view"] .details-actions{
  position:absolute!important;
  right:30px!important;
  bottom:24px!important;
  z-index:5!important;
  padding:10px 0 0!important;
  background:#fff!important;
}
.modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])){
  overflow:auto!important;
  padding-bottom:28px!important;
}
.modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])) .details-actions{
  position:static!important;
  grid-area:actions!important;
  justify-self:end!important;
  padding:0!important;
  background:transparent!important;
}
.modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])) .document-preview{
  margin-bottom:0!important;
}
.modal-backdrop[id^="view"] .document-preview{
  max-height:calc(92vh - 220px)!important;
  overflow:auto!important;
}
.modal-backdrop[id^="view"] .preview-stage{
  height:min(42vh,420px)!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:104px!important;
    overflow:auto!important;
  }
  .modal-backdrop[id^="view"] .details-actions{
    left:20px!important;
    right:20px!important;
    bottom:20px!important;
  }
}

.admin-user-modal .admin-avatar{width:128px;height:128px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;border:1px solid #dbe5f1;color:#1f5fbf;font-size:48px}
.admin-user-modal .detail-readonly{width:100%;min-width:0;min-height:44px;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;color:#071a38;padding:11px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.permission-summary{display:grid;gap:5px;margin-top:14px;color:#66728a}
.permission-summary strong{color:#071a38;font-size:18px}
.permission-list{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #dbe5f1;border-radius:8px;background:#f8fafc}
.permission-list span{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;background:#eef5ff;color:#1f5fbf;padding:7px 12px;font-weight:650}

@media (hover:none) and (pointer:coarse), (max-width:820px){
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select{font-size:16px!important}
}

/* Final focused overrides for request success and admin photo controls. */
.success-backdrop{display:flex!important;align-items:center!important;justify-content:center!important}
.success-modal{width:min(430px,calc(100vw - 32px))!important;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(59,181,227,.43))!important}
.success-seal{width:78px!important;height:78px!important;color:#3bb5e3!important}
.success-check-icon{display:block!important;width:50px!important;height:50px!important;fill:currentColor!important}
.success-modal.is-loading .success-id-field{display:grid!important}
.success-confirm:disabled{opacity:1!important;cursor:wait!important;transform:none!important}
@media (max-width:560px){
  .success-backdrop{align-items:center!important;padding:16px!important}
  .success-modal{width:min(430px,calc(100vw - 32px))!important;padding:30px 20px 22px!important;border-radius:22px!important}
  .success-seal{width:82px!important;height:82px!important}
  .success-check-icon{width:54px!important;height:54px!important}
  .success-id-row{grid-template-columns:minmax(0,1fr) 50px!important;gap:10px!important}
  .success-id-row button{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;padding:0!important;border-radius:10px!important;aspect-ratio:1/1!important}
  .success-id-row svg{width:24px!important;height:24px!important}
  .success-follow-actions{grid-template-columns:1fr!important}
}
.photo-preview-wrap{position:relative;width:max-content;max-width:100%;margin:0 auto 16px}
.photo-preview-wrap .photo-square{margin:0!important}
.photo-remove-x{position:absolute;top:-10px;right:-10px;z-index:2;width:32px;height:32px;min-width:32px;min-height:32px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#071a38;color:#fff;box-shadow:0 8px 18px rgba(7,26,56,.24)}
.photo-remove-x .site-icon-img,.photo-remove-x .site-icon-svg{width:12px!important;height:12px!important;filter:brightness(0) invert(1)}
.photo-remove-x:hover{background:#0d2b5a;transform:translateY(-1px)}
.modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;aspect-ratio:1/1!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
@media (max-width:560px){
  .modal-backdrop[id^="view"] .file-preview-field{grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important}
  .modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important}
}

/* Final click-safety guard: later modal display rules must not revive hidden overlays. */
.splash-screen[hidden],
.modal-backdrop[hidden],
.success-backdrop[hidden],
.photo-choice-backdrop[hidden],
.official-announcement-backdrop[hidden],
.rejection-dialog[hidden],
.login-status-panel[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Final admin request rejection row placement. */
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "rejection actions"!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer{
  grid-area:rejection!important;
  align-self:end!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:10px!important;
  border:1px solid #efb5b5!important;
  border-radius:10px!important;
  background:#fff7f7!important;
  box-shadow:0 12px 24px rgba(215,54,54,.08)!important;
  text-align:initial!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer label{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  color:#a82424!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer textarea{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  border:1px solid #efb5b5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#071a38!important;
  padding:9px 10px!important;
  resize:vertical!important;
  font:inherit!important;
  line-height:1.35!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer textarea:focus{
  outline:0!important;
  border-color:#d73636!important;
  box-shadow:0 0 0 4px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  min-height:68px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:#d73636!important;
  color:#fff!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer .danger .site-icon-img,
.modal-backdrop[id^="view"] .details-rejection-footer .danger .site-icon-svg{
  width:16px!important;
  height:16px!important;
  filter:brightness(0) invert(1)!important;
}
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:124px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    bottom:24px!important;
    z-index:5!important;
    width:300px!important;
  }
  .modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])){
    padding-bottom:28px!important;
  }
  .modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])) .details-rejection-footer{
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    grid-area:rejection!important;
    width:100%!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "rejection" "actions"!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    grid-template-columns:1fr!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
  }
}

/* Final RTL-safe admin request rejection row override. */
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "bottom bottom"!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar{
  grid-area:bottom!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:1 1 620px!important;
  width:auto!important;
  min-width:0!important;
  max-width:760px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 104px!important;
  gap:10px!important;
  align-items:stretch!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer textarea{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  resize:none!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  height:44px!important;
  min-height:44px!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "bottom"!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
    grid-template-columns:1fr!important;
    max-width:none!important;
    height:auto!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger,
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions button{
    width:100%!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
  }
}

/* Final icon color overrides for printing controls and request details. */
.admin-card .printing-bulk-actions button.danger .site-icon-img,
.admin-card .printing-bulk-actions button.danger .site-icon-svg,
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions button.danger .site-icon-img,
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions button.danger .site-icon-svg,
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer button.danger .site-icon-img,
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer button.danger .site-icon-svg{
  filter:none!important;
  color:#d73636!important;
  fill:#d73636!important;
  stroke:#d73636!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon .site-icon-img,
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon img{
  filter:brightness(0)!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon .site-icon-svg,
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon svg{
  color:#000!important;
  fill:#000!important;
  stroke:#000!important;
  opacity:1!important;
}

.modal-backdrop[id^="view"] .printing-details-modal .details-bottom-bar{
  justify-content:flex-end!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .printing-details-modal .details-actions{
  flex:0 0 auto!important;
  justify-content:flex-end!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .printing-details-modal .details-actions button{
  min-width:132px!important;
}
[dir="rtl"] .modal-backdrop[id^="view"] .printing-details-modal .details-actions{
  justify-content:flex-end!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .printing-details-modal .details-bottom-bar,
  .modal-backdrop[id^="view"] .printing-details-modal .details-actions{
    width:100%!important;
  }
  .modal-backdrop[id^="view"] .printing-details-modal .details-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .modal-backdrop[id^="view"] .printing-details-modal .details-actions button{
    width:100%!important;
    min-width:0!important;
  }
}

/* Final RTL-safe admin request rejection row override. */
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "bottom bottom"!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar{
  grid-area:bottom!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:1 1 620px!important;
  width:auto!important;
  min-width:0!important;
  max-width:760px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 104px!important;
  gap:10px!important;
  align-items:stretch!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer textarea{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  resize:none!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  height:44px!important;
  min-height:44px!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "bottom"!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
    grid-template-columns:1fr!important;
    max-width:none!important;
    height:auto!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger,
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions button{
    width:100%!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
  }
}

/* Stable bottom rejection row in admin requests, including Arabic RTL pages. */
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "bottom bottom"!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar{
  grid-area:bottom!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:1 1 620px!important;
  width:auto!important;
  min-width:0!important;
  max-width:760px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 104px!important;
  gap:10px!important;
  align-items:stretch!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer textarea{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  resize:none!important;
  direction:auto!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  height:44px!important;
  min-height:44px!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "bottom"!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
    grid-template-columns:1fr!important;
    max-width:none!important;
    height:auto!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger,
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions button{
    width:100%!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
  }
}
/* Final rejection reason layout: long input first, reject button second, aligned with modal actions. */
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    z-index:6!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(360px,1fr) 104px!important;
    gap:10px!important;
    align-items:stretch!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    direction:ltr!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    direction:inherit!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:11px 14px!important;
    resize:none!important;
    border:1px solid #efb5b5!important;
    border-radius:8px!important;
    background:#fff7f7!important;
    color:#071a38!important;
    line-height:1.35!important;
    text-align:initial!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:104px!important;
    min-width:104px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    align-self:stretch!important;
  }
  .modal-backdrop[id^="view"] .details-actions{
    right:30px!important;
    bottom:24px!important;
    z-index:7!important;
    height:44px!important;
  }
  [dir="rtl"] .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    text-align:right!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .details-rejection-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    order:1!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    order:2!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    min-height:64px!important;
    height:64px!important;
  }
}

/* Final rejection reason layout: long input first, reject button second, aligned with modal actions. */
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    z-index:6!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(360px,1fr) 104px!important;
    gap:10px!important;
    align-items:stretch!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    direction:ltr!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    direction:inherit!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:11px 14px!important;
    resize:none!important;
    border:1px solid #efb5b5!important;
    border-radius:8px!important;
    background:#fff7f7!important;
    color:#071a38!important;
    line-height:1.35!important;
    text-align:initial!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:104px!important;
    min-width:104px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    align-self:stretch!important;
  }
  .modal-backdrop[id^="view"] .details-actions{
    right:30px!important;
    bottom:24px!important;
    z-index:7!important;
    height:44px!important;
  }
  [dir="rtl"] .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    text-align:right!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .details-rejection-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    order:1!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    order:2!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    min-height:64px!important;
    height:64px!important;
  }
}

/* Last-word request details polish: keep file/link X controls inside the visible cell. */
.modal-backdrop[id^="view"] .file-preview-cell{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
  padding-inline-end:48px!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x{
  position:absolute!important;
  top:50%!important;
  inset-inline-end:12px!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #efb5b5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#d73636!important;
  box-shadow:0 8px 18px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:hover,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:focus-visible{
  background:#ffecec!important;
  transform:translateY(-50%) scale(1.04)!important;
  box-shadow:0 12px 24px rgba(215,54,54,.18)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x[hidden]{
  display:none!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-svg{
  width:12px!important;
  height:12px!important;
}

/* Last-word rejection row polish: align reason input with confirm/return actions. */
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    height:44px!important;
    min-height:44px!important;
    resize:none!important;
    padding:11px 14px!important;
    border-color:#efb5b5!important;
    border-radius:8px!important;
    background:#fff7f7!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:104px!important;
    min-width:104px!important;
    min-height:44px!important;
    height:44px!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
    padding-inline-end:46px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    min-height:56px!important;
  }
}

/* Last-word request details polish: keep file/link X controls inside the visible cell. */
.modal-backdrop[id^="view"] .file-preview-cell{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
  padding-inline-end:48px!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x{
  position:absolute!important;
  top:50%!important;
  inset-inline-end:12px!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #efb5b5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#d73636!important;
  box-shadow:0 8px 18px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:hover,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:focus-visible{
  background:#ffecec!important;
  transform:translateY(-50%) scale(1.04)!important;
  box-shadow:0 12px 24px rgba(215,54,54,.18)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x[hidden]{
  display:none!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-svg{
  width:12px!important;
  height:12px!important;
}

/* Last-word rejection row polish: align reason input with confirm/return actions. */
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    height:44px!important;
    min-height:44px!important;
    resize:none!important;
    padding:11px 14px!important;
    border-color:#efb5b5!important;
    border-radius:8px!important;
    background:#fff7f7!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:104px!important;
    min-width:104px!important;
    min-height:44px!important;
    height:44px!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
    padding-inline-end:46px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    min-height:56px!important;
  }
}

/* Last-word request details polish: keep file/link X controls inside the visible cell. */
.modal-backdrop[id^="view"] .file-preview-cell{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
  padding-inline-end:48px!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x{
  position:absolute!important;
  top:50%!important;
  inset-inline-end:12px!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #efb5b5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#d73636!important;
  box-shadow:0 8px 18px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:hover,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:focus-visible{
  background:#ffecec!important;
  transform:translateY(-50%) scale(1.04)!important;
  box-shadow:0 12px 24px rgba(215,54,54,.18)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x[hidden]{
  display:none!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-svg{
  width:12px!important;
  height:12px!important;
}

/* Last-word rejection row polish: align reason input with confirm/return actions. */
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    height:44px!important;
    min-height:44px!important;
    resize:none!important;
    padding:11px 14px!important;
    border-color:#efb5b5!important;
    border-radius:8px!important;
    background:#fff7f7!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:104px!important;
    min-width:104px!important;
    min-height:44px!important;
    height:44px!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
    padding-inline-end:46px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    min-height:56px!important;
  }
}

/* Final request details polish: keep remove controls inside their own file/link cells. */
.modal-backdrop[id^="view"] .file-preview-cell{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
  padding-inline-end:48px!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x{
  position:absolute!important;
  top:50%!important;
  inset-inline-end:12px!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #efb5b5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#d73636!important;
  box-shadow:0 8px 18px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:hover,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x:focus-visible{
  background:#ffecec!important;
  transform:translateY(-50%) scale(1.04)!important;
  box-shadow:0 12px 24px rgba(215,54,54,.18)!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x[hidden]{
  display:none!important;
}
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-cell .file-remove-x .site-icon-svg{
  width:12px!important;
  height:12px!important;
}

/* Final request rejection input polish: align it with the bottom action buttons. */
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    height:44px!important;
    min-height:44px!important;
    resize:none!important;
    padding:11px 14px!important;
    border-color:#efb5b5!important;
    border-radius:8px!important;
    background:#fff7f7!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:104px!important;
    min-width:104px!important;
    min-height:44px!important;
    height:44px!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .file-preview-cell .file-preview-field{
    padding-inline-end:46px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    min-height:56px!important;
  }
}

/* Admin request modal: keep the rejection reason under the QR and aligned with final actions. */
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "rejection actions"!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer{
  grid-area:rejection!important;
  align-self:end!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:10px!important;
  border:1px solid #efb5b5!important;
  border-radius:10px!important;
  background:#fff7f7!important;
  box-shadow:0 12px 24px rgba(215,54,54,.08)!important;
  text-align:initial!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer label{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  color:#a82424!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer textarea{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  border:1px solid #efb5b5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#071a38!important;
  padding:9px 10px!important;
  resize:vertical!important;
  font:inherit!important;
  line-height:1.35!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer textarea:focus{
  outline:0!important;
  border-color:#d73636!important;
  box-shadow:0 0 0 4px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  min-height:68px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:#d73636!important;
  color:#fff!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer .danger .site-icon-img,
.modal-backdrop[id^="view"] .details-rejection-footer .danger .site-icon-svg{
  width:16px!important;
  height:16px!important;
  filter:brightness(0) invert(1)!important;
}
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:124px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    bottom:24px!important;
    z-index:5!important;
    width:300px!important;
  }
  .modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])){
    padding-bottom:28px!important;
  }
  .modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])) .details-rejection-footer{
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    grid-area:rejection!important;
    width:100%!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "rejection" "actions"!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    grid-template-columns:1fr!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
  }
}

/* Final admin request document and rejection dialog refinements. */
.modal-backdrop[id^="view"] .details-fields{
  align-items:start!important;
}
.modal-backdrop[id^="view"] .file-detail.wide{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 136px!important;
  gap:10px 12px!important;
  align-items:stretch!important;
  min-width:0!important;
}
.modal-backdrop[id^="view"] .file-detail>span{
  grid-column:1/-1!important;
  display:block!important;
  color:#263852!important;
  font-weight:750!important;
  line-height:1.25!important;
}
.modal-backdrop[id^="view"] .file-preview-field{
  width:100%!important;
  min-width:0!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:center!important;
  padding:11px 14px!important;
  border:1px solid #d8e3f0!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 12px 28px rgba(7,26,56,.07)!important;
  text-align:left!important;
  overflow:hidden!important;
}
.modal-backdrop[id^="view"] .file-preview-field:not(:disabled):hover{
  border-color:#9ddbef!important;
  box-shadow:0 16px 34px rgba(59,181,227,.13)!important;
  transform:translateY(-1px);
}
.modal-backdrop[id^="view"] .file-preview-field i{
  grid-row:1/3!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff7e6!important;
  border:1px solid #f1d18a!important;
}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  object-fit:contain!important;
}
.modal-backdrop[id^="view"] .file-preview-field b,
.modal-backdrop[id^="view"] .file-preview-field small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.modal-backdrop[id^="view"] .file-preview-field b{
  color:#071a38!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.modal-backdrop[id^="view"] .file-preview-field small{
  color:#66728a!important;
  font-size:12px!important;
  font-weight:650!important;
}
.modal-backdrop[id^="view"] .file-change{
  position:relative!important;
  width:136px!important;
  min-width:136px!important;
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:1px solid #071a38!important;
  border-radius:12px!important;
  background:#071a38!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(7,26,56,.18)!important;
  font-weight:800!important;
  text-align:center!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.modal-backdrop[id^="view"] .file-change:hover{
  background:#0d2b5a!important;
  border-color:#0d2b5a!important;
  transform:translateY(-1px);
}
.modal-backdrop[id^="view"] .file-change input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}
.modal-backdrop[id^="view"] .registration-details-modal.has-rejection-dialog{
  overflow:visible!important;
}
.modal-backdrop[id^="view"] .rejection-dialog{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:grid!important;
  place-items:center!important;
  width:100vw!important;
  min-height:100dvh!important;
  padding:clamp(18px,5vw,56px)!important;
  border-radius:0!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 18% 15%,rgba(59,181,227,.34),transparent 31%),
    radial-gradient(circle at 82% 80%,rgba(215,54,54,.22),transparent 34%),
    linear-gradient(135deg,rgba(5,15,34,.88),rgba(7,26,56,.72))!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
}
.modal-backdrop[id^="view"] .rejection-dialog:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.03))!important;
  pointer-events:none!important;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel{
  position:relative!important;
  z-index:1!important;
  width:min(590px,calc(100vw - 32px))!important;
  display:grid!important;
  gap:16px!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.42)!important;
  outline:0!important;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel h3{
  color:#a82424!important;
  font-size:24px!important;
  line-height:1.18!important;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel textarea{
  min-height:170px!important;
  border-radius:12px!important;
  background:#fffafa!important;
}
@media (max-width:720px){
  .modal-backdrop[id^="view"] .file-detail.wide{
    grid-template-columns:1fr!important;
  }
  .modal-backdrop[id^="view"] .file-change{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
  }
  .modal-backdrop[id^="view"] .rejection-dialog-panel{
    padding:22px!important;
  }
}

/* Arabic form fields: keep guidance text readable and close to the right-side icons. */
html[dir="rtl"] .accreditation-form .input-icon,
html[dir="rtl"] .accreditation-form .detail-control{
  direction:rtl;
}
html[dir="rtl"] .accreditation-form .input-icon input,
html[dir="rtl"] .accreditation-form select,
html[dir="rtl"] .accreditation-form textarea{
  direction:rtl;
  text-align:right;
}
html[dir="rtl"] .accreditation-form .input-icon input::placeholder,
html[dir="rtl"] .accreditation-form textarea::placeholder{
  color:#4f5d73;
  opacity:1;
  text-align:right;
}
html[dir="rtl"] .accreditation-form .file-line,
html[dir="rtl"] .accreditation-form .file-actions,
html[dir="rtl"] .accreditation-form .document-label,
html[dir="rtl"] .accreditation-form .influencer-link-fields{
  direction:rtl;
  text-align:right;
}

/* Final interaction polish for the header brand and registration type cards. */
.brand,
.admin-brand{
  position:relative;
  isolation:isolate;
  border-radius:14px;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease,text-shadow .24s ease;
  will-change:transform;
}
.brand img,
.admin-brand img,
.brand span,
.admin-brand span{
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease;
}
.brand:after,
.admin-brand:after{
  content:none;
  display:none;
}
.brand:hover,
.brand:focus-visible,
.admin-brand:hover,
.admin-brand:focus-visible{
  transform:translateY(-2px);
  filter:saturate(1.08);
}
.brand:hover:after,
.brand:focus-visible:after,
.admin-brand:hover:after,
.admin-brand:focus-visible:after{
  content:none;
  display:none;
}
.brand:hover img,
.brand:focus-visible img,
.admin-brand:hover img,
.admin-brand:focus-visible img{
  transform:scale(1.045) rotate(-1deg);
}
.brand:hover span,
.brand:focus-visible span,
.admin-brand:hover span,
.admin-brand:focus-visible span{
  transform:translateX(2px);
}
.brand:active,
.admin-brand:active{
  transform:translateY(0) scale(.985);
}

.registration-kind-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateY(0);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.registration-kind-card:after{
  content:"";
  position:absolute;
  inset:-45% -25%;
  z-index:-1;
  background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.74),transparent 66%);
  opacity:0;
  transform:translateX(-55%) rotate(10deg);
  transition:opacity .24s ease,transform .55s ease;
  pointer-events:none;
}
.registration-kind-card:hover,
.registration-kind-card:focus-within{
  transform:translateY(-3px);
  border-color:#9fc8f7!important;
  background:linear-gradient(180deg,#fff,#f4f9ff)!important;
  box-shadow:0 16px 36px rgba(38,100,199,.14),0 0 0 3px rgba(59,181,227,.09)!important;
}
.registration-kind-card:hover:after,
.registration-kind-card:focus-within:after{
  opacity:1;
  transform:translateX(55%) rotate(10deg);
}
.registration-kind-card:active{
  transform:translateY(-1px) scale(.992);
}
.registration-kind-card .registration-kind-icon{
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.registration-kind-card:hover .registration-kind-icon,
.registration-kind-card:focus-within .registration-kind-icon{
  transform:scale(1.08);
  border-color:#8eb9f6!important;
  background:#fff!important;
  box-shadow:0 10px 22px rgba(38,100,199,.14);
}
.registration-kind-card.is-selected:hover,
.registration-kind-card.is-selected:focus-within{
  border-color:#2664c7!important;
  box-shadow:0 18px 38px rgba(38,100,199,.18),0 0 0 3px rgba(38,100,199,.14)!important;
}
@media (prefers-reduced-motion:reduce){
  .brand,
  .admin-brand,
  .brand img,
  .admin-brand img,
  .brand span,
  .admin-brand span,
  .brand:after,
  .admin-brand:after,
  .registration-kind-card,
  .registration-kind-card:after,
  .registration-kind-card .registration-kind-icon{
    transition:none!important;
  }
}

/* Final admin registration modal polish: document rows and rejection overlay. */
.modal-backdrop[id^="view"] .file-detail{
  grid-template-columns:minmax(0,1fr) 128px!important;
  gap:10px 14px!important;
  align-items:stretch!important;
}
.modal-backdrop[id^="view"] .file-preview-field{
  min-height:68px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  padding:10px 14px!important;
  border:1px solid #d7e1ee!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#fff,#f7faff)!important;
  box-shadow:0 10px 24px rgba(7,26,56,.06)!important;
  overflow:hidden!important;
}
.modal-backdrop[id^="view"] .file-preview-field i{
  grid-row:1/3!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:12px!important;
  background:#eef5ff!important;
  border:1px solid #d9e6f6!important;
}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
}
.modal-backdrop[id^="view"] .file-preview-field b,
.modal-backdrop[id^="view"] .file-preview-field small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.modal-backdrop[id^="view"] .file-preview-field b{
  align-self:end!important;
  color:#071a38!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.modal-backdrop[id^="view"] .file-preview-field small{
  align-self:start!important;
  color:#66728a!important;
  font-size:12px!important;
}
.modal-backdrop[id^="view"] .file-change{
  width:128px!important;
  min-height:68px!important;
  height:auto!important;
  border-radius:10px!important;
  background:#071a38!important;
  color:#fff!important;
  border:1px solid #071a38!important;
  box-shadow:0 12px 26px rgba(7,26,56,.16)!important;
  font-weight:700!important;
  text-align:center!important;
}
.modal-backdrop[id^="view"] .registration-details-modal.has-rejection-dialog{
  position:relative!important;
  overflow:hidden!important;
}
.modal-backdrop[id^="view"] .rejection-dialog{
  position:absolute!important;
  inset:0!important;
  z-index:80!important;
  display:grid!important;
  place-items:center!important;
  min-height:100%!important;
  padding:clamp(18px,4vw,42px)!important;
  border-radius:12px!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(59,181,227,.28),transparent 32%),
    radial-gradient(circle at 86% 84%,rgba(215,54,54,.18),transparent 34%),
    linear-gradient(135deg,rgba(7,26,56,.78),rgba(7,26,56,.58))!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
}
.modal-backdrop[id^="view"] .rejection-dialog:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
  pointer-events:none;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel{
  width:min(560px,100%)!important;
  gap:16px!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 30px 90px rgba(2,12,28,.36)!important;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel h3{
  color:#b72d2d!important;
  font-size:22px!important;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel textarea{
  min-height:150px!important;
  border-radius:10px!important;
  background:#fffafa!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .file-detail{grid-template-columns:1fr!important}
  .modal-backdrop[id^="view"] .file-change{width:100%!important;min-height:48px!important}
}
@media (max-width:560px){
  .modal-backdrop[id^="view"] .file-preview-field{min-height:64px!important;grid-template-columns:52px minmax(0,1fr)!important}
  .modal-backdrop[id^="view"] .rejection-dialog{padding:14px!important}
  .modal-backdrop[id^="view"] .rejection-dialog-panel{padding:20px!important}
  .modal-backdrop[id^="view"] .rejection-dialog-actions{grid-template-columns:1fr!important}
}

/* Interaction safety: hidden overlays/loaders must never catch clicks. */
.splash-screen[hidden],
.modal-backdrop[hidden],
.photo-choice-backdrop[hidden],
.official-announcement-backdrop[hidden]{
  display:none!important;
  pointer-events:none!important;
}

/* Prevent mobile browsers from zooming into form controls on focus. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
@media (hover:none) and (pointer:coarse), (max-width:900px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select{
    font-size:16px!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    touch-action:manipulation;
  }
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
  textarea:focus,
  select:focus{
    font-size:16px!important;
  }
}

/* Final focused overrides for request success and admin photo controls. */
.success-backdrop{display:flex!important;align-items:center!important;justify-content:center!important}
.success-modal{width:min(430px,calc(100vw - 32px))!important;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(59,181,227,.43))!important}
.success-seal{width:78px!important;height:78px!important;color:#3bb5e3!important}
.success-check-icon{display:block!important;width:50px!important;height:50px!important;fill:currentColor!important}
.success-modal.is-loading .success-id-field{display:grid!important}
.success-confirm:disabled{opacity:1!important;cursor:wait!important;transform:none!important}
@media (max-width:560px){
  .success-backdrop{align-items:center!important;padding:16px!important}
  .success-modal{width:min(430px,calc(100vw - 32px))!important;padding:30px 20px 22px!important;border-radius:22px!important}
  .success-seal{width:82px!important;height:82px!important}
  .success-check-icon{width:54px!important;height:54px!important}
  .success-id-row{grid-template-columns:minmax(0,1fr) 50px!important;gap:10px!important}
  .success-id-row button{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;padding:0!important;border-radius:10px!important;aspect-ratio:1/1!important}
  .success-id-row svg{width:24px!important;height:24px!important}
  .success-follow-actions{grid-template-columns:1fr!important}
}
.photo-preview-wrap{position:relative;width:max-content;max-width:100%;margin:0 auto 16px}
.photo-preview-wrap .photo-square{margin:0!important}
.photo-remove-x{position:absolute;top:-10px;right:-10px;z-index:2;width:32px;height:32px;min-width:32px;min-height:32px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#071a38;color:#fff;box-shadow:0 8px 18px rgba(7,26,56,.24)}
.photo-remove-x .site-icon-img,.photo-remove-x .site-icon-svg{width:12px!important;height:12px!important;filter:brightness(0) invert(1)}
.photo-remove-x:hover{background:#0d2b5a;transform:translateY(-1px)}
.modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;aspect-ratio:1/1!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
@media (max-width:560px){
  .modal-backdrop[id^="view"] .file-preview-field{grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important}
  .modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important}
}
.admin-user-modal .details-actions .danger{height:44px;border-radius:13px;padding:0 18px}
.admin-users-filters{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 132px;
  align-items:end;
  gap:12px;
  margin:18px 0 0;
  width:100%;
}
.admin-users-filters .admin-user-search-field{
  display:grid;
  grid-column:auto;
  gap:8px;
  min-width:0;
  margin:0;
  position:relative;
}
.admin-users-filters .admin-user-search-field>span{
  color:#4d5a70;
  font-weight:650;
}
.admin-users-filters .admin-user-search-field .site-icon-img{
  position:absolute;
  left:14px;
  bottom:13px;
  width:18px;
  height:18px;
  opacity:.58;
  pointer-events:none;
}
.admin-users-filters input{
  width:100%;
  height:44px;
  padding:0 14px 0 42px!important;
}
.admin-users-filters .admin-user-search-submit{
  width:100%;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  white-space:nowrap;
}
.admin-add-user-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  white-space:nowrap;
}
.admin-users-actions{
  --admin-view-width:118px;
  --admin-delete-width:42px;
  --admin-action-gap:8px;
  flex-wrap:nowrap;
}
.admin-users-actions .view-btn{
  width:var(--admin-view-width);
  min-width:var(--admin-view-width);
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  line-height:1;
}
.admin-users-actions .danger.icon-only{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  aspect-ratio:1/1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border-radius:50%!important;
  background:#fff2f2;
  color:#c43737;
  border-color:#efb5b5;
  flex:0 0 40px;
  line-height:1;
}
.admin-users-actions .danger.icon-only .site-icon-img{
  width:17px;
  height:17px;
}
.admin-users-actions .danger.icon-only:hover{
  background:#ffe7e7;
  border-color:#e58d8d;
}
.admin-users-actions.single-action .view-btn{
  width:calc(var(--admin-view-width) + var(--admin-delete-width) + var(--admin-action-gap));
  min-width:calc(var(--admin-view-width) + var(--admin-delete-width) + var(--admin-action-gap));
}
.admin-table-photo{
  position:relative;
  display:inline-block;
  margin:0;
}
.admin-table-photo-trigger{
  padding:0;
  border:0;
}
.admin-table-photo-trigger:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(38,100,199,.18);
}
.admin-create{
  width:min(460px,calc(100vw - 32px))!important;
  display:grid;
  gap:10px;
  padding:24px 22px 22px!important;
}
.admin-create-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  direction:ltr;
}
.admin-create .modal-x{
  position:static!important;
  flex:0 0 auto;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#071a38!important;
  border:1px solid #071a38!important;
  color:#fff!important;
  box-shadow:none!important;
}
.admin-create .modal-x .site-icon-img{
  width:13px;
  height:13px;
  filter:brightness(0) invert(1);
}
.admin-create .modal-x:hover{
  transform:translateY(-1px);
  background:#0d2b5a!important;
  border-color:#0d2b5a!important;
}
.admin-create h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0!important;
  font-size:22px!important;
  line-height:1.15;
  min-width:0;
}
.admin-create label{
  display:grid;
  gap:6px;
  min-width:0;
  font-weight:650;
  font-size:13px;
}
.admin-create-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.admin-create input{
  height:40px!important;
  min-width:0;
}
.admin-create-password,
.admin-password-row{
  position:relative;
  display:block;
  min-width:0;
}
.admin-create-password input,
.admin-password-row input{
  padding-inline-end:44px!important;
}
.admin-create-password button,
.admin-password-row button{
  position:absolute;
  top:50%;
  inset-inline-end:7px;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:transparent;
  color:inherit;
}
.admin-create-password button:hover,
.admin-password-row button:hover{
  background:rgba(7,26,56,.08);
}
.admin-create-password button .site-icon-img,
.admin-password-row button .site-icon-img{
  width:17px;
  height:17px;
}
.admin-create fieldset{
  margin:0;
  padding:10px 12px;
  background:rgba(255,255,255,.12);
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px 12px;
}
.admin-create fieldset legend{
  padding:0 6px;
  font-size:13px;
}
.admin-create fieldset .check{
  min-height:26px;
  gap:8px;
  align-items:center;
  line-height:1.2;
  font-size:12px;
  font-weight:650;
  min-width:0;
}
.admin-create fieldset .check input{
  width:16px!important;
  height:16px!important;
}
.admin-create .green{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
@media (max-width:720px){
  .admin-users-filters,
  .admin-create-row{
    grid-template-columns:1fr;
  }
  .admin-users-filters{
    margin-top:16px;
  }
}

.admin-user-modal{
  width:min(920px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 40px)!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:18px 22px!important;
  padding:24px!important;
  overflow:auto!important;
}
.admin-user-modal .details-head{
  padding:0 160px 0 0!important;
}
.admin-user-modal .status-pill{
  position:absolute!important;
  top:24px!important;
  right:68px!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important;
}
.admin-user-modal>.modal-x{
  position:absolute!important;
  top:24px!important;
  right:24px!important;
}
.admin-user-modal .profile-card{
  position:static!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.admin-user-modal .admin-avatar{
  width:112px;
  height:112px;
  margin-bottom:14px;
  font-size:42px;
}
.admin-user-modal .details-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.admin-user-modal .admin-password-field{
  grid-column:1/-1;
}
.admin-user-modal .permission-list{
  max-height:118px;
  overflow:auto;
}
.admin-user-modal .permission-edit-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-height:220px;
}
.admin-user-modal .permission-check{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:1px solid #dbe5f1;
  border-radius:8px;
  background:#f8fafc;
  color:#1f5fbf;
  font-weight:650;
}
.admin-user-modal .permission-check input{
  flex:0 0 auto;
  width:17px;
  height:17px;
  accent-color:#2c63c6;
}
.admin-user-modal .permission-check span{
  min-width:0;
  overflow-wrap:anywhere;
}
.admin-user-modal .details-actions{
  grid-column:1/-1!important;
  justify-content:flex-end!important;
  margin-top:0!important;
}
@media (max-width:820px){
  .admin-user-modal{
    width:100%!important;
    max-height:calc(100vh - 32px)!important;
    grid-template-columns:1fr!important;
    padding:20px!important;
  }
  .admin-user-modal .details-head{
    padding:0 128px 0 0!important;
  }
  .admin-user-modal .status-pill{
    top:20px!important;
    right:64px!important;
  }
  .admin-user-modal>.modal-x{
    top:20px!important;
    right:20px!important;
  }
  .admin-user-modal .profile-card{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr);
    gap:12px 16px;
    align-items:center;
    text-align:left!important;
  }
  .admin-user-modal .admin-avatar{
    grid-row:1/4;
    width:88px;
    height:88px;
    margin:0;
    font-size:34px;
  }
  .admin-user-modal .profile-meta,
  .admin-user-modal .permission-summary{
    margin:0;
    padding:0;
    border:0;
  }
  .admin-user-modal .details-fields{
    grid-template-columns:1fr!important;
  }
  .admin-user-modal .details-actions{
    display:grid!important;
    grid-template-columns:1fr;
  }
}
@media (max-width:520px){
  .admin-user-modal .details-head{
    padding:50px 0 0!important;
  }
  .admin-user-modal .status-pill{
    left:20px!important;
    right:auto!important;
  }
  .admin-user-modal .profile-card{
    grid-template-columns:1fr;
    text-align:center!important;
  }
  .admin-user-modal .admin-avatar{
    grid-row:auto;
    margin:0 auto;
  }
}

/* Centralized public icons */
.file-line>.file-icon{width:80px;height:80px;display:grid;place-items:center;flex-shrink:0;background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:hidden}
.file-line>.file-icon:after{display:none}
.file-line>.file-icon.red{background:transparent!important;color:#dd3d3d!important;font-weight:800}
.file-line:hover>.file-icon{transform:none!important;box-shadow:none!important}
.file-line>.file-icon .upload-icon,
.file-line>.file-icon .platform-icon,
.file-line>.file-icon .site-icon-img[src*="/accreditation_upload.png"]{width:100%;height:100%;object-fit:contain}
.registration-document-field .file-icon{overflow:visible}
.registration-document-field .file-line:not(.is-influencer-document) .file-icon,
.upload .file-icon:has(.site-icon-img[src*="/accreditation_upload.png"]){width:80px;height:80px;display:grid;place-items:center;flex-shrink:0}
.registration-document-field .file-icon .upload-icon,
.upload .file-icon .site-icon-img[src*="/accreditation_upload.png"]{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain}
.upload .file-icon:has(.site-icon-img[src*="/accreditation_upload.png"]){overflow:visible}
.registration-document-field .file-line:not(.is-influencer-document),
.upload .file-line:has(.site-icon-img[src*="/accreditation_upload.png"]){grid-template-columns:80px minmax(180px,1fr) minmax(150px,220px)}
.upload .file-line{grid-template-columns:80px minmax(180px,1fr) minmax(150px,220px)}
@media (max-width:720px){
  .file-line>.file-icon{width:80px;height:80px}
  .file-line>.file-icon .upload-icon,
  .file-line>.file-icon .platform-icon,
  .file-line>.file-icon .site-icon-img[src*="/accreditation_upload.png"]{width:100%;height:100%}
  .registration-document-field .file-line:not(.is-influencer-document) .file-icon,
  .upload .file-icon:has(.site-icon-img[src*="/accreditation_upload.png"]){width:80px;height:80px}
  .registration-document-field .file-icon .upload-icon,
  .upload .file-icon .site-icon-img[src*="/accreditation_upload.png"]{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;transform:none}
  .upload .file-icon:has(.site-icon-img[src*="/accreditation_upload.png"]){overflow:visible}
  .registration-document-field .file-line:not(.is-influencer-document),
  .upload .file-line:has(.site-icon-img[src*="/accreditation_upload.png"]){grid-template-columns:80px 1fr}
  .upload .file-line,.registration-document-field .file-line:has(.influencer-link-fields:not([hidden])){grid-template-columns:80px 1fr}
  .influencer-link-fields{grid-template-columns:1fr;gap:8px}
  .registration-kind-card{grid-template-columns:1fr;justify-items:center;align-content:center;text-align:center;gap:7px;padding:12px 8px}
  .registration-kind-icon{grid-row:1;margin:0 auto}
  .registration-kind-card>span:last-child{grid-row:2;min-width:0}
  .registration-kind-card.is-selected{border-color:#2664c7;background:linear-gradient(180deg,#f7fbff,#eaf3ff);box-shadow:0 8px 22px rgba(38,100,199,.18),0 0 0 3px rgba(38,100,199,.1);transform:translateY(-2px)}
  .registration-kind-card.is-selected .registration-kind-icon{background:#fff;border-color:#8eb9f6;box-shadow:0 6px 14px rgba(38,100,199,.14)}
}
.photo-actions img[src$="/camera.png"],.photo-choice-menu img[src$="/camera.png"]{width:1.05em;height:1.05em}
.role-grid button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;text-align:left;direction:ltr;background:#f8fafc!important;border-color:var(--line)!important;color:var(--ink);position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background .28s ease,filter .28s ease}
.role-grid button:before{content:"";position:absolute;inset:-1px;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.9) 48%,transparent 76%);transform:translateX(-130%) skewX(-14deg);transition:transform .72s ease;pointer-events:none}
.role-grid button:hover{transform:translateY(-3px);border-color:rgba(38,100,199,.36)!important;background:linear-gradient(135deg,#fff,#f3f8ff)!important;box-shadow:0 18px 34px rgba(7,26,56,.14),0 0 0 4px rgba(38,100,199,.08);filter:saturate(1.08)}
.role-grid button:hover:before{transform:translateX(130%) skewX(-14deg)}
.role-grid button:hover span{transform:none;filter:none;box-shadow:none}
.role-grid button:hover span:after{transform:translateX(-120%) rotate(12deg)}
.role-grid span{font-size:20px;line-height:1;color:#000;z-index:1}
.role-grid span .site-icon-img{width:1em;height:1em}
.role-grid .role-label{min-width:0;font-size:inherit;line-height:1.2;color:var(--ink);white-space:normal;overflow-wrap:break-word;word-break:normal}
.role-grid .role-label:after{display:none}
.role-grid .keep-together{white-space:nowrap;font-size:inherit;line-height:inherit;color:inherit}
.print-frame{position:fixed;right:0;bottom:0;width:0;height:0;border:0;opacity:0;pointer-events:none}
.print-actions{
  --print-action-width:108px;
  --print-action-gap:8px;
}
.print-actions .view-btn,
.print-actions .print-submit{
  width:var(--print-action-width);
  min-height:40px;
}
.print-actions .view-btn:disabled{
  opacity:.46;
  cursor:not-allowed;
  filter:grayscale(.35);
  box-shadow:none;
}
.print-actions.is-printed{justify-content:center}
.print-actions.is-printed .view-btn{
  width:calc((var(--print-action-width) * 2) + var(--print-action-gap));
  min-width:calc((var(--print-action-width) * 2) + var(--print-action-gap));
}
.request-actions{
  --request-action-width:82px;
  --request-validate-width:82px;
  --request-delete-width:40px;
  --request-action-gap:8px;
  flex-wrap:nowrap;
}
.request-actions .view-btn,
.request-actions .ok{
  width:var(--request-action-width);
  min-width:var(--request-action-width);
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.request-actions .danger.icon-only{
  width:var(--request-delete-width);
  min-width:var(--request-delete-width);
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff2f2;
  color:#c43737;
  border-color:#efb5b5;
}
.request-actions .danger.icon-only .site-icon-img{
  width:17px;
  height:17px;
}
.request-actions .danger.icon-only:hover{
  background:#ffe7e7;
  border-color:#e58d8d;
}
.request-actions.is-validated .view-btn{
  width:calc(var(--request-action-width) + var(--request-validate-width) + var(--request-action-gap));
  min-width:calc(var(--request-action-width) + var(--request-validate-width) + var(--request-action-gap));
}
.print-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  line-height:1;
}
.print-submit .site-icon-img{
  flex:0 0 auto;
  width:1.1em;
  height:1.1em;
  filter:brightness(0) invert(1);
}
.printing-bulk-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #edf1f7;
}
.printing-bulk-actions button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
}
.printing-bulk-actions .site-icon-img{
  width:1.1em;
  height:1.1em;
  flex:0 0 auto;
}
.printing-bulk-actions .green .site-icon-img,
.printing-bulk-actions .blue .site-icon-img{
  filter:brightness(0) invert(1);
}
@media (max-width:720px){
  .printing-bulk-actions{display:grid;grid-template-columns:1fr}
  .printing-bulk-actions button{width:100%}
}
.title-actions .title-action-btn,
.filters .filter-submit,
.filters .filter-reset,
.filters .filter-duplicates{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}
.filters .filter-submit,
.filters .filter-reset,
.filters .filter-duplicates{
  height:44px;
  border:1px solid #dbe5f1;
  border-radius:8px;
  padding:0 18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.filters .filter-submit{
  background:#071a38;
  color:#fff;
}
.filters .filter-reset{
  background:#fff;
  color:#071a38;
}
.filters .filter-duplicates{
  background:#fff7f7;
  color:#d73636;
  font-weight:800;
}
.filters .filter-duplicates.is-active{
  background:#d73636;
  border-color:#d73636;
  color:#fff;
}
.filters input,
.filters select,
.filters .filter-submit,
.filters .filter-reset,
.filters .filter-duplicates{
  width:100%;
}
.filters .filter-search-field{
  position:relative;
  display:block;
  min-width:0;
}
.filters .filter-search-field .site-icon-img{
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  opacity:.58;
  pointer-events:none;
}
.filters .filter-search-field input{
  padding-left:42px;
}
.filters.admin-request-filters{
  grid-template-columns:minmax(260px,1fr) minmax(170px,210px) 112px 112px 150px;
  align-items:center;
  justify-content:stretch;
  grid-auto-flow:column;
}
.filters.admin-request-filters .filter-search-field{
  grid-column:auto;
  align-self:center;
  margin:0;
}
.filters.admin-request-filters select,
.filters.admin-request-filters .filter-submit,
.filters.admin-request-filters .filter-reset,
.filters.admin-request-filters .filter-duplicates{
  align-self:center;
  min-height:44px;
}
.filters.admin-request-filters .filter-reset{
  min-width:150px;
}
.media-name.is-major-duplicate{
  color:#d73636;
  font-weight:850;
  text-shadow:none;
  box-shadow:none;
}
.duplicate-dot{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
  margin-inline-start:6px;
  border-radius:50%;
  background:#d73636;
  color:#fff;
  font-size:11px;
  font-family:Arial, sans-serif;
  font-weight:900;
  line-height:1;
  text-decoration:none;
  vertical-align:middle;
  text-align:center;
  padding-top:1px;
  box-shadow:none;
}
.duplicate-dot:hover,
.duplicate-dot:focus-visible{
  background:#b91f1f;
  color:#fff;
  box-shadow:none;
}
.no-results{
  padding:28px!important;
  color:#66728a;
  font-weight:650;
  text-align:center;
}
@media (max-width:900px){
  .filters.admin-request-filters{
    grid-template-columns:minmax(260px,1fr) minmax(180px,220px) minmax(112px,1fr);
    grid-auto-flow:row;
  }
}
@media (max-width:720px){
  .filters.admin-request-filters{
    grid-template-columns:1fr;
  }
}
.form-error-message{grid-column:1/-1;margin:-8px 0 0;color:#d73636;font-weight:750;text-align:center}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.input-icon.field-error input,
.field.field-error select,
.file-line.field-error{
  border-color:#d73636!important;
  box-shadow:0 0 0 3px rgba(215,54,54,.12)!important;
}
.input-icon.field-error input{
  position:relative;
  z-index:1;
  pointer-events:auto;
}
.input-icon.field-error span{
  border-color:#d73636!important;
  pointer-events:none;
}
.file-line.field-error{
  background:#fff7f7!important;
}
.photo-box.field-error{
  border-color:transparent!important;
  box-shadow:none!important;
  outline:2px solid #d73636;
  outline-offset:4px;
  border-radius:8px;
}
.photo-box.field-error .avatar-preview{
  border-color:#d9e1ef!important;
}
.role-grid.field-error{
  outline:2px solid #d73636;
  outline-offset:6px;
  border-radius:10px;
}
.registration-kind.field-error{
  outline:2px solid #d73636;
  outline-offset:6px;
  border-radius:10px;
}
.input-icon span:after,
.file-line>span:after,
.role-grid span:after,
.role-grid button:before,
.avatar-preview:before{
  pointer-events:none;
}

/* About FAQ page */
.about-faq-page{
  align-items:start;
}
.about-faq-panel{
  min-width:0;
}
.about-intro{
  max-width:880px;
  color:#40506a;
  font-size:16px;
  line-height:1.7;
}
.faq-list{
  display:grid;
  gap:12px;
  margin-top:24px;
}
.about-faq-page .faq{
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #dbe5f1;
  border-radius:8px;
  background:#fff;
  box-shadow:0 14px 34px rgba(7,26,56,.07);
}
.about-faq-page .faq summary{
  min-height:68px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 34px;
  gap:14px;
  align-items:center;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
  background:#f8fbff;
  color:#071a38;
}
.about-faq-page .faq summary::-webkit-details-marker{
  display:none;
}
.about-faq-page .faq-index{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  align-self:center;
  border-radius:50%;
  background:#eef5ff;
  color:#1f5fbf;
  font-weight:700;
}
.about-faq-page .faq summary strong{
  min-width:0;
  align-self:center;
  font-size:17px;
  line-height:1.35;
}
.faq-arrow{
  width:34px;
  height:44px;
  display:grid;
  place-items:center;
  align-self:center;
  justify-self:center;
  border-radius:0;
  background:transparent;
  color:#3bb5e3;
  font-style:normal;
  font-size:0;
  line-height:1;
  transform:rotate(0deg);
  transform-origin:center;
  transition:transform .42s cubic-bezier(.22,1,.36,1),color .22s ease;
}
.faq-arrow:before{
  content:"";
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
}
.about-faq-page .faq[open] .faq-arrow{
  transform:rotate(180deg);
  background:transparent;
}
.faq-body{
  padding:18px 22px 22px;
  color:#40506a;
  background:#f8fbff;
  font-size:15px;
  font-weight:500;
  line-height:1.8;
  white-space:normal;
}
.about-help-card{
  position:sticky;
  top:120px;
  margin-top:92px;
}
[dir="rtl"] .about-faq-page .faq summary{
  grid-template-columns:48px minmax(0,1fr) 34px;
  padding:12px 16px;
}
@media (max-width:1100px){
  .about-help-card{
    position:static;
  }
}
@media (max-width:560px){
  .about-faq-page{
    padding-top:18px;
  }
  .about-faq-page .faq summary{
    grid-template-columns:38px minmax(0,1fr) 30px;
    gap:10px;
    padding:10px 12px;
  }
  .about-faq-page .faq-index{
    width:36px;
    height:36px;
  }
  .about-faq-page .faq summary strong{
    font-size:15px;
  }
  .faq-arrow{
    width:30px;
    height:40px;
  }
  .faq-body{
    padding:14px 16px 18px;
    font-size:14px;
  }
}

/* Cinematic water motion in the public hero card */
.hero-card{position:relative;overflow:hidden;isolation:isolate}
.water-dot{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;background:rgba(116,210,255,.2);box-shadow:inset -18px -20px 34px rgba(38,139,255,.08),0 20px 58px rgba(116,210,255,.2);filter:blur(2.6px);mix-blend-mode:screen}
.water-dot-1{width:118px;height:118px;left:-145px;top:34px;animation:waterDriftRight 11s linear infinite}
.water-dot-2{width:92px;height:92px;right:-118px;top:112px;animation:waterDriftLeft 13s linear infinite}
.hero-card>*{position:relative;z-index:1}
.hero-card .water-dot{position:absolute;display:block;z-index:0}
.hero-card img,.hero-card h1,.hero-card .green-line,.hero-card p,.hero-card ul{z-index:1}
.hero-card img{width:178px;margin-bottom:46px}
.hero-card h1{margin-top:10px}
.hero-mobile-head,.hero-mobile-copy{display:contents}
.hero-features{display:grid;gap:14px;margin-top:40px!important}
.hero-features li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;margin:0!important}
.hero-feature-icon{position:relative;width:38px;height:38px;min-width:38px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;align-content:center;justify-content:center;background:rgba(59,181,227,.13);border:1px solid rgba(59,181,227,.34);color:#3bb5e3;font-style:normal;font-size:15px;line-height:1;box-shadow:0 10px 24px rgba(59,181,227,.08);overflow:hidden}
.hero-card .hero-feature-icon .site-icon-img,.hero-card .hero-feature-icon .site-icon-svg{position:absolute;left:50%;top:50%;display:block!important;width:21px!important;height:21px!important;max-width:none;max-height:none;margin:0!important;object-fit:contain;object-position:center;color:#3bb5e3;filter:none!important;transform:translate(-50%,-50%)}
.hero-features li span{display:grid!important;gap:3px;margin:0!important;color:inherit!important}
.hero-features li b{display:block}
.hero-features li small{display:block;color:#d7dfeb;font-size:13px;font-weight:500;line-height:1.35}
[dir="rtl"] .hero-features li{grid-template-columns:38px minmax(0,1fr)}

@keyframes waterDriftRight{
  0%{transform:translate3d(0,0,0) scale(.92);opacity:0}
  12%{opacity:.9}
  50%{transform:translate3d(260px,22px,0) scale(1.04);opacity:.85}
  88%{opacity:.75}
  100%{transform:translate3d(620px,-6px,0) scale(.96);opacity:0}
}

@keyframes waterDriftLeft{
  0%{transform:translate3d(0,0,0) scale(.94);opacity:0}
  14%{opacity:.82}
  48%{transform:translate3d(-230px,-18px,0) scale(1.06);opacity:.86}
  86%{opacity:.7}
  100%{transform:translate3d(-600px,12px,0) scale(.92);opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .water-dot{animation:none}
}

@media (max-width:1100px){
  .home-shell{
    padding-top:0;
  }
  .home-shell .hero-card{
    margin-inline:-28px;
    border-top:0;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:0;
  }
}

@media (max-width:720px){
  .home-shell{
    padding:0 0 46px;
  }
  .home-shell .hero-card{
    margin-inline:0;
    border-top:0;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:0;
  }
  .home-shell .form-panel{
    margin-inline:12px;
  }
  .hero-card{padding:18px 16px}
  .hero-mobile-head{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center}
  .hero-mobile-copy{display:block;min-width:0}
  .hero-card img{width:108px;margin:0}
  .hero-card h1{font-size:20px;margin:0}
  .hero-card .green-line{margin:8px 0 10px}
  .hero-card p{font-size:13px;margin:0;line-height:1.45}
  .hero-features{margin-top:18px!important;gap:10px}
  .hero-features li{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .hero-feature-icon{width:34px;height:34px;min-width:34px;font-size:13px}
  .hero-card .hero-feature-icon .site-icon-img,.hero-card .hero-feature-icon .site-icon-svg{width:19px!important;height:19px!important}
  .hero-features li small{font-size:12px}
}

/* Stable public header */
.topbar{direction:ltr;display:grid!important;grid-template-columns:minmax(260px,360px) minmax(340px,1fr) minmax(210px,300px);align-items:center;gap:24px;min-height:88px;height:auto;padding:12px 42px;position:sticky;top:0;z-index:30;background:#673f35}
.topbar .brand{min-width:0!important;width:100%;flex:none;gap:14px;overflow:hidden}
.topbar .brand img{width:78px;flex:0 0 78px}
.topbar .brand span{min-width:0;direction:ltr}
.topbar .brand b,.topbar .brand strong,.topbar .brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar nav{position:static!important;transform:none!important;width:100%;margin:0!important;display:flex!important;gap:52px;justify-content:center;align-items:center}
.topbar nav a{position:relative;height:58px;min-width:auto;padding:0 2px 12px!important;display:inline-flex;align-items:center;justify-content:center;color:#dce5f4;font-size:16px;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.topbar nav a:hover{color:var(--green)}
.topbar nav a.active{color:var(--green)}
.topbar nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:4px;border-radius:999px;background:var(--green);opacity:0;transition:left .28s cubic-bezier(.2,.8,.2,1),right .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.topbar nav a:hover:after,.topbar nav a.active:after{left:0;right:0;opacity:1}
.topbar nav a:hover{transform:translateY(-1px)}
.top-actions{width:100%;min-width:0;flex:none;display:flex!important;gap:12px;align-items:center;justify-content:flex-end}
.lang-switch{width:82px;justify-self:end;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);direction:ltr}
.lang-switch a{display:grid;place-items:center;min-height:32px;padding:0!important;border-radius:999px;color:#e3e9f2;font-size:12px;font-weight:800;line-height:1;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.lang-switch a:hover{color:#fff;background:rgba(255,255,255,.12)}
.lang-switch a.on{background:#fff;color:#673f35;box-shadow:0 4px 12px rgba(17,10,8,.18)}
.lang-switch a:focus-visible{outline:3px solid rgba(59,181,227,.5);outline-offset:2px}
.glass-btn{width:auto;min-width:0;min-height:42px;padding:0 14px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.glass-btn .ico{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px}

@media (max-width:1100px){
  .topbar{grid-template-columns:minmax(220px,1fr) minmax(230px,auto);grid-template-areas:"brand actions" "nav nav";padding:12px 24px;gap:12px 18px}
  .topbar .brand{grid-area:brand}
  .topbar nav{grid-area:nav}
  .top-actions{grid-area:actions;justify-self:end;max-width:none}
}

@media (max-width:720px){
  .topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "nav nav";padding:10px 12px 9px;gap:8px 10px}
  .topbar .brand{justify-content:flex-start;text-align:left;gap:9px}
  .topbar .brand img{width:52px;flex-basis:52px}
  .topbar .brand b,.topbar .brand strong{font-size:13px}
  .topbar .brand small{font-size:11px}
  .top-actions{width:auto;max-width:100%;justify-self:end;gap:8px}
  .lang-switch{width:70px}
  .lang-switch a{min-height:28px;font-size:11px}
  .glass-btn{min-height:36px;padding:0 11px!important;font-size:13px}
  .glass-btn .ico{width:18px;height:18px;flex-basis:18px}
  .topbar nav{gap:22px;overflow-x:auto!important;justify-content:center;padding:0 2px}
  .topbar nav a{height:48px;font-size:14px;padding:0 1px 12px!important}
  .topbar nav a:after{bottom:5px;height:3px}
}

@media (max-width:390px){
  .topbar{padding-left:9px;padding-right:9px}
  .topbar .brand img{width:46px;flex-basis:46px}
  .topbar .brand b{display:none}
  .topbar .brand strong{font-size:12px}
  .topbar .brand small{font-size:10px}
  .top-actions{gap:6px}
  .lang-switch{width:66px}
  .glass-btn{font-size:12px;padding:0 9px!important}
  .topbar nav{gap:14px;justify-content:center}
  .topbar nav a{height:46px;font-size:12px;padding-bottom:12px!important}
}

/* Use one solid header surface and keep the page background white below it. */
.home-page{background:#fff}
.home-page .home-shell{background:#fff}
.home-page .site-footer{background:#fff}
.topbar-home{background:#673f35!important;box-shadow:0 10px 28px rgba(50,25,19,.26)!important;border:0!important;transition:background-color .28s ease,box-shadow .28s ease}
.topbar-home.is-at-top{background:#673f35!important;box-shadow:none!important}
.topbar-home{color:white}
.topbar-home nav a{color:#dce5f4}
.topbar-home .glass-btn{color:white}
.topbar-home.is-scroll-hidden{transform:translateY(-100%)!important}
@media (max-width:1100px){
  .topbar-home{margin-bottom:0!important}
  .home-shell .hero-card{padding-top:28px!important}
}
@media (max-width:720px){
  .home-shell .hero-card{padding-top:18px!important}
}

/* Keep hero water circles visible above the card background */
.hero-card>.water-dot{position:absolute!important;display:block!important;z-index:0!important}

/* Professional profile placeholder in the circular photo field */
.avatar-preview{
  position:relative;
  isolation:isolate;
  width:clamp(118px,18vw,170px);
  height:auto;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:2px dashed var(--line);
  border-radius:50%;
  background:#f8fafc;
  box-shadow:none;
  overflow:hidden;
  overflow:clip;
  contain:paint;
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
  cursor:pointer;
}
.avatar-preview:hover{
  transform:translateY(-2px) scale(1.02);
  border-color:#c8d2e4;
  background:#fff;
}
.avatar-preview:before{
  display:none;
}
.profile-placeholder{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:#f8fafc;
  color:white;
}
.profile-upload-placeholder img{
  width:82%;
  height:82%;
  display:block;
  object-fit:contain;
  filter:none;
}
.avatar-preview img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  z-index:4;
  border-radius:50%;
  border:0;
  object-fit:cover;
  object-position:center;
  box-shadow:none;
}
.photo-choice-backdrop{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(7,16,34,.24);
  backdrop-filter:blur(10px) saturate(1.08);
  -webkit-backdrop-filter:blur(10px) saturate(1.08);
}
.photo-choice-backdrop[hidden]{
  display:none;
}
.photo-choice-menu{
  position:relative;
  width:min(390px,92vw);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  border-radius:22px;
  padding:26px 22px 22px;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(226,239,255,.2));
  box-shadow:0 28px 78px rgba(6,18,38,.28),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(28px) saturate(1.25);
  -webkit-backdrop-filter:blur(28px) saturate(1.25);
  animation:photoChoiceIn .22s ease both;
}
.photo-choice-menu:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:21px;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,0) 46%,rgba(139,107,255,.14));
  pointer-events:none;
}
.photo-choice-orb{
  position:absolute;
  width:170px;
  height:170px;
  left:-52px;
  top:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(106,148,255,.38),rgba(119,82,255,.08) 58%,rgba(255,255,255,0) 70%);
  filter:blur(2px);
  pointer-events:none;
}
.photo-choice-menu h4{
  position:relative;
  margin:0 42px 18px;
  color:#071a38;
  font-size:19px;
  line-height:1.2;
  text-align:center;
}
.photo-choice-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.62);
  color:#071a38;
  border:1px solid rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  line-height:1;
}
.photo-choice-close .site-icon-img{
  width:16px;
  height:16px;
}
.photo-choice-actions{
  position:relative;
  display:grid;
  gap:12px;
}
.photo-choice-actions button{
  min-height:92px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:14px;
  background:linear-gradient(145deg,#071a38,#123a76);
  color:#fff;
  display:inline-flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  justify-content:center;
  padding:14px 12px;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 12px 26px rgba(7,26,56,.1),inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.photo-choice-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.photo-choice-icon .site-icon-img{
  width:24px;
  height:24px;
  filter:brightness(0) invert(1);
}
.photo-choice-actions button>span:last-child{
  min-width:0;
  color:#fff;
  font-weight:650;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.photo-choice-actions button:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.95);
  background:linear-gradient(145deg,#0b2248,#1f5fbf);
  box-shadow:0 16px 34px rgba(7,26,56,.18),inset 0 1px 0 rgba(255,255,255,.22);
}
[dir="rtl"] .photo-choice-close{
  right:auto;
  left:14px;
}
[dir="rtl"] .photo-choice-actions button{
  justify-content:center;
}
@media (max-width:420px){
  .photo-choice-menu{
    padding:24px 16px 18px;
  }
  .photo-choice-actions button{
    min-height:88px;
    gap:8px;
    padding:8px 12px;
  }
  .photo-choice-icon{
    flex-basis:40px;
    width:40px;
    height:40px;
  }
}
.photo-actions-native{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  clip-path:inset(50%);
}
@keyframes photoChoiceIn{
  from{opacity:0;transform:translateY(10px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Stable centered tracking search button */
.tracking-search .tracking-search-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%;
  min-width:0;
  height:44px!important;
  padding:0 16px!important;
  color:#fff!important;
  text-align:center;
  line-height:1!important;
  white-space:nowrap;
  overflow:hidden;
}
.tracking-search-button-icon,
.tracking-search-button-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  color:#fff!important;
  line-height:1!important;
}
.tracking-search-button-icon{
  flex:0 0 auto;
  width:18px;
  height:18px;
  font-size:18px;
}
.tracking-search-button-text{
  flex:0 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tracking-search-button-icon .site-icon-img{
  width:18px;
  height:18px;
  filter:brightness(0) invert(1);
}

/* Refined public login window */
.login-modal{
  width:min(380px,calc(100vw - 32px))!important;
  padding:28px 24px 26px!important;
  display:grid;
  gap:16px;
  color:#fff;
  border-radius:18px;
}
.login-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  direction:ltr;
  margin-bottom:4px;
}
.login-modal h2{
  margin:0!important;
  font-size:23px!important;
  line-height:1.15;
  text-align:left;
}
.login-modal .login-close{
  position:static;
  min-width:0;
  width:36px;
  height:36px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1;
  touch-action:manipulation;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.login-modal .login-close .site-icon-img{
  width:13px;
  height:13px;
}
.login-modal .login-close:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.28);
  border-color:rgba(255,255,255,.44);
}
.registration-details-modal .modal-x,
.glass-modal.confirm .modal-x,
.upload-modal .modal-x{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#071a38!important;
  border:1px solid #071a38!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.registration-details-modal .modal-x{
  background:#071a38!important;
  border-color:#071a38!important;
}
.registration-details-modal .modal-x .site-icon-img,
.glass-modal.confirm .modal-x .site-icon-img,
.upload-modal .modal-x .site-icon-img{
  width:13px!important;
  height:13px!important;
  filter:brightness(0) invert(1);
}
.registration-details-modal .modal-x:hover,
.glass-modal.confirm .modal-x:hover,
.upload-modal .modal-x:hover{
  transform:translateY(-1px);
  background:#0d2b5a!important;
  border-color:#0d2b5a!important;
}
.registration-details-modal .modal-x:hover{
  background:#0d2b5a!important;
  border-color:#0d2b5a!important;
}
.delete-confirm-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.delete-confirm-modal{
  width:min(420px,calc(100vw - 32px))!important;
  padding:26px 24px 24px!important;
  display:grid!important;
  gap:16px!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#071a38!important;
  border:1px solid #dbe5f1!important;
  box-shadow:0 28px 76px rgba(7,26,56,.28)!important;
}
.delete-confirm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  direction:ltr;
}
.delete-confirm-modal h2{
  margin:0!important;
  color:#071a38!important;
  font-size:23px!important;
  line-height:1.15!important;
  text-align:center;
  flex:1;
}
.delete-confirm-modal p{
  margin:0;
  color:#40506a;
  line-height:1.6;
  text-align:center;
}
.delete-confirm-modal .modal-x{
  position:static!important;
  background:#071a38!important;
  border-color:#071a38!important;
  color:#fff!important;
  flex:0 0 auto;
}
.delete-confirm-modal .modal-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:4px!important;
}
.delete-confirm-modal .modal-actions button{
  min-height:44px;
  border-radius:10px;
}
.delete-confirm-modal .delete-confirm-submit{
  background:#fff2f2!important;
  color:#c43737!important;
  border:1px solid #efb5b5!important;
}
@media (max-width:820px){
  .modal-backdrop:has(.delete-confirm-modal){
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
  }
  .modal-backdrop:has(.delete-confirm-modal) .delete-confirm-modal{
    width:min(420px,calc(100vw - 32px))!important;
    max-height:calc(100vh - 32px)!important;
  }
}
.delete-confirm-submit .site-icon-img{
  width:18px;
  height:18px;
  filter:none;
}
.delete-confirm-modal .restore-confirm-submit{
  background:#eef5ff!important;
  color:#2563c7!important;
  border:1px solid #b9cff8!important;
}
.delete-confirm-modal .restore-confirm-submit .site-icon-img{
  filter:brightness(0) saturate(100%) invert(35%) sepia(83%) saturate(1406%) hue-rotate(200deg) brightness(86%) contrast(92%)!important;
}
.delete-confirm-modal .restore-confirm-submit .site-icon-svg{
  color:#2563c7!important;
  fill:#2563c7!important;
  stroke:#2563c7!important;
}
.logout-confirm-modal{
  width:min(420px,calc(100vw - 32px))!important;
  padding:26px 24px 24px!important;
  display:grid!important;
  gap:16px!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#071a38!important;
  border:1px solid #dbe5f1!important;
  box-shadow:0 28px 76px rgba(7,26,56,.28)!important;
}
.logout-confirm-head{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  align-items:center;
  gap:12px;
  direction:ltr;
}
.logout-confirm-head:before{
  content:"";
  width:36px;
  height:36px;
}
.logout-confirm-modal h2{
  margin:0!important;
  color:#071a38!important;
  font-size:23px!important;
  line-height:1.15!important;
  text-align:center;
  grid-column:2;
}
.logout-confirm-modal p{
  margin:0;
  color:#40506a;
  line-height:1.6;
  text-align:center;
}
.logout-confirm-modal .modal-x{
  position:static!important;
  grid-column:3;
  background:#071a38!important;
  border-color:#071a38!important;
  color:#fff!important;
}
.logout-confirm-modal .modal-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:4px!important;
}
.logout-confirm-modal .modal-actions button{
  min-height:44px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.logout-confirm-submit{
  background:#071a38!important;
  color:#fff!important;
  border:1px solid #071a38!important;
}
.logout-confirm-submit .site-icon-img{
  width:18px;
  height:18px;
  filter:brightness(0) invert(1);
}
@media (max-width:480px){
  .logout-confirm-modal .modal-actions{
    grid-template-columns:1fr;
  }
}
.login-field{
  display:grid;
  gap:8px;
}
.login-form-fields{
  display:grid;
  gap:16px;
}
.login-form-fields[hidden],
.login-status-panel[hidden]{
  display:none!important;
}
.login-status-panel{
  display:grid;
  gap:18px;
}
.login-status-panel p{
  margin:0;
  padding:16px;
  border-radius:12px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:14px;
  line-height:1.8;
  text-align:center;
  direction:rtl;
}
.login-status-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.login-status-actions button{
  min-height:44px;
  border-radius:12px;
}
.login-status-confirm{
  background:rgba(255,255,255,.88);
  color:#12344f;
  border:1px solid rgba(255,255,255,.72);
}
.login-status-submit{
  width:100%;
  background:#3bb5e3!important;
  color:#fff!important;
}
.login-modal label{
  font-size:13px;
  line-height:1.2;
}
.login-modal input{
  height:44px!important;
  border-radius:10px!important;
  padding:0 14px!important;
  color:#fff!important;
  caret-color:#fff;
}
.login-modal input::placeholder{
  color:rgba(255,255,255,.78);
  opacity:1;
}
.login-modal input:focus::placeholder{
  color:rgba(255,255,255,.62);
}
.login-modal .password-row{
  position:relative;
  display:block;
}
.login-modal .password-row input{
  padding-inline-end:48px!important;
}
.login-modal .password-row button{
  position:absolute;
  top:50%;
  inset-inline-end:7px;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:transparent;
  color:#fff;
  font-size:16px;
}
.login-modal .password-row button:hover{
  background:rgba(255,255,255,.18);
}
.login-modal .password-row button .site-icon-img{
  width:18px;
  height:18px;
}
.login-modal .password-eye{
  position:relative;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
}
.login-modal .password-eye:after{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  top:50%;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform:rotate(-42deg);
  box-shadow:0 0 0 1px rgba(29,43,68,.18);
}
.login-modal [data-toggle-password].is-visible .password-eye:after{
  opacity:0;
}
.login-remember{
  justify-content:flex-start;
  gap:8px!important;
  margin:0 2px;
  font-size:11px!important;
  font-weight:500;
  color:rgba(255,255,255,.9);
}
.login-remember input{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px;
  accent-color:#3bb5e3;
}
.login-remember span{
  min-width:0;
}
.login-submit{
  justify-self:stretch;
  width:100%;
  min-height:44px;
  margin-top:2px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:12px!important;
  background:#3bb5e3!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(59,181,227,.28);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.login-submit:hover{
  transform:translateY(-1px);
  background:#3bb5e3!important;
  box-shadow:0 18px 36px rgba(59,181,227,.34);
}
.verify-login-modal{
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(59,181,227,.48))!important;
}
.verify-login-modal .login-close{
  text-decoration:none;
}
.verify-login-copy{
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:13px;
  line-height:1.55;
}
.verify-login-note{
  color:rgba(255,255,255,.82);
  font-weight:500;
}
.verify-code-input{
  text-align:center;
  letter-spacing:8px;
  font-size:22px!important;
  font-weight:700;
}
.verify-resend-button{
  justify-self:center;
  padding:0;
  background:transparent;
  color:rgba(255,255,255,.9);
  text-decoration:underline;
  font-size:12px;
  font-weight:600;
}
@media (max-width:820px){
  #loginModal{
    align-items:center!important;
    justify-content:center!important;
    padding:16px 12px!important;
  }
}
@media (max-width:480px){
  .login-modal{
    width:min(360px,calc(100vw - 24px))!important;
    padding:28px 20px 24px!important;
    max-height:calc(100svh - 32px);
    overflow:auto;
  }
  .login-modal h2{
    font-size:22px!important;
  }
}

.sidebar nav.admin-menu{
  gap:6px;
}

.sidebar nav.admin-menu a{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  direction:ltr;
  text-align:left;
}
.sidebar .logout-link{
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  direction:ltr;
  text-align:left;
}
@media (min-width:1101px){
  .sidebar .logout-link{
    display:flex!important;
  }
}
@media (max-width:1100px){
  .sidebar .logout-link{
    display:none!important;
  }
  .sidebar.is-menu-open .logout-link{
    display:flex!important;
  }
}
.sidebar .logout-link .site-icon-img{
  flex:0 0 1em;
  width:1em;
  height:1em;
}
.sidebar nav.admin-menu a.no-menu-icon:before{
  content:"";
  flex:0 0 1em;
  width:1em;
  height:1em;
}

.success-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:9999;
  padding:18px;
  background:rgba(4,10,22,.66);
  backdrop-filter:blur(12px) saturate(1.12);
}
.success-modal{
  width:min(430px,calc(100vw - 32px));
  display:grid;
  justify-items:center;
  gap:14px;
  padding:34px 28px 26px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(59,181,227,.42));
  color:#fff;
  box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.48);
  backdrop-filter:blur(28px) saturate(1.22);
  text-align:center;
  transform:translateY(14px) scale(.97);
  opacity:0;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
}
.success-backdrop.modal-open .success-modal{
  transform:translateY(0) scale(1);
  opacity:1;
}
.success-seal{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(234,249,239,.94);
  color:#3bb5e3;
  border:1px solid rgba(59,181,227,.92);
  box-shadow:0 16px 34px rgba(59,181,227,.22);
}
.success-seal .site-icon-img{
  width:36px;
  height:36px;
}
.success-modal.is-error{
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(168,35,35,.46));
}
.success-modal.is-error .success-seal{
  background:rgba(255,241,241,.96);
  color:#d73636;
  border-color:rgba(243,184,184,.95);
  box-shadow:0 16px 34px rgba(215,54,54,.24);
  font-size:46px;
  line-height:1;
  font-weight:900;
}
.success-modal.is-error .success-seal .site-icon-img{
  filter:none;
}
.success-modal.is-loading .success-seal{
  background:rgba(255,255,255,.92);
  color:#3bb5e3;
  border-color:rgba(189,231,246,.95);
}
.success-spinner{
  width:34px;
  height:34px;
  border-radius:50%;
  border:4px solid rgba(59,181,227,.2);
  border-top-color:#3bb5e3;
  animation:successSpin .8s linear infinite;
}
.success-kicker{
  margin:4px 0 0;
  color:#3bb5e3;
  font-weight:700;
}
.success-modal h2{
  margin:0 0 4px;
  font-size:28px;
  line-height:1.15;
}
.success-message{
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:15px;
  font-weight:650;
  line-height:1.55;
}
.success-email-note{
  margin:-2px 0 2px;
  color:rgba(255,255,255,.9);
  font-size:15px;
  font-weight:650;
  line-height:1.55;
}
.success-email-note[hidden]{
  display:none!important;
}
.success-id-field{
  width:100%;
  display:grid;
  gap:9px;
  text-align:inherit;
}
.success-id-field>span{
  color:rgba(255,255,255,.82);
  font-size:13px;
  font-weight:700;
}
.success-id-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:10px;
}
.success-id-row output{
  width:100%;
  min-height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.44);
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:#3bb5e3;
  padding:10px 14px;
  text-align:center;
  font-weight:750;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
}
.success-id-row button{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f7faff;
  color:#071a38;
  border:1px solid #dbe5f1;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.success-copy-note{
  color:#eef9fd;
  font-size:13px;
  font-weight:750;
}
.success-id-row button:hover,.success-id-row button.is-copied{
  transform:translateY(-1px);
  background:#eef9fd;
  color:#3bb5e3;
  border-color:#bde7f6;
}
.success-id-row svg{
  width:22px;
  height:22px;
  fill:currentColor;
}
.success-confirm{
  width:100%;
  min-height:48px;
  margin-top:4px;
  border-radius:8px;
  background:#3bb5e3;
  color:#fff;
  font-weight:750;
  box-shadow:0 16px 32px rgba(59,181,227,.26);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.success-confirm:hover{
  transform:translateY(-1px);
  background:#3bb5e3;
  box-shadow:0 20px 38px rgba(59,181,227,.32);
}
.success-follow-actions{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:2px;
}
.success-follow-actions a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
}
.success-secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.14);
}
.success-track{
  color:#fff;
  background:linear-gradient(135deg,#d73636,#b42318);
  box-shadow:0 12px 24px rgba(180,35,24,.24);
}
@keyframes successSpin{
  to{transform:rotate(360deg)}
}
@media (max-width:480px){
  .success-modal{
    padding:28px 20px 22px;
  }
  .success-modal h2{
    font-size:24px;
  }
  .success-follow-actions{
    grid-template-columns:1fr;
  }
}

/* Stable admin user dialogs */
.modal-backdrop[id^="adminView"]{
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal{
  width:min(920px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 40px)!important;
  overflow:auto!important;
  padding:24px!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:18px 22px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .details-head{
  padding:0 160px 0 0!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .status-pill{
  position:absolute!important;
  top:24px!important;
  right:68px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 14px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal>.modal-x{
  position:absolute!important;
  top:24px!important;
  right:24px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .profile-card{
  position:static!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .details-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-password-field,
.modal-backdrop[id^="adminView"] .admin-user-modal .wide{
  grid-column:1/-1!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .permission-edit-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  max-height:220px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .permission-check{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 12px!important;
  border:1px solid #dbe5f1!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  color:#1f5fbf!important;
  font-weight:650!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .permission-check input{
  width:17px!important;
  height:17px!important;
  accent-color:#2c63c6;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .details-actions{
  grid-column:1/-1!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:12px!important;
  margin:0!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-return{
  justify-self:end!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-save{
  grid-column:2!important;
  justify-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-delete{
  grid-column:3!important;
  justify-self:start!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .details-actions .primary{
  width:190px!important;
  min-width:190px!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .detail-control i .site-icon-img,
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-save .site-icon-img,
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-delete .site-icon-img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  opacity:1!important;
}
.modal-backdrop[id^="adminView"] .admin-user-modal .detail-control i{
  overflow:hidden!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="adminView"]{
    align-items:flex-start!important;
    padding:16px!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal{
    width:100%!important;
    max-height:calc(100vh - 32px)!important;
    grid-template-columns:1fr!important;
    padding:20px!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .details-head{
    padding:0 128px 0 0!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .status-pill{
    top:20px!important;
    right:64px!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal>.modal-x{
    top:20px!important;
    right:20px!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .profile-card{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:12px 16px!important;
    align-items:center!important;
    text-align:left!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .admin-avatar{
    grid-row:1/4!important;
    width:88px!important;
    height:88px!important;
    margin:0!important;
    font-size:34px!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .details-fields{
    grid-template-columns:1fr!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .details-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-return,
  .modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-save,
  .modal-backdrop[id^="adminView"] .admin-user-modal .admin-view-delete{
    grid-column:1!important;
    justify-self:center!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .details-actions button{
    width:min(260px,100%)!important;
    min-width:0!important;
  }
}
@media (max-width:520px){
  .modal-backdrop[id^="adminView"] .admin-user-modal .details-head{
    padding:50px 0 0!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .status-pill{
    left:20px!important;
    right:auto!important;
  }
  .modal-backdrop[id^="adminView"] .admin-user-modal .profile-card{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
.modal-backdrop[id^="adminView"] .admin-user-modal .admin-avatar{
    grid-row:auto!important;
    margin:0 auto!important;
  }
}

/* Excel import dialog */
#excelModal,
#printingExcelModal{
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  z-index:110!important;
}
#excelModal .upload-modal,
#printingExcelModal .upload-modal{
  width:min(640px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 40px)!important;
  overflow:auto!important;
  display:grid!important;
  gap:12px!important;
  padding:30px!important;
  border:1px solid #dbe5f1!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#071a38!important;
  box-shadow:0 34px 90px rgba(7,26,56,.24)!important;
  font-weight:400!important;
  box-sizing:border-box!important;
}
.excel-modal-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 36px;
  align-items:start;
  gap:18px;
  direction:ltr;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#071a38;
  min-width:0;
}
.excel-modal-head > div{
  min-width:0;
}
.excel-modal-kicker{
  display:block;
  margin-bottom:6px;
  color:#bde7f6;
  font-size:12px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.08em;
}
#excelModal .upload-modal h2,
#printingExcelModal .upload-modal h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0!important;
  font-size:28px!important;
  font-weight:400!important;
  line-height:1.15!important;
  min-width:0;
  overflow-wrap:anywhere;
}
#excelModal .upload-modal h2 .site-icon-img,
#excelModal .upload-modal h2 .site-icon-svg,
#printingExcelModal .upload-modal h2 .site-icon-img,
#printingExcelModal .upload-modal h2 .site-icon-svg{
  width:30px;
  height:30px;
  flex:0 0 auto;
}
.excel-modal-head p,
.excel-panel p,
.excel-required-head p{
  margin:6px 0 0;
  color:#66728a;
  font-weight:400;
  line-height:1.5;
}
.excel-modal-head p{
  margin:22px 0 0;
  color:#26344d;
  font-size:17px;
  font-weight:400;
  line-height:1.45;
  max-width:100%;
  overflow-wrap:anywhere;
}
#excelModal .modal-x,
#printingExcelModal .modal-x{
  position:static!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
#excelModal .modal-x .site-icon-img,
#excelModal .modal-x .site-icon-svg,
#printingExcelModal .modal-x .site-icon-img,
#printingExcelModal .modal-x .site-icon-svg{
  width:13px!important;
  height:13px!important;
  filter:brightness(0) invert(1);
}
#excelModal .modal-x:hover,
#printingExcelModal .modal-x:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.28)!important;
  border-color:rgba(255,255,255,.44)!important;
}
#excelModal .upload-modal .modal-x,
#printingExcelModal .upload-modal .modal-x{
  background:#071a38!important;
  border-color:#071a38!important;
}
#excelModal .upload-modal .modal-x:hover,
#printingExcelModal .upload-modal .modal-x:hover{
  background:#0d2b5a!important;
  border-color:#0d2b5a!important;
}
.excel-required-panel{
  display:grid;
  gap:0;
  padding:14px 18px;
  border:1px solid #dbe5f1;
  border-radius:8px;
  background:#fbfcff;
  margin-top:-4px;
}
.excel-submit-btn .site-icon-img,
.excel-submit-btn .site-icon-svg,
.excel-return-btn .site-icon-img,
.excel-return-btn .site-icon-svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}
.excel-field-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px 42px!important;
  margin:0!important;
  padding:0 0 0 18px!important;
  list-style:disc!important;
  background:transparent!important;
  border:0!important;
  font-size:18px!important;
}
.excel-field-list li{
  min-height:0;
  display:list-item;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#071a38;
  font-weight:400;
  line-height:1.25;
}
.excel-field-note{
  grid-column:1;
}
.excel-file-title{
  margin:0;
  color:#071a38;
  font-size:18px;
  font-weight:400;
  line-height:1.1;
  text-align:center;
  max-width:100%;
  overflow-wrap:anywhere;
}
.excel-transfer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
}
.excel-download-btn{
  min-height:58px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px!important;
  border:1px solid #dbe5f1;
  border-radius:8px!important;
  background:#fff;
  color:#071a38;
  font-size:15px!important;
  font-weight:400;
  line-height:1.25!important;
  white-space:normal;
  text-align:center;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.excel-download-btn span{
  display:block;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.excel-download-btn .site-icon-img,
.excel-download-btn .site-icon-svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}
.excel-native-file{
  width:100%;
  min-width:0;
  min-height:54px;
  height:54px;
  display:grid;
  align-items:center;
  border:1px solid #dbe5f1;
  border-radius:8px;
  background:#fff;
  padding:6px 10px;
}
.excel-native-file input{
  width:100%;
  min-width:0;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#071a38;
  font-size:16px;
  font-weight:400;
}
.excel-modal-actions{
  display:block;
  margin-top:30px;
  padding-top:0;
}
.excel-modal-actions .primary{
  min-height:58px;
  height:58px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:8px!important;
  white-space:nowrap;
  width:100%;
  font-size:17px!important;
  font-weight:400;
}
.excel-submit-btn{
  background:#071a38!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(7,26,56,.2);
}
@media (max-width:760px){
  #excelModal,
  #printingExcelModal{
    align-items:flex-start!important;
    padding:16px!important;
  }
  #excelModal .upload-modal,
  #printingExcelModal .upload-modal{
    width:100%!important;
    max-height:calc(100vh - 32px)!important;
    padding:22px!important;
  }
  .excel-transfer-grid{
    grid-template-columns:1fr;
  }
  .excel-field-list{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}
@media (max-width:460px){
  #excelModal .upload-modal,
  #printingExcelModal .upload-modal{
    padding:20px!important;
  }
  #excelModal .upload-modal h2,
  #printingExcelModal .upload-modal h2{
    font-size:22px!important;
  }
  .excel-modal-head p,
  .excel-field-list{
    font-size:15px!important;
  }
}

/* Splash screen final appearance */
.splash-scroll-locked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
.splash-screen{
  background:rgba(5,8,14,.72)!important;
  backdrop-filter:blur(9px)!important;
}
.splash-screen:before{
  inset:0!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(59,181,227,.34))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  animation:none!important;
}
.splash-screen:after{
  content:none!important;
}
.splash-panel{
  gap:4px!important;
}
.splash-panel p strong{
  color:#d7dfeb!important;
}
.splash-logo-ring{
  width:clamp(168px,30vw,260px)!important;
  height:clamp(168px,30vw,260px)!important;
}
.splash-logo-ring img{
  width:90%!important;
  height:90%!important;
}
.splash-dots{
  margin-top:0!important;
  margin-bottom:0!important;
}

.maintenance-body{margin:0;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#f5f7fb 0%,#eef4fb 100%);color:#fff}
.maintenance-splash{position:fixed;background:rgba(5,8,14,.72)!important}
.maintenance-splash.is-hidden{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.maintenance-copy{max-width:min(720px,88vw)!important;gap:10px!important}
.maintenance-copy span{color:#fff!important;font-size:clamp(22px,3.8vw,38px)!important;font-weight:800!important;line-height:1.12!important}
.maintenance-copy strong{display:block!important;color:#d7dfeb!important;font-size:clamp(15px,2.1vw,22px)!important;font-weight:650!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Admin settings page */
.settings-page .title-row{align-items:flex-start}
.settings-intro{margin:8px 0 0;color:#66728a;font-weight:600}
.settings-form{display:grid;gap:22px}
.settings-section{display:grid;gap:22px}
.settings-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #edf1f7;padding-bottom:16px}
.settings-section-head h2{margin:0;color:#071a38;font-size:24px}
.settings-section-head span{color:#66728a;font-weight:600;line-height:1.45}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.settings-grid label,.settings-file-field{display:grid;gap:8px;color:#34435a;font-size:14px}
.settings-grid input{width:100%;height:46px;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;color:#071a38;padding:0 14px}
.settings-grid input[type="color"]{padding:4px}
.settings-textarea-grid textarea{width:100%;min-height:118px;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;color:#071a38;padding:13px 14px;resize:vertical;font:inherit;line-height:1.5}
.settings-textarea-grid textarea:focus{outline:0;border-color:#3bb5e3;box-shadow:0 0 0 4px rgba(59,181,227,.12)}
.settings-file-field{grid-column:1/-1}
.settings-file-field input{padding:10px;height:auto}
.settings-file-field small{color:#66728a}
.settings-file-field a{color:#1f5fbf}
.settings-fields-table{display:grid;border:1px solid #dbe5f1;border-radius:8px;overflow:hidden;background:#fff}
.settings-fields-head,.settings-field-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px 150px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf1f7}
.settings-fields-head{background:#f8fafc;color:#071a38}
.settings-field-row:last-child{border-bottom:0}
.settings-field-row strong{color:#071a38}
.settings-check{display:inline-flex!important;align-items:center;gap:9px;color:#34435a;font-weight:700}
.settings-check input{width:20px;height:20px;accent-color:#3bb5e3}
.settings-wide-check{grid-column:1/-1}
.settings-social-list{display:grid;gap:16px}
.settings-social-item{border:1px solid #dbe5f1;border-radius:8px;background:#fff;padding:16px;display:grid;gap:14px}
.settings-social-item header{display:flex;align-items:center;gap:12px}
.settings-social-item header>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px}
.settings-social-item header strong{font-size:18px;margin-right:auto;color:#071a38}
@media (max-width:1100px){.settings-grid,.settings-grid.compact{grid-template-columns:1fr}.settings-section-head{display:grid}.settings-fields-head,.settings-field-row{grid-template-columns:minmax(160px,1fr) 110px 110px 110px}}
@media (max-width:640px){.settings-fields-head,.settings-field-row{grid-template-columns:1fr}.settings-social-item header{flex-wrap:wrap}.settings-social-item header strong{margin-right:0}}

/* Maintenance settings */
.maintenance-settings-section{border-color:rgba(59,181,227,.28);background:linear-gradient(135deg,#fff,#f2fbff)}
.maintenance-settings-section .settings-section-head>div{display:grid;gap:7px}
.maintenance-admin-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}
.maintenance-admin-toggle input{position:absolute;opacity:0;pointer-events:none}
.maintenance-admin-toggle>span{position:relative;width:52px;height:29px;border-radius:999px;background:#cfd9e8;box-shadow:inset 0 2px 5px rgba(7,26,56,.12);transition:.22s ease}
.maintenance-admin-toggle>span:before{content:"";position:absolute;width:23px;height:23px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(7,26,56,.22);transition:.22s ease}
.maintenance-admin-toggle input:checked+span{background:#3bb5e3;box-shadow:0 0 0 4px rgba(59,181,227,.13)}
.maintenance-admin-toggle input:checked+span:before{transform:translateX(23px)}
.maintenance-admin-toggle b{color:#34435a;font-size:13px}
@media (max-width:640px){.maintenance-settings-section .settings-section-head{display:grid}.maintenance-admin-toggle{justify-self:start}}
.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#071a38,#5a473d);color:white}
.admin-standalone-login{width:min(430px,calc(100vw - 32px));margin:0}

/* Error pages */
.error-page-body{margin:0;min-height:100vh;background:#071a38;color:#fff;font-family:Inter,Arial,sans-serif}
.error-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(7,26,56,.96),rgba(90,71,61,.95))}
.error-page:before{content:"";position:fixed;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(59,181,227,.22));pointer-events:none}
.error-panel{position:relative;z-index:1;width:min(520px,100%);display:grid;justify-items:center;gap:16px;text-align:center;padding:0}
.error-logo-ring{width:150px;height:150px;display:grid;place-items:center}
.error-logo-ring img{width:100%;height:100%;object-fit:contain}
.error-code{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:42px;padding:0 18px;border-radius:999px;background:#3bb5e3;color:#071a38;font-size:22px;font-weight:800;letter-spacing:0}
.error-code--not-found{min-width:0;min-height:0;padding:0;border-radius:0;background:transparent;color:#3bb5e3;font-size:36px;line-height:1;font-weight:900}
.error-panel h1{display:grid;gap:5px;margin:0;color:#fff;font-size:30px;line-height:1.12}
.error-panel h1 strong{font-size:20px;color:#d7dfeb}
.error-panel p{display:grid;gap:5px;max-width:420px;margin:0;color:#eef6fb;font-weight:600;line-height:1.55}
.error-panel p strong{color:#cbd7e6;font-weight:600}
.error-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.error-actions a,.error-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:0 18px;background:rgba(255,255,255,.12);color:#fff;font-weight:750}
.error-actions--single button{width:240px;min-height:54px;background:#3bb5e3;color:#071a38;border-color:#3bb5e3;border-radius:16px;font-size:16px;cursor:pointer;box-shadow:0 8px 20px rgba(59,181,227,.2);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.error-actions a:first-child,.error-actions button:hover,.error-actions a:hover{background:#3bb5e3;color:#071a38;border-color:#3bb5e3}
.error-actions--single button:hover{background:#55c4ed;transform:translateY(-3px) scale(1.02);box-shadow:0 14px 30px rgba(59,181,227,.38)}
.error-actions--single button:active{transform:translateY(-1px) scale(.99)}
@media (max-width:520px){.error-logo-ring{width:118px;height:118px}.error-panel h1{font-size:24px}.error-actions{display:grid;width:100%}.error-actions a,.error-actions button{width:100%}}

/* SEO content uses the existing card typography and spacing. */
.hero-features h2{margin:0;color:#fff;font-size:14px;line-height:1.25;font-weight:650}
.about-editorial{color:#4d5a70;line-height:1.65}

/* Focused registration modal refinements */
.success-backdrop{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.success-modal{
  width:min(430px,calc(100vw - 32px))!important;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(59,181,227,.43))!important;
}
.success-seal{
  width:78px!important;
  height:78px!important;
  color:#3bb5e3!important;
}
.success-check-icon{
  width:50px!important;
  height:50px!important;
  display:block;
  fill:currentColor;
}
.success-modal.is-loading .success-id-field{
  display:grid!important;
}
.success-confirm:disabled{
  opacity:1;
  cursor:wait;
  transform:none!important;
}
.success-id-row button,
.success-id-row output{
  aspect-ratio:auto;
}
.success-follow-actions a{
  min-width:0;
}
.success-follow-actions a:before,
.success-follow-actions a:after{
  flex:0 0 auto;
}
@media (max-width:560px){
  .success-backdrop{
    align-items:center!important;
    padding:16px!important;
  }
  .success-modal{
    width:min(430px,calc(100vw - 32px))!important;
    padding:30px 20px 22px!important;
    border-radius:22px!important;
  }
  .success-seal{
    width:82px!important;
    height:82px!important;
  }
  .success-check-icon{
    width:54px!important;
    height:54px!important;
  }
  .success-id-row{
    grid-template-columns:minmax(0,1fr) 50px!important;
    gap:10px!important;
  }
  .success-id-row button{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0!important;
    border-radius:10px!important;
    aspect-ratio:1/1!important;
  }
  .success-id-row svg{
    width:24px!important;
    height:24px!important;
  }
  .success-follow-actions{
    grid-template-columns:1fr!important;
  }
}

.photo-preview-wrap{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:0 auto 16px;
}
.photo-preview-wrap .photo-square{
  margin:0!important;
}
.photo-remove-x{
  position:absolute;
  top:-10px;
  right:-10px;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:50%;
  border:2px solid #fff;
  background:#071a38;
  color:#fff;
  box-shadow:0 8px 18px rgba(7,26,56,.24);
  z-index:2;
}
.photo-remove-x .site-icon-img,
.photo-remove-x .site-icon-svg{
  width:12px!important;
  height:12px!important;
  filter:brightness(0) invert(1);
}
.photo-remove-x:hover{
  background:#0d2b5a;
  transform:translateY(-1px);
}
@media (max-width:560px){
  .photo-preview-wrap{
    margin-left:auto;
    margin-right:auto;
  }
}

.modal-backdrop[id^="view"] .file-preview-field i{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
}
@media (max-width:560px){
  .modal-backdrop[id^="view"] .file-preview-field{
    grid-template-columns:52px minmax(0,1fr)!important;
    align-items:center!important;
  }
  .modal-backdrop[id^="view"] .file-preview-field i{
    width:52px!important;
    height:52px!important;
  }
}
.about-editorial p{margin:0 0 16px}

/* Document preview icons in the admin request modal should render without a surrounding badge. */
.modal-backdrop[id^="view"] .file-preview-field i{
  width:46px!important;
  height:52px!important;
  min-width:46px!important;
  min-height:52px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
}

.modal-backdrop[id^="view"] .inline-rejection-box{
  width:100%!important;
  margin:16px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:14px!important;
  border:1px solid #efb5b5!important;
  border-radius:8px!important;
  background:#fff7f7!important;
  text-align:right!important;
}
.modal-backdrop[id^="view"] .inline-rejection-box label{
  color:#a82424!important;
  font-weight:800!important;
  font-size:14px!important;
  line-height:1.3!important;
}
.modal-backdrop[id^="view"] .inline-rejection-box textarea{
  width:100%!important;
  min-height:118px!important;
  border:1px solid #efb5b5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#071a38!important;
  padding:12px!important;
  resize:vertical!important;
  font:inherit!important;
  line-height:1.5!important;
}
.modal-backdrop[id^="view"] .inline-rejection-box textarea:focus{
  outline:0!important;
  border-color:#d73636!important;
  box-shadow:0 0 0 4px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .inline-rejection-box .danger{
  width:100%!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:8px!important;
  font-weight:800!important;
}
.legal-panel{line-height:1.65}
.legal-panel h2{margin:26px 0 8px;font-size:24px}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;color:#3bb5e3;font-weight:700}
.footer-links a{color:#087da8}
.footer-links span{color:#3bb5e3}
.footer-links a:hover,.footer-links a:focus{color:#045b7c;text-decoration:underline}

.accreditation-form.is-registration-locked>:not(.registration-kind){pointer-events:none}
.registration-kind.needs-selection{animation:registration-kind-attention .55s ease 2}
@keyframes registration-kind-attention{50%{filter:drop-shadow(0 0 10px rgba(44,99,198,.55));transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.registration-kind.needs-selection{animation:none;outline:3px solid rgba(44,99,198,.3);outline-offset:5px}}

.registration-details-modal .influencer-admin-field .detail-control i{color:#000!important}
.registration-details-modal .influencer-admin-field .detail-control i .site-icon-img{filter:brightness(0)!important;opacity:1!important}
.registration-details-modal .influencer-admin-field .detail-control i .site-icon-svg{color:#000!important;fill:#000!important}
.modal-backdrop[id^="view"] .influencer-link-detail{grid-template-columns:minmax(0,1fr) 154px!important}
.influencer-copy-link{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #071a38;border-radius:8px;background:#071a38;color:#fff;padding:10px 14px;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.influencer-copy-link:hover{background:#0d2b5a;border-color:#0d2b5a;transform:translateY(-1px)}
.influencer-copy-link.is-copied{background:#16805b;border-color:#16805b}
.influencer-copy-link:disabled{opacity:.55;cursor:not-allowed;transform:none}
.influencer-copy-icon{display:inline-grid;place-items:center}
.influencer-copy-icon .site-icon-img{width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important}
.influencer-external-link .site-icon-img{filter:brightness(0)!important;opacity:1!important}
.influencer-external-link.is-disabled{pointer-events:none;opacity:.62}
.influencer-preview-actions{display:grid;gap:10px}
.modal-backdrop[id^="view"] .file-detail:has(.file-remove-x){
  grid-template-columns:minmax(0,1fr) 136px 42px!important;
}
.modal-backdrop[id^="view"] .file-remove-x{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #efb5b5!important;
  border-radius:50%!important;
  background:#fff2f2!important;
  color:#cf3d3d!important;
  padding:0!important;
  box-shadow:0 10px 24px rgba(207,61,61,.14)!important;
}
.modal-backdrop[id^="view"] .file-remove-x:hover{
  background:#cf3d3d!important;
  color:#fff!important;
  transform:translateY(-1px);
}
.modal-backdrop[id^="view"] .file-remove-x[hidden]{
  display:none!important;
}
.modal-backdrop[id^="view"] .file-remove-x .site-icon-img{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .file-detail:has(.file-remove-x){
    grid-template-columns:minmax(0,1fr) 42px!important;
  }
  .modal-backdrop[id^="view"] .file-detail:has(.file-remove-x) .file-change,
  .modal-backdrop[id^="view"] .file-detail:has(.file-remove-x) .influencer-copy-link{
    grid-column:1/-1!important;
    width:100%!important;
  }
}
.influencer-preview-link{min-width:0;width:100%;min-height:58px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1px solid #dbe5f1;border-radius:8px;background:#f7faff;padding:8px 12px;color:#071a38;box-shadow:0 8px 18px rgba(7,26,56,.04);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.influencer-preview-link:not(:disabled):hover{transform:translateY(-1px);border-color:#bde7f6;box-shadow:0 14px 28px rgba(59,181,227,.12)}
.influencer-preview-link:disabled{opacity:.62;cursor:not-allowed}
.influencer-preview-link i{grid-row:1/3}
@media (max-width:820px){.modal-backdrop[id^="view"] .influencer-link-detail{grid-template-columns:1fr!important}}

/* Official accreditation announcement shown immediately on the home page. */
html.official-announcement-scroll-locked,
body.official-announcement-scroll-locked{overflow:hidden!important;overscroll-behavior:none}
.official-announcement-backdrop{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px;background:rgba(12,8,6,.66);backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.official-announcement-backdrop[hidden]{display:none!important}
.official-announcement-backdrop.is-open{opacity:1;visibility:visible}
.official-announcement{position:relative;width:min(720px,calc(100vw - 48px));max-height:min(88dvh,780px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(103,63,53,.28);border-radius:18px;background:linear-gradient(180deg,#fffaf2 0%,#fff 58%,#f8fcff 100%);box-shadow:0 34px 92px rgba(7,26,56,.38),0 0 0 1px rgba(255,255,255,.7) inset;color:#091634;transform:translateY(18px) scale(.985);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.official-announcement:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#673f35,#3bb5e3,#071a38);z-index:2}
.official-announcement-backdrop.is-open .official-announcement{transform:translateY(0) scale(1)}
.official-announcement-head{position:relative;display:flex;align-items:center;gap:16px;padding:20px 24px 17px;border-bottom:1px solid rgba(103,63,53,.16);background:linear-gradient(135deg,rgba(255,250,242,.98),rgba(238,249,253,.9))}
.official-announcement-heading{display:flex;align-items:center;gap:13px;min-width:0}
.official-announcement-symbol{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(135deg,#fff,#fff4f4);border:1px solid rgba(243,104,108,.38);box-shadow:0 12px 28px rgba(243,104,108,.18)}
.official-announcement-symbol img{display:block;width:34px;height:34px;max-width:34px;max-height:34px;object-fit:contain}
.official-announcement-heading small{display:block;margin-bottom:3px;color:#673f35;font-size:12px;font-weight:850;letter-spacing:0}
.official-announcement-heading h2{margin:0;color:#071a38;font-size:25px;font-weight:850;line-height:1.15;letter-spacing:0}
.official-announcement-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 18px;scrollbar-width:thin;scrollbar-color:rgba(59,181,227,.55) transparent}
.official-announcement-content p{margin:0;line-height:1.9}
.official-announcement-lead{font-size:15px;color:#26344d}
.official-announcement-lead strong{color:#071a38}
.official-announcement-rules{margin-top:18px;padding:17px 19px;border:1px solid rgba(59,181,227,.25);border-radius:12px;background:linear-gradient(135deg,rgba(238,249,253,.82),rgba(255,255,255,.94))}
.official-announcement-rules h3,.official-announcement-deadline h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#071a38;font-size:17px;font-weight:850}
.official-announcement-rules>ul{display:grid;gap:10px;margin:0;padding:0 22px 0 0}
.official-announcement-rules li{padding-right:2px;color:#34435a;line-height:1.7}
.official-announcement-rules li::marker{color:#3bb5e3}
.official-announcement-rules li strong{color:#071a38}
.official-announcement-rules li ul{display:grid;gap:7px;margin:8px 0 0;padding:0 22px 0 0}
.official-announcement-deadline{margin-top:15px;padding:15px 18px;border:1px solid rgba(103,63,53,.24);border-right:5px solid #673f35;border-radius:12px;background:linear-gradient(135deg,rgba(255,250,242,.95),rgba(255,255,255,.98))}
.official-announcement-deadline h3{color:#673f35}
.official-announcement-deadline p{color:#4f352f}
.official-announcement-deadline strong{color:#071a38}
.official-announcement-thanks{margin-top:16px!important;padding:0 3px;color:#4d5a70;font-weight:650}
.official-announcement-actions{display:flex;justify-content:flex-start;padding:14px 22px 18px;border-top:1px solid rgba(103,63,53,.14);background:linear-gradient(135deg,#fff,#f5fbfd)}
.official-announcement-actions button{min-width:136px;min-height:42px;border-radius:10px;background:linear-gradient(135deg,#673f35,#8c6b5d);color:#fff;padding:0 25px;font-weight:800;box-shadow:0 12px 26px rgba(103,63,53,.2);transition:transform .18s ease,box-shadow .18s ease}
.official-announcement-actions button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(7,26,56,.28)}
.official-announcement button:focus-visible{outline:3px solid rgba(59,181,227,.5);outline-offset:3px}
html[lang^="fr"] .official-announcement-actions{justify-content:flex-end}
@media (max-width:900px){
  .official-announcement-backdrop{padding:18px}
  .official-announcement{width:min(620px,calc(100vw - 36px));max-height:88dvh}
}
@media (max-width:640px){
  .official-announcement-backdrop{padding:10px;place-items:center}
  .official-announcement{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:13px}
  .official-announcement:before{height:3px}
  .official-announcement-head{gap:10px;padding:14px 12px 12px}
  .official-announcement-heading{gap:10px}
  .official-announcement-symbol{width:40px;height:40px;flex-basis:40px;border-radius:50%}
  .official-announcement-symbol img{width:27px;height:27px;max-width:27px;max-height:27px}
  .official-announcement-heading small{margin-bottom:1px;font-size:9px}
  .official-announcement-heading h2{font-size:18px}
  .official-announcement-content{padding:13px 12px 11px}
  .official-announcement-lead{font-size:12.5px}
  .official-announcement-content p{line-height:1.65}
  .official-announcement-rules{margin-top:12px;padding:12px 11px;border-radius:10px}
  .official-announcement-rules h3,.official-announcement-deadline h3{gap:6px;margin-bottom:8px;font-size:13.5px}
  .official-announcement-rules>ul{gap:7px}
  .official-announcement-rules>ul,.official-announcement-rules li ul{padding-right:16px}
  .official-announcement-rules li{font-size:12px;line-height:1.6}
  .official-announcement-rules li ul{gap:5px;margin-top:6px}
  .official-announcement-deadline{margin-top:11px;padding:11px 10px;border-right-width:4px;border-radius:10px}
  .official-announcement-deadline p,.official-announcement-thanks{font-size:12px}
  .official-announcement-thanks{margin-top:12px!important}
  .official-announcement-actions{padding:10px 12px 12px}
  .official-announcement-actions button{width:100%;min-height:39px;border-radius:9px;font-size:13px}
}
@media (max-width:380px){
  .official-announcement{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}
  .official-announcement-backdrop{padding:7px}
  .official-announcement-heading h2{font-size:17px}
  .official-announcement-lead,.official-announcement-rules li,.official-announcement-deadline p,.official-announcement-thanks{font-size:11.5px}
}
@media (max-height:620px){.official-announcement{max-height:calc(100dvh - 16px)}.official-announcement-head{padding-top:10px;padding-bottom:9px}.official-announcement-content{padding-top:10px}.official-announcement-actions{padding-top:8px;padding-bottom:9px}}
@media (prefers-reduced-motion:reduce){.official-announcement-backdrop,.official-announcement{transition:none}}

/* Public header and accreditation summary card brand color. */
.topbar,
.topbar-home,
.topbar-home.is-at-top,
.hero-card{
  background:#3bb5e3!important;
}

/* Brown accents on the blue public header and accreditation summary card. */
.topbar .brand strong,
.topbar nav a:hover,
.topbar nav a.active,
.hero-card .hero-feature-icon,
.hero-card .hero-feature-icon .site-icon-svg{
  color:#673f35!important;
}
.topbar nav a:after,
.hero-card .green-line{
  background:#673f35!important;
}
.hero-card .hero-feature-icon{
  background:rgba(103,63,53,.13)!important;
  border-color:rgba(103,63,53,.34)!important;
  box-shadow:0 10px 24px rgba(103,63,53,.08)!important;
}
.hero-card .hero-feature-icon .site-icon-img{
  filter:brightness(0) saturate(100%) invert(25%) sepia(15%) saturate(1493%) hue-rotate(322deg) brightness(91%) contrast(88%)!important;
}
.topbar .brand>img,
.topbar .glass-btn .ico .site-icon-img{
  filter:brightness(0) saturate(100%) invert(25%) sepia(15%) saturate(1493%) hue-rotate(322deg) brightness(91%) contrast(88%)!important;
}
.topbar .glass-btn .ico,
.topbar .glass-btn .ico .site-icon-svg{
  color:#673f35!important;
}

/* Keep administration statistic icons visible inside their cards. */
.stats span>.site-icon-img,
.stats span>.site-icon-svg{
  position:relative;
  z-index:1;
  display:block!important;
  width:48px!important;
  height:48px!important;
  max-width:80%;
  max-height:80%;
  object-fit:contain;
  opacity:1!important;
  visibility:visible!important;
}
@media (max-width:1100px){
  .stats span>.site-icon-img,
  .stats span>.site-icon-svg{
    width:38px!important;
    height:38px!important;
  }
}

.badge.edited{background:#edf7ff;color:#1f5fbf}
.rejection-dialog{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(7,26,56,.42);backdrop-filter:blur(5px);border-radius:12px}
.rejection-dialog[hidden]{display:none}
.rejection-dialog-panel{width:min(620px,100%);display:grid;gap:14px;border:1px solid #efb5b5;border-radius:8px;background:#fff;padding:24px;box-shadow:0 24px 70px rgba(7,26,56,.28);direction:rtl;text-align:right}
.rejection-dialog-panel h3{margin:0;color:#c43737;font-size:24px}
.rejection-dialog-panel p{margin:0;color:#66728a;line-height:1.55}
.rejection-dialog-panel textarea{width:100%;min-height:140px;border:1px solid #efb5b5;border-radius:8px;background:#fff7f7;color:#071a38;padding:13px 14px;resize:vertical;font:inherit;line-height:1.5}
.rejection-dialog-panel textarea:focus{outline:0;border-color:#d73636;box-shadow:0 0 0 4px rgba(215,54,54,.12)}
.rejection-dialog-actions{display:flex;justify-content:flex-end;gap:12px}
.rejection-dialog-actions button{min-height:44px;border-radius:8px;padding:0 20px}
.rejection-dialog-actions .danger{display:inline-flex;align-items:center;gap:8px}
.edit-request-banner{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;border:1px solid #efb5b5;border-right:5px solid #d73636;border-radius:12px;background:linear-gradient(135deg,#fffafa,#fff3f3);color:#4a1f1f;padding:18px 20px;box-shadow:0 14px 34px rgba(175,38,38,.09)}
.edit-request-banner-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:#ffe3e3;color:#d73636}
.edit-request-banner-icon .site-icon-img,.edit-request-banner-icon .site-icon-svg{width:26px;height:26px}
.edit-request-banner-content{display:grid;gap:7px;min-width:0}
.edit-request-banner b{color:#b72d2d;font-size:18px}
.edit-request-banner p{margin:0;padding:10px 12px;border-radius:8px;background:#fff;color:#4a1f1f;line-height:1.6;overflow-wrap:anywhere}
.edit-request-banner p strong{color:#b72d2d}
.edit-request-banner small{color:#765151;font-size:14px;line-height:1.55}
.tracking-rejected-notice{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center}
.tracking-rejected-notice>div{direction:inherit}
.notice .tracking-edit-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center;min-width:150px;min-height:44px;margin-top:0!important;border-radius:8px;background:#071a38;color:#fff!important;padding:0 18px;font-weight:800;line-height:1.1!important;text-align:center;white-space:nowrap}
.tracking-rejected-notice:hover .tracking-edit-button,.tracking-rejected-notice:focus-visible .tracking-edit-button{background:#0d2b5a;color:#fff!important}
.tracking-rejected-notice{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.tracking-rejected-notice{width:100%;color:inherit;text-decoration:none}
.tracking-rejected-notice>*{pointer-events:none}
.tracking-rejected-notice:hover{transform:translateY(-1px);border-color:#df8585;box-shadow:0 18px 38px rgba(175,38,38,.16)}
.tracking-rejected-notice:focus-visible{outline:3px solid rgba(215,54,54,.24);outline-offset:3px}
.accreditation-form.is-editing-rejected .field-error{scroll-margin-top:24px}
@media (max-width:720px){.rejection-dialog{padding:14px}.rejection-dialog-panel{padding:20px}.rejection-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.tracking-rejected-notice{grid-template-columns:34px minmax(0,1fr)}.tracking-rejected-notice .tracking-edit-button{grid-column:1/-1;width:100%;min-width:0}}

/* Keep modal actions and rejection confirmation clear of the request fields. */
.modal-backdrop[id^="view"] .registration-details-modal{
  overflow:auto!important;
  padding-bottom:28px!important;
}
.modal-backdrop[id^="view"] .registration-details-modal.has-rejection-dialog{
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:none!important;
}
.modal-backdrop[id^="view"] .details-actions,
.modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])) .details-actions{
  position:static!important;
  grid-area:actions!important;
  justify-self:end!important;
  right:auto!important;
  bottom:auto!important;
  padding:0!important;
  background:transparent!important;
}
.modal-backdrop[id^="view"] .rejection-dialog{
  position:absolute!important;
  inset:0!important;
  z-index:50!important;
  min-height:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  touch-action:none!important;
}
.modal-backdrop[id^="view"] .rejection-dialog-panel{position:relative;z-index:1;outline:0;touch-action:auto}
.tracking-rejected-notice{gap:14px;border:1px solid #efb5b5;border-right:5px solid #d73636;background:linear-gradient(135deg,#fffafa,#fff2f2);box-shadow:0 14px 34px rgba(175,38,38,.1)}
.tracking-rejected-notice>div{display:grid;gap:6px;min-width:0}
.tracking-rejected-notice>div span{overflow-wrap:anywhere}
.progress-rejected:before{background:#efb5b5;box-shadow:inset 0 1px 2px rgba(175,38,38,.12)}
.progress-rejected:after{background:linear-gradient(90deg,#d73636,#d73636);box-shadow:0 0 18px rgba(215,54,54,.24)}
.progress-rejected .progress-step.done span,.progress-rejected .progress-step.current span{background:#d73636;border-color:#efb5b5;box-shadow:0 0 0 7px rgba(215,54,54,.12),0 0 26px rgba(215,54,54,.34),0 14px 30px rgba(215,54,54,.16)}
.progress-rejected .progress-step.done strong,.progress-rejected .progress-step.current strong{color:#d73636}
[dir="rtl"] .progress-rejected:after{background:linear-gradient(270deg,#d73636,#d73636)}
@media (max-width:720px){.progress-rejected:after{background:linear-gradient(180deg,#d73636,#d73636)}}
@media (min-width:1251px){
  .accreditation-form.is-editing-rejected .edit-request-banner{grid-column:1/-1;grid-row:1}
  .accreditation-form.is-editing-rejected .registration-kind{grid-column:1/-1;grid-row:2}
  .accreditation-form.is-editing-rejected .identity-panel{grid-row:3 / span 5}
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .details-actions{position:static!important;display:grid!important;grid-template-columns:1fr!important;justify-self:stretch!important}
  .modal-backdrop[id^="view"] .details-actions button{width:100%!important}
}
@media (max-width:560px){.edit-request-banner{grid-template-columns:40px minmax(0,1fr);padding:15px}.edit-request-banner-icon{width:40px;height:40px}}

.seo-breadcrumbs{width:min(1180px,calc(100% - 32px));margin:88px auto -66px;color:rgba(7,26,56,.62);font-size:13px;line-height:1.4}
.seo-breadcrumbs ol{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.seo-breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0}
.seo-breadcrumbs li+li:before{content:"/";color:rgba(7,26,56,.32)}
.seo-breadcrumbs a{color:inherit;text-decoration:none}
.seo-breadcrumbs a:hover{text-decoration:underline}
.seo-breadcrumbs span{font-weight:700;color:#071a38}
.seo-home-summary{display:grid;gap:8px;margin-top:18px;color:#31415f;line-height:1.55}
.seo-home-summary h2{margin:0;color:#071a38;font-size:clamp(18px,2vw,23px);line-height:1.2}
.seo-home-summary p{margin:0;font-size:14px}
.seo-page-intro{margin:0 0 18px;color:#66728a;line-height:1.6}
.seo-side-link,.seo-inline-link{color:#0f8f55;font-weight:800;text-decoration:none}
.seo-side-link:hover,.seo-inline-link:hover{text-decoration:underline}
html[dir="rtl"] .seo-breadcrumbs ol{direction:rtl}
@media (max-width:720px){
  .seo-breadcrumbs{
    width:calc(100% - 32px);
    margin:14px auto 0;
    position:relative;
    z-index:1;
    overflow:hidden;
  }
  .seo-breadcrumbs ol{
    flex-wrap:nowrap;
    overflow:hidden;
  }
  .seo-breadcrumbs li{
    flex:0 1 auto;
  }
  .seo-breadcrumbs a,
  .seo-breadcrumbs span{
    display:block;
    max-width:42vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .seo-breadcrumbs + .public-shell{
    padding-top:16px;
  }
  .seo-home-summary h2{font-size:18px}
}

@media (hover:none) and (pointer:coarse), (max-width:820px){
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select{font-size:16px!important}
}

/* Final focused overrides for request success and admin photo controls. */
.success-backdrop{display:flex!important;align-items:center!important;justify-content:center!important}
.success-modal{width:min(430px,calc(100vw - 32px))!important;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(59,181,227,.43))!important}
.success-seal{width:78px!important;height:78px!important;color:#3bb5e3!important}
.success-check-icon{display:block!important;width:50px!important;height:50px!important;fill:currentColor!important}
.success-modal.is-loading .success-id-field{display:grid!important}
.success-confirm:disabled{opacity:1!important;cursor:wait!important;transform:none!important}
@media (max-width:560px){
  .success-backdrop{align-items:center!important;padding:16px!important}
  .success-modal{width:min(430px,calc(100vw - 32px))!important;padding:30px 20px 22px!important;border-radius:22px!important}
  .success-seal{width:82px!important;height:82px!important}
  .success-check-icon{width:54px!important;height:54px!important}
  .success-id-row{grid-template-columns:minmax(0,1fr) 50px!important;gap:10px!important}
  .success-id-row button{width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;padding:0!important;border-radius:10px!important;aspect-ratio:1/1!important}
  .success-id-row svg{width:24px!important;height:24px!important}
  .success-follow-actions{grid-template-columns:1fr!important}
}
.photo-preview-wrap{position:relative;width:max-content;max-width:100%;margin:0 auto 16px}
.photo-preview-wrap .photo-square{margin:0!important}
.photo-remove-x{position:absolute;top:-10px;right:-10px;z-index:2;width:32px;height:32px;min-width:32px;min-height:32px;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#071a38;color:#fff;box-shadow:0 8px 18px rgba(7,26,56,.24)}
.photo-remove-x .site-icon-img,.photo-remove-x .site-icon-svg{width:12px!important;height:12px!important;filter:brightness(0) invert(1)}
.photo-remove-x:hover{background:#0d2b5a;transform:translateY(-1px)}
.modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;aspect-ratio:1/1!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.modal-backdrop[id^="view"] .file-preview-field i .site-icon-img,.modal-backdrop[id^="view"] .file-preview-field i .site-icon-svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
@media (max-width:560px){
  .modal-backdrop[id^="view"] .file-preview-field{grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important}
  .modal-backdrop[id^="view"] .file-preview-field i{width:52px!important;height:52px!important}
}

/* Final click-safety guard: hidden overlays must stay inert after all overrides. */
.splash-screen[hidden],
.modal-backdrop[hidden],
.success-backdrop[hidden],
.photo-choice-backdrop[hidden],
.official-announcement-backdrop[hidden],
.rejection-dialog[hidden],
.login-status-panel[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Final admin request rejection row placement. */
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "rejection actions"!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer{
  grid-area:rejection!important;
  align-self:end!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:10px!important;
  border:1px solid #efb5b5!important;
  border-radius:10px!important;
  background:#fff7f7!important;
  box-shadow:0 12px 24px rgba(215,54,54,.08)!important;
  text-align:initial!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer label{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  color:#a82424!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer textarea{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  border:1px solid #efb5b5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#071a38!important;
  padding:9px 10px!important;
  resize:vertical!important;
  font:inherit!important;
  line-height:1.35!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer textarea:focus{
  outline:0!important;
  border-color:#d73636!important;
  box-shadow:0 0 0 4px rgba(215,54,54,.12)!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  min-height:68px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:#d73636!important;
  color:#fff!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.modal-backdrop[id^="view"] .details-rejection-footer .danger .site-icon-img,
.modal-backdrop[id^="view"] .details-rejection-footer .danger .site-icon-svg{
  width:16px!important;
  height:16px!important;
  filter:brightness(0) invert(1)!important;
}
@media (min-width:821px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    padding-bottom:92px!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    position:absolute!important;
    left:30px!important;
    right:318px!important;
    bottom:24px!important;
    z-index:5!important;
    width:auto!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])){
    padding-bottom:28px!important;
  }
  .modal-backdrop[id^="view"] .registration-details-modal:has(.document-preview:not([hidden])) .details-rejection-footer{
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    grid-area:rejection!important;
    width:100%!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label{
    display:block!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer label>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer textarea{
    height:44px!important;
    min-height:44px!important;
    padding:11px 14px!important;
    resize:none!important;
    background:#fff7f7!important;
    box-shadow:0 8px 18px rgba(215,54,54,.06)!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    min-height:44px!important;
    height:44px!important;
  }
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "rejection" "actions"!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer{
    grid-template-columns:1fr!important;
  }
  .modal-backdrop[id^="view"] .details-rejection-footer .danger{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
  }
}
.modal-backdrop[id^="view"] .registration-details-modal{
  grid-template-areas:"head head" "profile fields" "preview preview" "bottom bottom"!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar{
  grid-area:bottom!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:1 1 620px!important;
  width:auto!important;
  min-width:0!important;
  max-width:760px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 104px!important;
  gap:10px!important;
  align-items:stretch!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
  direction:ltr!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer textarea{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  resize:none!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger{
  width:104px!important;
  min-width:104px!important;
  height:44px!important;
  min-height:44px!important;
}
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
@media (max-width:820px){
  .modal-backdrop[id^="view"] .registration-details-modal{
    grid-template-areas:"head" "profile" "fields" "preview" "bottom"!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer{
    grid-template-columns:1fr!important;
    max-width:none!important;
    height:auto!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer .danger,
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions button{
    width:100%!important;
    min-width:0!important;
  }
  .modal-backdrop[id^="view"] .details-bottom-bar .details-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:auto!important;
  }
}
/* Final icon color overrides for printing controls and request details. */
.admin-card .printing-bulk-actions button.danger .site-icon-img,
.admin-card .printing-bulk-actions button.danger .site-icon-svg,
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions button.danger .site-icon-img,
.modal-backdrop[id^="view"] .details-bottom-bar .details-actions button.danger .site-icon-svg,
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer button.danger .site-icon-img,
.modal-backdrop[id^="view"] .details-bottom-bar .details-rejection-footer button.danger .site-icon-svg{
  filter:brightness(0) invert(1)!important;
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon .site-icon-img,
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon img{
  filter:brightness(0)!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon .site-icon-svg,
.modal-backdrop[id^="view"] .registration-details-modal .detail-control .status-detail-icon svg{
  color:#000!important;
  fill:#000!important;
  stroke:#000!important;
  opacity:1!important;
}

/* Requested final colors for printing rejection/status icons. */
.admin-card .printing-bulk-actions button.danger .site-icon-img,
.admin-card .printing-bulk-actions button.danger .site-icon-svg,
.modal-backdrop[id^="view"] .printing-details-modal .details-bottom-bar .details-actions button.danger .site-icon-img,
.modal-backdrop[id^="view"] .printing-details-modal .details-bottom-bar .details-actions button.danger .site-icon-svg,
.printing-details-modal .details-bottom-bar .details-actions button.danger .site-icon-img,
.printing-details-modal .details-bottom-bar .details-actions button.danger .site-icon-svg{
  filter:brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(1746%) hue-rotate(338deg) brightness(95%) contrast(94%)!important;
  color:#d73636!important;
  fill:#d73636!important;
  stroke:#d73636!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .printing-details-modal .detail-control .status-detail-icon .site-icon-img,
.modal-backdrop[id^="view"] .printing-details-modal .detail-control .status-detail-icon img{
  filter:brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(1746%) hue-rotate(338deg) brightness(95%) contrast(94%)!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .printing-details-modal .detail-control .status-detail-icon .site-icon-svg,
.modal-backdrop[id^="view"] .printing-details-modal .detail-control .status-detail-icon svg{
  color:#d73636!important;
  fill:#d73636!important;
  stroke:#d73636!important;
  opacity:1!important;
}

/* Final delete X color inside the request "Voir" modal. */
.modal-backdrop[id^="view"] .registration-details-modal .detail-clear,
.modal-backdrop[id^="view"] .registration-details-modal .file-remove-x,
.modal-backdrop[id^="view"] .registration-details-modal .photo-remove-x{
  border-color:#efb5b5!important;
  background:#fff2f2!important;
  color:#d73636!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .detail-clear:hover,
.modal-backdrop[id^="view"] .registration-details-modal .detail-clear:focus-visible,
.modal-backdrop[id^="view"] .registration-details-modal .file-remove-x:hover,
.modal-backdrop[id^="view"] .registration-details-modal .file-remove-x:focus-visible,
.modal-backdrop[id^="view"] .registration-details-modal .photo-remove-x:hover,
.modal-backdrop[id^="view"] .registration-details-modal .photo-remove-x:focus-visible{
  background:#ffecec!important;
  color:#d73636!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .file-remove-x .site-icon-img,
.modal-backdrop[id^="view"] .registration-details-modal .photo-remove-x .site-icon-img{
  filter:brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(1746%) hue-rotate(338deg) brightness(95%) contrast(94%)!important;
  opacity:1!important;
}
.modal-backdrop[id^="view"] .registration-details-modal .file-remove-x .site-icon-svg,
.modal-backdrop[id^="view"] .registration-details-modal .file-remove-x svg,
.modal-backdrop[id^="view"] .registration-details-modal .photo-remove-x .site-icon-svg,
.modal-backdrop[id^="view"] .registration-details-modal .photo-remove-x svg{
  color:#d73636!important;
  fill:#d73636!important;
  stroke:#d73636!important;
  opacity:1!important;
}
