/*
 * SGWEN Core visual system v2.1.0
 * Official palette sampled from the supplied SGWEN identity artwork.
 */
:root{
  --brand-ink:#12120c;
  --brand-olive:#403f2a;
  --brand-olive-2:#5b5436;
  --brand-orange:#e68f1a;
  --brand-orange-dark:#9b5b08;
  --brand-cream:#d8d2a3;
  --green-950:var(--brand-ink);
  --green-900:var(--brand-olive);
  --green-800:#4b4930;
  --green-700:var(--brand-olive-2);
  --green-100:#eeecd9;
  --green-50:#f8f7ef;
  --navy:var(--brand-ink);
  --gold:var(--brand-orange);
  --gold-dark:var(--brand-orange-dark);
  --ink:#222219;
  --muted:#6f6d60;
  --line:#ddd9c5;
  --bg:#f5f3ea;
  --radius:8px;
  --shadow:0 12px 28px rgba(18,18,12,.08)
}
html,body,button,input,select,textarea,
.brand b,.hero-copy h1,.section-heading h2,.form-hero h1,
.form-step-heading>span,.form-step-heading h2,.auth-card h1,
.page-head h1,.panel-head h2,.profile-summary h2,.member-id-card h2,
.metric-grid strong,.ecosystem-core b,.step-number,
.portrait-placeholder,.identity-lines span,
.reference-box strong,.member-number,.member-id-card>strong{
  font-family:Cairo,system-ui,-apple-system,"Segoe UI",sans-serif
}
body{background:var(--bg);color:var(--ink)}
::selection{background:var(--brand-orange);color:var(--brand-ink)}
a,button,input,select,textarea{outline-color:var(--brand-orange)}
.eyebrow{color:var(--brand-orange-dark);letter-spacing:.08em}
.public-nav{height:76px;background:rgba(255,255,255,.97);border-bottom-color:var(--line);box-shadow:0 3px 12px rgba(18,18,12,.04)}
.nav-inner nav{gap:24px}
.nav-inner nav a:not(.language):hover,.back-link,.panel-head a{color:var(--brand-orange-dark)}
.language{width:36px;height:36px;border-radius:8px;border-color:#d3ceb5;color:var(--brand-olive);background:#fff}
.language:hover{border-color:var(--brand-orange);color:var(--brand-ink)}
.hero{min-height:650px;padding:78px 0 72px;background:linear-gradient(120deg,#fbfaf4 0%,#f1eee1 68%,#e9e4cb 100%)}
.hero-grid{gap:64px}
.hero-copy h1,.section-heading h2,.form-step-heading h2,.page-head h1,.panel-head h2,.profile-summary h2,.member-id-card h2{color:var(--brand-ink)}
.hero-copy p{color:#686658}
.button{border-radius:8px;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.button-primary{background:var(--brand-orange);color:var(--brand-ink);box-shadow:0 8px 18px rgba(155,91,8,.18)}
.button-primary:hover{background:#d98212;color:var(--brand-ink)}
.button-light{border-color:#d7d2bc;color:var(--brand-olive);box-shadow:0 3px 10px rgba(18,18,12,.04)}
.button-secondary{background:var(--brand-olive);color:#fff}
.button-secondary:hover{background:var(--brand-ink)}
.trust-line span{border-radius:7px;background:var(--brand-cream);color:var(--brand-olive)}
.hero-visual{height:480px}
.identity-card{border-radius:8px;background:#fffdf7;border-color:#cfc9aa;box-shadow:0 26px 56px rgba(64,63,42,.17)}
.identity-card:after{border-color:rgba(230,143,26,.09)}
.card-top{color:var(--brand-olive)}
.portrait-placeholder{
  border-radius:8px;
  background:var(--brand-olive);
  overflow:hidden;
  border:2px solid #fffdf7;
  box-shadow:0 4px 12px rgba(18,18,12,.16)
}
.portrait-placeholder img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%
}
.identity-lines span{color:var(--brand-ink)}
.card-chip{background:var(--brand-orange);color:var(--brand-ink)}
.orbit{border-color:rgba(64,63,42,.16)}
.process-section{padding:78px 0}
.section-heading span{color:var(--brand-orange-dark)}
.process-grid{border-radius:8px;border-color:var(--line)}
.process-grid article:hover{background:#faf8ef}
.process-grid h3{color:var(--brand-olive)}
.step-number{color:#d9d4ba}
.ecosystem{background:var(--brand-ink);padding:64px 0}
.ecosystem-core small{color:#c9c5ad}
.platform-row span{border-radius:8px;color:#ece8d5;border-color:rgba(216,210,163,.25)}
.platform-row span:hover{border-color:var(--brand-orange);background:rgba(230,143,26,.08)}
.public-shell>footer{background:var(--brand-olive);color:#dcd8c1}
.public-shell>footer .footer-brand small{color:#dcd8c1}
.form-hero{background:var(--brand-olive)}
.form-hero p{color:#e2deca}
.registration-section{padding-top:38px}
.stepper-nav{background:var(--brand-olive);border-radius:8px;box-shadow:var(--shadow)}
.step-tab{border-radius:8px;color:#d7d2bc}
.step-tab small,.form-security p{color:#bab59d}
.step-tab.active{background:var(--brand-ink)}
.step-tab.active>span{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--brand-ink)}
.form-security b{color:var(--brand-orange)}
.registration-form,.auth-card,.panel,.metric-grid article{border-radius:8px;box-shadow:var(--shadow)}
.form-step{padding-top:34px}
.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{border-color:#d4cfb9;border-radius:8px}
.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px rgba(230,143,26,.18)}
.field-note,.consent,.core-health,.locked-fields{background:#f4f1df;border-color:#ddd5ae}
.consent input,.check-label input{accent-color:var(--brand-orange)}
.microsoft-note{border-radius:8px}
.summary-note{border-inline-start-color:var(--brand-orange)}
.auth-section{background:#f4f1e4}
.auth-card{padding:38px}
.notice,.reference-box{border-radius:8px}
.reference-box,.member-number{background:var(--brand-ink)}
.success-icon{border-radius:8px;background:var(--brand-cream);color:var(--brand-olive)}
.admin-shell{background:var(--bg)}
.sidebar{width:248px;background:var(--brand-olive);padding:20px 16px}
.sidebar .brand{min-height:72px;padding:0 8px 18px}
.sidebar .brand b{font-family:Cairo,system-ui,sans-serif;font-size:15px;letter-spacing:0;color:#fff}
.sidebar .brand small{color:#c9c4ac;letter-spacing:.11em}
.sidebar nav{margin-top:18px}
.sidebar nav a{border-radius:8px;color:#ddd8c0}
.sidebar nav a:hover{background:rgba(18,18,12,.28)}
.sidebar nav a.active{background:var(--brand-ink);box-shadow:inset 3px 0 var(--brand-orange)}
[dir=rtl] .sidebar nav a.active{box-shadow:inset -3px 0 var(--brand-orange)}
.sidebar-user small{color:#c2bda6}
.sidebar-user .avatar{background:var(--brand-orange);color:var(--brand-ink)}
.admin-main{width:calc(100% - 248px);margin-inline-start:248px}
.admin-topbar{height:66px;background:#fffdf9}
.ghost-button,.icon-button{border-radius:8px}
.ghost-button:hover,.icon-button:hover{border-color:var(--brand-orange);color:var(--brand-ink)}
.admin-content{padding:28px}
.page-head{margin-bottom:24px}
.page-head h1{font-family:Cairo,system-ui,sans-serif;font-size:30px}
.metric-grid{gap:12px}
.metric-grid article{padding:16px}
.metric-grid strong{font-family:Cairo,system-ui,sans-serif;color:var(--brand-ink)}
.metric-icon{border-radius:8px}
.metric-icon.green,.metric-icon.teal{background:#ebe8d4;color:var(--brand-olive)}
.metric-icon.gold{background:#fff0d6;color:var(--brand-orange-dark)}
.panel{padding:18px}
.table-wrap th{color:#757263;background:#faf8f0}
.table-wrap td{border-bottom-color:#ece8d8}
.table-wrap tbody tr:hover{background:#fbfaf4}
.table-action{border-color:#cbc5a9;color:var(--brand-olive)}
.table-action:hover{border-color:var(--brand-orange);color:var(--brand-ink)}
.status{border-radius:999px}
.status-success{background:#e7efe5;color:#315c38}
.status-info{background:#e8ecf0;color:#3a556e}
.status-warning{background:#fff0d5;color:#80530b}
.status-danger{background:#f8e8e6;color:#963b37}
.profile-photo,.member-photo{border-radius:8px;background:var(--brand-olive)}
.member-id-card{background:#fffdf7}
.member-id-card>strong{color:var(--brand-orange-dark)}
.tag-list span{background:#f1eedf;border-color:#d8d1af;color:var(--brand-olive)}
.admin-footer{min-height:54px;border-top:1px solid var(--line);background:#fffdf9}
.brand-public>img{width:auto!important;height:40px!important;max-width:176px;object-fit:contain}
.sidebar .brand-sidebar>img{width:auto!important;height:52px!important;max-width:42px;object-fit:contain;flex:none}
.brand-footer>img{width:auto!important;height:34px!important;max-width:148px;object-fit:contain}
.cit-credit img{width:auto;height:26px;max-width:112px;object-fit:contain}
.admin-footer img{width:auto;height:24px;max-width:100px;object-fit:contain}
.auth-logo{width:auto;max-width:58px;height:72px;object-fit:contain}
.ecosystem-core img{width:auto;max-width:46px;height:58px;object-fit:contain}
.member-id-top img,.card-top img{width:auto;height:34px;max-width:32px;object-fit:contain}
@media(max-width:1050px){
  .hero{padding-top:54px}
  .hero-grid{gap:38px}
  .stepper-nav{border-radius:8px}
}
@media(max-width:780px){
  .public-nav{height:66px}
  .brand-public>img{height:34px!important;max-width:138px}
  .nav-inner nav{gap:10px}
  .hero{padding:48px 0}
  .hero-visual{height:325px}
  .admin-main{width:100%;margin-inline-start:0}
  .admin-content{padding:20px 14px}
  .brand-footer>img{height:30px!important;max-width:126px}
  .cit-credit img{height:23px;max-width:96px}
  .admin-footer img{height:22px;max-width:90px}
}
@media(max-width:480px){
  .brand-public>img{height:31px!important;max-width:118px}
  .hero-copy h1{font-size:32px}
  .identity-card{width:264px}
  .auth-logo{height:64px;max-width:52px}
}