/* The agent dashboard's AI Agents tab, on top of dashboard.css (the shell: tabs, banner, header chips, phone page).
   Settled on the How to use and first-login tour board (round 4, 2026-10-23): one centred coming-soon panel. The look is
   the board's, in the site's own styles; if this tab's look changes, the tour's peek at it changes too. */

.btnp{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font:700 14px/1 var(--tiny);text-transform:uppercase}
.btnp{background:var(--pink);color:#fff;text-shadow:2px 2px 0 var(--plum);box-shadow:0 0 0 3px var(--plum),0 5px 0 3px var(--plum)}
.btnp:hover{filter:brightness(1.08)}
.btnp:focus-visible{outline:3px dashed var(--pink);outline-offset:5px}
.main button *{pointer-events:none}

.soonp{display:grid;justify-items:center;gap:12px;padding:54px 24px;text-align:center;background:var(--paper);box-shadow:var(--rim)}
.soonp canvas{width:60px;height:60px}
.soonp .tag{font:700 14px/1 var(--tiny)}
.soonp b{font:700 30px/1.15 var(--pxf);color:var(--teal-dark)}
.soonp p{max-width:56ch;font:600 16px/1.45 var(--pxf);color:var(--muted)}
.sm2{font:600 13px/1.35 var(--pxf);color:var(--muted)}