/* Agency Agents library: browse roles, inspect a brief, then add one specialist.
   The native dialog keeps focus management and Escape behavior with the browser. */
#arena-agency-dialog{--ag-green:#00ff41;--ag-cyan:#00f0ff;--ag-gold:#ffcc00;--ag-bg:#081625;--ag-panel:#0b1d2b;--ag-line:#2b4859;box-sizing:border-box;width:min(1160px,calc(100vw - 36px));height:min(810px,calc(100dvh - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #3a6570;border-radius:8px;background:var(--ag-bg);color:#d5eaf0;box-shadow:0 30px 110px #000b;overflow:hidden;color-scheme:dark;font:14px/1.5 var(--font-sans,'Outfit',Arial,sans-serif)}
#arena-agency-dialog[open]{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}
#arena-agency-dialog::backdrop{background:#020812cf;backdrop-filter:blur(5px)}
#arena-agency-dialog *,#arena-agency-dialog *::before,#arena-agency-dialog *::after{box-sizing:border-box}
#arena-agency-dialog button,#arena-agency-dialog input,#arena-agency-dialog select{font:inherit}
#arena-agency-dialog button{cursor:pointer;touch-action:manipulation;border-radius:4px}
#arena-agency-dialog button:disabled{cursor:default;opacity:.45}
#arena-agency-dialog :focus-visible{outline:2px solid var(--ag-cyan);outline-offset:3px}
#arena-agency-dialog a{color:#80d6e8;text-underline-offset:3px;overflow-wrap:anywhere}
#arena-agency-dialog .ag-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 15px;border-bottom:1px solid #203b4a;background:linear-gradient(110deg,#0d2430,#081625);min-width:0}
#arena-agency-dialog .ag-header>div{min-width:0;flex:1}
#arena-agency-title{padding:0;margin:0 0 7px;border:0;color:#e3f3ef;font:700 29px/1.2 var(--font-sans,'Outfit',Arial,sans-serif);letter-spacing:-.6px;overflow-wrap:anywhere}
#arena-agency-dialog .ag-header p{margin:0;max-width:830px;color:#8eafbd;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#arena-close-agency{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #365869;background:#112a3a;color:#c5e3ea;font:20px/1 var(--font-sans,'Outfit',Arial,sans-serif)!important}
#arena-agency-back{display:none}
#arena-agency-dialog .ag-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.65fr) auto;gap:10px;align-items:center;padding:16px 24px 9px;min-width:0}
#arena-agency-search,#arena-agency-division{width:100%;min-width:0;min-height:45px;padding:10px 12px;border:1px solid #315367;border-radius:4px;background:#061320;color:#d9edf5;font-size:16px!important;line-height:1.4}
#arena-agency-search::placeholder{color:#7192a5;opacity:1}
#arena-agency-search::-webkit-search-cancel-button{cursor:pointer}
#arena-agency-division{padding-right:26px;text-overflow:ellipsis;cursor:pointer}
#arena-agency-recommended{min-height:45px;padding:10px 14px;border:1px solid #3b5745;background:#10281d;color:#b9d2b8;font-size:12px!important;font-weight:600!important;white-space:nowrap}
#arena-agency-recommended[aria-pressed=true]{border-color:#65a343;background:#173421;color:#cbf0bb;box-shadow:inset 0 -2px #77c744}
#arena-agency-count,#arena-agency-status{margin:0;padding:0 24px 12px;color:#80a1b1;font:12px/1.5 var(--font-sans,'Outfit',Arial,sans-serif);min-width:0;overflow-wrap:anywhere}
#arena-agency-dialog .ag-layout{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.18fr);gap:0;min-height:0;min-width:0;margin:0 24px;border:1px solid var(--ag-line);border-radius:5px;overflow:hidden;background:#07131f}
#arena-agency-list,#arena-agency-detail{min-width:0;min-height:0;max-width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34596b #07131f;touch-action:pan-y}
#arena-agency-list{padding:8px;border-right:1px solid var(--ag-line);background:#06121e}
#arena-agency-list [data-agency-role]{position:relative;display:block;width:100%;min-width:0;padding:13px 14px;margin:0 0 7px;border:1px solid #213d4d;border-radius:4px;background:#0c1e2c;color:#d0e4e8;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
#arena-agency-list [data-agency-role]:last-child{margin-bottom:0}
#arena-agency-list [data-agency-role] strong{display:block;font:600 15px/1.35 var(--font-sans,'Outfit',Arial,sans-serif);color:#ddedf0;padding-right:0;overflow-wrap:anywhere}
#arena-agency-list [data-agency-role] small{display:block;margin-top:4px;color:#79c6d3;font:11px/1.5 var(--font-mono,'Space Mono',monospace);overflow-wrap:anywhere}
#arena-agency-list [data-agency-role] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 0;color:#89a7b7;font:12px/1.5 var(--font-sans,'Outfit',Arial,sans-serif)}
#arena-agency-list [data-agency-role]:is([aria-pressed=true],[aria-selected=true],[data-selected=true]){border-color:#2d9da0;background:#0b3037;box-shadow:inset 3px 0 var(--ag-cyan)}
#arena-agency-list [data-agency-role]:is([aria-pressed=true],[aria-selected=true],[data-selected=true]) strong{color:#c7fffa}
#arena-agency-list [data-agency-role]:is([aria-pressed=true],[aria-selected=true],[data-selected=true]) p{color:#abd0d0}
#arena-agency-list .ag-badge,#arena-agency-list .ag-recommended,#arena-agency-list [data-agency-role] em{display:inline-block;margin-top:8px;padding:3px 6px;border:1px solid #56623b;border-radius:3px;background:#25301b;color:#cfe59d;font:10px/1.3 var(--font-mono,'Space Mono',monospace);font-style:normal}
#arena-agency-list>.ag-empty,#arena-agency-list>p{margin:0;padding:28px 18px;color:#8aaaba;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
#arena-agency-detail{position:relative;padding:20px 22px;background:var(--ag-panel);scroll-padding-block:12px 115px}
#arena-agency-detail .ag-avatar{float:right;width:48px;height:96px;margin:0 0 10px 15px;background-repeat:no-repeat;background-size:336px 288px;background-position:0 0;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #0005)}
#arena-agency-name{margin:4px 0 11px;padding:0;border:0;color:#e0f2ef;font:700 25px/1.2 var(--font-sans,'Outfit',Arial,sans-serif);letter-spacing:-.4px;overflow-wrap:anywhere}
#arena-agency-description{margin:0 0 20px;color:#9cbac6;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
#arena-agency-detail>strong,#arena-agency-detail .ag-label{display:block;clear:both;margin:18px 0 7px;color:#86d9cf;font:700 11px/1.5 var(--font-mono,'Space Mono',monospace);letter-spacing:.8px}
#arena-agency-task,#arena-agency-goal,#arena-agency-method{margin:0;color:#c0d7df;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#arena-agency-task{padding:13px 14px;border-left:2px solid #36b5a2;background:#0a2930;color:#cce5e3}
#arena-agency-goal{padding:11px 14px;border:1px solid #354c37;border-radius:3px;background:#14291f;color:#c4dabc}
#arena-agency-method{color:#93b4c1}
#arena-agency-source{display:inline-block;clear:both;margin-top:18px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#arena-agency-dialog .ag-actions,#arena-agency-dialog .ag-detail-actions{position:sticky;bottom:-20px;clear:both;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:18px;padding:14px 0 1px;background:var(--ag-panel);box-shadow:0 -9px 16px var(--ag-panel);z-index:2}
#arena-agency-add,#arena-agency-review{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:0;padding:11px 13px;border:1px solid #3d7180;border-radius:4px;background:#102f40;color:#b7e2ed;font:600 12px/1.4 var(--font-sans,'Outfit',Arial,sans-serif)!important;text-align:center;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
#arena-agency-add{border-color:var(--ag-green);background:var(--ag-green);color:#062413;font-weight:700!important}
#arena-agency-review:disabled{background:#11232f;border-color:#2a424e;color:#7895a5;opacity:.6}
#arena-agency-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px 16px;color:#7898a8;font-size:11px;line-height:1.5;min-width:0}
#arena-agency-footer>span,#arena-agency-footer>p,#arena-agency-footer>div{margin:0;min-width:0;overflow-wrap:anywhere}
#arena-agency-footer a{color:#9fc7d5}
#arena-agency-custom{min-height:42px;padding:9px 13px;border:1px solid #354f61;border-radius:4px;background:#102332;color:#abc7d5;font-size:12px!important;flex-shrink:0}
#arena-agency-dialog [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){
 #arena-agency-list [data-agency-role]:hover{border-color:#488b92;background:#102d3a}
 #arena-agency-add:hover:not(:disabled){background:#48ff77}
 #arena-agency-review:hover:not(:disabled){background:#174153;border-color:#58a1ad}
 #arena-agency-custom:hover{border-color:#668595;background:#183345}
 #arena-close-agency:hover{background:#1d3b4f;color:#fff}
}
@media(max-width:900px) and (min-width:761px){
 #arena-agency-dialog{width:calc(100vw - 28px)}
 #arena-agency-dialog .ag-header{padding:18px 18px 13px}
 #arena-agency-title{font-size:26px}
 #arena-agency-dialog .ag-toolbar{grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr);padding:13px 18px 8px}
 #arena-agency-recommended{grid-column:1/-1;justify-self:start;min-height:38px;padding:8px 12px}
 #arena-agency-count,#arena-agency-status{padding-inline:18px}
 #arena-agency-dialog .ag-layout{margin-inline:18px;grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr)}
 #arena-agency-detail{padding:17px}
 #arena-agency-name{font-size:23px}
 #arena-agency-footer{padding-inline:18px}
 #arena-agency-dialog .ag-actions,#arena-agency-dialog .ag-detail-actions{grid-template-columns:1fr;bottom:-17px}
}
@media(max-width:760px){
 #arena-agency-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:7px}
 #arena-agency-dialog .ag-header{padding:15px 14px 12px;gap:12px}
 #arena-agency-title{font-size:25px;line-height:1.2;letter-spacing:-.4px;margin-bottom:7px}
 #arena-agency-dialog .ag-header p{font-size:12px;line-height:1.5}
 #arena-close-agency{min-height:44px;min-width:44px;flex-basis:44px}
 #arena-agency-dialog .ag-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 14px 8px}
 #arena-agency-search{grid-column:1/-1}
 #arena-agency-search,#arena-agency-division{font-size:16px!important;min-height:44px;padding:10px}
 #arena-agency-division{padding-right:24px}
 #arena-agency-recommended{min-width:0;min-height:44px;white-space:normal;padding:8px 10px;font-size:12px!important;line-height:1.4}
 #arena-agency-count,#arena-agency-status{padding:0 14px 9px;font-size:12px}
 #arena-agency-dialog .ag-layout{display:block;min-height:0;margin:0 14px;border-radius:4px}
 #arena-agency-list{display:block;height:100%;padding:7px;border-right:0}
 #arena-agency-list [data-agency-role]{padding:12px;margin-bottom:7px;min-height:94px}
 #arena-agency-list [data-agency-role] strong{font-size:16px}
 #arena-agency-list [data-agency-role] small{font-size:12px;line-height:1.4}
 #arena-agency-list [data-agency-role] p{font-size:13px;line-height:1.5;margin-top:6px}
 #arena-agency-list .ag-badge,#arena-agency-list .ag-recommended,#arena-agency-list [data-agency-role] em{font-size:11px}
 #arena-agency-detail{display:none;height:100%;padding:17px 15px;scroll-padding-bottom:135px}
 #arena-agency-footer{padding:11px 14px 13px;gap:10px;font-size:11px;flex-wrap:wrap}
 #arena-agency-custom{min-height:44px;font-size:12px!important;padding:10px 12px}
 #arena-agency-footer>span,#arena-agency-footer>p,#arena-agency-footer>div{flex:1;min-width:100px;font-size:11px}
 #arena-agency-dialog[data-page=detail]{grid-template-rows:auto minmax(0,1fr) auto}
 #arena-agency-dialog[data-page=detail] .ag-toolbar,#arena-agency-dialog[data-page=detail] #arena-agency-count,#arena-agency-dialog[data-page=detail] #arena-agency-status{display:none}
 #arena-agency-dialog[data-page=detail] .ag-header{align-items:center;padding-block:10px}
 #arena-agency-dialog[data-page=detail] .ag-header h2,#arena-agency-dialog[data-page=detail] .ag-header p{display:none}
 #arena-agency-dialog[data-page=detail] #arena-agency-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:0;padding:9px 11px;border:1px solid #3b6171;border-radius:4px;background:#102c3c;color:#c0e6ed;font-size:13px;white-space:normal;text-align:left}
 #arena-agency-dialog[data-page=detail] #arena-agency-list{display:none}
 #arena-agency-dialog[data-page=detail] #arena-agency-detail{display:block}
 #arena-agency-name{font-size:25px;margin-top:3px;line-height:1.25}
 #arena-agency-description{font-size:14px;line-height:1.6;margin-bottom:18px}
 #arena-agency-detail .ag-avatar{margin-left:11px}
 #arena-agency-detail>strong,#arena-agency-detail .ag-label{font-size:12px;letter-spacing:.5px;margin-top:18px}
 #arena-agency-task,#arena-agency-goal,#arena-agency-method{font-size:14px;line-height:1.65}
 #arena-agency-task,#arena-agency-goal{padding:12px}
 #arena-agency-source{font-size:12px;min-height:40px;margin-top:16px;padding-block:9px}
 #arena-agency-dialog .ag-actions,#arena-agency-dialog .ag-detail-actions{grid-template-columns:1fr;bottom:-17px;gap:8px;padding-top:12px;margin-top:12px}
 #arena-agency-add,#arena-agency-review{min-height:46px;font-size:14px!important;padding:11px 12px}
}
@media(max-width:360px){
 #arena-agency-title{font-size:23px}
 #arena-agency-dialog .ag-header{gap:8px}
 #arena-agency-dialog .ag-header p{font-size:12px}
 #arena-agency-dialog .ag-layout{margin-inline:11px}
 #arena-agency-dialog .ag-toolbar,#arena-agency-count,#arena-agency-status,#arena-agency-footer{padding-inline:11px}
 #arena-agency-list [data-agency-role]{padding:11px}
 #arena-agency-name{font-size:23px}
 #arena-agency-detail{padding:15px 12px}
 #arena-agency-dialog .ag-actions,#arena-agency-dialog .ag-detail-actions{bottom:-15px}
}
@media(prefers-reduced-motion:reduce){#arena-agency-dialog *{scroll-behavior:auto!important}}
@media(max-height:600px){
 #arena-agency-dialog .ag-header{padding-block:10px}
 #arena-agency-title{font-size:23px;margin-bottom:0}
 #arena-agency-dialog .ag-header p{display:none}
 #arena-agency-dialog .ag-toolbar{padding-top:10px}
 #arena-agency-footer{padding-block:9px}
}

/* The prepared brief also offers the user's existing Gemini handoff. */
#arena-agency-dialog .ag-kicker{display:block;margin-bottom:7px;color:var(--ag-green);font:700 10px/1.4 var(--font-mono,'Space Mono',monospace);letter-spacing:1.3px}
#arena-agency-dialog .ag-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
#arena-agency-gemini{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #3d826f;border-radius:4px;background:#12352c;color:#b6e9d2;font:600 12px/1.4 var(--font-sans,'Outfit',Arial,sans-serif)!important;text-align:center;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
#arena-agency-provider-note{grid-column:1/-1;margin:3px 0 0;color:#83a6b7;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#arena-agency-retry{min-height:44px;padding:9px 12px;border:1px solid #72633c;border-radius:4px;background:#2a2515;color:#e6d69c;font-size:12px!important}
.ag-assignment{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;margin:-3px 0 11px;padding:7px 10px;border-left:2px solid #3a877e;background:#0a2530;color:#a7c6ce;font:11px/1.45 var(--font-sans,'Outfit',Arial,sans-serif);min-width:0;overflow-wrap:anywhere}
.ag-assignment:empty{display:none}
.ag-assignment>span{min-width:0;font-weight:600;overflow-wrap:anywhere}
.ag-assignment>a{color:#77d1df;text-underline-offset:3px;font-size:11px;white-space:nowrap}
.ag-assignment>small{flex-basis:100%;color:#80a4b5;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:900px) and (min-width:761px){
 #arena-agency-dialog .ag-actions{grid-template-columns:1fr 1fr}
 #arena-agency-add{grid-column:1/-1}
}
@media(max-width:760px){
 #arena-agency-dialog .ag-kicker{font-size:11px;letter-spacing:.7px;margin-bottom:7px}
 #arena-agency-dialog[data-page=detail] .ag-header .ag-kicker{margin:0;font-size:11px}
 #arena-agency-back{margin-bottom:14px}
 #arena-agency-dialog .ag-actions{grid-template-columns:1fr 1fr}
 #arena-agency-add{grid-column:1/-1}
 #arena-agency-gemini,#arena-agency-review{font-size:13px!important;min-height:46px;padding:10px 9px}
 #arena-agency-provider-note{font-size:12px;line-height:1.45}
 .ag-assignment{font-size:11px;margin-bottom:8px;padding:6px 8px;gap:2px 7px}
 .ag-assignment>small{font-size:11px}
}
@media(hover:hover) and (pointer:fine){#arena-agency-gemini:hover:not(:disabled){background:#1b4b3b;border-color:#73bd9c}}
@media(max-width:760px){
 /* Lead with the prepared task on a phone. The full overview stays in the DOM,
    original role guide and Gemini brief; the detail pane still scrolls normally. */
 #arena-agency-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:12px}
 #arena-agency-detail .ag-avatar{width:40px;height:80px;background-size:280px 240px;margin-left:10px;margin-bottom:6px}
 #arena-agency-back{margin-bottom:8px}
}
@media(max-width:360px){#arena-agency-name{font-size:22px;line-height:1.25}}