* { box-sizing: border-box; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.admin-sidebar { display: flex; flex-direction: column; }
.r360-workspace { display: flex; min-height: 100vh; flex-direction: column; }
.r360-brand small { display: block; color: var(--r360-muted-500); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.r360-nav a span:first-child { width: 20px; color: #7890aa; text-align: center; }
.r360-nav a[aria-current="page"] { background: var(--r360-brand-600); color: #fff; box-shadow: 0 8px 22px rgba(8,119,225,.18); }
.r360-nav a[aria-current="page"] span:first-child { color: #fff; }
.r360-sidebar-note { margin-top: auto; }
.r360-sidebar-note span { color: var(--r360-muted-500); }
.nav-count { min-width: 22px; margin-left: auto; padding: 2px 6px; border-radius: 999px; background: #dceeff; font-size: 11px; text-align: center; }
.r360-nav a[aria-current="page"] .nav-count { background: rgba(255,255,255,.22); }
.admin-topbar { min-height: 66px; }
.topbar-left { display: flex; align-items: center; gap: 12px; }
.topbar-left strong { display: block; color: var(--r360-ink-950); font-size: 15px; }
.page-search input { width: clamp(180px, 22vw, 320px); min-height: 40px; padding: 8px 14px 8px 38px; border: 1px solid var(--r360-line); border-radius: 10px; background: #f8fbfe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2368758d' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") 13px center/16px no-repeat; color: var(--r360-ink-950); }
.tenant-switcher { display: grid; gap: 3px; color: var(--r360-muted-500); font-size: 10px; font-weight: 800; }
.tenant-switcher select { width: min(220px, 22vw); min-height: 40px; font-weight: 700; }
.account-chip { display: flex; min-height: 42px; align-items: center; gap: 8px; padding: 4px 10px 4px 4px; border: 1px solid var(--r360-line); border-radius: 999px; background: #fff; cursor: pointer; font-size: 12px; font-weight: 750; }
.account-chip > span:first-child { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--r360-ink-950); color: #fff; }
.admin-main { flex: 1; padding-top: 36px; }
.platform-status-footer { display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 8px max(24px, 3vw); border-top: 1px solid var(--r360-line); color: var(--r360-muted-500); font-size: 10px; font-weight: 700; }
.platform-status-footer > span:not(:first-child)::before { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #a0afbd; content: ""; }
.platform-status-footer > [data-status="ready"]::before { background: var(--r360-success); }
.platform-status-footer > [data-status="error"]::before { background: var(--r360-danger); }
.route-page > .page-heading-row { margin-bottom: 24px; }
.page-heading-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.page-heading-row h1 { margin: 0; color: var(--r360-ink-950); font-size: clamp(28px,3vw,36px); letter-spacing: -.035em; }
.page-heading-row p:not(.r360-eyebrow) { max-width: 760px; margin: 8px 0 0; color: var(--r360-muted-500); line-height: 1.55; }
#globalAlert { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
#globalAlert p { margin: 4px 0; }
.scope-pill { display: inline-flex; min-height: 32px; align-items: center; padding: 6px 10px; border: 1px solid var(--r360-line); border-radius: 999px; background: #fff; color: var(--r360-muted-500); font-size: 12px; font-weight: 750; }
.scope-callout { padding: 28px; border: 1px solid #b9d8f8; border-radius: 16px; background: linear-gradient(135deg,#edf7ff,#fff); }
.scope-callout p { color: var(--r360-muted-500); }
.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 16px; }
.metric-card { min-height: 148px; padding: 20px; border: 1px solid var(--r360-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(20,61,100,.05); }
.metric-card span, .metric-card small { display: block; color: var(--r360-muted-500); font-size: 12px; font-weight: 700; }
.metric-card strong { display: block; margin: 16px 0 10px; color: var(--r360-ink-950); font-size: 34px; letter-spacing: -.04em; }
.metric-card small { color: var(--r360-success); }
.overview-grid, .import-layout, .system-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 16px; margin-bottom: 16px; }
.content-card { padding: 20px; border: 1px solid var(--r360-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 26px rgba(20,61,100,.045); }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.card-head h2, .content-card h2 { margin: 3px 0 0; color: var(--r360-ink-950); font-size: 18px; }
.section-kicker { color: var(--r360-muted-500); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.text-button { padding: 6px; border: 0; background: transparent; color: var(--r360-brand-600); cursor: pointer; font-size: 12px; font-weight: 800; }
.task-list, .compact-list { display: grid; gap: 8px; }
.task-item, .compact-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid #e4edf5; border-radius: 10px; background: #fbfdff; }
.task-item strong, .compact-item strong { display: block; color: var(--r360-ink-950); font-size: 13px; }
.task-item span, .compact-item span, .compact-item small { color: var(--r360-muted-500); font-size: 12px; }
.distribution { display: grid; gap: 12px; }
.distribution-row { display: grid; grid-template-columns: 84px minmax(0,1fr) 24px; align-items: center; gap: 10px; font-size: 12px; }
.distribution-track { height: 8px; overflow: hidden; border-radius: 999px; background: #e9f0f6; }
.distribution-track i { display: block; height: 100%; border-radius: inherit; background: var(--r360-brand-500); }
.tenant-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.customer-directory { display: grid; gap: 28px; }
#tenantOrganizationCards { border-top: 1px solid var(--r360-line); padding-top: 28px; }
.customer-group { border-top: 1px solid var(--r360-line); padding-top: 20px; }
.customer-group:first-child { border-top: 0; padding-top: 0; }
.customer-group__heading { margin-bottom: 16px; }
.customer-group__heading h2 { margin: 0; color: var(--r360-ink-950); font-size: 18px; }
.tenant-card { position: relative; display: grid; min-height: 190px; align-content: space-between; padding: 20px; border: 1px solid var(--r360-line); border-radius: 16px; background: #fff; cursor: pointer; text-align: left; }
.tenant-card:hover { border-color: #9cc9f4; box-shadow: 0 10px 30px rgba(8,119,225,.08); }
.tenant-card[aria-pressed="true"] { border: 2px solid var(--r360-brand-600); }
.tenant-card h2 { margin: 10px 0 4px; color: var(--r360-ink-950); font-size: 18px; }
.tenant-card p { margin: 0; color: var(--r360-muted-500); }
.tenant-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.filter-bar { display: flex; min-height: 64px; align-items: flex-end; gap: 12px; margin-bottom: 14px; padding: 10px 14px; border: 1px solid var(--r360-line); border-radius: 12px; background: #fff; }
.filter-bar label { display: grid; gap: 4px; }
.filter-bar label span, .field-stack > span { color: var(--r360-muted-500); font-size: 11px; font-weight: 800; }
select, input, textarea { border: 1px solid #b8c9d9; border-radius: 9px; background: #fff; color: var(--r360-ink-950); }
select, input { min-height: 40px; padding: 8px 11px; }
textarea { width: 100%; padding: 12px; resize: vertical; }
.filter-count { margin-left: auto; padding: 10px; color: var(--r360-muted-500); font-size: 12px; font-weight: 750; }
.state-region { min-height: 220px; }
.data-table-wrap { width: 100%; overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.data-table th { padding: 10px 12px; border-bottom: 1px solid var(--r360-line); color: var(--r360-muted-500); font-size: 11px; text-align: left; text-transform: uppercase; }
.data-table td { padding: 13px 12px; border-bottom: 1px solid #eaf0f5; color: var(--r360-ink-700); }
.api-event-table { min-width: 1600px; }.api-event-content { min-width: 320px; white-space: pre-wrap; overflow-wrap: anywhere; }.api-event-json { max-width: 320px; vertical-align: top; }.api-event-json code { display: block; max-height: 140px; overflow: auto; font: 11px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.api-docs-dialog { max-height: min(860px, calc(100vh - 32px)); }.api-docs-content { width: min(780px, calc(100vw - 32px)); max-height: min(820px, calc(100vh - 64px)); overflow: auto; padding: 24px; }.api-docs-content section { margin-top: 22px; }.api-docs-content h3 { margin: 0 0 8px; color: var(--r360-ink-950); font-size: 15px; }.api-docs-content p, .api-docs-content li { line-height: 1.55; }.api-docs-content ul { margin: 0; padding-left: 20px; }.api-docs-content pre { margin: 10px 0 0; padding: 14px; overflow: auto; border-radius: 10px; background: var(--r360-ink-950); color: #e8efff; font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }.api-docs-endpoint { display: inline-block; padding: 8px 10px; border-radius: 8px; background: var(--r360-surface-muted); color: var(--r360-ink-950); font-weight: 700; }
.data-table tbody tr[data-clickable] { cursor: pointer; }
.data-table tbody tr[data-clickable]:hover { background: #f5faff; }
.data-table tbody tr:focus-visible { outline: 3px solid rgba(8,119,225,.3); outline-offset: -3px; }
.primary-cell strong { display: block; color: var(--r360-ink-950); }
.primary-cell small { color: var(--r360-muted-500); }
.status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #edf3f8; color: var(--r360-ink-700); font-size: 11px; font-weight: 800; white-space: nowrap; }
.status-badge::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ""; }
.tone-success { background: #e4f7ee; color: #08784b; }.tone-warning { background: #fff3dc; color: #996000; }.tone-danger { background: #fdecef; color: #a92f3d; }.tone-info { background: #e8f3ff; color: #1768b4; }.tone-neutral { background: #edf3f8; color: #53657b; }
.empty-state, .error-state, .loading-state { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 8px; padding: 28px; text-align: center; }
.empty-state strong, .error-state strong { color: var(--r360-ink-950); }
.empty-state p, .error-state p { max-width: 500px; margin: 0; color: var(--r360-muted-500); font-size: 13px; }
.skeleton-lines { display: grid; width: min(100%,720px); gap: 12px; }
.skeleton-lines i { height: 18px; border-radius: 6px; background: linear-gradient(90deg,#e8eff5 25%,#f8fafc 50%,#e8eff5 75%); background-size: 200% 100%; animation: r360-shimmer 1.2s infinite; }
.stepper { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.stepper li { padding: 10px; border-bottom: 3px solid #d9e5f0; color: var(--r360-muted-500); font-size: 11px; font-weight: 800; }
.stepper li[aria-current="step"] { border-color: var(--r360-brand-600); color: var(--r360-brand-600); }
.source-tabs { display: flex; gap: 6px; margin-bottom: 14px; }
.source-tabs button { min-height: 38px; padding: 8px 12px; border: 1px solid var(--r360-line); border-radius: 9px; background: #fff; cursor: pointer; font-weight: 750; }
.source-tabs button[aria-selected="true"] { border-color: var(--r360-brand-600); background: var(--r360-brand-100); color: var(--r360-brand-600); }
.file-drop { position: relative; display: grid; min-height: 150px; place-items: center; align-content: center; gap: 8px; margin-bottom: 14px; border: 1px dashed #9eb9d2; border-radius: 12px; background: #f8fbfe; text-align: center; }
.file-drop input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.file-drop span { color: var(--r360-muted-500); font-size: 12px; }
.field-stack { display: grid; gap: 6px; margin: 12px 0; }
.partner-contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.repair-partner-table { min-width: 1080px; }.repair-partner-remarks { min-width: 220px; white-space: pre-wrap; overflow-wrap: anywhere; }.repair-partner-agreement { min-width: 240px; }.repair-partner-agreements { display: grid; gap: 8px; }.repair-partner-agreements > div { display: grid; gap: 3px; }.repair-partner-agreements small { color: var(--r360-muted-500); font-size: 12px; line-height: 1.4; }
.ticket-attachment-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: 10px; }.ticket-image-preview { display: grid; gap: 7px; padding: 8px; overflow: hidden; border: 1px solid var(--r360-line); border-radius: 10px; background: #fff; color: var(--r360-ink-700); cursor: zoom-in; font: inherit; text-align: left; }.ticket-image-preview:hover { border-color: #9fc5e8; background: #f8fbfe; }.ticket-image-preview img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; background: var(--r360-surface-muted); }.ticket-image-preview span { overflow: hidden; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.ticket-file-link { display: inline-flex; align-items: center; min-height: 34px; color: var(--r360-brand-600); font-size: 12px; font-weight: 750; overflow-wrap: anywhere; }.ticket-image-preview-dialog { width: min(1000px,calc(100vw - 32px)); max-height: calc(100vh - 32px); }.ticket-image-preview-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--r360-line); }.ticket-image-preview-dialog__header h2 { margin: 0; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }.ticket-image-preview-dialog__body { display: grid; max-height: calc(100vh - 108px); place-items: center; padding: 18px; background: #f4f8fc; }.ticket-image-preview-dialog__body img { display: block; max-width: 100%; max-height: calc(100vh - 144px); object-fit: contain; }
.field-help { color: var(--r360-muted-500); font-size: 12px; line-height: 1.5; }
.action-row { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.summary-strip { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-bottom: 16px; }
.summary-strip div { padding: 12px; border-radius: 10px; background: #f3f8fc; }
.summary-strip strong, .summary-strip span { display: block; }.summary-strip strong { color: var(--r360-ink-950); font-size: 20px; }.summary-strip span { color: var(--r360-muted-500); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.row-error-list { margin: 5px 0 0; padding-left: 16px; color: var(--r360-danger); font-size: 11px; }
.system-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.system-status, .inline-result { margin: 16px 0; padding: 14px; border-radius: 10px; background: #f3f8fc; }
.manage-row-actions { display: flex; align-items: center; gap: 8px; }
.impersonation-banner { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; padding: 16px 20px; border: 1px solid #f3c98f; border-radius: 14px; background: linear-gradient(135deg,#fff6e8,#fff); }
.impersonation-banner strong { display: block; color: var(--r360-ink-950); }
.impersonation-banner p { margin: 4px 0 0; color: var(--r360-muted-500); font-size: 12px; }
.account-card { display: flex; align-items: center; gap: 18px; }
.account-card .r360-button { margin-left: auto; }
.profile-avatar { display: grid; width: 60px; height: 60px; flex: 0 0 auto; place-items: center; border-radius: 18px; background: var(--r360-ink-950); color: #fff; font-size: 24px; font-weight: 850; }
.account-card p { margin: 5px 0 10px; color: var(--r360-muted-500); }
.drawer-backdrop { position: fixed; z-index: 39; inset: 0; background: rgba(7,21,51,.36); }
.detail-drawer { position: fixed; z-index: 40; top: 0; right: 0; width: min(620px,100vw); height: 100vh; overflow-y: auto; transform: translateX(105%); background: #fff; box-shadow: -20px 0 60px rgba(7,21,51,.18); transition: transform 180ms ease; }
.detail-drawer[aria-hidden="false"] { transform: translateX(0); }
.detail-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 24px; border-bottom: 1px solid var(--r360-line); background: rgba(255,255,255,.96); }
.detail-drawer h2 { margin: 5px 0 0; color: var(--r360-ink-950); font-size: 24px; }
.drawer-body { padding: 24px; }
.icon-button { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--r360-line); border-radius: 10px; background: #fff; cursor: pointer; font-size: 22px; }
.detail-section { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--r360-line); }
.detail-section h3 { margin: 0 0 12px; color: var(--r360-ink-950); font-size: 15px; }
.detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.detail-field { padding: 10px 0; }.detail-field span, .detail-field strong { display: block; }.detail-field span { color: var(--r360-muted-500); font-size: 10px; font-weight: 800; text-transform: uppercase; }.detail-field strong { margin-top: 4px; color: var(--r360-ink-950); font-size: 13px; overflow-wrap: anywhere; }
.context-form { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--r360-line); border-radius: 12px; background: #f8fbfe; }
.advanced-fallback { margin-top: 10px; }.advanced-fallback summary { color: var(--r360-muted-500); cursor: pointer; font-size: 11px; font-weight: 750; }
.timeline { display: grid; gap: 0; }.timeline-item { position: relative; padding: 0 0 18px 24px; }.timeline-item::before { position: absolute; left: 5px; top: 5px; width: 8px; height: 8px; border-radius: 50%; background: var(--r360-brand-500); content: ""; }.timeline-item::after { position: absolute; left: 8px; top: 15px; bottom: 0; width: 2px; background: var(--r360-line); content: ""; }.timeline-item:last-child::after { display: none; }.timeline-item strong { display: block; color: var(--r360-ink-950); font-size: 12px; }.timeline-item small { color: var(--r360-muted-500); }
.event-log-list { display: grid; gap: 10px; }.event-log-item { padding: 12px; border: 1px solid var(--r360-line); border-radius: 10px; background: #f8fbfe; }.event-log-item > div { display: flex; justify-content: space-between; gap: 12px; }.event-log-item strong { font-size: 13px; }.event-log-item small, .event-log-item > span { color: var(--r360-muted-500); font-size: 11px; }.event-log-item pre { max-height: 260px; margin: 10px 0 0; overflow: auto; color: var(--r360-ink-950); font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.robot-case-page { max-width: 1320px; margin-inline: auto; }.robot-case-page > p { margin: 0 0 14px; }.robot-case-file { overflow: hidden; border: 1px solid var(--r360-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(20,61,100,.06); }.robot-case-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px; border-bottom: 1px solid var(--r360-line); background: linear-gradient(135deg,#f5faff,#fff 60%); }.robot-case-mark { display: grid; width: 132px; height: 132px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid #cfe0ef; border-radius: 14px; background: #fff; }.robot-case-mark img { width: 100%; height: 100%; object-fit: contain; }.robot-case-mark--fallback::before { color: var(--r360-brand-600); content: "R"; font-size: 42px; font-weight: 850; }.robot-case-header__identity { min-width: 0; flex: 1 1 auto; }.robot-case-header h1 { margin: 4px 0; color: var(--r360-ink-950); font-size: clamp(28px,4vw,42px); letter-spacing: -.04em; }.robot-case-header p { margin: 0; color: var(--r360-muted-500); }.case-status-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }.robot-case-header__meta { display: grid; min-width: 260px; gap: 3px; padding: 14px; border: 1px solid #dce9f5; border-radius: 12px; background: rgba(255,255,255,.8); }.robot-case-header__meta span { color: var(--r360-muted-500); font-size: 10px; font-weight: 800; text-transform: uppercase; }.robot-case-header__meta strong { margin-bottom: 7px; color: var(--r360-ink-950); font-size: 13px; overflow-wrap: anywhere; }.robot-case-tabs { display: flex; gap: 4px; overflow-x: auto; padding: 10px 18px; border-bottom: 1px solid var(--r360-line); background: #fff; }.robot-case-tabs button { min-height: 38px; padding: 8px 13px; border: 0; border-radius: 9px; background: transparent; color: var(--r360-ink-700); cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; white-space: nowrap; }.robot-case-tabs button[aria-current="page"] { background: var(--r360-brand-100); color: var(--r360-brand-600); }.robot-case-body { padding: 26px 28px 30px; }.robot-case-body h2 { margin: 0 0 14px; color: var(--r360-ink-950); font-size: 19px; }.robot-case-body h2:not(:first-child) { margin-top: 30px; }.robot-case-body h3 { margin: 0 0 12px; color: var(--r360-ink-950); font-size: 15px; }.robot-case-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; border-top: 1px solid var(--r360-line); }.case-field { min-height: 75px; padding: 13px 16px; border-right: 1px solid var(--r360-line); border-bottom: 1px solid var(--r360-line); }.case-field:nth-child(3n) { border-right: 0; }.case-field dt { color: var(--r360-muted-500); font-size: 10px; font-weight: 800; text-transform: uppercase; }.case-field dd { margin: 7px 0 0; color: var(--r360-ink-950); font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }.robot-case-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.robot-case-metrics article { min-height: 106px; padding: 15px; border: 1px solid var(--r360-line); border-radius: 12px; background: #fbfdff; }.robot-case-metrics span,.robot-case-metrics small { display: block; color: var(--r360-muted-500); font-size: 11px; font-weight: 750; }.robot-case-metrics strong { display: block; margin: 13px 0 3px; color: var(--r360-ink-950); font-size: 23px; line-height: 1.1; }.robot-case-event-list { display: grid; gap: 10px; }.robot-case-event-list article { padding: 16px; border: 1px solid var(--r360-line); border-radius: 12px; background: #fbfdff; }.robot-case-event-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.robot-case-event-list strong { color: var(--r360-ink-950); }.robot-case-event-list small { color: var(--r360-muted-500); }.robot-case-event-list p { margin: 10px 0 0; color: var(--r360-ink-700); line-height: 1.5; }.robot-case-event-list dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 12px 0 0; border: 1px solid var(--r360-line); border-radius: 9px; overflow: hidden; }.robot-case-event-list .case-field { min-height: auto; }.robot-case-service-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr); gap: 16px; }.robot-case-service-grid article { padding: 18px; border: 1px solid var(--r360-line); border-radius: 12px; background: #fbfdff; }
dialog { padding: 0; border: 0; border-radius: 16px; box-shadow: var(--r360-shadow); color: var(--r360-ink-700); }
dialog::backdrop { background: rgba(7,21,51,.42); }
.confirm-dialog form, .form-dialog form { width: min(440px,calc(100vw - 32px)); padding: 24px; }
.confirm-dialog h2, .form-dialog h2 { margin: 8px 0; color: var(--r360-ink-950); }.confirm-dialog p { line-height: 1.55; }.danger-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #fdecef; color: var(--r360-danger); font-weight: 900; }.danger-button { background: var(--r360-danger); color: #fff; }
.toast-region { position: fixed; z-index: 60; right: 20px; bottom: 20px; display: grid; gap: 8px; }.toast { max-width: 360px; padding: 13px 16px; border: 1px solid var(--r360-line); border-radius: 12px; background: #fff; box-shadow: var(--r360-shadow); font-size: 13px; }
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid rgba(8,119,225,.38); outline-offset: 3px; }
@media (max-width: 1160px) { .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.tenant-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.overview-grid,.import-layout { grid-template-columns: 1fr; }.page-search { display: none; } }
@media (max-width: 880px) { .admin-main { padding-top: 24px; }.page-heading-row { align-items: flex-start; flex-direction: column; }.system-grid,.robot-case-service-grid { grid-template-columns: 1fr; }.robot-case-header { flex-direction: column; }.robot-case-header__meta { width: 100%; }.robot-case-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }.case-field:nth-child(3n) { border-right: 1px solid var(--r360-line); }.case-field:nth-child(2n) { border-right: 0; }.robot-case-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.robot-case-event-list dl { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .tenant-switcher { display: none; }.platform-status-footer { flex-wrap: wrap; padding-inline: 14px; }.account-chip #accountName { display: none; }.admin-main { padding: 20px 14px 40px; }.metric-grid,.tenant-grid,.partner-contact-grid,.robot-case-fields,.robot-case-metrics,.robot-case-event-list dl { grid-template-columns: 1fr; }.metric-card { min-height: 120px; }.filter-bar { align-items: stretch; flex-direction: column; }.filter-count { margin-left: 0; }.content-card { padding: 16px; }.data-table-wrap { overflow: visible; }.data-table thead { display: none; }.data-table,.data-table tbody,.data-table tr,.data-table td { display: block; width: 100%; }.data-table tr { margin-bottom: 10px; padding: 10px; border: 1px solid var(--r360-line); border-radius: 12px; }.data-table td { display: flex; justify-content: space-between; gap: 12px; padding: 7px 4px; border: 0; }.data-table td::before { flex: 0 0 92px; color: var(--r360-muted-500); font-size: 10px; font-weight: 800; content: attr(data-label); text-transform: uppercase; }.data-table td.primary-cell { display: block; }.data-table td.primary-cell::before { display: none; }.summary-strip { grid-template-columns: repeat(2,1fr); }.detail-grid { grid-template-columns: 1fr; }.drawer-body { padding: 18px; }.account-card { align-items: flex-start; flex-wrap: wrap; }.account-card .r360-button { width: 100%; margin-left: 0; }.toast-region { right: 12px; bottom: 12px; left: 12px; }.toast { max-width: none; }.robot-case-header,.robot-case-body { padding: 18px; }.case-field { border-right: 0; } }