:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{align-items:center;background:#111827;color:#fff;display:flex;gap:18px;justify-content:space-between;padding:16px 22px}.brand,.topbar nav{align-items:center;display:flex;gap:12px}.brand small{color:#b8c2d6;display:block;margin-top:2px}.mark{align-items:center;background:#2563eb;border-radius:8px;display:inline-flex;font-weight:850;height:40px;justify-content:center;width:40px}.topbar nav a{border-radius:8px;color:#dbe4f4;padding:9px 10px}.topbar nav a:hover{background:#1f2937;color:#fff}.workspace{margin:0 auto;max-width:1220px;padding:22px}.intro-panel,.panel{background:#fff;border:1px solid #dfe7f1;border-radius:8px;box-shadow:0 10px 28px #0f172a0d}.intro-panel{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:16px;padding:22px}.eyebrow{color:#2563eb;font-size:12px;font-weight:850;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.intro-panel h1,.panel h2{letter-spacing:0;margin:0}.intro-panel h1{font-size:30px;line-height:1.18}.intro-panel p{color:#59677d;line-height:1.65;margin:10px 0 0;max-width:780px}.safe-pill,.locale-badge,.status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;min-height:26px;padding:0 10px;white-space:nowrap}.safe-pill-ok,.status-live{background:#e7f8ef;color:#0f7a48}.safe-pill-warn,.status-pending{background:#fff3df;color:#a05600}.status-blocked{background:#ffe8e8;color:#b42318}.locale-badge{background:#eef4ff;color:#1d5fd3}.main-grid{display:grid;gap:16px;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.25fr) minmax(280px,.78fr);margin-bottom:16px}.content-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.panel{min-width:0;padding:18px}.panel-heading{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.panel h2{font-size:18px;line-height:1.25}.tenant-list,.target-list,.release-list,.boundary-list,.feature-stack{display:grid;gap:10px}.tenant-row{align-items:center;background:#fff;border:1px solid #e5edf6;border-radius:8px;color:#172033;cursor:pointer;display:grid;gap:12px;grid-template-columns:34px minmax(0,1fr);min-height:70px;padding:11px;text-align:left;width:100%}.tenant-row:hover,.tenant-row-active{border-color:#2563eb;box-shadow:inset 3px 0 #2563eb}.tenant-row b,.tenant-row small,.target-row b,.target-row small,.release-row small{display:block}.tenant-row small,.target-row small,.target-row p,.release-row span,.release-row small{color:#667085;overflow-wrap:anywhere}.tenant-swatch{border-radius:8px;height:34px;width:34px}.target-row{align-items:center;border:1px solid #e5edf6;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 112px;min-height:92px;padding:12px}.target-row p{grid-column:1;line-height:1.5;margin:0}.target-action{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;grid-column:2;grid-row:1 / span 2;justify-content:center;min-height:38px;min-width:0;padding:0 12px;text-align:center}.target-action-live{background:#2563eb;color:#fff}.target-action-disabled{background:#eef2f7;border:1px solid #d7e0ec;color:#7b8798;cursor:not-allowed;width:100%}.preview-layout{align-items:start;display:grid;gap:14px;justify-items:center}.phone-preview{background:#101828;border:8px solid #111827;border-radius:28px;box-shadow:0 14px 34px #1118272e;color:#fff;overflow:hidden;width:min(100%,220px)}.phone-top{align-items:center;display:flex;justify-content:space-between;padding:12px 12px 8px}.phone-top span{font-size:12px;font-weight:800}.phone-top i{background:#fff;border-radius:999px;height:8px;opacity:.8;width:28px}.phone-preview img{aspect-ratio:2 / 3;display:block;object-fit:cover;width:100%}.phone-copy{display:grid;gap:3px;padding:12px}.phone-copy small{color:#cbd5e1}.phone-button{border-radius:8px;font-size:12px;font-weight:850;margin:0 12px 12px;min-height:34px;padding:9px 10px;text-align:center}.feature-stack{width:100%}.feature-stack span{background:#f7fafc;border:1px solid #e5edf6;border-radius:8px;color:#43536a;font-weight:750;min-height:38px;padding:10px 12px}.release-row{align-items:start;border-bottom:1px solid #edf1f6;display:grid;gap:12px;grid-template-columns:76px 112px minmax(0,1fr);padding:12px 0}.release-row strong{display:block;margin-bottom:3px}.boundary-row{align-items:center;border-bottom:1px solid #edf1f6;display:grid;gap:10px;grid-template-columns:16px minmax(0,1fr);min-height:42px}.boundary-row span{background:#108981;border-radius:999px;height:9px;width:9px}.boundary-row b{color:#344054;font-size:14px;overflow-wrap:anywhere}@media(max-width:1060px){.main-grid,.content-grid{grid-template-columns:1fr}}@media(max-width:720px){.topbar{align-items:stretch;flex-direction:column;padding:14px}.topbar nav{overflow-x:auto;padding-bottom:2px}.topbar nav a{flex:0 0 auto}.workspace{padding:14px}.intro-panel,.target-row,.release-row{grid-template-columns:1fr}.target-row p,.target-action{grid-column:auto;grid-row:auto}.intro-panel{align-items:start}.intro-panel h1{font-size:25px}.safe-pill{justify-content:center;width:100%}.panel-heading{align-items:stretch;flex-direction:column}.target-action{width:100%}}
