/* CONTROL_SURFACE_20261020: shared Story-style command selection. Native
   details preserve keyboard access; original links/forms retain all handlers. */
.fitsm-control-surface {background:#edf3ef;border:1px solid #8b9f89;padding:.5rem}
.fitsm-control-surface>h2 {margin:0 0 .35rem}
.fitsm-control-surface details {margin:0;border:0;border-top:1px solid #bdcdca;padding:0}
.fitsm-control-surface summary {cursor:pointer;font-weight:bold;padding:.35rem 0;color:#142d3a;list-style:disclosure-closed inside}
.fitsm-control-surface details[open]>summary {list-style-type:disclosure-open}
.fitsm-control-surface details>p,.fitsm-control-surface details>form {margin:.15rem 0 .15rem .75rem}
.fitsm-control-surface details a,.fitsm-control-surface details button {display:block;box-sizing:border-box;max-width:100%;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:0;box-shadow:none;background:transparent;color:#173847;padding:.35rem .5rem;min-height:28px;text-decoration:none}
.fitsm-control-surface details a:hover,.fitsm-control-surface details button:hover:not(:disabled) {background:#dbe8e1;text-decoration:underline}
.fitsm-control-surface summary:focus-visible,.fitsm-control-surface a:focus-visible,.fitsm-control-surface button:focus-visible {outline:2px solid #315f79;outline-offset:1px}
.fitsm-control-surface details a[aria-current=page] {font-weight:bold;background:#dbe8e1}
.fitsm-control-surface [hidden] {display:none!important}

.fitsm-control-surface-header {display:flex;align-items:center;gap:.5rem;justify-content:space-between}
.fitsm-control-surface-header .fitsm-space-tools {margin-left:auto;width:auto;border:1px solid #8b9f89;background:#f7faf7;padding:2px 6px}

body:has(.fitsm-middle-stack) .primary-pane>.pane-content{overflow:hidden;display:flex;min-height:0;padding:0}
.fitsm-middle-stack{display:grid;grid-template-rows:minmax(160px,1fr) minmax(160px,1fr);gap:12px;width:100%;min-height:0;height:100%;overflow:hidden}
.fitsm-middle-stack>section{min-height:0;overflow:auto;padding:12px!important;border:1px solid #829a93;border-radius:6px;background:#edf3ef;box-sizing:border-box}
.fitsm-middle-stack>section>h2{position:sticky;top:-12px;z-index:2;background:#edf3ef;padding:10px;margin:-12px -12px 12px;border-bottom:1px solid #bdcdca}
.fitsm-middle-stack button{text-align:left;white-space:normal;max-width:100%}
.fitsm-middle-stack a{overflow-wrap:anywhere}.er-selection{font-weight:bold}

.fitsm-middle-stack form,.fitsm-middle-stack form label{display:grid;gap:8px;margin:12px 0}.fitsm-middle-stack input,.fitsm-middle-stack select{min-width:0;max-width:100%;box-sizing:border-box}

/* CENTER_COMMAND_STYLE_20261028: reuse the Account control surface rather
   than native button boxes or a second grid/flex toolbar. Groups are vertical
   native details; the two work-area frames themselves never collapse. */
.fitsm-middle-stack [data-er-command-group]{display:block;width:100%;box-sizing:border-box}
.fitsm-middle-stack [data-er-command-group] button,
.fitsm-middle-stack [data-er-command-group] a{display:block;width:100%;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;background:transparent;color:#173847;text-align:left;padding:.35rem .75rem;min-height:28px;text-decoration:none;white-space:normal}
.fitsm-middle-stack [data-er-command-group] button:disabled{color:#65716c;cursor:default}
.fitsm-middle-stack [data-er-command-group] button:hover:not(:disabled),
.fitsm-middle-stack [data-er-command-group] a:hover{background:#dbe8e1;text-decoration:underline}