/* Site enrollment in the selected compact Console. @req GUI-1 @req PRT-5 */
.omnishipper-agent-setup { display: grid; grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.omnishipper-agent-console { min-width: 0; }
.omnishipper-agent-console.has-agent-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem); gap: 1rem; align-items: start; }
.has-agent-detail .omnishipper-agent-setup { grid-template-columns: minmax(0, 1fr); }
.omnishipper-agent-detail { position: sticky; top: 1rem; max-height: calc(100vh - 6rem); overflow: auto; overflow-wrap: anywhere; }
.omnishipper-agent-detail h3 { font-weight: 600; margin-top: 1rem; }
.omnishipper-agent-detail dl { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(0, 2fr); gap: .4rem .8rem; margin-top: 1rem; }
.omnishipper-agent-detail dt { font-weight: 600; }
.omnishipper-agent-detail a { text-decoration: underline; }
.omnishipper-agent-path { border-top: 1px solid var(--gray-200); padding-block: .7rem; }
.dark .omnishipper-agent-path { border-color: var(--gray-700); }
@media (max-width: 1100px) { .omnishipper-agent-console.has-agent-detail { grid-template-columns: minmax(0, 1fr); } .omnishipper-agent-detail { position: static; max-height: none; } }
.omnishipper-agent-owner { grid-column: 1 / -1; }
.omnishipper-agent-card { padding: 1rem; border: 1px solid var(--gray-200); border-radius: .6rem; min-width: 0; background: white; }
.dark .omnishipper-agent-card { background: var(--gray-900); border-color: var(--gray-700); }
.omnishipper-agent-card p { margin-block: .5rem; font-size: .8125rem; overflow-wrap: anywhere; }
.omnishipper-agent-card label { display: block; margin-block: .9rem .3rem; font-size: .8125rem; font-weight: 600; }
.omnishipper-agent-card input:not([type=hidden]), .omnishipper-agent-card select { display: block; width: 100%; min-height: 2.5rem; border: 1px solid var(--gray-300); border-radius: .4rem; padding: .4rem .6rem; font-size: .875rem; background: transparent; }
.dark .omnishipper-agent-card input:not([type=hidden]), .dark .omnishipper-agent-card select { border-color: var(--gray-600); }
.omnishipper-agent-card input:focus-visible, .omnishipper-agent-card select:focus-visible, .omnishipper-agent-card summary:focus-visible, .omnishipper-agent-card code:focus-visible { outline: 2px solid var(--primary-500); outline-offset: 2px; }
.omnishipper-agent-preview { padding: .75rem; border-left: 3px solid var(--primary-500); background: var(--gray-50); }
.dark .omnishipper-agent-preview { background: var(--gray-800); }
.omnishipper-agent-heading { display: flex; gap: .75rem; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.omnishipper-agent-heading > span { font-size: .75rem; border: 1px solid var(--gray-300); border-radius: 1rem; padding: .15rem .6rem; }
.omnishipper-agent-list { margin-block: .75rem; }
.omnishipper-agent-list > li { padding-block: 1rem; border-top: 1px solid var(--gray-200); }
.dark .omnishipper-agent-list > li { border-color: var(--gray-700); }
.omnishipper-agent-card summary { cursor: pointer; font-size: .8125rem; margin-block: .75rem; }
.omnishipper-agent-card [data-agent-secret] { margin-block: 1rem; padding: .75rem; border: 1px solid var(--primary-500); border-radius: .4rem; }
.omnishipper-agent-card [data-agent-token] { display: block; margin-block: .75rem; overflow-wrap: anywhere; user-select: all; }
.omnishipper-agent-card [data-agent-hide] { text-decoration: underline; font-size: .8125rem; cursor: pointer; }
.omnishipper-agent-discovery { grid-column: 1 / -1; }
.omnishipper-discovery-filters { display: flex; gap: .75rem; align-items: center; margin-block: .75rem; }
.omnishipper-discovery-filters label { margin: 0; }
.omnishipper-discovery-filters select { width: auto; min-width: 12rem; }
.omnishipper-discovery-table-wrap { overflow-x: auto; }
.omnishipper-discovery-table { width: 100%; min-width: 58rem; border-collapse: collapse; font-size: .8125rem; }
.omnishipper-discovery-table th { text-align: left; font-size: .75rem; color: var(--gray-600); }
.dark .omnishipper-discovery-table th { color: var(--gray-300); }
.omnishipper-discovery-table th, .omnishipper-discovery-table td { padding: .8rem; border-bottom: 1px solid var(--gray-200); vertical-align: top; }
.dark .omnishipper-discovery-table th, .dark .omnishipper-discovery-table td { border-color: var(--gray-700); }
.omnishipper-discovery-table td:last-child { min-width: 13rem; }
.omnishipper-discovery-status { display: inline-block; margin: 0 .4rem .5rem 0; border: 1px solid var(--gray-300); border-radius: 1rem; padding: .15rem .6rem; font-size: .75rem; }
.omnishipper-discovery-status[data-status="pending"] { border-color: var(--warning-400); }
.omnishipper-discovery-status[data-status="claimed"] { border-color: var(--success-500); }
.omnishipper-discovery-claim { margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--gray-200); }
.dark .omnishipper-discovery-claim { border-color: var(--gray-700); }
@media (max-width: 900px) {
    .omnishipper-agent-setup { grid-template-columns: minmax(0, 1fr); }
    .omnishipper-discovery-table { min-width: 0; }
    .omnishipper-discovery-table thead { display: none; }
    .omnishipper-discovery-table, .omnishipper-discovery-table tbody, .omnishipper-discovery-table tr, .omnishipper-discovery-table td { display: block; width: 100%; }
    .omnishipper-discovery-table tr { padding-block: .5rem; border-bottom: 1px solid var(--gray-200); }
    .dark .omnishipper-discovery-table tr { border-color: var(--gray-700); }
    .omnishipper-discovery-table td { border: 0; padding: .45rem 0; }
    .omnishipper-discovery-table td::before { content: attr(data-label); display: block; margin-bottom: .2rem; font-size: .7rem; font-weight: 600; color: var(--gray-500); text-transform: uppercase; letter-spacing: .03em; }
}