/* GovHub v18c: per-module icons (custom images + admin icon picker). */
img.i.mic{object-fit:contain;border-radius:6px;background:transparent;stroke:none;max-width:100%}
.sgrid .t img.i.mic{width:32px;height:32px;border-radius:9px}
.bnav__ic img.i.mic{border-radius:5px}
.li .tile img.i.mic,.nav img.i.mic{border-radius:5px}

/* staff console: icon squares with a pencil */
.mi-box{position:relative;width:36px;height:36px;flex:none;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--a-accbg,#e8efff);color:var(--a-acc,#1446a0);align-self:center}
.mi-box>.i{width:19px;height:19px}.mi-box>img.i.mic{width:26px;height:26px;border-radius:6px}
.mi-box.off{background:#eef2f6;color:#94a3b8}.mi-box.off>img.mic{opacity:.55;filter:grayscale(.6)}
.mi-box.mi-cust{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--a-acc,#1446a0) 35%,transparent)}
.mi-ed{position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;padding:0;border-radius:50%;border:1.5px solid var(--a-panel,#fff);background:var(--a-acc,#1446a0);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s}
.mi-ed .i{width:11px;height:11px;stroke-width:2.2}
.mi-box:hover .mi-ed,.mi-ed:focus-visible,.modrow:hover .mi-ed,.ft17:hover .mi-ed{opacity:1;transform:none}
.mi-ed:focus-visible{outline:2px solid var(--a-acc,#1446a0);outline-offset:2px}
@media (hover:none){.mi-ed{opacity:.92;transform:none}}
.mi-box::after{content:"";position:absolute;inset:0;border-radius:inherit;cursor:pointer}
.mi-box .mi-ed{z-index:1}
.ax .modrow{align-items:center}.ax .modrow>.mi-box{flex:none}
.ft17{align-items:center}.ft17 .ft17__t{align-self:center}
.mi-hb{gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mi-tb{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px}.mi-tb .mut{font-size:12.5px;color:var(--a-mut,#64748b)}
.mi-rall[disabled]{opacity:.5;cursor:default}
/* picker */
.modal .mi-modal{width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;padding:18px!important}
.mi-h{display:flex;align-items:center;gap:12px}.mi-h>div{flex:1;min-width:0}.mi-h h3{margin:0;font-size:16px}.mi-h p{margin:2px 0 0;font-size:12.5px;color:var(--a-mut,#64748b)}
.mi-pv{width:48px;height:48px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--a-accbg,#e8efff);color:var(--a-acc,#1446a0)}
.mi-pv>.i{width:24px;height:24px}.mi-pv>img.mic{width:34px;height:34px;border-radius:8px}
.mi-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 6px}
.mi-srch{position:relative;flex:1 1 220px;margin:0}.mi-srch .i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--a-mut,#64748b)}
.mi-srch input{width:100%;padding-left:34px!important;margin:0}
.mi-up{margin:0;cursor:pointer}.mi-up.busy{opacity:.6;pointer-events:none}
.mi-note{font-size:12px;margin:2px 0 0}.mi-modal .err{margin:4px 0 0;min-height:0}
.mi-grid{display:grid;align-content:start;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;overflow:auto;margin-top:8px;padding:2px;min-height:160px}
.mi-opt{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 7px;border:1px solid var(--a-line,#e3e8f0);border-radius:10px;background:var(--a-panel,#fff);color:var(--a-ink,#0f172a);cursor:pointer;min-width:0}
.mi-opt .i{width:22px;height:22px}.mi-opt small{font-size:10.5px;color:var(--a-mut,#64748b);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mi-opt:hover{border-color:var(--a-acc,#1446a0);color:var(--a-acc,#1446a0)}
.mi-opt.on{border-color:var(--a-acc,#1446a0);background:var(--a-accbg,#e8efff);color:var(--a-acc,#1446a0);box-shadow:inset 0 0 0 1px var(--a-acc,#1446a0)}
.mi-opt:disabled{opacity:.6}
.mi-none{grid-column:1/-1;text-align:center;padding:24px 0}
[data-theme=dark] .mi-box.off{background:#1f2937;color:#64748b}