/* FutureIL Justice V13 | Royal Amber visual layer.
   Styling only: no scripts, API, permission checks, DB schema, or request handlers changed. */
:root {
  color-scheme:dark;
  --bg:#08090c;--panel:#101218;--panel2:#15161c;
  --line:#523720;--gold:#ffb94e;--warm:#ff8d12;
  --txt:#f8f4ee;--muted:#beb6ac;--good:#85e5ae;
}
html{scroll-behavior:smooth}
body.modern-justice{background:#08090c;color:#f8f4ee;
 background-image:radial-gradient(ellipse at 70% -5%,rgba(245,122,5,.105),transparent 42%),radial-gradient(ellipse at 0% 48%,rgba(245,128,10,.046),transparent 33%),linear-gradient(180deg,#0b0b0e 0%,#08090c 55%,#0b0b10 100%);
 font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.modern-justice .wrap{width:min(1370px,calc(100% - 64px))}
.modern-justice .topbar{position:relative;z-index:10;background:rgba(8,9,12,.97);border-bottom:1px solid #a3602360;backdrop-filter:blur(17px)}
.modern-justice .topbar:after{content:'';position:absolute;bottom:-1px;height:1px;width:26%;right:8%;background:linear-gradient(90deg,transparent,#ff971c,transparent);opacity:.7}
.modern-justice .topinner{min-height:88px;gap:18px}
.modern-justice .wordmark{direction:ltr;display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.3px}
.modern-justice .wordmark span{display:flex;flex-direction:column;align-items:start;line-height:1.35}
.modern-justice .wordmark span small{font-size:10px;color:#d19e62;font-weight:600;letter-spacing:0}
.modern-justice .wordmark em{font-style:normal;color:#ffab39}
.modern-justice .nav-logo{height:69px;width:77px;object-fit:contain;filter:drop-shadow(0 2px 9px #ef810b32)}
.modern-justice .landing-links{display:flex;gap:8px;align-items:center;justify-content:center}
.modern-justice .landing-links a{font-weight:700;font-size:13px;color:#d0c5ba;padding:12px 16px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.modern-justice .landing-links a:hover{color:#ffc47f;border-color:#e88c26}
.modern-justice .header-login{font-weight:800;border-radius:10px;padding:10px 18px;background:#20160f;border:1px solid #985f26;color:#ffd096;box-shadow:inset 0 1px 0 #ffba4b21}
.modern-justice .header-login:hover{background:#33200f;color:white}
.modern-justice .account-mini{color:#f4e2c9}
.modern-justice .linkish{color:#ffc078}
.modern-justice .btn{border-radius:10px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;letter-spacing:0}
.modern-justice .btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.modern-justice .prime{color:#170e08;background:linear-gradient(130deg,#ffd87b 0%,#ffae2f 43%,#ef8214 100%);border:1px solid #ffc36a;box-shadow:0 6px 24px #fc810638,inset 0 1px 0 #fff6cd7b}
.modern-justice .prime:hover{box-shadow:0 9px 27px #fc81065c,inset 0 1px 0 #fff6cdab}
.modern-justice .secondary{color:#f3dbc0;background:linear-gradient(125deg,#17181d,#0f1116);border:1px solid #865728;box-shadow:inset 0 1px 0 #e9aa4430}
.modern-justice .secondary:hover{background:#282018;border-color:#ce8937}
.modern-justice .shine{background:linear-gradient(100deg,#fff2cb 0%,#ffc05d 44%,#f17b0b 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.modern-justice .eyebrow,.modern-justice .section-eyebrow{color:#edac58;font-weight:800;letter-spacing:1.1px;font-size:11px}
.modern-justice .eyebrow i{background:#ff9713;box-shadow:0 0 14px #ef880b}
/* Hero: the reference's courthouse/city artwork, with white-space for RTL text */
.landing.modern-justice .welcome{min-height:525px;max-width:none;width:100%;padding:0 max(42px,calc((100vw - 1370px)/2));display:grid;grid-template-columns:minmax(430px, .9fr) minmax(500px,1.1fr);gap:18px;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #804a2169;
 background:linear-gradient(270deg,#0a0b0e 0%,#0a0b0ed9 35%,#0b0b0e13 78%),radial-gradient(ellipse at 55% 80%,#c3570824,transparent 65%)}
.landing.modern-justice .welcome:before{content:'';position:absolute;inset:0;background-image:linear-gradient(270deg,#09090b 8%,#09090bdb 28%,#0b0b0b29 68%,#0d0b090b 100%),url('assets/court-city-hero.webp');background-size:cover,auto 100%;background-position:center,left center;background-repeat:no-repeat;opacity:.9;pointer-events:none}
.landing.modern-justice .welcome:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#ff9014,#ffbb49,transparent);box-shadow:0 -4px 20px #ff790752;opacity:.72;pointer-events:none}
.landing.modern-justice .welcome-text{position:relative;z-index:2;padding:65px 0 65px 10px;max-width:610px}
.landing.modern-justice .welcome h1{font-size:clamp(49px,5.4vw,77px);line-height:1.12;letter-spacing:-1.5px;text-shadow:0 5px 25px #000d;margin:15px 0 21px}
.landing.modern-justice .welcome h1 .shine{font-size:1.17em;letter-spacing:-2px}
.landing.modern-justice .welcome p{max-width:590px;font-size:16px;line-height:1.9;color:#e5d9cd;text-shadow:0 2px 9px #000f}
.landing.modern-justice .welcome-actions{display:flex;gap:13px;flex-wrap:wrap;margin:16px 0 0}
.landing.modern-justice .welcome-actions .btn{min-width:175px;font-size:15px;min-height:53px}
.landing.modern-justice .welcome-actions .btn.prime{min-width:240px}
.landing.modern-justice .discord{color:#0c0907}
.landing.modern-justice .privacy-line{margin-top:19px;font-size:12px;color:#d4c0a4}
.landing.modern-justice .welcome-visual{position:relative;z-index:2;min-height:440px;background:none;border:0;box-shadow:none;padding:0;border-radius:0;pointer-events:none;overflow:visible}
.landing.modern-justice .welcome-visual:before{display:none}
.landing.modern-justice .hero-art-label{position:absolute;bottom:39px;left:0;border:1px solid #d77f3170;background:#0c0c0dbb;backdrop-filter:blur(8px);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 20px;box-shadow:0 6px 24px #0009;transform:translateX(2px)}
.landing.modern-justice .hero-art-label span{color:#ffb758;font-size:10px;letter-spacing:2px;font-weight:900}
.landing.modern-justice .hero-art-label b{font-size:13px;color:#f8ebdc}
/* Feature cards: deep-black with inset amber line, like the sample */
.landing.modern-justice .quick-features{margin-top:0;padding:22px 0 62px;gap:14px;position:relative}
.landing.modern-justice .feature-tile{position:relative;overflow:hidden;background:linear-gradient(150deg,#1b1612 0%,#101116 50%,#101016 100%);border:1px solid #835024;box-shadow:0 11px 28px #0008,inset 0 1px 0 #d48b3b2d;min-height:178px;border-radius:13px;padding:22px}
.landing.modern-justice .feature-tile:after{content:'';position:absolute;right:20%;left:20%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ff951c8c,transparent)}
.landing.modern-justice .feature-icon{width:51px;height:51px;background:linear-gradient(160deg,#4b2a0d,#181410);border:1px solid #a86c2b;box-shadow:0 0 19px #ff971626,inset 0 1px 0 #ffd78f30;color:#ffb653;font-size:25px;border-radius:12px}
.landing.modern-justice .feature-tile h3{color:#f8f1e8;font-size:18px;margin-bottom:7px}
.landing.modern-justice .feature-tile p{color:#bfb0a5;font-size:12px}
.landing.modern-justice .below{padding-bottom:58px}
.landing.modern-justice .center-intro h2{font-size:32px}
.landing.modern-justice .center-intro p{color:#b8aca2}
.landing.modern-justice .steps-and-sample{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.landing.modern-justice .steps-pane,.landing.modern-justice .sample-pane{border-radius:16px;border:1px solid #694123;background:linear-gradient(144deg,#181616,#0f1117 73%);box-shadow:0 11px 31px #0008,inset 0 1px 0 #ffad3c19;padding:26px;min-width:0}
.landing.modern-justice .steps-pane{background-image:radial-gradient(circle at 0 110%,#df7b091f,transparent 43%),linear-gradient(144deg,#181616,#0f1117 73%)}
.landing.modern-justice .flowcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:100%;align-items:stretch}
.landing.modern-justice .flowcards article{border:0;border-radius:11px;padding:12px 8px;background:transparent;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.landing.modern-justice .flowcards b{width:61px;height:61px;font-size:17px;background:radial-gradient(circle,#56300c,#251a0f 75%);border:1px solid #d48926;color:#ffc45e;box-shadow:0 0 20px #f284171b,inset 0 0 14px #ffab2521}
.landing.modern-justice .flowcards article h3{font-size:16px;margin:14px 0 6px}
.landing.modern-justice .flowcards article p{font-size:12px;line-height:1.65;color:#c0aca0}
.landing.modern-justice .sample-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.landing.modern-justice .sample-topline h3{font-size:22px;margin:1px 0}
.landing.modern-justice .sample-pane>p{font-size:12px;color:#bfb0a5;margin:6px 0 17px}
.landing.modern-justice .sample-chip{padding:5px 10px;border-radius:100px;border:1px solid #8b643c;color:#f4bc70;background:#4d321a52;font-size:10px}
.landing.modern-justice .sample-case{padding:22px 21px;border:1px solid #563c28;background:#0a0d12;border-radius:12px}
.landing.modern-justice .sample-case-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:750}
.landing.modern-justice .sample-inprogress{color:#85e8a5;background:#113021;border:1px solid #256b44;border-radius:99px;padding:4px 10px;font-size:11px;white-space:nowrap}
.landing.modern-justice .sample-track{display:flex;align-items:center;margin:29px 0 6px;direction:rtl}
.landing.modern-justice .sample-track-dot{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #62606a;color:#a6a5ac;font-size:14px;flex:none;background:#15171e;font-style:normal}
.landing.modern-justice .sample-track-dot.done{color:#fcc077;border-color:#9f6326}
.landing.modern-justice .sample-track-dot.current{border-color:#ffc25d;color:#ffbd59;box-shadow:0 0 17px #ff9a238c;background:#37240c}
.landing.modern-justice .sample-track i{height:2px;flex:1;background:linear-gradient(90deg,#b66f20,#ffb63d);margin:0 4px}
.landing.modern-justice .sample-track-labels{display:flex;justify-content:space-between;color:#b7aa9d;font-size:10px}
.landing.modern-justice .sample-bottom{font-size:11px;color:#a69a8e;margin-top:14px}
.landing.modern-justice .brand-footer-panel{margin-top:18px;padding:19px 23px;background:linear-gradient(120deg,#191411,#0e1115);border:1px solid #6b452b}
.landing.modern-justice .brand-footer-panel p{color:#b6a69a}
.landing.modern-justice .brand-panel-kicker{color:#dc9945;font-size:11px;font-weight:800}
.landing.modern-justice .dual-logo img{width:78px;height:78px}
/* Portal, menus, form and management: same IDs and role-based rendering, new art direction */
.modern-justice .portal{padding-top:29px}
.modern-justice .pagehero{position:relative;overflow:hidden;border:1px solid #8b4b2170;background:radial-gradient(ellipse at 18% 0%,#e87a111f,transparent 45%),linear-gradient(130deg,#20160f,#121319 52%,#0e1015);border-radius:16px;box-shadow:inset 0 1px 0 #e99c4a21,0 15px 35px #0006;min-height:154px}
.modern-justice .pagehero:before{content:'';position:absolute;left:140px;top:0;bottom:0;width:260px;background:linear-gradient(90deg,transparent,#ff910818,transparent);transform:skewX(-23deg)}
.modern-justice .pagehero h1{font-size:clamp(29px,3.6vw,45px);text-shadow:0 2px 20px #0007}
.modern-justice .pagehero p{color:#c7b8a8}
.modern-justice .pagehero-logo{filter:drop-shadow(0 3px 9px #ee7e1c54);opacity:.98}
.modern-justice .tabrow{border-bottom:1px solid #51361f;gap:9px}
.modern-justice .tabrow button{background:linear-gradient(160deg,#1b1818,#111217);border:1px solid #6b4829;color:#dbccc1;min-height:43px;border-radius:9px}
.modern-justice .tabrow button.active,.modern-justice .tabrow button:hover{background:linear-gradient(135deg,#5c3214,#2b1a11);border-color:#d48c34;color:#ffce8d;box-shadow:inset 0 -2px 0 #f8941d}
.modern-justice .section-title h2{color:#fff5e8}
.modern-justice .section-title p{color:#bfb1a5}
.modern-justice .section-title .back,.modern-justice .textlink{color:#ffbc64}
.modern-justice .state-card,.modern-justice .card,.modern-justice .choice{background:linear-gradient(154deg,#17161b,#111216 95%);border:1px solid #64452c;border-radius:14px;box-shadow:0 8px 28px #0007,inset 0 1px 0 #ee9b3730}
.modern-justice .choice{position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.modern-justice .choice:hover{border-color:#f1a643;background:linear-gradient(135deg,#292019,#121219);box-shadow:0 10px 25px #000a,0 0 0 1px #e9971830}
.modern-justice .choice:after{content:'';position:absolute;bottom:0;right:25%;width:50%;height:2px;background:linear-gradient(90deg,transparent,#ff9f28,transparent);opacity:.65}
.modern-justice .choice .symbol{background:#45280f;border:1px solid #af6f24;color:#ffd18b;box-shadow:0 0 17px #e7880c21}
.modern-justice .choice h3{color:#fff4e7}
.modern-justice .choice p{color:#bbada1}
.modern-justice .wizard-card{border:1px solid #86552f;background:#101114;box-shadow:0 13px 38px #0008}
.modern-justice .wizard-intro{background:radial-gradient(ellipse at 5% 10%,#e7891721,transparent 60%),#141217}
.modern-justice .wizard-intro p{color:#c1aca0}
.modern-justice .form-steps{border-bottom:1px solid #644127;background:#151316}
.modern-justice .form-step-tab{background:#211b18;border:1px solid #67472d;color:#c5b5a6;box-shadow:inset 0 1px 0 #edab3a1c}
.modern-justice .form-step-tab.is-current{background:linear-gradient(160deg,#6a3a14,#301d10);border-color:#eca03d;color:#fff1d9;box-shadow:0 2px 14px #d66f1340}
.modern-justice .form-step-tab.is-done{background:#1c2920;border-color:#54724d;color:#d5f0d8}
.modern-justice .form-step{background:linear-gradient(180deg,#15151b,#111116)}
.modern-justice .step-heading{border-bottom:1px solid #56412f}
.modern-justice .step-heading h3{color:#fff2df}
.modern-justice .step-heading p{color:#bca99b}
.modern-justice .step-heading-icon{background:#392512;border:1px solid #a86c26;color:#ffbf66;box-shadow:inset 0 1px 0 #ffb94e39}
.modern-justice .req{color:#ff9c2d}
.modern-justice .wizard-actions{background:#0e1014;border-top:1px solid #68472a}
.modern-justice .wizard-count{color:#b9a797}
.modern-justice input,.modern-justice select,.modern-justice textarea{background:#101319;border-color:#584533;color:#fff5ed;border-radius:10px}
.modern-justice input:focus,.modern-justice select:focus,.modern-justice textarea:focus{border-color:#f3a03e;box-shadow:0 0 0 3px #ff9b2d25}
.modern-justice input::placeholder,.modern-justice textarea::placeholder{color:#8f8b87}
.modern-justice form label{color:#eee0d3}
.modern-justice .form-step input,.modern-justice .form-step textarea,.modern-justice .form-step select{background:#0e1116;border:1px solid #604a36;color:#f7efe8}
.modern-justice .organization-toggle{color:#ccb8a2!important}
.modern-justice .repeat-section,.modern-justice .evidence-section{background:#191619;border-color:#634931}
.modern-justice .repeat-person{background:#101318;border-color:#59452f}
.modern-justice .form-step .fineprint{color:#b4a495}
.modern-justice .final-confirmation{border-color:#527454;background:#163023;color:#c3efce}
.modern-justice .tag{background:#3a2916;border-color:#987044;color:#ffd69e}
.modern-justice .request-item{background:#16161c;border-color:#68472d}
.modern-justice .request-item:hover{border-color:#e3a24b}
.modern-justice .detail-field{border-color:#463527}
.modern-justice .detail-field strong{color:#ffb257}
.modern-justice .msg{background:#10141b;border-color:#553e2c}
.modern-justice .msg.own{background:#30251b;border-color:#96632b}
.modern-justice .msg header{color:#f8b76d}
.modern-justice .access-scope,.modern-justice .access-user,.modern-justice .role-row,.modern-justice .case-stage{background:#191719;border-color:#59432f}
.modern-justice .case-stage.active{background:#4b3019;border-color:#e5a34a}
.modern-justice .footer{border-color:#53361d;color:#a99b8d}
.modern-justice .footer span:first-child{color:#f4b465}
@media(max-width:1150px){.landing.modern-justice .welcome{grid-template-columns:1fr .67fr;padding:0 35px}.landing.modern-justice .welcome h1{font-size:60px}.landing.modern-justice .steps-and-sample{grid-template-columns:1fr}.landing.modern-justice .flowcards article{min-height:180px}}
@media(max-width:850px){.modern-justice .landing-links{display:none}.landing.modern-justice .welcome{grid-template-columns:1fr;min-height:490px;padding:10px 32px;background:#0b0b0d}.landing.modern-justice .welcome:before{background-image:linear-gradient(270deg,#0a0b0e 1%,#0a0b0ed7 62%,#0b0b0e8c 100%),url('assets/court-city-hero.webp');background-size:cover,auto 100%;background-position:center,left center;opacity:.77}.landing.modern-justice .welcome-text{padding:45px 0}.landing.modern-justice .welcome-visual{display:none}.landing.modern-justice .quick-features{grid-template-columns:repeat(2,1fr)}.modern-justice .choicegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:570px){.modern-justice .wrap{width:calc(100% - 26px)}.modern-justice .topinner{min-height:76px}.modern-justice .nav-logo{width:51px;height:55px}.modern-justice .wordmark{font-size:15px;gap:5px}.modern-justice .wordmark span small{font-size:9px}.modern-justice .header-login{font-size:11px;padding:9px 10px}.landing.modern-justice .welcome{padding:14px 18px;min-height:485px}.landing.modern-justice .welcome h1{font-size:clamp(37px,10vw,49px)}.landing.modern-justice .welcome p{font-size:14px}.landing.modern-justice .welcome-actions .btn{width:100%}.landing.modern-justice .quick-features{padding-top:14px;gap:9px}.landing.modern-justice .feature-tile{min-height:166px;padding:15px}.landing.modern-justice .feature-tile h3{font-size:14px}.landing.modern-justice .steps-pane,.landing.modern-justice .sample-pane{padding:16px}.landing.modern-justice .flowcards{grid-template-columns:1fr;gap:5px}.landing.modern-justice .flowcards article{min-height:80px;display:grid;grid-template-columns:52px 1fr;text-align:right;column-gap:10px;padding:10px 4px}.landing.modern-justice .flowcards b{width:47px;height:47px;grid-row:span 2}.landing.modern-justice .flowcards article h3{margin:0;font-size:14px}.landing.modern-justice .flowcards article p{font-size:11px}.landing.modern-justice .sample-case-title{font-size:11px}.landing.modern-justice .brand-footer-panel{padding:13px}.landing.modern-justice .dual-logo img{width:46px;height:46px}.modern-justice .wizard-card{border-radius:12px}.modern-justice .pagehero{min-height:120px}.modern-justice .choicegrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.modern-justice *{transition:none!important}}
/* Keep the four-step application centered, including on wide desktop screens. */
.modern-justice .wizard-card{max-width:1120px;width:100%;margin-inline:auto}

/* V13.1: Court lockup text only; fixes old .welcome-visual span position collision. */
.landing.modern-justice .hero-art-label{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:7px;min-width:246px;min-height:93px;padding:15px 23px;
  direction:ltr;text-align:center;
  border:1px solid rgba(255,163,60,.55);border-radius:13px;
  background:linear-gradient(145deg,rgba(14,14,17,.95),rgba(22,17,14,.92));
  box-shadow:0 11px 32px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,198,117,.13);
}
.landing.modern-justice .hero-art-label > span{
  /* Previous .welcome-visual span was absolute, causing two lines to overlap. */
  position:static;inset:auto;display:block;margin:0;padding:0;border:0;
  width:auto;height:auto;transform:none;background:transparent;
  color:#ffc16c;font-size:14px;line-height:1.4;font-weight:900;
  letter-spacing:2px;white-space:nowrap;text-shadow:none;
}
.landing.modern-justice .hero-art-label > strong{
  display:block;position:static;margin:0;padding:0;
  font-size:15px;line-height:1.45;font-weight:750;
  letter-spacing:0;color:#fff0da;white-space:nowrap;
}
.landing.modern-justice .mobile-court-tag{display:none}
@media(max-width:850px){
  .landing.modern-justice .mobile-court-tag{
    display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;
    margin-top:16px;padding:12px 15px;border-radius:10px;
    border:1px solid rgba(251,159,57,.53);background:rgba(10,11,14,.83);
    box-shadow:0 4px 18px rgba(0,0,0,.35)
  }
  .landing.modern-justice .mobile-court-tag span{direction:ltr;color:#ffc16c;letter-spacing:1.4px;font-weight:850;font-size:12px}
  .landing.modern-justice .mobile-court-tag strong{color:#fff0da;font-size:13px}
}

/* V13.2 — recruitment entry and executive-only management, presentation only */
.hero-join-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:19px 0 0;color:#ffddb0;font-size:14px}
.hero-join-line a{color:#ffbe65;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(251,173,59,.5)}
.hero-join-line a:hover{text-decoration:underline;color:#fff0d7}
.hero-join-line small{width:100%;font-size:12px;color:#b6a998}
.recruit-admin-card{padding:clamp(18px,2.4vw,30px)}
.recruit-admin-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}
.recruit-admin-top h3{margin:0 0 8px}
.recruit-filter{max-width:250px;min-width:175px}
.staff-application{border:1px solid rgba(255,166,53,.25);border-radius:17px;background:linear-gradient(125deg,rgba(18,21,30,.98),rgba(31,21,14,.88));padding:22px;margin-bottom:15px}
.staff-application-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}
.staff-application-header h3{font-size:20px;margin:0 0 6px;color:#fff}
.staff-application-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.staff-app-field{padding:12px 15px;border-radius:12px;background:rgba(4,7,11,.55);border:1px solid rgba(255,180,68,.10);min-width:0}
.staff-app-field strong{font-size:12px;color:#ffb856}
.staff-app-field p{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0}
.staff-application-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
@media(max-width:650px){.recruit-admin-top{flex-direction:column;align-items:stretch}.staff-application-facts{grid-template-columns:1fr}.staff-application{padding:15px}}

/* V13.3 — recruitment CTA visible to all: keep brand styling and spacing */
.hero-join-line{display:flex;align-items:center;gap:14px;padding:16px 19px;background:linear-gradient(116deg,rgba(22,19,18,.96),rgba(55,28,10,.89));border:1px solid rgba(255,166,43,.42);box-shadow:0 12px 28px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,212,128,.09);border-radius:16px;color:#fff;margin:23px 0 0}
.join-hero-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#3d2914;border:1px solid #8c622f;color:#ffb947;font-size:26px}
.join-hero-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.join-hero-copy strong{color:#ffe2a9;font-size:16px;font-weight:850}
.join-hero-copy span{color:#ddd1be;font-size:13px;line-height:1.5}
.hero-join-line .join-hero-button{white-space:nowrap;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:850;color:#17100a;background:linear-gradient(135deg,#ffe09a,#f6a22e);padding:11px 15px;border:0;border-radius:10px;box-shadow:0 3px 15px rgba(255,163,39,.16)}
.hero-join-line .join-hero-button:hover{color:#17100a;text-decoration:none;filter:brightness(1.07)}
.landing-links .nav-recruit-link{color:#ffd084!important}
.recruit-landing-section{margin-top:24px;margin-bottom:24px}
.recruit-landing-card{display:flex;align-items:center;gap:23px;border:1px solid rgba(255,166,43,.4);border-radius:20px;background:linear-gradient(116deg,rgba(14,17,23,.97),rgba(41,24,14,.98));box-shadow:0 13px 45px rgba(0,0,0,.24);padding:23px clamp(18px,3vw,36px)}
.recruit-landing-mark{width:88px;height:88px;flex-shrink:0;background:radial-gradient(ellipse,rgba(255,154,25,.14),transparent 68%);display:grid;place-items:center}
.recruit-landing-mark img{width:86px;height:86px;object-fit:contain}
.recruit-landing-text{flex:1;min-width:0}
.recruit-landing-text h2{font-size:clamp(23px,2.5vw,32px);line-height:1.25;margin:3px 0 8px;color:#fff}
.recruit-landing-text h2 em{font-style:normal;color:#ffbd62}
.recruit-landing-text p{font-size:14px;color:#c7c3bb;max-width:650px;line-height:1.6;margin:0}
.recruit-landing-action{flex-shrink:0;white-space:nowrap}
@media(max-width:880px){.hero-join-line{flex-wrap:wrap}.hero-join-line .join-hero-button{width:100%}.recruit-landing-card{flex-wrap:wrap}.recruit-landing-action{width:100%;text-align:center}}
@media(max-width:500px){.hero-join-line{padding:12px}.join-hero-icon{width:40px;height:40px}.join-hero-copy{flex:1 1 calc(100% - 60px)}.recruit-landing-mark{width:65px;height:65px}.recruit-landing-mark img{width:65px;height:65px}.recruit-landing-card{gap:12px}}

/* V13.4 — Recruitment as a distinct side panel (only after Discord login) */
.modern-justice .home-with-aside{display:grid;grid-template-columns:minmax(240px,292px) minmax(0,1fr);gap:20px;align-items:start}
.modern-justice .home-main-actions{min-width:0}
.modern-justice .home-main-actions .choicegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.modern-justice .recruit-aside{padding:24px 20px 21px;border-radius:18px;border:1px solid rgba(240,158,54,.7);background:radial-gradient(circle at 60% 0%,rgba(252,160,45,.2),transparent 55%),linear-gradient(145deg,#1b1511,#141820);box-shadow:0 14px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,215,147,.16);position:relative;overflow:hidden}
.modern-justice .recruit-aside:before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,transparent,#f2a438,transparent)}
.modern-justice .recruit-aside-logo{width:102px;height:100px;object-fit:contain;display:block;margin:0 auto 12px;filter:drop-shadow(0 3px 12px rgba(244,161,52,.17))}
.modern-justice .recruit-aside-eyebrow{font-weight:800;font-size:11px;letter-spacing:.4px;color:#ffc77b}
.modern-justice .recruit-aside h3{font-size:22px;color:#fff1d9;margin:8px 0;line-height:1.35}
.modern-justice .recruit-aside p{color:#c7bcb0;font-size:13px;line-height:1.8;margin:0 0 21px}
.modern-justice .recruit-aside-button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:49px;border:1px solid #f4c47a;border-radius:11px;padding:12px 14px;background:linear-gradient(110deg,#ffd082,#f9a63f);color:#26160b;font-weight:900;box-shadow:0 7px 22px rgba(232,132,29,.25)}
.modern-justice .recruit-aside-button:hover{filter:brightness(1.08)}
.modern-justice .recruit-aside small{display:block;font-size:11px;color:#b0a399;margin:13px 0 0}
.modern-justice .recruit-form-wrap{display:flex;justify-content:center}
.modern-justice .recruit-form-card{width:100%;max-width:900px;border:1px solid #77512d;padding:clamp(18px,3vw,34px);background:linear-gradient(145deg,#1c1a20,#12141b);box-shadow:0 14px 45px #0005}
.modern-justice .recruit-form-header{display:flex;align-items:center;gap:16px;padding:4px 0 18px;margin-bottom:22px;border-bottom:1px solid #51412e}
.modern-justice .recruit-form-header img{width:72px;height:72px;object-fit:contain}
.modern-justice .recruit-form-header h3{color:#ffe1b5;margin:0 0 5px;font-size:19px}
.modern-justice .recruit-form-header p{margin:0;color:#bdb2aa;font-size:13px}
.modern-justice .recruit-form-card label{font-size:14px;margin-bottom:22px;color:#eee2d4}
.modern-justice .recruit-form-card input,.modern-justice .recruit-form-card select,.modern-justice .recruit-form-card textarea{margin-top:9px;background:#0e131a;border:1px solid #5d4a36;border-radius:11px;color:#fff2e0}
.modern-justice .recruit-form-card input:focus,.modern-justice .recruit-form-card textarea:focus,.modern-justice .recruit-form-card select:focus{border-color:#f0aa53;box-shadow:0 0 0 3px rgba(252,171,64,.13)}
.modern-justice .recruit-form-card input[readonly]{background:#232327;color:#dec5a5}
.modern-justice .recruit-form-card .field-help{display:block;margin-top:6px;font-size:12px;font-weight:500;line-height:1.6;color:#bca99d}
.modern-justice .recruit-form-card .field-optional{font-size:12px;color:#aba7a5}
.modern-justice .recruit-form-card .word-counter{display:block;margin-top:5px;color:#76d5aa;font-weight:650;font-size:12px}
.modern-justice .recruit-form-card .word-counter.needs-more{color:#d7b395}
@media(max-width:1040px){.modern-justice .home-with-aside{grid-template-columns:minmax(230px,260px) 1fr}.modern-justice .home-main-actions .choicegrid{grid-template-columns:1fr}}
@media(max-width:710px){.modern-justice .home-with-aside{grid-template-columns:1fr}.modern-justice .recruit-aside{display:grid;grid-template-columns:75px 1fr;column-gap:15px;align-items:start}.modern-justice .recruit-aside-logo{width:75px;height:75px;grid-row:span 3;margin:0}.modern-justice .recruit-aside-button,.modern-justice .recruit-aside small{grid-column:1/-1}.modern-justice .recruit-aside h3{font-size:20px}.modern-justice .home-main-actions .choicegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.modern-justice .home-main-actions .choicegrid{grid-template-columns:1fr}.modern-justice .recruit-form-card .fieldrow{grid-template-columns:1fr}.modern-justice .recruit-form-header img{width:56px;height:56px}.modern-justice .recruit-aside{padding:17px}}

/* V13.5: persistent recruitment aside — independent of every screen and manager panel. */
.modern-justice .home-actions-only .choicegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.modern-justice .recruit-dock{display:block;position:fixed;left:16px;top:43%;width:225px;z-index:35;direction:rtl}
.modern-justice .recruit-aside-persistent{padding:15px 14px 13px;text-align:center;box-shadow:0 10px 35px #000a}
.modern-justice .recruit-aside-persistent .recruit-aside-logo{width:68px;height:68px;margin:0 auto 4px}
.modern-justice .recruit-aside-persistent .recruit-aside-eyebrow{font-size:10px}
.modern-justice .recruit-aside-persistent h3{font-size:16px;margin:4px 0 5px}
.modern-justice .recruit-aside-persistent p{font-size:11px;line-height:1.6;margin:0 0 11px}
.modern-justice .recruit-aside-persistent .recruit-aside-button{font-size:12px;min-height:43px;padding:9px 11px}
.modern-justice .recruit-aside-persistent small{font-size:10px;margin:8px 0 0}
/* Landing feature cards are real links: keep their original visual style with keyboard focus. */
.landing.modern-justice a.feature-tile{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .17s,border-color .17s,box-shadow .17s}
.landing.modern-justice a.feature-tile:hover,.landing.modern-justice a.feature-tile:focus-visible{transform:translateY(-4px);border-color:#ffac42;box-shadow:0 12px 36px #000c,0 0 0 1px #e7913670}
/* Never cover dashboard controls on narrower viewports. */
@media(max-width:1650px){
 .modern-justice .recruit-dock{position:static;left:auto;top:auto;width:100%;margin:-10px 0 27px}
 .modern-justice .recruit-aside-persistent{display:flex;align-items:center;text-align:right;gap:14px;flex-wrap:wrap;padding:13px 16px}
 .modern-justice .recruit-aside-persistent .recruit-aside-logo{width:64px;height:64px;flex:none;margin:0}
 .modern-justice .recruit-aside-persistent .recruit-aside-eyebrow{display:none}
 .modern-justice .recruit-aside-persistent h3{flex:0 0 auto;font-size:16px;margin:0}
 .modern-justice .recruit-aside-persistent p{flex:1 1 210px;font-size:11px;margin:0}
 .modern-justice .recruit-aside-persistent .recruit-aside-button{width:auto;min-width:170px}
 .modern-justice .recruit-aside-persistent small{display:none}
}
@media(max-width:820px){.modern-justice .home-actions-only .choicegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .modern-justice .recruit-aside-persistent{display:grid;grid-template-columns:52px 1fr;gap:6px 11px;padding:13px}
 .modern-justice .recruit-aside-persistent .recruit-aside-logo{width:52px;height:52px;grid-row:span 2}
 .modern-justice .recruit-aside-persistent h3{font-size:16px}
 .modern-justice .recruit-aside-persistent p{font-size:11px}
 .modern-justice .recruit-aside-persistent .recruit-aside-button{grid-column:1/-1;width:100%}
 .modern-justice .home-actions-only .choicegrid{grid-template-columns:1fr}
}

@media(min-width:1651px) and (max-width:1850px){
 .modern-justice .recruit-dock{left:12px;width:175px}
 .modern-justice .recruit-aside-persistent{padding:12px 10px}
 .modern-justice .recruit-aside-persistent .recruit-aside-logo{width:56px;height:56px}
 .modern-justice .recruit-aside-persistent p{font-size:10px}
 .modern-justice .recruit-aside-persistent h3{font-size:14px}
 .modern-justice .recruit-aside-persistent .recruit-aside-button{font-size:11px;padding:9px}
}