/* glen-design: v1 */
:root{ --ais-action-width: 120px; }
/* A quiet decision band. Existing screen instruments keep the signature slot. */
.ais-band{ margin: 0 0 var(--s5); padding: var(--s4); border-radius: var(--r); background: var(--surface-1); box-shadow: var(--shadow-1), inset 3px 0 var(--accent); }
.ais-head{ display: flex; align-items: center; gap: var(--s3); margin-bottom: var(--s2); color: var(--ink); font-weight: 600; font-size: var(--fs-sm); }
.ais-head small{ margin-left: auto; color: var(--ink-dim); font-size: var(--fs-micro); font-weight: 400; }
.ais-list{ display: grid; }
.ais-item{ display: grid; grid-template-columns: minmax(0,1fr) minmax(140px,.25fr) auto; align-items: center; gap: var(--s4); padding: var(--s3); border-radius: var(--r-sm); position: relative; }
.ais-item + .ais-item{ border-top: 1px solid var(--line); }
.ais-copy{ min-width: 0; }
.ais-copy h3{ font: 600 var(--fs-base)/1.4 var(--font-body); letter-spacing: 0; }
.ais-copy p{ margin: var(--s1) 0 0; color: var(--ink-dim); font-size: var(--fs-sm); line-height: 1.5; max-width: none; }
.ais-evidence{ display: grid; gap: var(--s1); min-width: 0; align-content: center; }
.ais-impact summary{ cursor: pointer; list-style: none; display: grid; gap: var(--s1); border-radius: var(--r-sm); min-height: var(--h-touch); }
.ais-impact summary::-webkit-details-marker{ display: none; }
.ais-impact summary b{ font-size: var(--fs-base); color: var(--ink); }
.ais-impact summary span{ display: flex; align-items: center; gap: var(--s1); font-size: var(--fs-micro); color: var(--ink-dim); }
.ais-impact summary svg{ width: var(--s3); height: var(--s3); }
.ais-impact p{ margin: var(--s2) 0; color: var(--ink-dim); font-size: var(--fs-sm); overflow-wrap: anywhere; }
.ais-confidence{ color: var(--ink-dim); font-size: var(--fs-micro); }
.ais-unpriced{ font-size: var(--fs-sm); font-weight: 600; }
.ais-action{ min-height: var(--h-touch); min-width: var(--ais-action-width); }
.ais-approved{ background: var(--ok-tint); }
.ais-approved .ais-action{ background: var(--ok-tint); color: var(--ok); opacity: 1; box-shadow: none; }
.ais-draft-note{ padding: var(--s3); border-radius: var(--r-sm); background: var(--tint); color: var(--accent); }
.ais-draft-meta{ display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--s2) var(--s3); font-size: var(--fs-sm); }
.ais-draft-meta dt{ color: var(--ink-dim); }
.ais-draft-meta dd{ margin: 0; overflow-wrap: anywhere; }
.ais-draft-body{ white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; margin-top: var(--s5); }
.ais-band .btn, .ais-drawer .btn{ transform: none; transition: opacity var(--dur-fast) ease; }
@media (hover: hover) and (pointer: fine){
  .ais-item:hover{ box-shadow: inset 0 0 0 1px var(--line-2); }
  .ais-impact summary:hover{ color: var(--accent); }
}
@media (prefers-reduced-motion: no-preference){
  .ais-item, .ais-impact summary, .ais-band .btn, .ais-drawer .btn{ transform: none; transition: transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) ease; }
  .ais-approved .ais-action svg{ animation: ais-confirm var(--dur-slow) var(--spring); }
  @keyframes ais-confirm{ from{ opacity: 0; transform: scale(.8); } to{ opacity: 1; transform: scale(1); } }
  @media (hover: hover) and (pointer: fine){
    .ais-item:hover{ transform: translateY(-2px); }
    .ais-impact summary:hover, .ais-band .btn:not(:disabled):hover, .ais-drawer .btn:hover{ transform: scale(1.02); }
  }
  .ais-item:active, .ais-impact summary:active, .ais-band .btn:not(:disabled):active, .ais-drawer .btn:active{ transform: scale(.97); }
}
@media (max-width: 760px){
  .ais-band{ padding: var(--s3); margin-bottom: var(--s4); }
  .ais-head{ flex-wrap: wrap; gap: var(--s2); }
  .ais-head small{ display: none; }
  .ais-item{ grid-template-columns: minmax(0,1fr) auto; gap: var(--s3); padding: var(--s3) var(--s1); }
  .ais-copy{ grid-column: 1 / -1; }
  .ais-action{ min-width: 0; padding: 0 var(--s3); }
}