/* CLAN-C2-PROD-A4-REBASE-A2 — R20 semantic rebase, connected adapter, remote gates blocked */
#clanView{
  position:relative;
  overflow:hidden;
  border-color:#60486f;
  background:
    radial-gradient(circle at 92% 0,rgba(121,75,154,.17),transparent 31rem),
    linear-gradient(180deg,#17101f,#0a0710);
}
#clanView::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(120deg,transparent 0 42%,rgba(218,174,98,.13) 42.2% 42.7%,transparent 42.9%),
    radial-gradient(circle at 18% 22%,rgba(140,91,174,.2),transparent 22rem);
}
#clanView>*{position:relative;z-index:1}
.clan-c2-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid #4a3556;
  background:linear-gradient(180deg,rgba(43,27,54,.96),rgba(21,13,28,.94));
}
.clan-c2-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#bf91d3;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.14em;
}
.clan-c2-head h2{
  margin:0;
  color:#f0d49b;
  font:800 1.45rem Georgia,serif;
}
.clan-c2-head p{
  max-width:790px;
  margin:7px 0 0;
  color:#b1a3b7;
  font-size:.72rem;
  line-height:1.5;
}
.clan-c2-gate-stack{
  display:grid;
  min-width:225px;
  gap:6px;
}
.clan-c2-gate-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 9px;
  border:1px solid #5a415f;
  border-radius:9px;
  background:#0c0811;
  color:#b8a9bf;
  font-size:.58rem;
}
.clan-c2-gate-chip strong{color:#eecc8c;font-size:.59rem}
.clan-c2-gate-chip.blocked{border-color:#7c4651;background:#1c0c12}
.clan-c2-gate-chip.blocked strong{color:#ff9eaa}
.clan-c2-gate-chip.local{border-color:#486978;background:#09151b}
.clan-c2-gate-chip.local strong{color:#9ed8eb}
.clan-c2-body{padding:16px 18px 20px}
.clan-c2-status{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  margin-bottom:13px;
  padding:11px 12px;
  border:1px solid #765d39;
  border-radius:11px;
  background:linear-gradient(90deg,#251a0c,#140d18);
}
.clan-c2-status-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border:1px solid #8b6a3b;
  border-radius:50%;
  color:#edc374;
  background:#100a0f;
  font-weight:900;
}
.clan-c2-status strong,.clan-c2-status span{display:block}
.clan-c2-status strong{color:#ecd298;font-size:.72rem}
.clan-c2-status span{margin-top:3px;color:#a99caf;font-size:.61rem;line-height:1.4}
.clan-c2-status code{
  color:#d8b9e6;
  font:700 .55rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:nowrap;
}
.clan-c2-state-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-bottom:12px;
}
.clan-c2-state-step{
  min-width:0;
  padding:7px 8px;
  border:1px solid #3b2b42;
  border-radius:8px;
  background:#0a0710;
  color:#726978;
  font-size:.52rem;
  text-align:center;
}
.clan-c2-state-step.active{
  border-color:#8d6838;
  background:#21160c;
  color:#efd292;
}
.clan-c2-layout{
  display:grid;
  grid-template-columns:minmax(260px,.74fr) minmax(0,1.6fr);
  gap:12px;
}
.clan-c2-side,.clan-c2-main{
  border:1px solid #493451;
  border-radius:12px;
  background:rgba(12,8,17,.92);
  overflow:hidden;
}
.clan-c2-side{padding:13px}
.clan-c2-emblem{
  width:72px;height:72px;
  display:grid;place-items:center;
  margin:2px auto 10px;
  border:1px solid #806394;
  border-radius:50%;
  background:
    radial-gradient(circle,#2f1c3c 0 34%,#120b19 36% 55%,#4b2f5f 57% 60%,#0b0710 62%);
  box-shadow:0 0 28px rgba(132,73,170,.18);
  color:#e0bafa;
  font:900 1.8rem Georgia,serif;
}
.clan-c2-side h3{
  margin:0;
  color:#ecd29e;
  text-align:center;
  font:800 1rem Georgia,serif;
}
.clan-c2-side>p{
  margin:7px 0 12px;
  color:#95899c;
  text-align:center;
  font-size:.62rem;
  line-height:1.45;
}
.clan-c2-kv{display:grid;gap:6px}
.clan-c2-kv div{
  display:flex;justify-content:space-between;gap:12px;
  padding:8px 9px;
  border:1px solid #3f2e47;
  border-radius:8px;
  background:#0a0710;
}
.clan-c2-kv span{color:#8f8295;font-size:.57rem}
.clan-c2-kv strong{color:#d7c7dc;font-size:.58rem;text-align:right}
.clan-c2-runtime-ledger{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
.clan-c2-runtime-ledger div{
  padding:8px;
  border:1px solid #304d59;
  border-radius:8px;
  background:#081218;
}
.clan-c2-runtime-ledger span,.clan-c2-runtime-ledger strong{display:block}
.clan-c2-runtime-ledger span{color:#7d9ca8;font-size:.5rem}
.clan-c2-runtime-ledger strong{
  margin-top:4px;
  color:#b7e3ef;
  font:700 .55rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
  overflow-wrap:anywhere;
}
.clan-c2-tabs{
  display:flex;
  gap:5px;
  padding:9px;
  overflow-x:auto;
  border-bottom:1px solid #44304c;
  background:#120b19;
  scrollbar-width:thin;
}
.clan-c2-tab{
  flex:0 0 auto;
  min-height:30px;
  padding:0 10px;
  border:1px solid #4b3654;
  border-radius:8px;
  background:#0b0710;
  color:#a99bad;
  cursor:pointer;
  font:750 .56rem/1 inherit;
}
.clan-c2-tab:hover{border-color:#76568a;color:#e2cae9}
.clan-c2-tab.active{
  border-color:#a8793f;
  background:linear-gradient(180deg,#392611,#1d1118);
  color:#f1d59b;
}
.clan-c2-panels{padding:13px}
.clan-c2-panel{display:none}
.clan-c2-panel.active{display:block}
.clan-c2-panel h3{
  margin:0 0 4px;
  color:#edd39d;
  font:800 1rem Georgia,serif;
}
.clan-c2-panel>p{
  margin:0 0 11px;
  color:#978a9e;
  font-size:.62rem;
  line-height:1.5;
}
.clan-c2-state-banner{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
  padding:9px 10px;
  border:1px solid #375766;
  border-radius:9px;
  background:#09151b;
}
.clan-c2-state-banner span{
  color:#8fb5c4;
  font-size:.56rem;
}
.clan-c2-state-banner strong{
  color:#bce8f3;
  font:750 .57rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
  text-align:right;
}
.clan-c2-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.clan-c2-action-card{
  padding:10px;
  border:1px solid #44304d;
  border-radius:9px;
  background:#0b0710;
}
.clan-c2-action-card h4{
  margin:0 0 4px;
  color:#d9c0e4;
  font-size:.68rem;
}
.clan-c2-action-card p{
  min-height:34px;
  margin:0 0 8px;
  color:#817586;
  font-size:.54rem;
  line-height:1.4;
}
.clan-c2-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.clan-c2-control{
  min-height:29px;
  padding:0 9px;
  border:1px solid #5a4264;
  border-radius:7px;
  background:#18101f;
  color:#c8afd3;
  font:700 .53rem/1 inherit;
}
.clan-c2-control:disabled{
  cursor:not-allowed;
  opacity:.5;
  border-color:#3a303e;
  background:#0c0910;
  color:#756c79;
}
.clan-c2-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-bottom:8px;
}
.clan-c2-form-grid label{
  display:grid;
  gap:4px;
  color:#887b8e;
  font-size:.52rem;
}
.clan-c2-form-grid input,.clan-c2-form-grid select{
  min-width:0;
  height:30px;
  padding:0 8px;
  border:1px solid #403046;
  border-radius:7px;
  background:#08060b;
  color:#afa4b3;
  font-size:.56rem;
}
.clan-c2-form-grid input:disabled,.clan-c2-form-grid select:disabled{opacity:.58}
.clan-c2-resource-list,.clan-c2-feature-grid{display:grid;gap:8px}
.clan-c2-resource-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.clan-c2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.clan-c2-resource,.clan-c2-feature{
  padding:11px;
  border:1px solid #44304d;
  border-radius:9px;
  background:#0b0710;
}
.clan-c2-resource span,.clan-c2-feature span{
  display:block;
  color:#8e8194;
  font-size:.52rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.clan-c2-resource strong,.clan-c2-feature strong{
  display:block;
  margin-top:5px;
  color:#ddc9e3;
  font-size:.7rem;
}
.clan-c2-resource small,.clan-c2-feature small{
  display:block;
  margin-top:5px;
  color:#7f7484;
  font-size:.54rem;
  line-height:1.4;
}
.clan-c2-technical-note{
  margin-top:12px;
  padding:10px 11px;
  border:1px solid #3e5d69;
  border-radius:9px;
  background:#0b151a;
  color:#9fc3cf;
  font-size:.58rem;
  line-height:1.5;
}
.clan-c2-technical-note strong{color:#bce5f2}
.clan-c2-danger-note{
  border-color:#70414b;
  background:#190b10;
  color:#dba1aa;
}
@media(max-width:980px){
  .clan-c2-state-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clan-c2-layout{grid-template-columns:1fr}
}
@media(max-width:900px){
  .clan-c2-head{flex-direction:column}
  .clan-c2-gate-stack{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .clan-c2-side{display:grid;grid-template-columns:82px minmax(0,1fr);gap:4px 12px;align-items:center}
  .clan-c2-emblem{grid-row:1/4;margin:0}
  .clan-c2-side h3,.clan-c2-side>p{text-align:left}
  .clan-c2-kv,.clan-c2-runtime-ledger{grid-column:1/-1;margin-top:8px}
}
@media(max-width:620px){
  .clan-c2-head,.clan-c2-body{padding-left:11px;padding-right:11px}
  .clan-c2-gate-stack,.clan-c2-action-grid,.clan-c2-form-grid{grid-template-columns:1fr}
  .clan-c2-status{grid-template-columns:auto minmax(0,1fr)}
  .clan-c2-status code{grid-column:1/-1;white-space:normal}
  .clan-c2-resource-list,.clan-c2-feature-grid{grid-template-columns:1fr}
}