/* Clear to Pay Console: the polish layer. Loaded last on every Console page.
   Same brand tokens; quieter chrome; one icon set (Lucide paths, 16px, 1.75 stroke). */

/* Nav tabs: an icon per page, one column, one gap */
.clinks a{display:inline-flex;align-items:center;gap:8px}
.ico{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.clinks a .ico{opacity:.8}
.clinks a[aria-current="page"] .ico{opacity:1}
.drawer a .ico{width:18px;height:18px;margin-right:10px;vertical-align:-3px;opacity:.85}

/* "I'm the …": a segmented control on the hero, not a second nav bar */
.cbar{background:none!important;box-shadow:none!important;border-radius:0!important;margin-top:14px!important}
.cbar-in{padding:0!important}
.roles{display:inline-flex!important;align-items:center;gap:2px!important;margin-left:0!important;background:#13284A;border-radius:12px;padding:4px;box-shadow:inset 0 0 0 1px #24406B}
.roles>span{font:500 11.5px var(--mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--nmute)!important;padding:0 10px 0 8px;margin:0!important}
.roles button{display:inline-flex!important;align-items:center;gap:7px;border-radius:9px!important;box-shadow:none!important;padding:8px 12px!important;color:#C9D3E0!important;background:none!important;transition:background-color .15s,color .15s}
.roles button .ico{opacity:.85}
.roles button:hover{color:#fff!important;background:#1B3560!important}
.roles button[aria-pressed="true"]{background:var(--signal)!important;color:var(--navy)!important}
.roles button[aria-pressed="true"] .ico{opacity:1}
.roles button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
@media (max-width:640px){.roles{display:flex!important;width:100%}.roles>span{display:none}.roles button{flex:1 1 auto;justify-content:center;white-space:nowrap;gap:6px;padding:9px 6px!important;font-size:13px!important}}
@media (max-width:420px){.roles button .ico{display:none}}

/* One eyebrow style for every section */
.kick{font:500 11.5px/1 var(--mono)!important;letter-spacing:.14em!important;padding:7px 10px!important;background:var(--signal)!important;color:var(--navy)!important}
.kick.red{background:var(--seize)!important;color:#fff!important}
.alerts h3 small{display:table!important;width:max-content;font:500 11.5px/1 var(--mono)!important;letter-spacing:.14em;background:var(--signal);color:var(--navy)!important;padding:7px 10px;margin-bottom:12px!important}

/* Telegram buttons in the brand, not Telegram's blue */
.tgbtn{background:var(--navy)!important;color:var(--paper)!important;transition:background-color .15s}
.tgbtn:hover{background:var(--deep)!important}

/* New-order wizard: a progress rail, not five grey boxes */
.wz-steps{gap:8px!important;margin-top:12px!important}
.wz-steps button{background:none!important;box-shadow:inset 0 3px 0 var(--line)!important;padding:14px 2px 6px!important;color:var(--mute)!important;font-weight:500!important;border-radius:0!important}
.wz-steps button b{background:var(--card,#fff)!important;box-shadow:inset 0 0 0 1.5px var(--line)!important;color:var(--mute)!important}
.wz-steps button:not(:disabled){color:var(--navy)!important;box-shadow:inset 0 3px 0 var(--navy)!important}
.wz-steps button:not(:disabled) b{box-shadow:inset 0 0 0 1.5px var(--navy)!important;color:var(--navy)!important}
.wz-steps button[aria-current]{color:var(--navy)!important;box-shadow:inset 0 3px 0 var(--signal)!important;font-weight:600!important}
.wz-steps button[aria-current] b{background:var(--navy)!important;color:var(--signal)!important;box-shadow:none!important}
.wz-steps button:disabled{opacity:1!important;color:#97A3B4!important}
.wz-steps button:hover:not(:disabled):not([aria-current]){color:var(--night,#0E2242)!important;background:rgba(16,38,74,.04)!important}

/* Inline code stays inline (the Sign page broke a sentence around "ctp-sign") */
p code,.plain code,li code{display:inline!important;padding:1px 6px!important;margin:0!important;font-size:.9em!important;white-space:nowrap;background:rgba(16,38,74,.07);border-radius:4px;box-shadow:none!important}

/* Judge mode: the invoice picker lines up with the page instead of running edge to edge */
.pickhead,.tabs,.waitban{padding-left:max(16px,calc((100% - 1240px) / 2))!important;padding-right:max(16px,calc((100% - 1240px) / 2))!important}

/* Calm, consistent focus everywhere */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}

/* Sign page: ask who you are before the key, when nobody has picked yet */
.wrap > #home{order:-1}
.pick button{transition:box-shadow .15s,background-color .15s}
.pick button:hover{box-shadow:inset 0 0 0 2px var(--navy)!important}