/* Step 6, agents group */
/* AI Agents + Settings group */
.ag-empty{display:grid;gap:12px;justify-items:start}
.ag-chips{gap:6px}
.ag-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 12px;max-height:320px;overflow-y:auto;padding:4px}
.ag-pick{padding-right:10px}
.ag-mods{display:grid;gap:8px;max-height:420px;overflow-y:auto}
.ag-mod{display:grid;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-s)}
.ag-route .input{min-width:160px;flex:1 1 180px}
.ag-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ag-steps li{flex:none}
.ag-steps button{all:unset;box-sizing:border-box;display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:13px;white-space:nowrap}
.ag-steps button:focus-visible{outline:2px solid var(--accent)}
.ag-steps li.now button{background:var(--ink-2);border-color:var(--ink-2);color:#fff}
.ag-steps li.done button{background:#DBF6EE;border-color:#BCE9DB;color:#0C5A47}
/* settings */
.ag-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.ag-tile{display:grid;gap:4px;align-content:start;min-height:92px;padding:16px;text-decoration:none;color:inherit}
.ag-preview{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:grid;grid-template-columns:96px 1fr;min-height:190px}
.ag-preview .pv-side{background:var(--ink);color:var(--on-dark);padding:14px;font:var(--w-head) 15px var(--head);display:grid;gap:8px;align-content:start}
.ag-preview .pv-side i{display:block;height:8px;border-radius:9px;background:var(--line-d)}
.ag-preview .pv-side i.on{background:var(--accent)}
.ag-preview .pv-main{background:var(--paper);padding:16px;display:grid;gap:10px;align-content:start}
.ag-opt{align-items:flex-end;padding:8px 0;border-bottom:1px solid var(--paper-2)}
.ag-opt:last-child{border-bottom:0}
.ag-opt>.grow{min-width:220px;flex:1 1 260px}
/* crons */
.ag-hours{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:4px}
.ag-hour{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;font:500 12.5px var(--mono)}
.ag-hour[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
/* ticks */
.ag-right{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--paper-2)}
.ag-right:last-child{border-bottom:0}
.ag-right code{font:12px var(--mono);color:var(--muted);overflow-wrap:anywhere}
.ag-right .row{justify-content:flex-end;gap:6px}
@media (max-width:820px){.ag-right{grid-template-columns:minmax(0,1fr)}.ag-right .row{justify-content:flex-start}}
/* help box */
.ai-box{display:flex;flex-direction:column;overflow:hidden}
.ag-chat-head{padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:nowrap;align-items:flex-start}
.ag-chat{flex:1;overflow-y:auto;padding:14px;display:grid;gap:8px;align-content:start;min-height:120px}
.ag-chat .bubble.ai{background:var(--paper-2)}
.ag-hints{gap:6px}
.ag-chat-foot{padding:10px 12px;border-top:1px solid var(--line);flex-wrap:nowrap}
.ag-chat-foot input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:var(--card)}
/* Settings, Users: the Show list next to the search box, and the smaller button row under the name in the side panel */
.users-show select{border:0;outline:0;background:none;min-height:42px;padding:0 4px 0 8px;cursor:pointer}
.panel-head:has(.user-acts){flex-wrap:wrap;row-gap:10px}
.user-acts{flex:1 0 100%;gap:4px}
.user-acts .btn{min-height:30px;padding:4px 8px;font-size:11.5px;gap:6px}