/* Website — entrada Odoo (Sitio / Comercio / Reportes / Nuevo / Editar) */
.website-module-nav { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
.website-nav-spacer { flex:1 1 12px; min-width:8px; }
.ws-nav-edit-btn {
  background: var(--o-brand, #714B67) !important;
  color: #fff !important;
  border-radius: 4px;
  padding-inline: 12px !important;
}
.ws-nav-edit-btn:hover { filter: brightness(1.05); color:#fff !important; }
.ws-nav-new-btn { font-weight: 600; }

.ws-odo { display:flex; flex-direction:column; gap:12px; min-height:60vh; }
.ws-odo-toolbar {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:10px; padding:8px 0;
}
.ws-odo-toolbar__left, .ws-odo-toolbar__right { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ws-odo-title { margin:0; font-size:1.05rem; font-weight:650; color:#1e2b3c; }
.ws-odo-publish {
  display:inline-flex; align-items:center; gap:6px; font-size:.8125rem; color:#495057;
  background:#f1f3f5; border-radius:999px; padding:4px 10px;
}
.ws-odo-meta { font-size:.75rem; color:#868e96; }
.ws-odo-viewport { display:inline-flex; border:1px solid #dee2e6; border-radius:4px; overflow:hidden; }
.ws-odo-vp {
  appearance:none; border:0; background:#fff; padding:6px 10px; cursor:pointer; color:#495057;
}
.ws-odo-vp.is-active { background:#e9ecef; color:#1e2b3c; }
.ws-odo-edit {
  background: var(--o-brand, #714B67) !important;
  border-color: var(--o-brand, #714B67) !important;
}

.ws-odo-new { position:relative; }
.ws-odo-new-menu {
  position:absolute; right:0; top:calc(100% + 6px); z-index:40;
  min-width: min(560px, 92vw); max-width: 92vw;
  background:#fff; border:1px solid #dee2e6; border-radius:8px;
  box-shadow: 0 10px 30px rgba(16,24,40,.12); padding:12px;
}
.website-nav-new .ws-odo-new-menu { right:0; left:auto; }
.ws-odo-new-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
}
@media (max-width:640px){ .ws-odo-new-grid{ grid-template-columns:1fr; } }

.ws-odo-tile {
  display:flex; gap:10px; align-items:flex-start; text-decoration:none;
  padding:10px 12px; border-radius:6px; color:#1e2b3c; border:1px solid transparent;
}
.ws-odo-tile:hover { background:#f8f1f6; border-color:#e9dce6; }
.ws-odo-tile.is-stub { opacity:.72; }
.ws-odo-tile.is-stub:hover { background:#f8f9fa; border-color:#e9ecef; }
.ws-odo-tile__icon {
  flex:0 0 36px; width:36px; height:36px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#ece4ea; color:#714B67;
}
.ws-odo-tile__icon .icon { width:18px; height:18px; }
.ws-odo-tile__text { display:flex; flex-direction:column; gap:2px; min-width:0; }
.ws-odo-tile__text strong { font-size:.875rem; line-height:1.2; }
.ws-odo-tile__text small { font-size:.75rem; color:#6c757d; line-height:1.3; }

.ws-odo-quick { display:flex; flex-wrap:wrap; gap:8px; }
.ws-odo-chip {
  display:inline-flex; align-items:center; gap:4px; padding:6px 12px;
  border-radius:999px; background:#fff; border:1px solid #dee2e6;
  color:#495057; text-decoration:none; font-size:.8125rem;
}
.ws-odo-chip:hover { border-color:#714B67; color:#714B67; }

.ws-odo-preview {
  flex:1; min-height:58vh; border:1px solid #dee2e6; border-radius:8px;
  overflow:hidden; background:#f8f9fa; display:flex; justify-content:center;
}
.ws-odo-preview.is-mobile .ws-odo-frame {
  width:390px; max-width:100%; border-left:1px solid #dee2e6; border-right:1px solid #dee2e6;
}
.ws-odo-frame { width:100%; min-height:58vh; border:0; background:#fff; }