/* src/styles/v63-advanced-resonance.css
   Phase 3 — Advanced Resonance panel: module cards, toolbar, editable
   controls, and locked-but-visible state. Tuned to the dark Solstice palette. */

#advancedEngine .advanced-lock-note{font-size:.8rem;line-height:1.5;color:#c7d4ec;margin:0 0 12px;}

.ar-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;}
.ar-engine-toggle{
  border-radius:999px;padding:9px 16px;font-size:.78rem;font-weight:850;cursor:pointer;
  border:1px solid rgba(95,227,255,.4);color:#eef5ff;background:rgba(95,227,255,.08);
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.ar-engine-toggle.on{background:linear-gradient(135deg,#45f29b,#5fe3ff);color:#06101f;border-color:transparent;}
.ar-engine-toggle:hover{transform:translateY(-1px);}
.ar-btn,.ar-select{
  border-radius:999px;padding:8px 13px;font-size:.74rem;font-weight:750;cursor:pointer;
  border:1px solid rgba(255,255,255,.16);color:#c7d4ec;background:rgba(255,255,255,.05);
}
.ar-btn:hover{background:rgba(255,255,255,.1);color:#fff;}
.ar-select{appearance:auto;}
.ar-tier-badge{font-size:.66rem;font-weight:850;letter-spacing:.06em;color:#f5b96a;border:1px solid rgba(245,185,106,.4);border-radius:999px;padding:5px 11px;}
.ar-unlock{margin-left:auto;}

.ar-modules{display:flex;flex-direction:column;gap:8px;}
.ar-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:rgba(6,12,26,.5);}
.ar-card-head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 14px;background:transparent;border:none;cursor:pointer;color:#eef5ff;font:inherit;text-align:left;
}
.ar-card-head:hover{background:rgba(255,255,255,.04);}
.ar-card-title{font-size:.82rem;font-weight:800;}
.ar-card-badges{display:flex;align-items:center;gap:8px;}
.ar-badge{font-size:.6rem;font-weight:850;letter-spacing:.05em;border-radius:999px;padding:3px 8px;}
.ar-badge.ar-lock{color:#f5b96a;border:1px solid rgba(245,185,106,.4);}
.ar-badge.ar-on{color:#45f29b;border:1px solid rgba(69,242,155,.4);}
.ar-caret{opacity:.6;font-size:.7rem;transition:transform .2s ease;}
.ar-card-head.open .ar-caret{transform:rotate(180deg);}

.ar-card-body{padding:6px 14px 14px;border-top:1px solid rgba(255,255,255,.06);}
.ar-field{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.76rem;}
.ar-field label{flex:0 0 38%;color:#aebdd8;}
.ar-field.ar-readonly label{opacity:.7;}
.ar-out{flex:1;color:#eef5ff;font-weight:700;text-align:right;}
.ar-input{flex:1;min-width:0;}
.ar-range{accent-color:#5fe3ff;}
.ar-rangeval{flex:0 0 52px;text-align:right;color:#5fe3ff;font-weight:700;font-variant-numeric:tabular-nums;}
.ar-input[type="checkbox"]{flex:0 0 auto;width:18px;height:18px;accent-color:#45f29b;}
select.ar-input{border-radius:8px;padding:5px 8px;background:rgba(4,9,20,.7);border:1px solid rgba(255,255,255,.16);color:#eef5ff;}

.ar-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);}
.ar-mini{border-radius:8px;padding:6px 10px;font-size:.68rem;font-weight:700;cursor:pointer;border:1px solid rgba(95,227,255,.3);background:rgba(95,227,255,.06);color:#bfe9ff;}
.ar-mini:hover{background:rgba(95,227,255,.14);}
.ar-toggle-mod{display:flex;align-items:center;gap:6px;font-size:.68rem;color:#aebdd8;}
.ar-toggle-mod input{width:16px;height:16px;accent-color:#45f29b;}

/* Locked users: dim editable affordances slightly to signal read-only. */
body:not(.admin-unlocked) #advancedEngine .ar-out{opacity:.92;}

@media(max-width:760px){
  .ar-field{flex-wrap:wrap;}
  .ar-field label{flex:0 0 100%;margin-bottom:2px;}
  .ar-toolbar{gap:6px;}
  .ar-engine-toggle,.ar-btn{flex:1 1 auto;text-align:center;}
}

/* Tier 3 head badge */
#advancedEngine .head span.tier3-on{color:#45f29b!important;}

/* Phase / checkpoint editors (movement, temporal) */
.ar-phases{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);}
.ar-phases-title{font-size:.7rem;font-weight:800;letter-spacing:.03em;color:#5fe3ff;text-transform:uppercase;margin-bottom:8px;}
.ar-phase{border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 10px;margin-bottom:7px;background:rgba(255,255,255,.02);}
.ar-phase-name{font-size:.72rem;font-weight:800;color:#eef5ff;margin-bottom:4px;text-transform:capitalize;}
.ar-phase-field{padding:3px 0;}
.ar-phase-field label{flex:0 0 30%;font-size:.7rem;}
.ar-phase-ro-vals{font-size:.68rem;color:#aebdd8;line-height:1.4;}

.ar-build{margin-left:auto;font-size:.6rem;opacity:.45;color:#aebdd8;align-self:center;letter-spacing:.04em;}

/* Preset-locked module note */
.ar-locked-note{font-size:.7rem;line-height:1.5;color:#f5b96a;opacity:.85;margin:0 0 10px;padding:8px 10px;border:1px solid rgba(245,185,106,.25);border-radius:8px;background:rgba(245,185,106,.06);}
.ar-badge.ar-lock{color:#f5b96a;border:1px solid rgba(245,185,106,.4);}