:root{
  --owner-bg:#f0f0f1;
  --owner-card:#ffffff;
  --owner-text:#1d2327;
  --owner-muted:#50575e;
  --owner-line:#dcdcde;
  --owner-primary:#2271b1;
  --owner-primary-2:#135e96;
  --owner-danger:#d63638;
  --owner-ok:#00a32a;
  --owner-sidebar:#1d2327;
  --owner-sidebar-text:#c3c4c7;
  --owner-sidebar-active:rgba(34,113,177,.25);
  --owner-sidebar-hover:rgba(255,255,255,.06);
  --owner-radius:12px;
  --owner-font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

html,body{
  background:var(--owner-bg)!important;
  color:var(--owner-text)!important;
  font-family:var(--owner-font)!important;
}

body.owner-admin-ready{
  background:var(--owner-bg)!important;
}

.layout,.wp-shell{
  display:flex!important;
  min-height:100vh!important;
}

.sidebar,.wp-side{
  width:260px!important;
  flex:0 0 260px!important;
  background:var(--owner-sidebar)!important;
  color:var(--owner-sidebar-text)!important;
  padding:16px 12px!important;
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow:auto!important;
  border-right:none!important;
}

.main,.wp-main{
  flex:1 1 auto!important;
  padding:18px!important;
  background:var(--owner-bg)!important;
}

.topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}

.owner-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:12px;
}

.owner-brand-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--owner-primary);
}

.owner-brand-name{
  font-weight:700;
  color:#fff;
}

.owner-brand-sub{
  font-size:12px;
  opacity:.9;
}

.owner-nav{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.owner-nav a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  border-radius:8px;
  color:var(--owner-sidebar-text)!important;
  text-decoration:none!important;
  margin:0;
  background:transparent!important;
  border:none!important;
}

.owner-nav a:hover{
  background:var(--owner-sidebar-hover)!important;
  color:#fff!important;
}

.owner-nav a.active{
  background:var(--owner-sidebar-active)!important;
  color:#fff!important;
}

.owner-side-sp{
  height:10px;
}

.owner-side-bottom{
  margin-top:12px;
}

.agent-card,.card,.wp-card > .card{
  background:var(--owner-card)!important;
  border:1px solid var(--owner-line)!important;
  border-radius:var(--owner-radius)!important;
  box-shadow:none!important;
  color:var(--owner-text)!important;
}

.wrap{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.btn,.agent-btn,.mini,.wp-item{
  background:#fff!important;
  border:1px solid var(--owner-line)!important;
  color:var(--owner-text)!important;
  border-radius:10px!important;
  cursor:pointer!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

.btn:hover,.agent-btn:hover,.mini:hover,.wp-item:hover{
  background:#f6f7f7!important;
}

.btn.primary{
  background:var(--owner-primary)!important;
  border-color:var(--owner-primary)!important;
  color:#fff!important;
}

.btn.primary:hover{
  background:var(--owner-primary-2)!important;
  border-color:var(--owner-primary-2)!important;
}

.btn.danger{
  color:var(--owner-danger)!important;
  border-color:rgba(214,54,56,.35)!important;
  background:#fff!important;
}

.btn.danger:hover{
  background:rgba(214,54,56,.06)!important;
}

input,select,textarea,.agent-input{
  background:#fff!important;
  color:var(--owner-text)!important;
  border:1px solid var(--owner-line)!important;
  border-radius:10px!important;
}

table{
  width:100%;
  border-collapse:collapse;
  background:#fff!important;
}

th,td{
  border-bottom:1px solid var(--owner-line)!important;
  color:var(--owner-text)!important;
}

th{
  color:#6c7781!important;
  font-weight:600!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

.badge,.agent-badge{
  border-radius:999px!important;
}

h1,h2,h3{
  color:var(--owner-text)!important;
}

.muted,.small,.sub{
  color:var(--owner-muted)!important;
}

@media (max-width: 980px){
  .layout,.wp-shell{
    flex-direction:column!important;
  }
  .sidebar,.wp-side{
    width:100%!important;
    flex:1 1 100%!important;
    height:auto!important;
    position:relative!important;
  }
  .main,.wp-main{
    padding:14px!important;
  }
}


/* OWNER_AUTH_GATE_GLOBAL_V1 */
body.owner-auth-pending .layout,
body.owner-auth-pending .wp-shell{
  display:none !important;
}

#ownerGlobalLoginGate{
  min-height:100vh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:24px 14px;
  box-sizing:border-box;
  background:var(--owner-bg);
}

#ownerGlobalLoginGate .owner-gate-card{
  width:100%;
  max-width:520px;
  background:#fff;
  border:1px solid var(--owner-line);
  border-radius:12px;
  box-shadow:none;
}

#ownerGlobalLoginGate .owner-gate-hd{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 16px 0 16px;
}

#ownerGlobalLoginGate .owner-gate-bd{
  padding:14px 16px 16px 16px;
}

#ownerGlobalLoginGate .owner-gate-row{
  display:flex;
  gap:10px;
  align-items:center;
}

#ownerGlobalLoginGate input{
  flex:1;
}

#ownerGlobalLoginGate .owner-gate-msg{
  margin-top:10px;
  font-size:13px;
  color:var(--owner-muted);
}

body:not(.owner-auth-pending) #ownerGlobalLoginGate{
  display:none !important;
}


/* OWNER_PANEL_STABILIZE_V2 */
body.owner-auth-pending .layout,
body.owner-auth-pending .wp-shell{
  display:none !important;
}

#ownerGlobalLoginGate{
  min-height:100vh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:32px 16px;
  background:var(--owner-bg);
  box-sizing:border-box;
}

#ownerGlobalLoginGate .owner-gate-card{
  width:100%;
  max-width:520px;
  background:#fff;
  border:1px solid var(--owner-line);
  border-radius:12px;
  box-shadow:none;
}

#ownerGlobalLoginGate .owner-gate-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 16px 0 16px;
}

#ownerGlobalLoginGate .owner-gate-bd{
  padding:16px;
}

#ownerGlobalLoginGate .owner-gate-row{
  display:flex;
  gap:10px;
  align-items:center;
}

#ownerGlobalLoginGate .owner-gate-row input{
  flex:1;
}

#ownerGlobalLoginGate .owner-gate-msg{
  margin-top:10px;
  font-size:13px;
  color:var(--owner-muted);
}

body:not(.owner-auth-pending) #ownerGlobalLoginGate{
  display:none !important;
}


/* OWNER_PANEL_PHASE3_CLEANUP_V1 */
.main, .wp-main{
  max-width:none !important;
}

.main > div,
.wp-main > div,
.wrap{
  max-width:1280px !important;
  margin:0 auto !important;
}

.topbar h1{
  font-size:22px !important;
  font-weight:700 !important;
}

.agent-card .hd,
.card .hd{
  align-items:center;
}

.agent-card .bd,
.card .bd{
  line-height:1.45;
}

#metricsGrid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}

@media (max-width: 1100px){
  #metricsGrid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 640px){
  #metricsGrid{
    grid-template-columns:1fr !important;
  }
}

/* Hide duplicate in-page nav rows now that shared sidebar exists */
.owner-inline-nav,
.owner-legacy-nav{
  display:none !important;
}

/* Dashboard quick-link row */
#ownerAuthedBox > div[style*="margin-bottom:10px"]{
  display:none !important;
}

/* Agents duplicate top nav row */
body[data-owner-page="agents"] a.agent-btn[href="/owner"],
body[data-owner-page="agents"] a.agent-btn[href="/owner/sites"],
body[data-owner-page="agents"] a.agent-btn[href="/owner/intents"],
body[data-owner-page="agents"] a.agent-btn[href="/owner/agents"]{
  display:none !important;
}

/* Clean action/button density */
.cell-actions{
  gap:6px !important;
}

.cell-actions .mini,
.agent-btn,
.btn{
  min-height:36px;
}

/* Tables */
table{
  table-layout:auto;
}

th, td{
  word-break:break-word;
}


/* OWNER_PANEL_PHASE4_CONSOLIDATE_V1 */
body[data-owner-page] .main > div,
body[data-owner-page] .wp-main > div{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
}

body[data-owner-page="dashboard"] #ownerLoginBox{
  max-width:560px !important;
}

body[data-owner-page="dashboard"] #ownerAuthedBox .agent-card,
body[data-owner-page="agents"] .agent-card,
body[data-owner-page="sites"] .card,
body[data-owner-page="intents"] .card,
body[data-owner-page="tenants"] .card{
  border-radius:12px !important;
}

body[data-owner-page="sites"] .row,
body[data-owner-page="intents"] .row,
body[data-owner-page="agents"] .bd > div[style*="display:flex"],
body[data-owner-page="dashboard"] .bd > div[style*="display:flex"]{
  gap:10px !important;
}

body[data-owner-page="tenants"] .toolbar,
body[data-owner-page="tenants"] .actions{
  gap:10px !important;
}

body[data-owner-page="tenants"] .card,
body[data-owner-page="sites"] .card,
body[data-owner-page="intents"] .card,
body[data-owner-page="agents"] .agent-card,
body[data-owner-page="dashboard"] .agent-card{
  overflow:hidden;
}

body[data-owner-page="dashboard"] #ownerAuthedBox > div[style*="display:flex; gap:10px; flex-wrap:wrap;"]{
  align-items:center;
}

body[data-owner-page="dashboard"] .kv{
  margin-bottom:8px;
}


/* OWNER_PANEL_PHASE5_POLISH_V1 */
body[data-owner-page] .topbar{
  margin-bottom:18px !important;
}

body[data-owner-page] .topbar h1{
  font-size:24px !important;
  line-height:1.2 !important;
  margin:0 !important;
}

body[data-owner-page] .topbar .muted,
body[data-owner-page] .topbar .small,
body[data-owner-page] .sub{
  font-size:13px !important;
}

body[data-owner-page] .agent-card,
body[data-owner-page] .card{
  padding:0 !important;
}

body[data-owner-page] .agent-card > .hd,
body[data-owner-page] .card > .hd,
body[data-owner-page] .card > div.row:first-child{
  padding:16px 18px !important;
  border-bottom:1px solid var(--owner-line) !important;
}

body[data-owner-page] .agent-card > .bd,
body[data-owner-page] .card > .bd{
  padding:18px !important;
}

body[data-owner-page="dashboard"] .agent-card > .bd > .kv{
  margin-bottom:8px !important;
}

body[data-owner-page="dashboard"] #ownerAuthedBox > .agent-card,
body[data-owner-page="dashboard"] #ownerLoginBox,
body[data-owner-page="agents"] .agent-card,
body[data-owner-page="sites"] .card,
body[data-owner-page="intents"] .card,
body[data-owner-page="tenants"] .card{
  margin-top:14px !important;
}

body[data-owner-page="dashboard"] #ownerAuthedBox > div[style*="height:14px;"],
body[data-owner-page="dashboard"] #ownerAuthedBox > div[style*="height:12px;"],
body[data-owner-page="dashboard"] #ownerAuthedBox > div[style*="height:10px;"]{
  display:none !important;
}

body[data-owner-page="dashboard"] #ownerErr,
body[data-owner-page="agents"] #agentMsg,
body[data-owner-page="tenants"] #msg{
  margin-top:12px !important;
}

body[data-owner-page="dashboard"] a.agent-btn,
body[data-owner-page="agents"] a.agent-btn{
  text-decoration:none !important;
}

body[data-owner-page="tenants"] .grid{
  align-items:start !important;
}

body[data-owner-page="tenants"] .toolbar{
  margin-bottom:16px !important;
}

body[data-owner-page="tenants"] table,
body[data-owner-page="sites"] table,
body[data-owner-page="intents"] table{
  font-size:14px !important;
}

body[data-owner-page="sites"] .right-actions,
body[data-owner-page="intents"] .row,
body[data-owner-page="agents"] .row{
  gap:10px !important;
}

body[data-owner-page="dashboard"] #metricsGrid > .agent-card{
  margin-top:0 !important;
}

body[data-owner-page="dashboard"] #metricsGrid .bd{
  padding:14px !important;
}

body[data-owner-page="dashboard"] #ownerLoginBox .bd,
body[data-owner-page="dashboard"] #ownerAuthedBox .bd{
  padding:18px !important;
}

@media (max-width: 900px){
  body[data-owner-page] .agent-card > .hd,
  body[data-owner-page] .card > .hd,
  body[data-owner-page] .card > div.row:first-child,
  body[data-owner-page] .agent-card > .bd,
  body[data-owner-page] .card > .bd{
    padding:14px !important;
  }
}