/* Styles for the advanced Settings section (settings-advanced.js): the instruction files (admin),
   the spend limits and the AI model. Tokens come from console.css; every var() carries a fallback.
   Classes are prefixed adv- or sit under .st. Every control is at least 44px tall on a phone. */

.st .adv-mono{display:block;width:100%;min-height:24rem;box-sizing:border-box;margin:var(--s2,.5rem) 0 0;
  padding:var(--s3,.75rem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;
  line-height:1.5;tab-size:2;white-space:pre;overflow:auto;resize:vertical;
  border:1px solid var(--line-strong,#bbb);border-radius:var(--r-sm,8px);
  background:var(--surface-2,#f7f7f7);color:var(--fg,#111)}
.st .adv-mono:focus-visible{outline:2px solid var(--focus,var(--accent,#333));outline-offset:1px}
@media (max-width:600px){.st .adv-mono{font-size:1rem;min-height:18rem}}   /* 16px: no zoom on iPhone */

.st .adv-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.st .adv-tools{margin-top:0}

.st .adv-bar{height:.5rem;margin-top:var(--s2,.5rem);border-radius:99px;overflow:hidden;
  background:var(--surface-2,#eee);border:1px solid var(--line,#ddd)}
.st .adv-bar span{display:block;height:100%;background:var(--ok,#3e8e86)}
.st .adv-bar.hot span{background:var(--warn,#a9482b)}
.st .adv-cap .st-meta{margin-top:var(--s2,.5rem)}

/* The locked rules fold: closed by default, one tap to read. */
.st .adv-locked{margin-top:var(--s3,.75rem);border-left:3px solid var(--accent,#333);
  background:var(--surface-2,#f7f7f7);border-radius:var(--r-sm,8px);font-size:var(--fs-sm,.8125rem);
  line-height:var(--lead-tight,1.35)}
.st .adv-locked>summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;
  padding:0 var(--s3,.75rem);font-family:inherit;font-size:var(--fs-sm,.8125rem);font-weight:600;letter-spacing:normal;
  text-transform:none;color:var(--fg,#111)}
.st .adv-locked>summary::-webkit-details-marker{display:none}
.st .adv-locked-body{padding:0 var(--s3,.75rem) var(--s3,.75rem)}
.st .adv-locked p{margin:var(--s2,.5rem) 0 var(--s1,.25rem)}
.st .adv-locked ul{margin:0 0 var(--s2,.5rem);padding-left:1.1rem}
.st .adv-locked li{margin:.25rem 0}

.st .adv-review{margin-top:var(--s3,.75rem);padding:var(--s3,.75rem);border:1.5px solid var(--accent,#333);
  border-radius:var(--r,12px);background:var(--surface,#fff);display:flex;flex-direction:column;gap:var(--s2,.5rem);min-width:0}
.st .adv-review p{margin:0;font-size:var(--fs-sm,.8125rem)}
.st .adv-diff{max-height:28rem;overflow:auto;min-width:0;font-size:var(--fs-sm,.8125rem)}
.st .adv-plain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.45;
  white-space:pre-wrap;overflow-wrap:anywhere;padding:.15rem .4rem;border-radius:4px}
.st .adv-plain.del{background:rgba(169,72,43,.12)}
.st .adv-plain.add{background:rgba(62,142,134,.16)}

/* Tap targets on these cards. */
.st-sec[data-sec="advanced"] button,
.st-sec[data-sec="advanced"] .st-link,
.st-sec[data-sec="spend"] button,
.st-sec[data-sec="ai-model"] button{min-height:44px}
.st-sec[data-sec="advanced"] .st-row-head button{padding:.4rem 1rem}
.st-sec[data-sec="advanced"] textarea,
.st-sec[data-sec="spend"] input,
.st-sec[data-sec="advanced"] input{min-height:44px}