/* Compact action launchers keep the work surface available. Forms open in the
   existing native dialog: focus trap, Escape and focus restoration are shared. */
html[data-ui="5"] :is(.stage1-r21-action-rail,.stage1-r21-action-dialog){
 --rail-ink:var(--r21-ink,#e8f6ff);--rail-muted:var(--r21-muted,#96b3c7);
 --rail-accent:var(--r21-accent,#43d1ff);--rail-line:var(--r21-line,#72c4e64d);
 --rail-floor:var(--r21-surface,#061522);--rail-raised:var(--r21-raised,#0c2233);
 box-sizing:border-box;color:var(--rail-ink);font-kerning:normal;
}
html[data-ui="5"] :is(.stage1-r21-action-rail,.stage1-r21-action-dialog) *{box-sizing:border-box}
html[data-ui="5"] .stage1-r21-action-rail{display:flex;align-items:center;gap:0;min-width:0;width:100%;max-width:100%;min-height:52px;padding:3px 7px;border:1px solid var(--rail-line);border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,var(--rail-raised) 80%,transparent),var(--rail-floor));box-shadow:inset 0 1px #cff2ff0b;direction:rtl;overflow:hidden}
html[data-ui="5"] .stage1-r21-action-label{flex:0 0 auto;padding:0 11px;font-size:10px;line-height:1.5;font-weight:500;color:var(--rail-muted);border-inline-end:1px solid var(--rail-line);white-space:nowrap}
html[data-ui="5"] .stage1-r21-action-track{display:flex;align-items:center;flex:1;gap:2px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--rail-line) transparent;scroll-padding-inline:8px;padding:0 4px}
html[data-ui="5"] .stage1-r21-action-track>button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:44px!important;min-width:44px!important;padding:9px 11px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:var(--rail-ink)!important;font:inherit;font-size:12px!important;line-height:1.5!important;font-weight:450;text-align:start;white-space:nowrap;cursor:pointer;transition:background .17s,border-color .17s,color .17s}
html[data-ui="5"] .stage1-r21-action-track>button svg{flex:0 0 auto;width:17px;height:17px;color:var(--rail-accent);opacity:.86}
html[data-ui="5"] .stage1-r21-action-track>button:is(:hover,[aria-expanded="true"]):not(:disabled){background:var(--rail-raised)!important;border-color:var(--rail-line)!important}
html[data-ui="5"] .stage1-r21-action-track>button:disabled{opacity:.4;cursor:default}
html[data-ui="5"] .stage1-r21-action-track>button:focus-visible{outline:2px solid var(--rail-accent)!important;outline-offset:-3px!important;background:var(--rail-raised)!important}

/* The overlay is a focused template, not another nested dashboard. */
html[data-ui="5"] .modal.stage1-r21-action-dialog{width:min(700px,calc(100% - 32px))!important;max-width:700px!important;min-width:0!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:24px!important;border:1px solid var(--rail-line)!important;border-radius:18px!important;background:linear-gradient(135deg,var(--rail-raised),var(--rail-floor) 68%)!important;color:var(--rail-ink)!important;box-shadow:0 30px 110px #0009,inset 0 1px #c0efff38!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rail-line) transparent;direction:rtl;text-align:start;animation:r21-template-open .2s cubic-bezier(.2,.8,.2,1)}
html[data-ui="5"] .modal.stage1-r21-action-dialog::backdrop{background:rgba(0,8,16,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html[data-ui="5"] .stage1-r21-action-dialog>.modal-head{position:sticky;top:-24px;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:16px;margin:-24px -24px 24px!important;padding:16px 24px!important;border-bottom:1px solid var(--rail-line);background:var(--rail-floor);box-shadow:0 5px 18px #00000012}
html[data-ui="5"] .stage1-r21-action-dialog>.modal-head h2{min-width:0;margin:0!important;color:var(--rail-ink)!important;font-size:21px!important;font-weight:580;line-height:1.5!important;letter-spacing:-.02em;overflow-wrap:anywhere}
html[data-ui="5"] .stage1-r21-action-dialog>.modal-head .btn{width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:10px!important;border:1px solid var(--rail-line)!important;border-radius:10px!important;background:var(--rail-raised)!important;color:var(--rail-muted)!important}
html[data-ui="5"] .stage1-r21-action-template{min-width:0;max-width:100%}
html[data-ui="5"] .stage1-r21-action-template:empty{display:none}
html[data-ui="5"] .stage1-r21-action-dialog :is(p,li){font-size:14px;line-height:1.8;color:var(--rail-muted);overflow-wrap:anywhere}
html[data-ui="5"] .stage1-r21-action-dialog :is(h3,strong,label){color:var(--rail-ink)}
html[data-ui="5"] .stage1-r21-action-dialog .form{min-width:0;gap:18px}
html[data-ui="5"] .stage1-r21-action-dialog .field{min-width:0;max-width:100%}
html[data-ui="5"] .stage1-r21-action-dialog .field label{font-size:12px;line-height:1.6;color:var(--rail-muted);margin-bottom:8px}
html[data-ui="5"] .stage1-r21-action-dialog .field :is(input,textarea,select){width:100%;min-width:0;max-width:100%;min-height:44px!important;padding:11px 12px!important;border:1px solid var(--rail-line)!important;border-radius:10px!important;background:var(--rail-floor)!important;color:var(--rail-ink)!important;font-size:16px!important;line-height:1.75!important;box-shadow:inset 0 1px #d8f6ff08!important}
html[data-ui="5"] .stage1-r21-action-dialog .field textarea{min-height:130px;max-height:280px;resize:vertical}
html[data-ui="5"] .stage1-r21-action-dialog .field small{display:block;color:var(--rail-muted)!important;font-size:11px;line-height:1.7}
html[data-ui="5"] .stage1-r21-action-dialog :is(input,textarea,select)::placeholder{color:var(--rail-muted);opacity:.8}
html[data-ui="5"] .stage1-r21-action-dialog .btn{min-width:44px!important;min-height:44px!important;border-radius:9px!important;font-size:13px!important;white-space:normal;line-height:1.6}
html[data-ui="5"] .stage1-r21-action-dialog .btn:is(.secondary,.ghost){background:var(--rail-raised)!important;border-color:var(--rail-line)!important;color:var(--rail-ink)!important;box-shadow:none!important}
html[data-ui="5"] .stage1-r21-action-dialog :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--rail-accent)!important;outline-offset:3px!important}
html[data-ui="5"] .stage1-r21-action-dialog .agent-context-tag{max-width:100%;margin:0 0 20px!important;border-color:var(--rail-line)!important;background:var(--rail-raised)!important;color:var(--rail-ink)!important}
html[data-ui="5"] .stage1-r21-action-dialog .agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html[data-ui="5"] .stage1-r21-action-dialog .agent-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:13px;line-height:1.85;color:var(--rail-muted)}
html[data-ui="5"] .stage1-r21-action-dialog .agent-check input{flex:0 0 18px;width:18px;height:18px;margin-top:4px;accent-color:var(--rail-accent)}
html[data-ui="5"] .stage1-r21-action-dialog .notice{font-size:12px;line-height:1.85;border-color:var(--rail-line);background:var(--rail-raised);color:var(--rail-muted)}
html[data-ui="5"] .stage1-r21-action-dialog .notice.error{color:#ffa5a0;border-color:#aa5752}
html[data-ui="5"] .stage1-r21-action-dialog .stage1-r21-template-note{margin:0;font-size:12px!important;color:var(--rail-muted)!important}
html[data-ui="5"] .stage1-r21-action-dialog .stage1-r21-prompt-template>p{margin:0 0 20px}
html[data-ui="5"] .stage1-r21-action-loading{margin:20px 0}

/* One horizontal row stays connected to the composer in idle and result views. */
html[data-ui="5"] .route-agent .stage1-r21-agent .stage1-r21-agent-actions{margin:0 0 10px!important;min-height:50px;flex:none;background:transparent!important;border-color:var(--canvas-line,var(--rail-line));box-shadow:none!important}
html[data-ui="5"] .route-agent .stage1-r21-agent .stage1-r21-agent-actions .stage1-r21-action-track>button{font-size:11px!important;padding-inline:10px!important}
html[data-ui="5"] .route-agent .stage1-r21-agent .agent-compose-footer>span{max-width:100%!important}
html[data-ui="5"] .route-agent .stage1-r21-agent .stage1-r20-welcome-intro{margin-bottom:18px!important}
html[data-ui="5"] .route-agent .stage1-r21-agent .agent-trust-row{margin-top:0!important}
@keyframes r21-template-open{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:680px){
 html[data-ui="5"] .stage1-r21-action-rail{padding:2px 3px;min-height:50px;border-radius:10px}
 html[data-ui="5"] .stage1-r21-action-label{padding-inline:8px;font-size:10px}
 html[data-ui="5"] .stage1-r21-action-track{padding-inline:2px;gap:0}
 html[data-ui="5"] .stage1-r21-action-track>button{font-size:12px!important;padding-inline:9px!important}
 html[data-ui="5"] .modal.stage1-r21-action-dialog{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:18px 16px!important;border-radius:14px!important}
 html[data-ui="5"] .stage1-r21-action-dialog>.modal-head{top:-18px;margin:-18px -16px 19px!important;padding:12px 16px!important;gap:12px}
 html[data-ui="5"] .stage1-r21-action-dialog>.modal-head h2{font-size:19px!important}
 html[data-ui="5"] .stage1-r21-action-dialog .agent-form-grid{grid-template-columns:minmax(0,1fr)}
 html[data-ui="5"] .stage1-r21-action-dialog .form-actions{flex-wrap:wrap;gap:8px}
 html[data-ui="5"] .stage1-r21-action-dialog .form-actions>.btn{flex:1 1 120px}
 html[data-ui="5"] .route-agent .stage1-r21-agent .stage1-r21-agent-actions{margin-bottom:8px!important}
 html[data-ui="5"] .route-agent .stage1-r21-agent .stage1-r21-agent-actions .stage1-r21-action-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}
html[data-ui="5"][data-theme="light"] :is(.stage1-r21-action-rail,.stage1-r21-action-dialog){--rail-ink:#17384d;--rail-muted:#4c6b7f;--rail-accent:#057da7;--rail-line:rgba(52,115,148,.3);--rail-floor:#f5faff;--rail-raised:#e6f1f8}
html[data-ui="5"][data-theme="light"] .modal.stage1-r21-action-dialog{box-shadow:0 25px 80px #173a5050,inset 0 1px #fff!important}
html[data-ui="5"][data-theme="light"] .stage1-r21-action-dialog .notice.error{color:#983e36;border-color:#bd7e78}
html[data-ui="5"]:is([data-ui-effects="reduced"],[data-reduce-transparency="true"],.a11y-opaque) :is(.stage1-r21-action-rail,.modal.stage1-r21-action-dialog){background:var(--rail-floor)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html[data-ui="5"]:is([data-ui-effects="reduced"],[data-reduce-transparency="true"],.a11y-opaque) .modal.stage1-r21-action-dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,8,16,.86)}
html[data-ui="5"]:is([data-contrast="high"],.a11y-contrast) :is(.stage1-r21-action-rail,.stage1-r21-action-dialog){--rail-line:#8dafc5;--rail-muted:#dae9f3}
html[data-ui="5"][data-theme="light"]:is([data-contrast="high"],.a11y-contrast) :is(.stage1-r21-action-rail,.stage1-r21-action-dialog){--rail-line:#335569;--rail-muted:#233e50}
html[data-ui="5"]:is([data-ui-effects="reduced"],[data-reduced-motion="true"],.a11y-no-motion) :is(.stage1-r21-action-rail,.stage1-r21-action-dialog,.stage1-r21-action-rail *,.stage1-r21-action-dialog *){animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html[data-ui="5"] :is(.stage1-r21-action-rail,.stage1-r21-action-dialog,.stage1-r21-action-rail *,.stage1-r21-action-dialog *){animation:none!important;transition:none!important;scroll-behavior:auto!important}}
