:root {
  --bg: #070b0d; --panel: rgba(15, 23, 26, .72); --panel-strong: rgba(11, 18, 21, .9);
  --line: rgba(215, 247, 241, .1); --line-strong: rgba(115, 237, 218, .22);
  --text: #edf8f6; --muted: #81918f; --muted-2: #5d6b6a; --accent: #62e9d0;
  --accent-strong: #9dfff0; --warning: #f3c880; --danger: #ef8c91; --radius: 26px;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; color: var(--text); background: var(--bg); overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
.is-hidden { display: none !important; }

.noise { position: fixed; inset: 0; z-index: -1; background-color: rgba(255,255,255,.012); pointer-events: none; }
.glass { background-color: var(--panel); border: 1px solid var(--line); box-shadow: 0 22px 70px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.025); backdrop-filter: blur(24px) saturate(1.15); -webkit-backdrop-filter: blur(24px) saturate(1.15); }
.eyebrow { margin: 0 0 8px; color: #6c918b; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.muted { color: var(--muted); }

.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(430px, 100%); padding: 42px; border-radius: 34px; }
.brand-mark { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 34px; border: 1px solid var(--line-strong); border-radius: 19px; background: rgba(98,233,208,.09); color: var(--accent); font-size: 24px; box-shadow: 0 0 40px rgba(98,233,208,.12); }
.login-card h1 { margin: 0; font-size: 34px; letter-spacing: -.04em; }
.login-card > .muted { margin: 12px 0 32px; }
.stack-form { display: grid; gap: 18px; }
.stack-form label, .field { display: grid; gap: 8px; color: #9badaa; font-size: 12px; }
input, select, textarea { width: 100%; min-height: 44px; padding: 0 14px; color: var(--text); background: rgba(3,9,10,.56); border: 1px solid var(--line); border-radius: 14px; outline: none; }
textarea { min-height: 96px; padding-top: 12px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: rgba(98,233,208,.55); box-shadow: 0 0 0 3px rgba(98,233,208,.08); }
.primary-btn, .ghost-btn, .icon-btn, .profile-pill, .text-btn { border: 0; cursor: pointer; }
.primary-btn { min-height: 48px; padding: 0 18px; border-radius: 15px; background: var(--accent); color: #06211d; font-weight: 800; display: flex; align-items: center; justify-content: space-between; }
.ghost-btn { height: 42px; display: flex; gap: 8px; align-items: center; padding: 0 16px; background: rgba(255,255,255,.05); border: 1px solid var(--line); border-radius: 14px; }
.ghost-btn:hover { border-color: var(--line-strong); background: rgba(98,233,208,.07); }
.form-error { min-height: 18px; margin: -6px 0 0; color: var(--danger); font-size: 12px; }

.app-shell { width: 100%; min-height: 100vh; margin: 0; padding: 22px clamp(20px,1.7vw,42px) 26px 112px; position: relative; }
.sidebar { position: fixed; z-index: 20; top: 22px; bottom: 22px; width: 66px; margin-left: -90px; border-radius: 25px; display: flex; flex-direction: column; align-items: center; padding: 12px 8px; }
.sidebar-logo { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; color: var(--accent); background: rgba(98,233,208,.09); border: 1px solid var(--line-strong); border-radius: 15px; font-size: 20px; text-decoration: none; }
.sidebar nav { flex: 1; display: grid; align-content: center; gap: 6px; width: 100%; }
.nav-link { position: relative; width: 48px; height: 46px; margin: 0 auto; display: grid; place-items: center; color: #647573; border-radius: 14px; text-decoration: none; font-size: 19px; }
.nav-link:hover, .nav-link.active { color: var(--accent-strong); background: rgba(98,233,208,.08); }
.nav-link.active::before { content: ""; position: absolute; left: -8px; width: 2px; height: 20px; background: var(--accent); border-radius: 4px; box-shadow: 0 0 15px var(--accent); }
.nav-link span { position: absolute; left: 58px; padding: 7px 10px; white-space: nowrap; opacity: 0; pointer-events: none; background: #13201f; border: 1px solid var(--line); border-radius: 9px; color: #dff8f3; font-size: 11px; transform: translateX(-4px); transition: .18s ease; }
.nav-link:hover span { opacity: 1; transform: none; }
.sidebar-bottom { display: grid; gap: 8px; }
.icon-btn { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid var(--line); }
.icon-btn:hover { color: var(--accent); border-color: var(--line-strong); }
.avatar { width: 38px; height: 38px; border: 0; border-radius: 50%; color: #08211e; background: #83e9d8; font-weight: 800; cursor: pointer; }

.workspace { min-width: 0; }
.topbar { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 10px 22px 24px; }
.topbar h1 { margin: 0; font-size: 24px; font-weight: 650; letter-spacing: -.03em; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.tenant-picker { height: 42px; min-width: 220px; display: flex; align-items: center; gap: 8px; padding-left: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.04); }
.tenant-picker i { color: var(--accent); }
.tenant-picker select { min-height: 40px; padding: 0 34px 0 0; border: 0; background: transparent; }
.profile-pill { height: 42px; padding: 0 13px; display: grid; grid-template-columns: 8px auto; grid-template-rows: 20px 14px; column-gap: 8px; align-items: center; text-align: left; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid var(--line); }
.profile-pill .status-dot { grid-row: 1/3; }
.profile-pill b { font-size: 11px; font-weight: 700; }
.profile-pill small { color: var(--muted); font-size: 9px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 14px var(--accent); }

.page-content { min-height: calc(100vh - 126px); }
.dashboard-grid { width: 100%; min-height: calc(100vh - 126px); display: grid; grid-template-columns: minmax(260px,.72fr) minmax(520px,1.72fr) minmax(270px,.78fr); grid-template-rows: auto minmax(430px,1fr); gap: 14px; }
.metric-strip { grid-column: 2 / 4; grid-row: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.region-panel { grid-column: 1; grid-row: 1 / 3; }
.map-panel { grid-column: 2; grid-row: 2; }
.attention-panel { grid-column: 3; grid-row: 2; }
.metric-card, .panel { border-radius: var(--radius); }
.metric-card { min-height: 194px; padding: 18px 20px 14px; overflow: hidden; }
.metric-card header { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.metric-card header h3 { margin: 0; color: var(--muted); font-size: 9px; font-weight: 500; }
.metric-card .metric-icon { flex: 0 0 auto; width: 32px; height: 32px; display: grid; place-items: center; color: var(--accent); border-radius: 11px; border: 1px solid var(--line); background: rgba(98,233,208,.05); }
.gauge-wrap { position: relative; height: 118px; margin-top: 4px; display: grid; place-items: center; }
.metric-gauge { width: min(100%,190px); height: 100px; align-self: end; }
.gauge-copy { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: grid; justify-items: center; white-space: nowrap; }
.gauge-copy strong { font-size: 24px; font-weight: 680; letter-spacing: -.04em; }
.gauge-copy small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.panel { min-width: 0; padding: 22px; }
.panel-head { display: flex; align-items: start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.panel-head h2 { margin: 0; font-size: 15px; font-weight: 640; }
.panel-head p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.text-btn { padding: 0; color: var(--accent); background: transparent; font-size: 11px; }

.region-list, .attention-list { display: grid; gap: 7px; }
.region-item, .attention-item { display: grid; align-items: center; gap: 11px; min-height: 56px; padding: 10px 12px; border: 1px solid transparent; border-radius: 16px; background: rgba(255,255,255,.025); }
.region-item { grid-template-columns: 32px minmax(0,1fr) auto; }
.region-item:hover, .attention-item:hover { border-color: var(--line); }
.mini-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 11px; color: #83dacc; background: rgba(98,233,208,.07); }
.item-name { overflow: hidden; color: #d6e5e2; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.item-meta { margin-top: 4px; color: var(--muted); font-size: 9px; }
.item-stat { text-align: right; }
.item-stat b { display: block; color: #e6f6f3; font-size: 13px; }
.item-stat small { color: var(--muted); font-size: 8px; }
.content-summary { display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 10px; margin-top: 18px; padding: 13px; border-top: 1px solid var(--line); }
.content-summary small { display: block; color: var(--muted); font-size: 9px; }
.content-summary b { display: block; margin-top: 5px; color: #cfe1de; font-size: 10px; }

.map-panel { position: relative; overflow: hidden; min-height: 480px; padding: 0; }
.map-panel::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 70px 30px rgba(7,11,13,.62); pointer-events: none; }
.map-copy { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .82; }
.map-head { position: relative; z-index: 3; padding: 22px; display: flex; justify-content: space-between; }
.map-head h2 { margin: 0; font-size: 15px; }
.map-head p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.live-chip { height: 28px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 11px; color: #a8eee2; background: rgba(6,20,18,.7); font-size: 9px; }
.distribution-list { position: relative; z-index: 4; display: grid; gap: 8px; width: min(330px,calc(100% - 44px)); margin: 120px 22px 22px auto; }
.distribution-item { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 15px; color: var(--text); border: 1px solid var(--line); border-radius: 15px; background: rgba(7,17,20,.82); text-align: left; cursor: pointer; }
.distribution-item span { display: grid; gap: 4px; }.distribution-item b { font-size: 11px; }.distribution-item small { color: var(--muted); font-size: 9px; }.distribution-item strong { color: var(--accent); font-size: 16px; }

.attention-item { grid-template-columns: 8px minmax(0,1fr) auto; }
.attention-item>span:nth-child(2){min-width:0}.attention-item .item-name,.attention-item .item-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attention-item .alert-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--warning); box-shadow: 0 0 11px rgba(243,200,128,.45); }
.attention-item.danger .alert-dot { background: var(--danger); }
.attention-action { color: var(--accent); font-size: 10px; }
.empty-compact { padding: 35px 12px; text-align: center; color: var(--muted); font-size: 11px; }

.data-panel { min-height: calc(100vh - 142px); padding: 24px; border-radius: 30px; }
.data-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.search-box { position: relative; flex: 1; max-width: 360px; }
.search-box i { position: absolute; left: 14px; top: 13px; color: var(--muted); }
.search-box input { padding-left: 39px; }
.select-compact { width: auto; min-width: 140px; }
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 19px; }
table { width: 100%; border-collapse: collapse; }
th { padding: 13px 16px; color: #637472; background: rgba(2,8,9,.38); text-align: left; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
td { padding: 15px 16px; border-top: 1px solid rgba(255,255,255,.045); color: #b8cac7; font-size: 11px; white-space: nowrap; }
tbody tr { transition: background .15s ease; }
tbody tr:hover { background: rgba(98,233,208,.025); }
.cell-title { color: #e6f2f0; font-weight: 650; }
.cell-sub { margin-top: 4px; color: var(--muted-2); font-size: 9px; }
.badge { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 0 9px; border: 1px solid var(--line); border-radius: 9px; color: #96aaa7; background: rgba(255,255,255,.025); font-size: 9px; }
.badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.badge.success { color: #6fe2cf; background: rgba(98,233,208,.06); }
.badge.warning { color: var(--warning); background: rgba(243,200,128,.05); }
.row-actions { display: flex; gap: 6px; justify-content: flex-end; }
.row-actions button { min-height: 29px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; color: #92a4a1; background: transparent; cursor: pointer; font-size: 9px; }
.row-actions button:hover { color: var(--accent); border-color: var(--line-strong); }
.empty-state, .loading-state, .error-state { min-height: 380px; display: grid; place-items: center; text-align: center; color: var(--muted); }
.state-inner i { display: block; margin-bottom: 12px; color: #57726e; font-size: 30px; }
.state-inner h3 { margin: 0; color: #b8cbc8; font-size: 14px; }
.state-inner p { margin: 8px 0 0; font-size: 11px; }
.skeleton { height: 12px; width: 180px; border-radius: 7px; background: rgba(255,255,255,.06); animation: breathe 1.3s ease-in-out infinite; }
@keyframes breathe { 50% { opacity: .35; } }

.screen-cards { width:100%; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:12px; align-items:stretch; }
.screen-cards[data-count="1"] { grid-template-columns:minmax(0,min(100%,720px)); }
.screen-card { width:100%; max-width:720px; min-width:0; justify-self:start; padding:18px; border:1px solid var(--line); border-radius:19px; background:rgba(255,255,255,.022); overflow:hidden; }
.screen-card-head { display: flex; justify-content: space-between; gap: 12px; }
.screen-title { min-width: 0; }
.screen-card h3 { margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.screen-card p { margin: 6px 0 0; min-width: 0; max-width: 100%; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.screen-loop-summary { min-width: 0; display: grid; grid-template-columns: minmax(105px,.8fr) minmax(0,1.2fr); align-items: center; gap: 12px; margin: 14px 0 3px; }
.screen-loop-summary>div:first-child { min-width: 0; display: grid; gap: 4px; }
.screen-loop-summary small,.screen-loop-summary span { color: var(--muted); font-size: 8px; }
.screen-loop-summary strong { overflow-wrap: anywhere; font-size: 16px; }
.screen-preview-row { min-width: 0; display: flex; align-items: center; justify-content: flex-end; }
.screen-preview-row img,.screen-preview-video,.screen-preview-more { flex: 0 0 42px; width: 42px; height: 34px; margin-left: -6px; display: grid; place-items: center; border: 2px solid #0b1214; border-radius: 10px; object-fit: cover; background: #101b1d; color: var(--accent); font-size: 12px; }
.screen-preview-more { color: var(--muted); font-size: 9px; }
.screen-meta { overflow-wrap: anywhere; }
.screen-health { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 17px 0; }
.health-cell { padding: 10px; border-radius: 12px; background: rgba(0,0,0,.2); }
.health-cell small { display: block; color: var(--muted-2); font-size: 8px; }
.health-cell b { display: block; margin-top: 5px; color: #c9dad7; font-size: 10px; }
.screen-card .row-actions { justify-content: flex-start; flex-wrap: wrap; }
.screen-card .badge { flex: 0 0 auto; max-width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.screen-title,.screen-card-head>div,.screen-loop-summary>div{min-width:0}.screen-card .row-actions{align-items:center;flex-wrap:wrap}.screen-card .row-actions>*{flex:0 1 auto}.screen-meta{max-width:100%}

.modal { width: min(600px, calc(100% - 32px)); max-height: calc(100vh - 40px); padding: 0; color: var(--text); border-radius: 28px; }
.modal::backdrop { background: rgba(0,0,0,.64); backdrop-filter: blur(8px); }
.modal-head { display: flex; align-items: center; justify-content: space-between; padding: 23px 24px 17px; border-bottom: 1px solid var(--line); }
.modal-head h2 { margin: 0; font-size: 18px; }
.modal-body { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 22px 24px 24px; overflow: auto; }
.modal-body .full { grid-column: 1/3; }
.modal-actions { grid-column: 1/3; display: flex; justify-content: flex-end; gap: 9px; padding-top: 8px; }
.danger-btn { color: #ffb6b9 !important; }
.detail-block { grid-column: 1/3; margin: 0; padding: 15px; max-height: 320px; overflow: auto; color: #9ab3ae; background: rgba(0,0,0,.25); border: 1px solid var(--line); border-radius: 15px; white-space: pre-wrap; font: 10px/1.7 Consolas, monospace; }
.custom-detail { grid-column: 1/3; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.detail-grid > div { min-height: 66px; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(0,0,0,.16); }
.detail-grid small { display: block; color: var(--muted); font-size: 9px; }
.detail-grid b { display: block; margin-top: 8px; color: #dcebe8; font-size: 11px; }
.detail-heading { margin: 20px 0 10px; color: #dcebe8; font-size: 12px; }
.detail-copy { margin: 0; color: var(--muted); font-size: 11px; }
.manifest-items { display: grid; gap: 6px; }
.manifest-items > div { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 9px 11px; border-radius: 11px; background: rgba(255,255,255,.025); }
.manifest-items span { color: var(--accent); font-size: 9px; }
.manifest-items b { color: #cbdcd9; font-size: 10px; }
.manifest-items small { color: var(--muted); font-size: 9px; }
.advanced-json { margin-top: 14px; color: var(--muted); font-size: 10px; }
.advanced-json summary { cursor: pointer; }
.advanced-json pre { max-height: 250px; overflow: auto; padding: 12px; border-radius: 12px; background: rgba(0,0,0,.24); white-space: pre-wrap; }
.toast-region { position: fixed; z-index: 100; right: 24px; bottom: 24px; display: grid; gap: 9px; }
.toast { min-width: 250px; max-width: 360px; padding: 13px 15px; border: 1px solid var(--line-strong); border-radius: 13px; background: #101c1c; color: #cce1dd; box-shadow: 0 15px 45px rgba(0,0,0,.42); font-size: 11px; }
.toast.error { border-color: rgba(239,140,145,.35); color: #ffc2c5; }

.account-layout { min-height: calc(100vh - 142px); display: grid; grid-template-columns: minmax(290px,360px) 1fr; gap: 14px; }
.org-tree,.account-panel { border-radius: 28px; padding: 22px; min-width: 0; }
.tree-search { display: block; max-width: none; margin-bottom: 15px; }
.tree-scroll { max-height: calc(100vh - 270px); overflow: auto; padding-right: 4px; }
.tree-platform { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.tree-branch { margin: 5px 0; }.tree-branch summary { list-style: none; }.tree-branch summary::-webkit-details-marker { display: none; }
.tree-children { margin-left: 17px; padding-left: 10px; border-left: 1px solid var(--line); }
.tree-caption { padding: 8px 10px 3px; color: var(--muted-2); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.tree-caption.nested { margin-left: 18px; }
.tree-node-button { width: 100%; min-height: 42px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border: 1px solid transparent; border-radius: 12px; color: #9aadaa; background: transparent; cursor: pointer; }
.tree-node-button span { display: flex; align-items: center; gap: 9px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.tree-node-button i { color: #6c8d88; }.tree-node-button b { min-width: 23px; padding: 3px 6px; border-radius: 8px; background: rgba(255,255,255,.04); font-size: 9px; }.tree-node-button:hover,.tree-node-button.selected { color: var(--accent-strong); border-color: var(--line-strong); background: rgba(98,233,208,.055); }
.search-hidden { display: none; }.account-cards { display: grid; gap: 8px; }.account-card { min-height: 68px; display: grid; grid-template-columns: 40px minmax(150px,1fr) auto auto; gap: 12px; align-items: center; padding: 11px 13px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }.account-avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: #09221e; background: #7adccc; font-weight: 800; }.account-card>div:not(.row-actions) { display: grid; gap: 5px; }.account-card small { color: var(--muted); font-size: 9px; }.field-hint { margin: 0; color: var(--muted); font-size: 10px; }

.monitor-page { display: grid; gap: 13px; }.monitor-notice { display: flex; align-items: center; gap: 12px; padding: 14px 17px; border-radius: 18px; }.monitor-notice>i { color: var(--accent); font-size: 20px; }.monitor-notice span { display: grid; gap: 4px; }.monitor-notice b { font-size: 11px; }.monitor-notice small { color: var(--muted); font-size: 9px; }
.monitor-summary { display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; }.monitor-summary article { padding: 14px; border-radius: 17px; }.monitor-summary small { display: block; color: var(--muted); font-size: 9px; }.monitor-summary b { display: block; margin-top: 8px; font-size: 21px; }
.monitor-toolbar { display: flex; gap: 10px; align-items: center; padding: 11px; border-radius: 18px; }.monitor-toolbar select { width: auto; min-width: 150px; }.segmented { flex: 1; display: flex; gap: 5px; overflow: auto; }.segmented button { min-height: 36px; padding: 0 13px; border: 1px solid transparent; border-radius: 12px; color: var(--muted); background: transparent; white-space: nowrap; cursor: pointer; }.segmented button.active { color: var(--accent-strong); border-color: var(--line-strong); background: rgba(98,233,208,.06); }
.monitor-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.monitor-card { min-width: 0; padding: 18px; border-radius: 22px; }.monitor-card header { display: flex; justify-content: space-between; gap: 12px; }.monitor-card header p { margin: 0 0 5px; color: var(--muted); font-size: 9px; }.monitor-card h3 { margin: 0; font-size: 15px; }.monitor-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin: 14px 0; }.monitor-facts span { padding: 8px; border-radius: 10px; color: var(--muted); background: rgba(0,0,0,.15); font-size: 8px; }.monitor-facts b { display: block; margin-top: 5px; color: #cbdcd9; font-size: 9px; }
.content-snapshot { margin-top: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(0,0,0,.13); }.content-snapshot.desired { border-color: rgba(243,200,128,.2); }.content-snapshot h4 { margin: 0 0 10px; display: flex; gap: 7px; color: #cfe2df; font-size: 10px; }.revision-head { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; }.revision-head b { font-size: 10px; }.revision-head span { color: var(--muted); font-size: 9px; }.item-strip { display: flex; gap: 7px; overflow: auto; }.item-strip figure { flex: 0 0 100px; margin: 0; }.item-strip img,.video-tile { width: 100px; height: 62px; border-radius: 10px; object-fit: cover; background: #091315; }.video-tile { display: grid; place-items: center; color: var(--accent); font-size: 19px; }.item-strip figcaption { margin-top: 5px; color: var(--muted); font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.preview-unavailable { padding: 14px; color: var(--muted); background: rgba(255,255,255,.02); border-radius: 10px; font-size: 9px; }.pending-copy { display: inline-block; margin-top: 8px; color: var(--warning); font-size: 9px; }.monitor-card footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 11px; color: var(--muted); font-size: 8px; }.monitor-card footer a { color: var(--accent); text-decoration: none; }

.android-center { display: grid; gap: 14px; }.client-hero { display: grid; grid-template-columns: 58px 1fr auto; gap: 18px; align-items: center; padding: 24px; border-radius: 27px; }.client-hero h2 { margin: 0 0 8px; font-size: 23px; }.client-hero p { margin: 0; color: var(--muted); font-size: 10px; }.android-mark { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 19px; color: #77e2ce; background: rgba(98,233,208,.07); font-size: 28px; }.client-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.client-card { min-height: 310px; padding: 22px; border-radius: 25px; }.client-card h3 { margin: 0 0 20px; font-size: 14px; }.client-card dl { margin: 0 0 18px; }.client-card dl>div { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); }.client-card dt { color: var(--muted); font-size: 9px; }.client-card dd { margin: 0; color: #d1e3e0; font-size: 10px; text-align: right; }.sha-row { display: block!important; }.sha-row dd { margin-top: 8px; word-break: break-all; text-align: left; font-family: Consolas,monospace; }.build-state { min-height: 150px; display: grid; place-items: center; align-content: center; gap: 9px; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 18px; text-align: center; }.build-state i { color: var(--accent); font-size: 28px; }.build-state.running i { animation: spin 1s linear infinite; }.build-state small { max-width: 90%; color: var(--muted); font-size: 9px; }.danger-copy { color: var(--danger); font-size: 10px; }.client-card .primary-btn { text-decoration: none; justify-content: center; gap: 8px; }
@keyframes spin { to { transform: rotate(360deg); } }

.location-map{position:relative;overflow:hidden}#pageContent .location-map>.map-points{position:absolute;inset:72px 20px 44px;z-index:3}.map-point{position:absolute;width:18px;height:18px;margin:-9px;border:0;border-radius:50%;background:transparent;cursor:pointer}.map-point .map-point-core{position:relative;z-index:2;display:block;width:10px;height:10px;margin:4px;border-radius:50%;background:#62e9d0;box-shadow:0 0 10px #62e9d0,0 0 24px rgba(98,233,208,.8);animation:mapPulse 2s ease-in-out infinite}.map-point .map-point-label{position:absolute;z-index:4;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:128px;padding:5px 8px;overflow:hidden;border:1px solid rgba(98,233,208,.24);border-radius:8px;color:#d9f8f1;background:rgba(4,15,18,.82);box-shadow:0 7px 18px rgba(0,0,0,.28),0 0 14px rgba(98,233,208,.08);font-size:8px;font-weight:700;line-height:1;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%);backdrop-filter:blur(10px);pointer-events:none}.map-point::after{content:"";position:absolute;z-index:1;inset:-5px;border:1px solid rgba(98,233,208,.55);border-radius:50%;animation:mapRing 2s ease-out infinite}.map-point:hover .map-point-core,.map-point:focus-visible .map-point-core,.map-point.active .map-point-core{transform:scale(1.55);filter:brightness(1.45);box-shadow:0 0 14px #62e9d0,0 0 34px rgba(98,233,208,.95)}#pageContent .location-map>.map-location-list{position:absolute;z-index:5;right:22px;top:50%;width:min(320px,42%);max-height:calc(100% - 150px);display:grid;gap:8px;overflow:auto;transform:translateY(-42%);scrollbar-width:thin}.map-location-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid rgba(111,219,203,.14);border-radius:15px;color:var(--text);background:rgba(6,18,21,.82);box-shadow:0 10px 28px rgba(0,0,0,.18);text-align:left;backdrop-filter:blur(16px);cursor:pointer;transition:.18s ease}.map-location-card span{min-width:0;display:grid;gap:5px}.map-location-card b,.map-location-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-location-card b{font-size:11px}.map-location-card small{color:var(--muted);font-size:9px}.map-location-card strong{color:var(--accent);font-size:15px}.map-location-card:hover,.map-location-card:focus-visible,.map-location-card.active{border-color:rgba(98,233,208,.48);background:rgba(9,31,31,.9);box-shadow:0 0 0 1px rgba(98,233,208,.08),0 14px 34px rgba(0,0,0,.3);transform:translateX(-3px)}#pageContent .location-map>.map-empty{position:absolute;z-index:3;left:50%;top:52%;max-width:70%;padding:10px 14px;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:13px;color:var(--muted);background:rgba(4,11,17,.64);font-size:10px;text-align:center;backdrop-filter:blur(10px)}#pageContent .location-map>.map-legend{position:absolute;z-index:4;left:20px;bottom:18px;display:flex;gap:14px;color:var(--muted);font-size:9px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:7px;height:7px;border-radius:50%;background:#62e9d0;box-shadow:0 0 8px #62e9d0}@keyframes mapPulse{50%{transform:scale(1.35);filter:brightness(1.35)}}@keyframes mapRing{from{transform:scale(.55);opacity:1}to{transform:scale(1.7);opacity:0}}
.map-x-5{left:5%}.map-x-10{left:10%}.map-x-15{left:15%}.map-x-20{left:20%}.map-x-25{left:25%}.map-x-30{left:30%}.map-x-35{left:35%}.map-x-40{left:40%}.map-x-45{left:45%}.map-x-50{left:50%}.map-x-55{left:55%}.map-x-60{left:60%}.map-x-65{left:65%}.map-x-70{left:70%}.map-x-75{left:75%}.map-x-80{left:80%}.map-x-85{left:85%}.map-x-90{left:90%}.map-x-95{left:95%}.map-y-10{top:10%}.map-y-15{top:15%}.map-y-20{top:20%}.map-y-25{top:25%}.map-y-30{top:30%}.map-y-35{top:35%}.map-y-40{top:40%}.map-y-45{top:45%}.map-y-50{top:50%}.map-y-55{top:55%}.map-y-60{top:60%}.map-y-65{top:65%}.map-y-70{top:70%}.map-y-75{top:75%}.map-y-80{top:80%}.map-y-85{top:85%}.map-y-90{top:90%}.map-demo-mode .map-copy{filter:saturate(1.12) brightness(1.05)}.demo-chip{border-color:rgba(98,233,208,.42);box-shadow:0 0 18px rgba(98,233,208,.14)}.map-point.demo{width:28px;height:28px;margin:-14px;pointer-events:none}.map-point.demo-1{left:18%;top:24%}.map-point.demo-2{left:34%;top:56%}.map-point.demo-3{left:53%;top:32%}.map-point.demo-4{left:69%;top:69%}.map-point.demo-5{left:85%;top:44%}.map-point.demo .map-point-core{width:12px;height:12px;margin:8px;filter:drop-shadow(0 0 12px rgba(98,233,208,.65));animation:demoPointCore 1.8s cubic-bezier(.2,.72,.32,1) infinite}.map-point.demo::after,.map-point.demo::before{content:"";position:absolute;border:1px solid rgba(98,233,208,.72);border-radius:50%;animation:demoPointRing 2.35s cubic-bezier(.18,.7,.24,1) infinite}.map-point.demo::after{inset:1px}.map-point.demo::before{z-index:1;inset:-7px;border-color:rgba(121,195,255,.5)}.map-point.demo-2 .map-point-core,.map-point.demo-2::after{animation-delay:.35s}.map-point.demo-2::before{animation-delay:.9s}.map-point.demo-3 .map-point-core,.map-point.demo-3::after{animation-delay:.7s}.map-point.demo-3::before{animation-delay:1.25s}.map-point.demo-4 .map-point-core,.map-point.demo-4::after{animation-delay:1.05s}.map-point.demo-4::before{animation-delay:1.6s}.map-point.demo-5 .map-point-core,.map-point.demo-5::after{animation-delay:1.4s}.map-point.demo-5::before{animation-delay:1.95s}.map-point.demo-1::before{animation-delay:.55s}.map-legend .demo-legend i{background:#79c3ff;box-shadow:0 0 11px #79c3ff,0 0 22px rgba(98,233,208,.7);animation:demoLegend 1.2s ease-in-out infinite}@keyframes demoPointCore{0%,100%{transform:scale(.72);opacity:.72;box-shadow:0 0 8px #62e9d0,0 0 18px rgba(98,233,208,.6)}45%{transform:scale(1.65);opacity:1;box-shadow:0 0 18px #b5fff2,0 0 48px rgba(98,233,208,1)}}@keyframes demoPointRing{0%{transform:scale(.25);opacity:0}16%{opacity:.95}100%{transform:scale(3.05);opacity:0}}@keyframes demoLegend{50%{transform:scale(1.5);filter:brightness(1.45)}}
.map-region-card{min-width:0;border:1px solid rgba(111,219,203,.14);border-radius:15px;background:rgba(6,18,21,.84);box-shadow:0 10px 28px rgba(0,0,0,.18);overflow:hidden;backdrop-filter:blur(16px)}.map-region-card>header{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(111,219,203,.1)}.map-region-card>header span{min-width:0;display:grid;gap:4px}.map-region-card>header b,.map-region-card>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-region-card>header b{font-size:11px}.map-region-card>header small{color:var(--muted);font-size:8px}.map-region-card>header strong{color:var(--accent);font-size:15px}.map-region-restaurants{display:grid;padding:5px}.map-region-restaurant{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:9px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.map-region-restaurant>span{min-width:0;display:flex;align-items:center;gap:7px}.map-region-restaurant i{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:#62e9d0;box-shadow:0 0 7px rgba(98,233,208,.9)}.map-region-restaurant.missing i{background:#61706f;box-shadow:none}.map-region-restaurant b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.map-region-restaurant small{color:var(--muted);font-size:8px;white-space:nowrap}.map-region-restaurant:hover,.map-region-restaurant:focus-visible,.map-region-restaurant.active{border-color:rgba(98,233,208,.28);background:rgba(98,233,208,.07)}
.map-point{width:24px;height:24px;margin:-12px}.map-point .map-point-core{width:14px;height:14px;margin:5px;background:linear-gradient(145deg,#c6ffeb,#55dfcf 58%,#54aefc);box-shadow:0 0 12px #62e9d0,0 0 30px rgba(98,233,208,.9)}.map-point .map-point-label{left:calc(100% + 11px);top:50%;bottom:auto;max-width:150px;padding:0;overflow:visible;border:0;border-radius:0;color:#eefdfa;background:transparent;box-shadow:none;font-size:10px;line-height:1.15;text-shadow:0 2px 9px rgba(0,0,0,.95),0 0 12px rgba(98,233,208,.3);transform:translateY(-50%);backdrop-filter:none}.map-point .map-point-label b{display:block;font-weight:800;white-space:nowrap}.map-point .map-point-label small{display:inline-block;margin-top:5px;padding:4px 9px;border:1px solid rgba(98,233,208,.12);border-radius:999px;color:#7ce9dd;background:rgba(5,18,23,.64);box-shadow:0 4px 14px rgba(0,0,0,.24);font-size:9px;font-weight:700;line-height:1;white-space:nowrap;backdrop-filter:blur(9px)}.map-point::after{inset:-6px}.map-point.demo{width:34px;height:34px;margin:-17px}.map-point.demo-1{left:18%;top:25%}.map-point.demo-2{left:39%;top:63%}.map-point.demo-3{left:61%;top:37%}.map-point.demo .map-point-core{width:18px;height:18px;margin:8px;filter:drop-shadow(0 0 14px rgba(98,233,208,.85));animation-name:demoPointCore}.map-point.demo::after{inset:1px}.map-point.demo::before{inset:-8px}.map-point.demo-2 .map-point-core,.map-point.demo-2::after{animation-delay:.45s}.map-point.demo-2::before{animation-delay:1s}.map-point.demo-3 .map-point-core,.map-point.demo-3::after{animation-delay:.9s}.map-point.demo-3::before{animation-delay:1.45s}@keyframes demoPointCore{0%,100%{transform:scale(.78);opacity:.76;box-shadow:0 0 9px #62e9d0,0 0 22px rgba(98,233,208,.62)}45%{transform:scale(1.45);opacity:1;box-shadow:0 0 20px #b5fff2,0 0 52px rgba(98,233,208,1)}}@keyframes demoPointRing{0%{transform:scale(.35);opacity:0}16%{opacity:.95}100%{transform:scale(2.65);opacity:0}}
.map-point .map-point-label{font-size:12px}.map-point .map-point-label small{margin-top:6px;padding:5px 10px;font-size:11px}.map-point.demo-1{left:12%;top:25%}.map-point.demo-2{left:31%;top:66%}.map-point.demo-3{left:47%;top:40%}
.map-point.demo-2{left:18%;top:72%}.map-point.demo-3{left:33%;top:48%}
.map-point.demo{pointer-events:auto}.map-location-list{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.map-location-list.is-open{opacity:1;visibility:visible;pointer-events:auto}.map-region-card{display:none}.map-region-card.active{display:block;animation:regionCardReveal .18s ease both}@keyframes regionCardReveal{from{opacity:0;transform:translateX(10px) scale(.985)}to{opacity:1;transform:none}}
.sync-trend-card{display:grid;grid-template-rows:auto auto minmax(68px,1fr) auto}.sync-trend-copy{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:8px}.sync-trend-copy strong{font-size:25px}.sync-trend-copy span,.sync-trend-note{color:var(--muted);font-size:8px}.sync-trend{display:block;width:100%;height:78px}.metric-icon.warning{color:var(--warning)}
.screen-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:14px;align-items:start}.screen-group{width:100%;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.016)}.screen-group>header{min-width:0;display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 11px;padding:0 2px}.screen-group>header>div{min-width:0}.screen-group>header h2{margin:4px 0 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;overflow-wrap:anywhere}.screen-group>header small{display:block;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.screen-download{min-height:29px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:9px;color:#92a4a1;text-decoration:none;font-size:9px}
.tree-account-list{display:grid;gap:5px;margin:5px 0 8px 14px}.tree-account{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;padding:6px 8px;border-left:1px solid var(--line);color:var(--muted)}.tree-account>span{min-width:0;display:grid;gap:2px}.tree-account b,.tree-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.tree-account b{color:var(--text);font-size:9px}.tree-account.empty{display:block;font-size:8px}
.content-editor{display:grid;gap:13px}.content-editor-head{min-width:0;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:23px}.content-editor-head h2{margin:3px 0 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.content-editor-head p{margin:0;overflow-wrap:anywhere;color:var(--muted);font-size:10px}.content-editor-head label{display:grid;gap:6px;color:var(--muted);font-size:9px}.content-editor-head select{min-width:290px}.content-selectors{min-width:0;display:flex;gap:10px;flex-wrap:wrap}.screen-content-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;border-radius:20px;overflow:hidden}.screen-content-stats>div{min-width:0;display:grid;gap:5px;padding:14px 18px;background:rgba(0,0,0,.16)}.screen-content-stats small,.screen-content-stats span{color:var(--muted);font-size:8px}.screen-content-stats b{overflow-wrap:anywhere;font-size:12px}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(300px,.9fr);gap:12px}.content-pane{min-width:0;min-height:520px;padding:18px;border-radius:22px}.content-pane h3{margin:0 0 5px;font-size:13px}.content-pane p{margin:0;color:var(--muted);font-size:9px}.content-upload{display:flex;gap:8px;margin:14px 0}.content-upload input{min-width:0}.content-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:7px;max-height:420px;overflow:auto}.content-media{padding:7px;min-width:0;border:1px solid var(--line);border-radius:13px;color:var(--text);background:rgba(0,0,0,.15);text-align:left;cursor:pointer}.content-media:hover{border-color:var(--line-strong);background:rgba(98,233,208,.04)}.content-media img,.content-media>span{width:100%;height:72px;display:grid;place-items:center;border-radius:9px;object-fit:cover;background:#071012}.content-media b,.content-media small{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.content-media small{color:var(--muted);font-size:8px}.content-queue{display:grid;gap:7px;max-height:440px;overflow:auto}.content-queue-item{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:14px}.content-queue-item>img,.content-queue-item>.video-tile{width:74px;height:50px;object-fit:cover}.content-queue-item b{display:block;overflow-wrap:anywhere;font-size:9px}.content-queue-item label,.content-queue-item small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.content-queue-item input{width:62px;height:27px;margin-left:5px}.target-list{display:grid;gap:6px;max-height:280px;margin:14px 0;overflow:auto}.target-list label,.publish-mode label{min-width:0;display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:rgba(0,0,0,.15)}.target-list input,.publish-mode input{flex:0 0 auto;width:auto;min-height:0}.target-list span,.publish-mode span{min-width:0;display:grid;gap:3px}.target-list b,.publish-mode b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.target-list small,.publish-mode small{overflow-wrap:anywhere;color:var(--muted);font-size:8px}.publish-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px}.actual-desired{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:14px 0}.actual-desired article{min-width:0;display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:13px}.actual-desired small,.actual-desired span{color:var(--muted);font-size:8px}.actual-desired b{font-size:15px}.actual-desired i{color:var(--accent)}.publish-pane .primary-btn{width:100%;justify-content:center}.temporary-password{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(0,0,0,.22)}.temporary-password code{flex:1;color:var(--accent);font:700 16px/1.4 Consolas,monospace;letter-spacing:.06em;word-break:break-all}.profile-password{display:grid;grid-template-columns:1fr 1fr;gap:10px}

@media (min-width:1800px){.screen-cards:not([data-count="1"]){grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}
@media (min-width:2400px){.screen-cards:not([data-count="1"]){grid-template-columns:repeat(auto-fit,minmax(430px,1fr))}}
@media (min-width:3200px){.screen-cards:not([data-count="1"]){grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}}
@media (min-width:1800px){.screen-group-grid{grid-template-columns:repeat(auto-fit,minmax(720px,1fr))}}

@media (max-width: 1450px) {
  .app-shell { padding-left: 100px; }
  .sidebar { margin-left: -80px; }
  .dashboard-grid { grid-template-columns: minmax(220px,.75fr) minmax(430px,1.6fr) minmax(235px,.8fr); }
  .panel { padding: 18px; }
  .metric-card { padding: 18px; }
}
@media (max-width: 1080px) {
  .dashboard-grid { grid-template-columns: 1fr 1.5fr; }
  .metric-strip { grid-column: 1/3; grid-template-columns: repeat(2,1fr); }
  .region-panel { grid-column: 1; grid-row: 2; }
  .map-panel { grid-column: 2; grid-row: 2; }
  .attention-panel { grid-column: 1/3; }
  .monitor-summary { grid-template-columns: repeat(4,1fr); }
  .monitor-grid { grid-template-columns: 1fr; }
  .client-grid { grid-template-columns: 1fr 1fr; }.build-card { grid-column: 1/3; }
  .content-columns{grid-template-columns:1fr 1fr}.publish-pane{grid-column:1/3;min-height:auto}
  #pageContent .location-map>.map-location-list{right:16px;width:min(270px,48%)}
}
@media (max-width: 760px) {
  .app-shell { padding: 14px 14px 86px; }
  .sidebar { top: auto; left: 14px; right: 14px; bottom: 12px; width: auto; height: 62px; margin: 0; flex-direction: row; overflow-x: auto; }
  .sidebar-logo, .sidebar-bottom { display: none; }
  .sidebar nav { display: flex; align-items: center; }
  .nav-link { flex: 0 0 46px; }
  .nav-link span { display: none; }
  .topbar { align-items: flex-start; padding: 8px 18px 22px; }
  .topbar-actions { flex-wrap: wrap; justify-content: flex-end; }
  .profile-pill { display: none; }
  .tenant-picker { min-width: 170px; }
  .dashboard-grid { display: block; }
  .dashboard-grid > * { margin-bottom: 12px; }
  .metric-strip { grid-template-columns: 1fr 1fr; }
  .map-panel { min-height: 430px; }
  #pageContent .location-map>.map-location-list{left:14px;right:14px;top:auto;bottom:42px;width:auto;max-height:152px;transform:none}.map-location-card{padding:10px 12px}#pageContent .location-map>.map-legend{bottom:16px}
  .modal-body { grid-template-columns: 1fr; }
  .modal-body .full, .modal-actions, .detail-block { grid-column: 1; }
  .account-layout { grid-template-columns: 1fr; }.tree-scroll { max-height: 330px; }.account-card { grid-template-columns: 40px 1fr auto; }.account-card .row-actions { grid-column: 1/4; }
  .monitor-summary { grid-template-columns: repeat(2,1fr); }.monitor-toolbar { align-items: stretch; flex-direction: column; }.monitor-toolbar select { width: 100%; }.monitor-facts { grid-template-columns: 1fr 1fr; }
  .client-hero { grid-template-columns: 48px 1fr; }.client-hero>.badge { grid-column: 2; justify-self: start; }.client-grid { grid-template-columns: 1fr; }.build-card { grid-column: 1; }
  .topbar h1{font-size:20px}.topbar-actions{width:100%}.content-editor-head{align-items:stretch;flex-direction:column}.content-editor-head select{min-width:0;width:100%}.content-selectors{display:grid}.screen-content-stats{grid-template-columns:1fr}.content-columns{grid-template-columns:1fr}.content-pane,.publish-pane{grid-column:1;min-height:auto}.content-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-queue-item{grid-template-columns:58px minmax(0,1fr)}.content-queue-item>img,.content-queue-item>.video-tile{width:58px;height:46px}.content-queue-item>.row-actions{grid-column:2;justify-content:flex-start}.publish-mode{grid-template-columns:1fr}.screen-card{padding:14px}.screen-health{grid-template-columns:1fr 1fr}.screen-group>header{align-items:flex-start}.data-panel{padding:14px}.data-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.select-compact{width:100%}.profile-password{grid-template-columns:1fr}
}