/* Hallmark · macrostructure: Workbench · tone: operational · anchor hue: coral */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */
/* Hallmark · contrast: pass (40–41) · honest: pass (46) · tokens: pass (48) · mobile: pass (34,49–57) */

.v218-app-links{display:grid;gap:var(--space-5);margin-block-end:var(--space-7);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-raised)}
.v218-app-links>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}
.v218-app-links>header>div{min-width:0}
.v218-app-links>header span{color:var(--color-accent);font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.12em}
.v218-app-links h2{min-width:0;margin:var(--space-1) 0 0;font-family:var(--font-display);overflow-wrap:anywhere}
.v218-app-links p{max-width:70ch;margin:var(--space-2) 0 0;color:var(--color-muted)}
.v218-link-switch{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-soft);white-space:nowrap}
.v218-link-switch input{width:18px;height:18px;accent-color:var(--color-accent)}
.v218-link-switch:hover{border-color:var(--color-muted)}
.v218-link-switch:active{opacity:.76}
.v218-link-switch:has(input:disabled){cursor:not-allowed;opacity:.55}
.v218-app-links form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.v218-app-links form>label{display:grid;gap:var(--space-2);min-width:0;color:var(--color-ink);font-size:.78rem;font-weight:700}
.v218-app-links input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);outline:2px solid transparent;padding:var(--space-2) var(--space-3);background:var(--color-paper);color:var(--color-ink)}
.v218-app-links input:not([type=checkbox]):hover{border-color:var(--color-muted)}
.v218-app-links input:not([type=checkbox]):focus-visible,.v218-link-switch input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}
.v218-app-links input:not([type=checkbox]):disabled{cursor:not-allowed;opacity:.55}
.v218-app-links small{min-height:1lh;color:var(--color-muted);font-weight:400}
.v218-app-links footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block-start:var(--space-2)}
.v218-app-links footer p{margin:0;font-size:.76rem}
.v218-app-links footer button{min-height:44px;white-space:nowrap}
.v218-app-links footer button:hover{filter:brightness(1.06)}
.v218-app-links footer button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.v218-app-links footer button:active{opacity:.76}
.v218-app-links footer button:disabled{cursor:wait;opacity:.55}
.v218-link-status{grid-column:1/-1;min-height:1lh;color:var(--color-muted);font-size:.78rem}
.v218-link-status[data-state=success]{color:var(--color-success)}
.v218-link-status[data-state=error]{color:var(--color-error)}

@media(max-width:48rem){
  .v218-app-links>header,.v218-app-links footer{align-items:stretch;flex-direction:column}
  .v218-link-switch{align-self:flex-start}
  .v218-app-links form{grid-template-columns:minmax(0,1fr)}
  .v218-app-links footer,.v218-link-status{grid-column:1}
}