html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

button.btn,
a.btn {
    overflow-wrap: anywhere;
    white-space: normal;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.console-page,
.console-manual {
    display: grid;
    gap: 1rem;
}

.console-header,
.console-input-actions,
.console-header-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.section-header {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .85rem;
}

.section-header h1,
.section-header h2 {
    margin: 0;
}

.section-header p {
    color: #526070;
    margin: .25rem 0 0;
}

.wizard-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.wizard-card {
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    display: grid;
    gap: .5rem;
    padding: .75rem;
}

.wizard-card h2 {
    font-size: .95rem;
    margin: 0;
}

.wizard-card small {
    color: #667085;
}

.console-input-row {
    align-items: center;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.telegram-console-panel .section-header > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.telegram-console-command-button {
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    padding: .35rem;
    width: 2.25rem;
}

.telegram-console-command-strip {
    justify-content: flex-start;
}

.telegram-console-command-strip .btn {
    margin: 0;
}

.telegram-console-agent-summary,
.telegram-console-progress-summary {
    align-items: stretch;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.telegram-console-agent-summary > div,
.telegram-console-progress-summary > div {
    align-items: center;
    border: 1px solid #d7e0ee;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    min-width: 0;
    padding: .55rem .65rem;
}

.telegram-console-agent-summary span,
.telegram-console-progress-summary span {
    color: #667085;
    font-size: .75rem;
}

.telegram-console-agent-summary strong,
.telegram-console-progress-summary strong {
    color: #1d2939;
    font-size: 1rem;
}

.console-transcript {
    background: #07111f;
    border-radius: 6px;
    color: #e6edf7;
    min-height: 260px;
    max-height: 52vh;
    overflow: auto;
    padding: .875rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.console-session-status {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.console-session-status > div {
    border: 1px solid #d7e0ee;
    border-radius: 6px;
    padding: .75rem;
    min-width: 0;
}

.console-session-status span,
.console-line-meta {
    display: block;
    color: #4b5a70;
    font-size: .82rem;
}

.console-session-status strong {
    overflow-wrap: anywhere;
}

.console-output {
    background: #07111f;
    color: #e6edf7;
    border-radius: 6px;
    min-height: 360px;
    max-height: 62vh;
    overflow: auto;
    padding: .875rem;
}

.console-line {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: .35rem 0;
}

.console-line pre {
    margin: .15rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    color: inherit;
    font-size: .9rem;
}

.console-line.input {
    color: #bfe3ff;
}

.console-line.error {
    color: #ffcfcc;
}

.console-line.system {
    color: #cfd6e3;
}

.console-line .ansi-fg-black {
    color: #8b949e;
}

.console-line .ansi-fg-red {
    color: #ff7b72;
}

.console-line .ansi-fg-green {
    color: #7ee787;
}

.console-line .ansi-fg-yellow {
    color: #f2cc60;
}

.console-line .ansi-fg-blue {
    color: #79c0ff;
}

.console-line .ansi-fg-magenta {
    color: #d2a8ff;
}

.console-line .ansi-fg-cyan {
    color: #76e3ea;
}

.console-line .ansi-fg-white {
    color: #f0f6fc;
}

.console-line .ansi-fg-bright-black {
    color: #8b949e;
}

.console-line .ansi-fg-bright-red {
    color: #ffa198;
}

.console-line .ansi-fg-bright-green {
    color: #7ee787;
}

.console-line .ansi-fg-bright-yellow {
    color: #f2cc60;
}

.console-line .ansi-fg-bright-blue {
    color: #79c0ff;
}

.console-line .ansi-fg-bright-magenta {
    color: #d2a8ff;
}

.console-line .ansi-fg-bright-cyan {
    color: #a5f3fc;
}

.console-line .ansi-fg-bright-white {
    color: #ffffff;
}

.console-line .ansi-bg-black,
.console-line .ansi-bg-bright-black {
    background-color: #161b22;
}

.console-line .ansi-bg-red,
.console-line .ansi-bg-bright-red {
    background-color: rgba(248, 81, 73, .28);
}

.console-line .ansi-bg-green,
.console-line .ansi-bg-bright-green {
    background-color: rgba(63, 185, 80, .28);
}

.console-line .ansi-bg-yellow,
.console-line .ansi-bg-bright-yellow {
    background-color: rgba(210, 153, 34, .3);
}

.console-line .ansi-bg-blue,
.console-line .ansi-bg-bright-blue {
    background-color: rgba(56, 139, 253, .28);
}

.console-line .ansi-bg-magenta,
.console-line .ansi-bg-bright-magenta {
    background-color: rgba(188, 140, 255, .28);
}

.console-line .ansi-bg-cyan,
.console-line .ansi-bg-bright-cyan {
    background-color: rgba(57, 197, 187, .28);
}

.console-line .ansi-bg-white,
.console-line .ansi-bg-bright-white {
    background-color: rgba(240, 246, 252, .18);
}

.console-line .ansi-bold {
    font-weight: 700;
}

.console-line .ansi-dim {
    opacity: .72;
}

.console-line .ansi-italic {
    font-style: italic;
}

.console-line .ansi-underline {
    text-decoration: underline;
}

.console-line .ansi-inverse {
    filter: invert(1);
}

.console-input-panel {
    display: grid;
    gap: .75rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.dashboard-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.dashboard-page-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.dashboard-page-heading {
    min-width: 0;
}

.dashboard-page-title {
    color: #101828;
    font-size: 1.55rem;
    font-weight: 700;
}

.dashboard-page-heading p {
    color: #526070;
    margin: .25rem 0 0;
}

.dashboard-page-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.dashboard-page-actions small {
    color: #667085;
    font-size: .75rem;
}

.dashboard-page-actions .btn,
.command-buttons .btn,
.telegram-route-actions .btn {
    min-height: 2rem;
    white-space: normal;
}

.ui-icon-label,
.ui-icon-button {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.ui-icon-button span:not(.ui-icon) {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ui-icon {
    color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1rem;
    position: relative;
    width: 1rem;
}

.ui-icon::before,
.ui-icon::after {
    box-sizing: border-box;
    content: "";
    position: absolute;
}

.ui-icon-dashboard::before,
.ui-icon-device::before,
.ui-icon-jobs::before,
.ui-icon-command::before,
.ui-icon-approval::before,
.ui-icon-provisioning::before,
.ui-icon-runner::before,
.ui-icon-registration::before,
.ui-icon-instances::before,
.ui-icon-diagnostics::before,
.ui-icon-telegram::before,
.ui-icon-notification-audit::before,
.ui-icon-update::before,
.ui-icon-install::before,
.ui-icon-refresh::before,
.ui-icon-back::before,
.ui-icon-alert::before,
.ui-icon-details::before,
.ui-icon-save::before,
.ui-icon-edit::before,
.ui-icon-route::before,
.ui-icon-delete::before,
.ui-icon-circle::before {
    border: 2px solid currentColor;
    inset: .1rem;
}

.ui-icon-dashboard::before {
    border-radius: .15rem;
}

.ui-icon-dashboard::after {
    background: currentColor;
    height: .2rem;
    left: .32rem;
    top: .39rem;
    width: .36rem;
    box-shadow: .45rem 0 0 currentColor, 0 .36rem 0 currentColor, .45rem .36rem 0 currentColor;
}

.ui-icon-device::before {
    border-radius: .12rem;
}

.ui-icon-device::after {
    background: currentColor;
    bottom: 0;
    height: .14rem;
    left: .3rem;
    right: .3rem;
}

.ui-icon-jobs::before {
    border-radius: .12rem;
}

.ui-icon-jobs::after {
    border-top: 2px solid currentColor;
    left: .3rem;
    right: .3rem;
    top: .42rem;
    box-shadow: 0 .28rem 0 currentColor;
}

.ui-icon-command::before {
    border-bottom: 0;
    border-left: 0;
    height: .55rem;
    left: .15rem;
    top: .35rem;
    transform: rotate(45deg);
    width: .55rem;
}

.ui-icon-command::after {
    background: currentColor;
    height: 2px;
    left: .42rem;
    right: .14rem;
    top: .5rem;
}

.ui-icon-approval::before {
    border-radius: 50%;
}

.ui-icon-approval::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    height: .45rem;
    left: .4rem;
    top: .22rem;
    transform: rotate(45deg);
    width: .25rem;
}

.ui-icon-provisioning::before {
    border-radius: .12rem;
    transform: rotate(45deg) scale(.78);
}

.ui-icon-runner::before {
    border-radius: 50%;
}

.ui-icon-runner::after {
    border-top: 2px solid currentColor;
    left: .15rem;
    right: .15rem;
    top: .5rem;
    transform: rotate(-20deg);
}

.ui-icon-registration::before,
.ui-icon-instances::before {
    border-radius: 50%;
    inset: .1rem .32rem .5rem;
}

.ui-icon-registration::after,
.ui-icon-instances::after {
    border: 2px solid currentColor;
    border-radius: 50% 50% .16rem .16rem;
    bottom: .1rem;
    height: .45rem;
    left: .18rem;
    right: .18rem;
}

.ui-icon-diagnostics::before,
.ui-icon-alert::before {
    border: 0;
    border-bottom: .85rem solid currentColor;
    border-left: .48rem solid transparent;
    border-right: .48rem solid transparent;
    inset: auto;
    left: .02rem;
    top: .05rem;
}

.ui-icon-telegram::before {
    border: 0;
    border-bottom: .38rem solid transparent;
    border-left: .9rem solid currentColor;
    border-top: .38rem solid transparent;
    inset: auto;
    left: .05rem;
    top: .1rem;
}

.ui-icon-notification-audit::before {
    border-radius: .45rem .45rem .14rem .14rem;
    inset: .14rem .2rem .24rem;
}

.ui-icon-notification-audit::after {
    background: currentColor;
    border-radius: 999px;
    bottom: .08rem;
    box-shadow: 0 -.74rem 0 -.03rem currentColor, .28rem -.18rem 0 -.08rem currentColor;
    height: .12rem;
    left: .34rem;
    width: .32rem;
}

.ui-icon-telegram-relay::before {
    border: 0;
    border-bottom: .34rem solid transparent;
    border-left: .76rem solid currentColor;
    border-top: .34rem solid transparent;
    inset: auto;
    left: .02rem;
    top: .2rem;
    transform: rotate(-10deg);
}

.ui-icon-telegram-relay::after {
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    border-radius: 0 .7rem 0 0;
    height: .46rem;
    right: .02rem;
    top: .08rem;
    width: .46rem;
}

.ui-icon-codex-ready {
    background:
        linear-gradient(currentColor 0 0) .28rem .42rem / .28rem 2px no-repeat,
        linear-gradient(currentColor 0 0) .28rem .6rem / .38rem 2px no-repeat;
}

.ui-icon-codex-ready::before {
    border: 2px solid currentColor;
    border-radius: .12rem;
    inset: .1rem;
}

.ui-icon-codex-ready::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    height: .42rem;
    right: .16rem;
    top: .2rem;
    transform: rotate(45deg);
    width: .24rem;
}

.ui-icon-meta-manager::before {
    background: currentColor;
    border: 0;
    clip-path: polygon(50% 0, 61% 30%, 94% 30%, 67% 49%, 78% 84%, 50% 64%, 22% 84%, 33% 49%, 6% 30%, 39% 30%);
    height: .42rem;
    left: .29rem;
    top: .04rem;
    width: .42rem;
}

.ui-icon-meta-manager::after {
    border: 2px solid currentColor;
    border-radius: 50% 50% .18rem .18rem;
    bottom: .08rem;
    left: .18rem;
    right: .18rem;
    top: .42rem;
}

.ui-icon-work-manager::before {
    border: 2px solid currentColor;
    border-radius: .12rem;
    inset: .24rem .1rem .12rem;
}

.ui-icon-work-manager::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    height: .38rem;
    right: .22rem;
    top: .36rem;
    transform: rotate(45deg);
    width: .22rem;
}

.ui-icon-update::before,
.ui-icon-refresh::before {
    border-left-color: transparent;
    border-radius: 50%;
}

.ui-icon-update::after,
.ui-icon-refresh::after {
    border-left: .24rem solid currentColor;
    border-top: .2rem solid transparent;
    border-bottom: .2rem solid transparent;
    right: .05rem;
    top: .08rem;
}

.ui-icon-install::before {
    border-left: 0;
    border-top: 0;
    height: .55rem;
    left: .4rem;
    top: .08rem;
    transform: rotate(45deg);
    width: .35rem;
}

.ui-icon-install::after {
    background: currentColor;
    bottom: .12rem;
    height: .18rem;
    left: .2rem;
    right: .2rem;
}

.ui-icon-back::before {
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    border-right: 0;
    border-top: 0;
    height: .48rem;
    left: .25rem;
    top: .25rem;
    transform: rotate(45deg);
    width: .48rem;
}

.ui-icon-back::after {
    background: currentColor;
    height: 2px;
    left: .32rem;
    right: .1rem;
    top: .5rem;
}

.ui-icon-details::before,
.ui-icon-circle::before {
    border-radius: 50%;
}

.ui-icon-save::before {
    border-radius: .12rem;
}

.ui-icon-save::after {
    background: currentColor;
    height: .18rem;
    left: .28rem;
    right: .28rem;
    top: .56rem;
}

.ui-icon-edit::before {
    border-left: 0;
    border-top: 0;
    height: .72rem;
    left: .42rem;
    top: .08rem;
    transform: rotate(45deg);
    width: .28rem;
}

.ui-icon-edit::after {
    background: currentColor;
    bottom: .16rem;
    height: 2px;
    left: .18rem;
    right: .18rem;
    transform: rotate(-12deg);
}

.ui-icon-route::before {
    border-radius: 50%;
    inset: .12rem .58rem .58rem .12rem;
    box-shadow: .42rem .42rem 0 -.02rem currentColor;
}

.ui-icon-route::after {
    border-top: 2px solid currentColor;
    left: .36rem;
    right: .22rem;
    top: .5rem;
    transform: rotate(35deg);
}

.ui-icon-delete::before {
    border-radius: .1rem;
    inset: .32rem .22rem .12rem;
}

.ui-icon-delete::after {
    background: currentColor;
    height: 2px;
    left: .26rem;
    right: .26rem;
    top: .2rem;
}

.info-tip {
    align-items: center;
    border: 1px solid #98a2b3;
    border-radius: 50%;
    color: #475467;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 700;
    height: 1rem;
    justify-content: center;
    line-height: 1;
    width: 1rem;
}

.disclosure-panel {
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    margin-top: .65rem;
    padding: .65rem;
}

.disclosure-panel > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .65rem;
    justify-content: space-between;
    min-height: 1.5rem;
}

.disclosure-panel > summary span:last-child {
    color: #667085;
    font-size: .75rem;
}

.disclosure-panel-body {
    margin-top: .65rem;
}

.disclosure-panel:not([open]) > .disclosure-panel-body {
    display: none;
}

.account-page,
.account-manage-layout {
    display: grid;
    gap: 1rem;
}

.account-panel {
    min-height: 100%;
}

.account-manage-layout .nav-link {
    align-items: center;
    display: flex;
    min-height: 2.35rem;
    white-space: normal;
}

.dashboard-header h1 {
    font-size: 1.55rem;
    margin: 0;
}

.dashboard-header p {
    color: #526070;
    margin: .25rem 0 0;
}

.dashboard-refresh {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.dashboard-refresh small {
    color: #667085;
    font-size: .75rem;
}

.auto-refresh-toggle {
    align-items: center;
    color: #344054;
    display: inline-flex;
    font-size: .8rem;
    gap: .3rem;
    min-height: 1.5rem;
}

.dashboard-refresh .form-select {
    min-width: 78px;
}

.agent-install-header {
    align-items: flex-start;
}

.agent-install-page {
    margin-bottom: 1rem;
}

.panel-title-hint,
.field-label-row,
.install-secret-note,
.existing-device-header {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.field-label-row {
    justify-content: flex-start;
}

.existing-device-picker {
    margin-top: .75rem;
}

.agent-install-workspace-panel {
    margin: .55rem 0 .75rem;
}

.console-manual-syntax-panel .disclosure-panel {
    margin-top: .35rem;
}

.existing-device-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .55rem;
}

.existing-device-list .ui-icon-button {
    max-width: min(100%, 18rem);
}

.launch-mode-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin-top: .85rem;
}

.launch-mode-card {
    background: #fff;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    color: #101828;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-height: 96px;
    padding: .85rem;
    text-align: left;
}

.launch-mode-card:focus-visible {
    outline: 3px solid rgba(27, 110, 194, .25);
    outline-offset: 2px;
}

.launch-mode-card.selected {
    border-color: #1b6ec2;
    box-shadow: 0 0 0 2px rgba(27, 110, 194, .12);
}

.launch-mode-card small {
    color: #526070;
    line-height: 1.35;
}

.download-strip {
    align-items: center;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding: .85rem;
}

.agent-install-recovery-strip {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding: .75rem .85rem;
}

.agent-install-recovery-strip > div {
    min-width: 0;
}

.agent-install-recovery-strip small {
    color: #526070;
    display: block;
    font-size: .8rem;
    margin-top: .25rem;
    overflow-wrap: anywhere;
}

.agent-install-recovery-checks {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.download-strip > div {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.download-strip p {
    color: #526070;
    font-size: .85rem;
    margin: .25rem 0 0;
}

.download-button {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
    justify-content: center;
    min-width: 132px;
}

.download-status {
    align-items: center;
    color: #344054;
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    gap: .6rem;
    margin-top: .65rem;
}

.download-status progress {
    height: .65rem;
    max-width: 280px;
    min-width: 180px;
}

.download-status-error {
    color: #b42318;
}

.metric-strip {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-bottom: 1rem;
}

.metric {
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    padding: .75rem;
}

.metric-link {
    color: inherit;
    text-decoration: none;
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

.metric-link:hover,
.metric-link:focus {
    border-color: #7aa7e8;
    box-shadow: 0 5px 14px rgba(24, 97, 172, .12);
    color: inherit;
    outline: none;
    transform: translateY(-1px);
}

.metric-label {
    color: #5d6875;
    display: block;
    font-size: .75rem;
    text-transform: uppercase;
}

.metric strong {
    display: block;
    font-size: 1.45rem;
    line-height: 1.2;
}

.summary-card-strip {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.summary-card {
    align-content: start;
    display: grid;
    gap: .45rem;
    min-height: 128px;
}

.summary-card .metric-label {
    align-items: center;
    color: #344054;
    display: flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .45rem;
    text-transform: none;
}

.summary-card .metric-label .ui-icon {
    height: 1.25rem;
    width: 1.25rem;
}

.summary-card strong {
    font-size: 1.7rem;
}

.summary-card small {
    color: #667085;
    display: block;
    font-size: .78rem;
    line-height: 1.25;
}

.summary-card .summary-card-hint {
    display: none;
}

.summary-card-warning {
    border-color: #f2d189;
}

.summary-card-danger {
    border-color: #f5a3a0;
}

.console-detail-header {
    align-items: center;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .85rem;
}

.console-detail-header h2 {
    font-size: 1.15rem;
    margin: 0;
}

.console-detail-header span {
    color: #667085;
    font-size: .8rem;
}

.dashboard-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, .85fr);
}

.commander-panel {
    margin-bottom: 1rem;
}

.delivery-panel {
    margin-bottom: 1rem;
}

.device-card-panel {
    margin-bottom: 1rem;
}

.manual-install-panel {
    margin-bottom: 1rem;
}

.manual-install-result {
    display: grid;
    gap: .65rem;
    margin-top: .9rem;
}

.manual-install-note {
    color: #526070;
    font-size: .82rem;
    margin: -.35rem 0 .85rem;
}

.manual-install-result-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.install-result-title {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.manual-install-result small {
    color: #667085;
    display: block;
}

.install-fact-grid {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.install-fact-grid div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .5rem;
}

.install-fact-grid span {
    color: #667085;
    display: block;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.install-fact-grid strong {
    color: #253041;
    display: block;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.manual-install-guidance {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-install-guidance div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    padding: .7rem;
}

.manual-install-guidance h3 {
    color: #253041;
    font-size: .85rem;
    margin: 0 0 .45rem;
}

.manual-install-guidance ul {
    color: #475467;
    font-size: .78rem;
    margin: 0 0 0 1rem;
    padding: 0;
}

.manual-install-guidance li {
    margin-bottom: .25rem;
}

.install-command-textarea {
    font-family: Consolas, 'Liberation Mono', monospace;
    font-size: .78rem;
    min-height: 18rem;
    white-space: pre;
}

.install-command-panel {
    margin-top: .35rem;
}

.operator-create-panel {
    margin-bottom: .85rem;
}

.operator-create-panel .operator-form-panel {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home-device-summary .panel-title span,
.home-device-summary .device-card-facts,
.home-device-summary .device-card-actions,
.home-device-summary .device-instance-history {
    display: none;
}

.home-device-summary .device-card {
    gap: .45rem;
}

.detail-stack {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.operations-diagnostics {
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: .75rem;
}

.operations-diagnostics > summary {
    color: #344054;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
}

.operations-diagnostics[open] > summary {
    margin-bottom: .75rem;
}

.device-card-grid {
    align-items: start;
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.device-card-grid > * {
    min-width: 0;
}

.device-card {
    align-self: start;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    min-width: 0;
    overflow: hidden;
    padding: .9rem;
}

.device-card-header,
.device-card-status,
.device-card-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
}

.device-card-header > div {
    flex: 1 1 12rem;
    min-width: 0;
}

.device-card-header > .state-pill {
    flex: 0 0 auto;
}

.device-card-title-block {
    display: grid;
    gap: .2rem;
}

.device-name-row {
    align-items: center;
    display: flex;
    gap: .35rem;
    min-width: 0;
}

.device-title-and-badges {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
}

.device-title-and-badges h3 {
    flex: 0 1 auto;
    min-width: 0;
}

.device-role-badges {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: .2rem;
}

.device-role-badge {
    align-items: center;
    border: 1px solid #d0d7e2;
    border-radius: 999px;
    display: inline-flex;
    height: 1.55rem;
    justify-content: center;
    width: 1.55rem;
}

.device-role-badge .ui-icon {
    height: .95rem;
    width: .95rem;
}

.role-telegram-relay {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.role-telegram-relay.disconnected {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #64748b;
}

.role-codex-ready {
    background: #ecfdf3;
    border-color: #abefc6;
    color: #027a48;
}

.role-meta-manager {
    background: #fef3c7;
    border-color: #fbbf24;
    color: #92400e;
}

.role-work-manager {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}

.device-role-assignment-panel {
    display: grid;
    gap: .75rem;
}

.device-role-target {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: .5rem;
    display: grid;
    gap: .15rem;
    padding: .65rem;
}

.device-role-target span,
.device-role-target small {
    color: #526174;
    font-size: .78rem;
}

.device-role-assignment-list {
    display: grid;
    gap: .5rem;
}

.device-role-assignment-row {
    align-items: center;
    border: 1px solid #dbe3ef;
    border-radius: .5rem;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(12rem, 1fr) minmax(8rem, 13rem) auto;
    padding: .55rem;
}

.device-role-assignment-main {
    align-items: center;
    display: flex;
    gap: .55rem;
    min-width: 0;
}

.device-role-assignment-main > div {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.device-role-assignment-main small {
    color: #526174;
    overflow-wrap: anywhere;
}

.device-role-scope-input {
    min-width: 0;
}

.device-role-assignment-actions {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 700px) {
    .device-role-assignment-row {
        grid-template-columns: 1fr auto;
    }

    .device-role-scope-input {
        grid-column: 1 / -1;
    }
}

.device-card-header h3 {
    font-size: 1rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.device-rename-button,
.device-rename-form .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.device-rename-form {
    align-items: center;
    display: grid;
    gap: .35rem;
    grid-template-columns: minmax(0, 1fr) 2rem 2rem;
    max-width: 100%;
    min-width: 0;
}

.device-rename-form .form-control {
    min-width: 0;
}

.device-card small,
.device-instance-row small {
    color: #667085;
    display: block;
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.device-card-facts {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.device-card-facts div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .55rem;
}

.device-card-facts dt {
    color: #667085;
    font-size: .72rem;
    font-weight: 600;
    margin: 0 0 .15rem;
}

.device-card-facts dd {
    color: #253041;
    font-size: .84rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.device-next-action-fact dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.device-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.device-action-button,
.device-action-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.device-card-actions > small {
    max-width: min(100%, 18rem);
    min-width: 0;
    overflow-wrap: anywhere;
}

.device-action-feedback,
.device-update-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.device-action-feedback {
    background: #f7f9fb;
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    min-width: 0;
    padding: .45rem .55rem;
}

.device-recovery-feedback {
    align-items: center;
    border-color: #b7d4f8;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.device-action-feedback small {
    color: #475467;
    flex: 1 1 10rem;
    font-size: .76rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.device-action-copy {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.device-action-copy .state-pill {
    justify-self: start;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.device-action-feedback .device-action-copy small {
    flex: auto;
    max-width: 100%;
}

.device-recovery-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
    min-width: max-content;
}

.device-recovery-actions .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.device-update-actions {
    margin-top: .4rem;
}

.device-update-actions .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.device-detail-disclosure {
    margin-top: .35rem;
}

.device-detail-disclosure .device-card-facts {
    margin-top: 0;
}

.device-instance-history {
    border-top: 1px solid #edf1f5;
    display: grid;
    gap: .65rem;
    padding-top: .65rem;
}

.device-instance-history-title,
.device-profile-card-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.device-instance-history summary {
    display: none;
    color: #344054;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 600;
}

.device-profile-card {
    background: #f8fafc;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.device-profile-card p {
    color: #344054;
    font-size: .84rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.codex-device-readiness {
    background: #fff;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.codex-device-readiness-header,
.codex-device-next-action {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.codex-device-readiness-header strong {
    color: #253041;
    display: block;
    font-size: .88rem;
}

.codex-device-readiness-header small,
.codex-device-next-action span {
    color: #667085;
    display: block;
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.codex-device-checklist {
    display: grid;
    gap: .5rem;
    grid-template-columns: 1fr;
}

.codex-worker-evidence-grid {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.codex-worker-evidence-grid div {
    background: #f8fafc;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .55rem;
}

.codex-worker-evidence-grid .wide {
    grid-column: span 2;
}

.codex-worker-evidence-grid span {
    color: #667085;
    display: block;
    font-size: .7rem;
    margin-bottom: .15rem;
}

.codex-worker-evidence-grid strong {
    color: #253041;
    display: block;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.codex-monitoring-note {
    background: #fff8e8;
    border: 1px solid #f2d189;
    border-radius: 6px;
    color: #72580e;
    font-size: .78rem;
    padding: .55rem;
}

.codex-device-check-item {
    align-items: start;
    background: #f8fafc;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    display: grid;
    gap: .45rem;
    grid-template-columns: 1fr;
    padding: .55rem;
}

.codex-device-check-item strong {
    color: #253041;
    display: block;
    font-size: .78rem;
}

.codex-device-check-item small {
    color: #667085;
    display: block;
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.codex-device-next-action .btn {
    flex: 0 0 auto;
    min-width: 104px;
}

.device-profile-grid {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.device-profile-grid div {
    background: #fff;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .5rem;
}

.device-profile-grid span,
.device-instance-profile dt {
    color: #667085;
    display: block;
    font-size: .7rem;
    font-weight: 600;
    margin-bottom: .15rem;
}

.device-profile-grid strong {
    color: #253041;
    display: block;
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.capability-chip-list {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.capability-chip-list.compact {
    margin-top: .4rem;
}

.capability-chip {
    align-items: center;
    background: #eef4ff;
    border: 1px solid #c7d7fe;
    border-radius: 999px;
    color: #344054;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.2;
    padding: .15rem .45rem;
}

.capability-chip.muted {
    background: #f2f4f7;
    border-color: #d0d5dd;
    color: #667085;
}

.device-instance-list,
.device-instance-card-list {
    display: grid;
    gap: .5rem;
    margin-top: .6rem;
}

.device-instance-row,
.device-instance-card {
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    display: grid;
    gap: .45rem;
    padding: .65rem;
}

.device-instance-summary {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
}

.device-instance-summary > div:first-child {
    min-width: 0;
}

.device-instance-summary strong {
    display: block;
    overflow-wrap: anywhere;
}

.device-instance-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.device-instance-row .disclosure-panel {
    margin-top: .2rem;
}

.device-instance-card-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.device-instance-profile {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.device-instance-profile div {
    min-width: 0;
}

.device-instance-profile dd {
    color: #253041;
    font-size: .78rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.empty-state.compact {
    margin-top: .5rem;
    padding: .5rem;
}

.remote-smoke-panel {
    margin-bottom: 1rem;
}

.readiness-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.readiness-card {
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    padding: .75rem;
}

.readiness-card .disclosure-panel {
    margin-top: .55rem;
}

.readiness-card-header {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    margin-bottom: .35rem;
}

.readiness-card small,
.agent-connection-hint small {
    color: #667085;
    display: block;
    font-size: .75rem;
    overflow-wrap: anywhere;
}

.readiness-key-list {
    display: grid;
    gap: .35rem;
    margin-top: .65rem;
}

.readiness-key-list div {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .4rem .5rem;
}

.readiness-key-list .readiness-key-group {
    align-items: stretch;
    background: transparent;
    border: 0;
    display: grid;
    gap: .35rem;
    grid-template-columns: 1fr;
    padding: 0;
}

.readiness-key-group > strong {
    color: #344054;
    font-size: .82rem;
}

.readiness-key-list code {
    color: #253041;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.agent-connection-hint {
    margin-top: .35rem;
}

.readiness-connection-panel {
    margin-top: .85rem;
}

.agent-connection-hint pre {
    background: #18212f;
    border-radius: 6px;
    color: #f4f7fb;
    font-size: .78rem;
    margin: .5rem 0 0;
    overflow-x: auto;
    padding: .75rem;
    white-space: pre-wrap;
}

.delivery-metrics {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.delivery-metrics div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    padding: .65rem;
}

.delivery-metrics span {
    color: #667085;
    display: block;
    font-size: .72rem;
    text-transform: uppercase;
}

.delivery-metrics strong {
    display: block;
    font-size: 1.25rem;
    line-height: 1.2;
}

.webux-smoke-grid {
    display: grid;
    gap: .75rem;
}

.webux-smoke-row {
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.webux-smoke-row-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between;
    min-width: 0;
}

.webux-smoke-metrics {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.webux-smoke-metrics div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .55rem;
}

.webux-smoke-metrics span {
    color: #667085;
    display: block;
    font-size: .68rem;
    text-transform: uppercase;
}

.webux-smoke-metrics strong {
    display: block;
    font-size: 1.1rem;
    line-height: 1.2;
}

.delivery-actions {
    align-items: center;
    border-top: 1px solid #edf1f5;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .75rem;
    padding-top: .75rem;
}

.delivery-actions small {
    color: #667085;
    font-size: .75rem;
}

.telegram-panel {
    margin-bottom: 1rem;
}

.telegram-header-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.telegram-header-action {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.telegram-evidence-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.telegram-evidence-grid.compact {
    grid-template-columns: minmax(0, 1fr);
}

.telegram-evidence-card {
    border: 1px solid #d7dee8;
    border-radius: 8px;
    padding: .85rem;
}

.telegram-evidence-card-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
}

.telegram-evidence-card-title h3 {
    font-size: .95rem;
    margin: 0;
}

.telegram-evidence-card dl {
    display: grid;
    gap: .45rem .75rem;
    grid-template-columns: minmax(92px, auto) 1fr;
    margin: 0;
}

.telegram-evidence-card dt {
    color: #667085;
    font-size: .75rem;
    font-weight: 600;
}

.telegram-evidence-card dd {
    font-size: .82rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.telegram-evidence-card p {
    color: #475467;
    font-size: .8rem;
    margin: .65rem 0 0;
}

.telegram-handover-strip {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.telegram-handover-card {
    align-items: center;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    display: grid;
    gap: .35rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: .7rem;
}

.telegram-handover-card small {
    color: #667085;
    font-size: .74rem;
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
}

.telegram-handover-evidence-panel {
    margin-top: .85rem;
}

.telegram-history-panel,
.telegram-diagnostic-disclosure {
    margin-top: .85rem;
}

.telegram-recommendation-panel {
    margin-top: .85rem;
}

.telegram-recommendation-body {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.telegram-recommendation-body p {
    color: #475467;
    flex: 1 1 22rem;
    font-size: .82rem;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.commander-controls {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(220px, 320px) 1fr;
    margin-bottom: 1rem;
}

.commander-controls label {
    color: #344054;
    display: grid;
    font-size: .8rem;
    gap: .25rem;
}

.command-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.command-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.job-commander,
.job-queue {
    border-top: 1px solid #edf1f5;
    margin-bottom: 1rem;
    padding-top: .85rem;
}

.job-append-section {
    border-top: 1px solid #edf1f5;
    margin-top: .85rem;
    padding-top: .85rem;
}

.job-commander-header,
.job-queue-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.job-commander-header h3,
.job-commander-header h4,
.job-queue-header h3 {
    font-size: .95rem;
    margin: 0;
}

.job-commander-header > div > span,
.job-queue-header > div > span {
    color: #697586;
    font-size: .78rem;
}

.job-form {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.job-form label {
    color: #344054;
    display: grid;
    font-size: .8rem;
    gap: .25rem;
}

.job-form > .form-actions,
.prompt-form > .form-actions {
    grid-column: 1 / -1;
}

.job-create-advanced-panel {
    grid-column: 1 / -1;
}

.job-form-advanced {
    margin-top: 0;
}

.job-form > .form-actions .ui-icon-button,
.prompt-form > .form-actions .ui-icon-button {
    flex-wrap: nowrap;
}

.field-label-row {
    align-items: center;
    display: inline-flex;
    gap: .3rem;
    min-width: 0;
}

.job-filters {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.job-filters label {
    color: #344054;
    display: grid;
    font-size: .75rem;
    gap: .2rem;
    min-width: 140px;
}

.job-list {
    display: grid;
    gap: .55rem;
}

.job-row {
    align-items: center;
    border: 1px solid #edf1f5;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(13rem, .9fr) auto;
    min-width: 0;
    padding: .7rem .75rem;
}

.job-row-link,
.command-row-link {
    cursor: pointer;
}

.job-row-link:hover,
.command-row-link:hover {
    border-color: #c8d5e2;
    background: #fbfdff;
}

.job-row-link:focus-visible,
.command-row-link:focus-visible {
    border-color: #0d6efd;
    box-shadow: 0 0 0 .15rem rgba(13, 110, 253, .16);
    outline: 0;
}

.job-row-main {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.job-row-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.job-row-heading strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.job-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .7rem;
}

.job-row-meta small {
    color: #667085;
    font-size: .73rem;
    max-width: min(100%, 28rem);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-row-meta small:first-child,
.command-row-meta small:first-child,
.job-row-action-note,
.job-proof-next-action {
    display: none;
}

.job-flag {
    background: #eef3f8;
    border-radius: 999px;
    color: #344054;
    font-size: .72rem;
    font-weight: 600;
    padding: .12rem .45rem;
}

.job-row-proof {
    min-width: 0;
}

.job-row-proof .job-proof-summary {
    min-width: 0;
}

.job-row-proof .job-proof-summary small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-row-actions {
    align-items: flex-end;
    display: grid;
    gap: .35rem;
    justify-items: end;
    min-width: 8rem;
}

.job-row-actions .state-pill {
    max-width: 11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
}

.job-action-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.job-row-secondary-actions {
    margin-top: .05rem;
    max-width: 12rem;
    min-width: 0;
    width: 100%;
}

.job-row-secondary-actions > summary {
    gap: .35rem;
    min-height: 1.85rem;
    padding: .25rem .35rem;
}

.job-row-secondary-actions > summary .ui-icon-label {
    font-size: .72rem;
}

.job-row-secondary-actions > summary span:last-child {
    color: #667085;
    font-size: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-lifecycle-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
}

.job-lifecycle-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.job-row-action-note {
    color: #667085;
    font-size: .72rem;
}

.job-table td {
    vertical-align: top;
}

.job-table td small,
.job-table td span {
    color: #667085;
    display: block;
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.job-table td:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.job-proof-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .4rem;
    min-width: 180px;
}

.job-proof-summary strong {
    color: #253041;
    display: block;
    flex: 1 1 7.5rem;
    font-size: .74rem;
    line-height: 1.35;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-proof-action-link {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    margin-top: 0;
    max-width: 2rem;
    padding: .25rem;
    white-space: nowrap;
    width: 2rem;
}

.job-evidence-header-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    justify-content: flex-end;
    min-width: 0;
}

.job-selection-guidance {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .65rem;
}

.job-selection-guidance-card {
    background: #f8fafc;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    display: grid;
    gap: .2rem;
    padding: .6rem;
}

.job-selection-summary {
    align-items: flex-start;
    display: flex;
    gap: .45rem;
    overflow-wrap: anywhere;
}

.job-selection-summary .ui-icon {
    flex: 0 0 auto;
    margin-top: .12rem;
}

.job-selection-guidance-card-header {
    align-items: center;
    display: flex;
    gap: .45rem;
    justify-content: space-between;
    min-width: 0;
}

.job-selection-guidance-card .ui-icon-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.job-selection-guidance-card .state-pill {
    flex: 0 0 auto;
    min-width: auto;
    padding-inline: .45rem;
}

.job-selection-action-link {
    justify-self: start;
    margin-top: .25rem;
}

.job-selection-guidance-card strong {
    color: #253041;
    font-size: .82rem;
}

.job-selection-guidance-card span,
.job-selection-guidance-card small {
    color: #667085;
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.job-detail-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
    margin-top: .8rem;
}

.job-detail-grid h4 {
    font-size: .88rem;
    margin-bottom: .45rem;
}

.job-evidence-section {
    background: #f8fafc;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    margin-top: .8rem;
    padding: .75rem;
}

.job-evidence-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.job-evidence-header strong {
    color: #253041;
    display: block;
    font-size: .88rem;
}

.job-evidence-header small,
.job-evidence-section p,
.job-evidence-card small,
.job-evidence-card p {
    color: #475467;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.job-evidence-section p {
    margin: 0;
}

.job-evidence-grid {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.job-result-review-section {
    background: #f6f9fb;
}

.result-review-facts {
    margin-bottom: 0;
}

.job-result-next-action {
    color: #253041;
    font-weight: 600;
}

.job-result-review-disclosures {
    display: grid;
    gap: .45rem;
}

.job-result-review-section-body {
    display: grid;
    gap: .4rem;
}

.job-result-review-section-body ul {
    margin: 0;
    padding-left: 1rem;
}

.job-result-review-section-body li,
.job-result-review-section-body small {
    color: #475467;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.job-evidence-card {
    background: #fff;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    display: grid;
    gap: .35rem;
    padding: .65rem;
}

.job-evidence-card-title {
    align-items: flex-start;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
}

.job-evidence-card h4 {
    font-size: .82rem;
    margin: 0;
}

.job-evidence-card strong {
    color: #253041;
    font-size: .82rem;
    overflow-wrap: anywhere;
}

.compact-list .approval-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

.commander-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr);
}

.commander-grid h3 {
    font-size: .95rem;
    margin-bottom: .5rem;
}

.telegram-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, .8fr);
}

.compact-section-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.compact-section-title h3 {
    margin: 0;
}

.operator-form-panel {
    border-bottom: 1px solid #edf1f5;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.operator-form-panel .disclosure-panel small {
    color: #667085;
    display: block;
    font-size: .75rem;
    overflow-wrap: anywhere;
}

.telegram-route-grid {
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.telegram-route-grid-focus {
    align-items: start;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
}

.telegram-route-list-panel {
    min-width: 0;
}

.telegram-route-form-panel {
    margin-top: 0;
}

.telegram-route-form-panel .telegram-route-form {
    max-width: 100%;
    min-width: 0;
}

.telegram-grid h3 {
    font-size: .95rem;
    margin-bottom: .5rem;
}

.telegram-route-grid h3 {
    font-size: .95rem;
    margin-bottom: .5rem;
}

.telegram-route-list {
    border-top: 1px solid #edf1f5;
}

.telegram-route-row {
    align-items: center;
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    padding: .55rem 0;
}

.telegram-route-row strong,
.telegram-route-row small {
    display: block;
}

.telegram-route-row small {
    color: #667085;
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.telegram-route-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.telegram-route-actions .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.inline-check {
    align-items: center;
    color: #344054;
    display: flex;
    font-size: .8rem;
    gap: .4rem;
    margin: .3rem 0 .65rem;
    min-height: 1.5rem;
}

.inline-check input {
    margin: 0;
}

.telegram-table td {
    vertical-align: top;
}

.telegram-table td small {
    color: #667085;
    display: block;
    font-size: .72rem;
}

.telegram-table td span {
    display: block;
    max-width: 520px;
    overflow-wrap: anywhere;
}

.telegram-reply-list {
    border-top: 1px solid #edf1f5;
}

.telegram-reply-row {
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: .25rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .55rem 0;
}

.telegram-reply-row p {
    color: #344054;
    font-size: .82rem;
    grid-column: 1 / -1;
    margin: 0;
    overflow-wrap: anywhere;
}

.telegram-reply-row small {
    color: #667085;
    display: block;
    font-size: .72rem;
    grid-column: 1 / -1;
}

.telegram-reply-command {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    grid-column: 1 / -1;
}

.telegram-reply-row .disclosure-panel {
    grid-column: 1 / -1;
    margin-top: .25rem;
}

.telegram-mapping-row .compact-evidence-list small,
.telegram-reply-row .compact-evidence-list small {
    max-width: 100%;
}

.codex-readiness {
    border-top: 1px solid #edf1f5;
    margin-bottom: 1rem;
    padding-top: .85rem;
}

.codex-readiness-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.codex-readiness-header h3 {
    font-size: .95rem;
    margin: 0;
}

.codex-readiness-header span {
    color: #697586;
    font-size: .78rem;
}

.codex-facts {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: .65rem;
}

.codex-facts div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .55rem;
}

.codex-facts span {
    color: #667085;
    display: block;
    font-size: .72rem;
    margin-bottom: .15rem;
}

.codex-facts strong {
    color: #253041;
    display: block;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.codex-summary,
.codex-policy {
    color: #344054;
    font-size: .82rem;
    margin: .25rem 0;
    overflow-wrap: anywhere;
}

.codex-policy {
    color: #667085;
}

.codex-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .65rem;
}

.codex-actions span {
    color: #667085;
    font-size: .78rem;
}

.approval-queue {
    border-top: 1px solid #edf1f5;
    margin-bottom: 1rem;
    padding-top: .85rem;
}

.approval-queue-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.approval-queue-header h3 {
    font-size: .95rem;
    margin: 0;
}

.approval-queue-header > div > span {
    color: #697586;
    font-size: .78rem;
}

.approval-list {
    border-top: 1px solid #edf1f5;
}

.approval-row {
    align-items: start;
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .65rem 0;
}

.approval-row strong,
.approval-row small {
    display: block;
}

.approval-row small {
    color: #667085;
    font-size: .75rem;
}

.approval-row p {
    color: #344054;
    font-size: .82rem;
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

.approval-summary {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.approval-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.approval-heading strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.approval-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .7rem;
}

.approval-meta small {
    max-width: min(100%, 28rem);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-meta small:nth-child(2),
.approval-meta small:nth-child(3) {
    display: none;
}

.approval-flag {
    background: #eef3f8;
    border-radius: 999px;
    color: #344054;
    font-size: .72rem;
    font-weight: 600;
    padding: .12rem .45rem;
}

.approval-evidence {
    display: grid;
    gap: .45rem;
}

.approval-evidence .disclosure-panel {
    margin-top: .15rem;
    min-width: 0;
}

.approval-evidence .disclosure-panel > summary span:last-child {
    max-width: min(100%, 36rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-reason-panel,
.approval-review-panel {
    margin-top: .65rem;
}

.approval-evidence-item,
.approval-review-row,
.smoke-run-evidence-item,
.webux-smoke-evidence-item {
    border-bottom: 1px solid #e7edf3;
    display: grid;
    gap: .25rem;
    padding: .55rem 0;
}

.approval-evidence-item:last-child,
.approval-review-row:last-child,
.smoke-run-evidence-item:last-child,
.webux-smoke-evidence-item:last-child {
    border-bottom: 0;
}

.approval-review-list {
    display: grid;
    gap: .35rem;
}

.approval-review-row {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.approval-actions {
    align-items: flex-end;
    display: grid;
    gap: .35rem;
    justify-items: end;
    min-width: 7rem;
}

.approval-actions > small {
    color: #667085;
    font-size: .73rem;
    max-width: 10rem;
    overflow-wrap: anywhere;
    text-align: right;
}

.approval-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
}

.approval-action-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.setup-guidance {
    background: #f7f9fb;
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    margin-top: .55rem;
    padding: .65rem;
}

.setup-guidance-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.setup-guidance-header span {
    color: #667085;
    font-size: .75rem;
    font-weight: 600;
}

.setup-guidance code {
    background: #fff;
    border: 1px solid #d9e1ea;
    border-radius: 4px;
    color: #253041;
    display: inline-block;
    font-size: .78rem;
    margin-top: .45rem;
    padding: .25rem .4rem;
    white-space: normal;
    word-break: break-word;
}

.setup-guidance ol {
    color: #344054;
    font-size: .8rem;
    margin: .55rem 0 0 1rem;
    padding: 0;
}

.setup-guidance li {
    margin-bottom: .25rem;
}

.setup-safety {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .5rem;
}

.setup-safety span {
    background: #eef3f8;
    border-radius: 4px;
    color: #344054;
    font-size: .72rem;
    padding: .14rem .35rem;
}

.workspace-textarea {
    min-height: 5rem;
    resize: vertical;
}

.artifact-hints-textarea {
    min-height: 3.5rem;
    resize: vertical;
}

.latest-diagnostics {
    border-top: 1px solid #edf1f5;
    margin-bottom: 1rem;
    padding-top: .85rem;
}

.diagnostics-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.diagnostics-header h3 {
    font-size: .95rem;
    margin: 0;
}

.diagnostics-header span {
    color: #697586;
    font-size: .78rem;
}

.diagnostics-list {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.diagnostic-row {
    background: #fff8e8;
    border: 1px solid #f2d189;
    border-radius: 6px;
    color: #344054;
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .6rem;
    text-align: left;
}

.diagnostic-row strong {
    color: #4f3b05;
    font-size: .84rem;
    overflow-wrap: anywhere;
}

.diagnostic-row small,
.diagnostic-row p {
    font-size: .76rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.diagnostic-row small {
    color: #72580e;
}

.command-filters {
    align-items: end;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    margin-bottom: .65rem;
}

.command-filters label {
    color: #344054;
    display: grid;
    font-size: .75rem;
    gap: .2rem;
}

.command-filters .ui-icon-button {
    align-self: end;
    justify-content: center;
}

.command-list {
    display: grid;
    gap: .5rem;
}

.command-list-count {
    align-items: center;
    background: #eef3f8;
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    color: #536170;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 700;
    height: 1.55rem;
    justify-content: center;
    min-width: 2rem;
    padding: 0 .45rem;
}

.command-row {
    align-items: center;
    border: 1px solid #edf1f5;
    border-radius: 8px;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-width: 0;
    padding: .65rem .75rem;
}

.command-row-main {
    display: grid;
    flex: 1 1 auto;
    gap: .28rem;
    min-width: 0;
}

.command-row-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.command-row-heading strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.command-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .7rem;
}

.command-row-meta small {
    color: #667085;
    font-size: .73rem;
    max-width: min(100%, 28rem);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-flag {
    background: #eef3f8;
    border-radius: 999px;
    color: #344054;
    font-size: .72rem;
    font-weight: 600;
    padding: .12rem .45rem;
}

.command-flag-warning {
    background: #fff4d6;
    color: #805600;
}

.command-flag-danger {
    background: #fff1f0;
    color: #a12b24;
}

.command-row-actions {
    align-items: flex-end;
    display: grid;
    gap: .35rem;
    justify-items: end;
    min-width: 8rem;
}

.command-row-actions .state-pill {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
}

.command-action-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.command-table td small {
    color: #667085;
    display: block;
    font-size: .72rem;
}

.command-table td:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.command-detail {
    border-top: 1px solid #edf1f5;
    margin-top: 1rem;
    padding-top: .85rem;
}

.command-detail-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.command-detail-header h3 {
    font-size: .95rem;
    margin: 0;
}

.command-detail-header small {
    color: #667085;
    display: block;
    font-size: .72rem;
}

.command-detail-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
}

.command-detail-related {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-end;
}

.command-detail-related .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.device-detail-related {
    justify-content: flex-start;
    margin: .35rem 0 .45rem;
}

.command-detail-facts {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-bottom: .65rem;
}

.command-detail-facts div {
    background: #f7f9fb;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    min-width: 0;
    padding: .55rem;
}

.command-detail-facts span {
    color: #667085;
    display: block;
    font-size: .72rem;
    margin-bottom: .15rem;
}

.command-detail-facts strong {
    color: #253041;
    display: block;
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.detail-line {
    color: #344054;
    font-size: .82rem;
    margin: .25rem 0;
    overflow-wrap: anywhere;
}

.command-detail-disclosure,
.job-detail-disclosure {
    margin-top: .65rem;
}

.command-detail-disclosure .compact-evidence-list,
.job-detail-disclosure .compact-evidence-list {
    max-width: 100%;
}

.runtime-diagnostic {
    background: #fff8e8;
    border: 1px solid #f2d189;
    border-radius: 6px;
    color: #4f3b05;
    margin-top: .65rem;
    padding: .65rem;
}

.runtime-diagnostic div {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
}

.runtime-diagnostic strong {
    font-size: .84rem;
}

.runtime-diagnostic p {
    font-size: .82rem;
    margin: .4rem 0 .2rem;
    overflow-wrap: anywhere;
}

.runtime-diagnostic small {
    color: #72580e;
    display: block;
    font-size: .75rem;
}

.codex-prompt-evidence {
    background: #f8fafc;
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    margin-top: .8rem;
    padding: .75rem;
}

.codex-prompt-evidence-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.codex-prompt-evidence-header strong {
    color: #253041;
    display: block;
    font-size: .88rem;
}

.codex-prompt-evidence-header small,
.codex-prompt-evidence p,
.codex-prompt-evidence li,
.codex-prompt-evidence small {
    color: #475467;
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.codex-prompt-evidence p {
    margin: 0;
}

.codex-prompt-evidence-grid {
    display: grid;
    gap: .7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.codex-prompt-evidence-grid div {
    background: #fff;
    border: 1px solid #e1e7ef;
    border-radius: 6px;
    padding: .65rem;
}

.codex-prompt-evidence-grid h4 {
    font-size: .82rem;
    margin-bottom: .35rem;
}

.codex-prompt-evidence-grid ul {
    margin: 0;
    padding-left: 1rem;
}

.command-timeline {
    border-top: 1px solid #edf1f5;
    margin-top: .8rem;
    padding-top: .7rem;
}

.command-timeline.compact {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.command-timeline h4 {
    font-size: .88rem;
    margin-bottom: .45rem;
}

.timeline-row {
    align-items: start;
    border-left: 2px solid #d9e1ea;
    display: grid;
    gap: .55rem;
    grid-template-columns: 120px minmax(0, 1fr);
    padding: .3rem 0 .45rem .7rem;
}

.timeline-row strong {
    color: #253041;
    display: block;
    font-size: .78rem;
}

.timeline-row p {
    color: #475467;
    font-size: .78rem;
    margin: .1rem 0 0;
    overflow-wrap: anywhere;
}

.command-detail-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
    margin-top: .8rem;
}

.command-detail-grid h4,
.artifact-section h4 {
    font-size: .88rem;
    margin-bottom: .45rem;
}

.command-detail pre {
    background: #f7f9fb;
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    color: #253041;
    font-size: .75rem;
    max-height: 420px;
    overflow: auto;
    padding: .65rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.artifact-section {
    margin-top: 1rem;
}

.artifact-section-header {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .65rem;
}

.artifact-section-header h4 {
    margin-bottom: .15rem;
}

.artifact-section-header small {
    color: #667085;
    display: block;
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.artifact-section-header small,
.artifact-path-hint,
.artifact-next-action,
.artifact-snapshot-agent,
.artifact-snapshot-state small:nth-of-type(n + 2) {
    display: none;
}

.job-artifact-list {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.job-artifact-card {
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.job-artifact-card-header {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.job-artifact-card-header strong {
    color: #253041;
    display: block;
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.job-artifact-card-header small,
.job-artifact-snapshot small {
    color: #667085;
    display: block;
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.job-artifact-meta {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.job-artifact-meta div {
    background: #f8fafc;
    border: 1px solid #edf1f5;
    border-radius: 6px;
    padding: .45rem;
}

.job-artifact-meta dt {
    color: #667085;
    font-size: .7rem;
    font-weight: 600;
}

.job-artifact-meta dd {
    color: #253041;
    font-size: .76rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.job-artifact-snapshot {
    border-top: 1px solid #edf1f5;
    display: grid;
    gap: .4rem;
    padding-top: .65rem;
}

.job-artifact-snapshot strong {
    color: #253041;
    font-size: .8rem;
}

.artifact-table td {
    vertical-align: top;
}

.artifact-table td small {
    color: #667085;
    display: block;
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.artifact-table code {
    white-space: normal;
    word-break: break-all;
}

.artifact-content-state {
    color: #667085;
    display: block;
    font-size: .75rem;
    margin-bottom: .35rem;
}

.artifact-content-preview {
    background: #f7f9fb;
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    color: #253041;
    font-size: .72rem;
    margin: .45rem 0;
    max-height: 220px;
    overflow: auto;
    padding: .5rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.artifact-retention-section {
    border-top: 1px solid #edf1f5;
    margin-top: 1.1rem;
    padding-top: 1rem;
}

.artifact-retention-header,
.artifact-snapshot-row {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.artifact-retention-header h3 {
    font-size: .95rem;
    margin: 0;
}

.artifact-retention-header span,
.artifact-snapshot-row small {
    color: #667085;
    display: block;
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.artifact-snapshot-list {
    border-top: 1px solid #edf1f5;
    margin-top: .75rem;
}

.artifact-snapshot-row {
    border-bottom: 1px solid #edf1f5;
    padding: .65rem 0;
}

.artifact-snapshot-main {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.artifact-snapshot-row strong {
    color: #253041;
    display: block;
    font-size: .82rem;
}

.artifact-snapshot-evidence {
    max-width: min(100%, 44rem);
}

.artifact-snapshot-state {
    min-width: 140px;
    text-align: right;
}

.artifact-section-header > div > small,
.job-artifact-card-header .artifact-path-hint,
.job-artifact-snapshot .artifact-next-action,
.artifact-snapshot-row .artifact-snapshot-agent,
.artifact-snapshot-row .artifact-snapshot-state small:nth-of-type(n + 2) {
    display: none;
}

.artifact-retention-header .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.log-list {
    border-top: 1px solid #edf1f5;
}

.log-row {
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: .15rem;
    padding: .45rem 0;
}

.log-row span {
    color: #475467;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
}

.log-row strong {
    font-size: .8rem;
}

.log-row p {
    color: #344054;
    font-size: .82rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.log-row small {
    color: #667085;
    font-size: .72rem;
}

.panel {
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    padding: 1rem;
}

.panel-title {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.panel-title h2 {
    font-size: 1rem;
    margin: 0;
}

.panel-title span {
    color: #697586;
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.empty-state {
    background: #f7f9fb;
    border: 1px dashed #c9d3df;
    border-radius: 6px;
    color: #5b6675;
    padding: .85rem;
}

.agent-table td small,
.provisioning-row small {
    color: #667085;
    display: block;
    font-size: .75rem;
}

.state-pill {
    border-radius: 999px;
    display: inline-block;
    font-size: .75rem;
    font-weight: 600;
    min-width: 64px;
    padding: .2rem .55rem;
    text-align: center;
}

.state-online {
    background: #dff6e8;
    color: #136c3a;
}

.state-busy {
    background: #fff4d6;
    color: #805600;
}

.state-error {
    background: #fde2e1;
    color: #a12b24;
}

.state-offline {
    background: #eceff3;
    color: #4b5563;
}

.state-neutral {
    background: #e6f0ff;
    color: #1e4e8c;
}

.capability-list {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    max-width: 320px;
}

.capability-list.compact {
    margin-top: .45rem;
    max-width: 100%;
}

.capability-list span {
    background: #eef3f8;
    border-radius: 4px;
    color: #344054;
    font-size: .72rem;
    padding: .12rem .35rem;
}

.form-grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.runner-filters {
    display: grid;
    gap: .65rem;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
}

.smoke-run-filters {
    align-items: end;
    grid-template-columns: repeat(3, minmax(140px, 1fr)) auto;
    margin: .8rem 0;
}

.smoke-run-filters .ui-icon-button {
    height: 2rem;
    justify-self: start;
    padding: .25rem;
    width: 2rem;
}

.smoke-run-details {
    margin-top: .45rem;
}

.smoke-run-details summary {
    color: #344054;
    cursor: pointer;
    font-size: .78rem;
}

.smoke-run-detail-grid {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .45rem;
}

.smoke-run-detail-grid div {
    min-width: 0;
}

.smoke-run-detail-grid strong {
    color: #344054;
    display: block;
    font-size: .76rem;
}

.smoke-run-row .disclosure-panel {
    max-width: min(100%, 58rem);
}

.target-filters {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.runner-filters label {
    color: #344054;
    display: grid;
    font-size: .8rem;
    gap: .25rem;
}

.form-grid label,
.full-width {
    color: #344054;
    display: grid;
    font-size: .8rem;
    gap: .25rem;
    margin-bottom: .65rem;
}

.form-actions {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-top: .5rem;
}

.form-actions span {
    color: #667085;
    font-size: .78rem;
}

.provisioning-list {
    margin-top: 1rem;
}

.provisioning-list h3 {
    font-size: .95rem;
    margin-bottom: .5rem;
}

.provisioning-row {
    align-items: center;
    border-top: 1px solid #edf1f5;
    display: flex;
    justify-content: space-between;
    padding: .55rem 0;
}

.provisioning-actions {
    align-items: flex-end;
    display: grid;
    gap: .35rem;
    justify-items: end;
    min-width: 13rem;
}

.provisioning-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    justify-content: flex-end;
}

.provisioning-action-buttons .ui-icon-button {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.provisioning-row-main {
    display: grid;
    flex: 1 1 auto;
    gap: .28rem;
    min-width: 0;
}

.provisioning-row-heading {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    min-width: 0;
}

.provisioning-row-heading strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.provisioning-row-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .7rem;
}

.provisioning-row-meta small,
.target-last-signal {
    max-width: min(100%, 26rem);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.target-notice {
    border-radius: 999px;
    background: #fff1f0;
    font-size: .72rem;
    font-weight: 600;
    padding: .12rem .45rem;
}

.provisioning-transition-hint {
    display: none;
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provisioning-detail {
    background: #f8fafc;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    display: grid;
    gap: .8rem;
    grid-template-columns: 1.1fr 1fr 1.2fr;
    margin: .75rem 0;
    padding: .75rem;
}

.provisioning-detail-focused {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .55fr) auto;
}

.provisioning-detail-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.provisioning-detail-summary > div {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.provisioning-detail-facts {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.provisioning-detail-actions {
    display: flex;
    justify-content: flex-end;
}

.provisioning-selected-evidence {
    grid-column: 1 / -1;
    margin-top: 0;
}

.selected-row {
    background: #f4f8fb;
    margin-inline: -.5rem;
    padding-inline: .5rem;
}

.target-row {
    align-items: flex-start;
}

.runner-row {
    align-items: flex-start;
}

.registration-row,
.registration-audit-row,
.update-attempt-row,
.agent-instance-row {
    align-items: flex-start;
}

.registration-row .disclosure-panel,
.update-attempt-row .disclosure-panel,
.runner-row .disclosure-panel,
.agent-instance-row .disclosure-panel {
    max-width: min(100%, 58rem);
}

.registration-audit-panel {
    margin-top: .85rem;
}

.update-attempt-row .target-notice {
    background: #eef3f8;
    color: #344054;
}

.device-notification-audit-panel {
    display: grid;
    gap: .85rem;
}

.notification-policy-grid {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.notification-policy-grid > div {
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    display: grid;
    gap: .15rem;
    min-width: 0;
    padding: .65rem;
}

.notification-policy-grid span {
    color: #667085;
    font-size: .75rem;
}

.notification-policy-grid strong {
    color: #1d2939;
    overflow-wrap: anywhere;
}

.notification-counter-strip {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.notification-audit-row {
    align-items: flex-start;
}

.notification-audit-row .target-notice {
    background: #eef3f8;
    color: #344054;
}

.notification-audit-summary {
    color: #344054;
    font-size: .8rem;
    margin: 0;
    max-width: min(100%, 52rem);
    overflow-wrap: anywhere;
}

.notification-state-panel {
    margin-top: .25rem;
}

.provisioning-action-link {
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    padding: .25rem;
    width: 2rem;
}

.runner-targets {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .35rem;
}

.runner-targets span {
    background: #eef3f8;
    border-radius: 4px;
    color: #344054;
    font-size: .72rem;
    padding: .12rem .35rem;
}

.agent-instance-list {
    display: grid;
    margin-top: .75rem;
}

.agent-instance-row .provisioning-actions {
    grid-template-columns: 1fr;
}

.agent-instance-evidence-panel {
    margin-top: .45rem;
}

.compact-filter-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.operator-table th,
.operator-table td {
    min-width: 0;
    overflow-wrap: anywhere;
    vertical-align: top;
}

.compact-action-table td:last-child {
    min-width: 7rem;
}

.compact-evidence-list {
    display: grid;
    gap: .25rem;
}

.compact-evidence-list small {
    color: #667085;
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.runner-metrics {
    margin-bottom: .75rem;
}

.runner-list .provisioning-actions {
    max-width: 18rem;
}

.runner-list .disclosure-panel {
    justify-self: stretch;
    max-width: 18rem;
    width: 100%;
}

@media (max-width: 900px) {
    .dashboard-grid,
    .form-grid,
    .manual-install-guidance,
    .commander-controls,
    .commander-grid,
    .job-form,
    .job-detail-grid,
    .command-filters,
    .telegram-route-grid,
    .device-card-facts,
    .device-profile-grid,
    .device-instance-profile,
    .runner-filters,
    .target-filters,
    .provisioning-detail,
    .telegram-grid,
    .command-detail-grid,
    .command-detail-facts,
    .codex-facts,
    .codex-device-checklist,
    .codex-worker-evidence-grid,
    .codex-prompt-evidence-grid,
    .job-evidence-grid,
    .job-selection-guidance,
    .smoke-run-detail-grid,
    .timeline-row {
        grid-template-columns: 1fr;
    }

    .codex-worker-evidence-grid .wide {
        grid-column: auto;
    }

    .webux-smoke-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-header,
    .panel-title,
    .dashboard-page-header,
    .dashboard-refresh,
    .dashboard-page-actions,
    .webux-smoke-row-header,
    .job-evidence-header,
    .job-queue-header,
    .download-strip,
    .manual-install-result-header,
    .artifact-retention-header,
    .artifact-snapshot-row,
    .form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .approval-row,
    .approval-review-row {
        grid-template-columns: 1fr;
    }

    .device-card-header,
    .device-card-status,
    .device-card-actions,
    .device-instance-summary,
    .device-instance-actions {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .device-card-actions,
    .device-instance-summary {
        flex-direction: column;
    }

    .device-recovery-feedback {
        grid-template-columns: 1fr;
    }

    .device-recovery-actions {
        justify-content: flex-start;
        min-width: 0;
    }

    .device-list-cards .device-rename-button {
        display: none;
    }

    .device-card-actions > small {
        max-width: 100%;
    }

    .install-fact-grid {
        grid-template-columns: 1fr;
    }

    .telegram-route-row {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .telegram-route-actions {
        justify-content: flex-start;
    }

    .telegram-header-actions {
        justify-content: flex-start;
    }

    .artifact-snapshot-state {
        min-width: 0;
        text-align: left;
    }

    .approval-actions {
        align-items: flex-start;
        justify-items: start;
        min-width: 0;
        width: 100%;
    }

    .approval-action-buttons {
        justify-content: flex-start;
    }

    .approval-actions > small,
    .approval-meta small,
    .approval-evidence .disclosure-panel > summary span:last-child {
        max-width: 100%;
        text-align: left;
    }

    .compact-action-table td:last-child,
    .provisioning-actions,
    .runner-list .provisioning-actions,
    .runner-list .disclosure-panel {
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .provisioning-row {
        align-items: stretch;
        flex-direction: column;
        gap: .55rem;
    }

    .provisioning-actions {
        align-items: flex-start;
        justify-items: start;
    }

    .provisioning-detail-actions {
        justify-content: flex-start;
    }

    .provisioning-selected-evidence {
        grid-column: auto;
    }

    .provisioning-action-buttons {
        justify-content: flex-start;
    }

    .provisioning-transition-hint,
    .provisioning-row-meta small,
    .target-last-signal {
        max-width: 100%;
    }

    .command-row {
        align-items: stretch;
        flex-direction: column;
    }

    .command-row-actions {
        align-items: flex-start;
        justify-items: start;
        min-width: 0;
        width: 100%;
    }

    .command-action-buttons {
        justify-content: flex-start;
    }

    .job-row-secondary-actions {
        max-width: 100%;
    }

    .job-lifecycle-buttons {
        justify-content: flex-start;
    }

    .command-row-actions .state-pill,
    .command-row-meta small {
        max-width: 100%;
    }

    .job-row {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .job-row-actions {
        align-items: flex-start;
        justify-items: start;
        min-width: 0;
        width: 100%;
    }

    .job-action-buttons {
        justify-content: flex-start;
    }

    .job-row-actions .state-pill,
    .job-row-meta small,
    .job-row-proof .job-proof-summary small {
        max-width: 100%;
    }
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}