/* Marca original sobre navegación V7. Superficies opacas para lectura estable. */
html[data-panel-design="v7"] {
 --ui-brand:#8619bc; --ui-brand-hover:#68148f; --ui-brand-soft:#f5eafa;
 --ui-ink:#24182e; --ui-muted:#62536e; --ui-line:#e6dce9; --ui-control-line:#a899b2;
 --ui-canvas:#f8f3f8; --ui-paper:#fff; --text-primary:#24182e; --text-muted:#62536e; --text-faint:#62536e;
 --concept-text:#24182e; --concept-muted:#62536e; --concept-border:#e6dce9;
 --concept-radius:17px; --ui-radius-panel:17px;
 --concept-shadow:0 18px 42px rgba(55,31,79,.13),0 4px 12px rgba(55,31,79,.07);
 --ui-shadow:var(--concept-shadow);
 --brand-gradient:linear-gradient(110deg,#b51b80,#8619bc);
 --concept-gradient:var(--brand-gradient);
 --concept-gradient-hover:linear-gradient(110deg,#9c156e,#6f139f);
 background:linear-gradient(115deg,#eee9e4 0%,#f8e5ef 48%,#edc8e2 100%) fixed;
}
html[data-panel-design="v7"] body { background:transparent; color:var(--ui-ink); }
html[data-panel-design="v7"] .sidebar {
 left:18px; top:16px; bottom:16px; width:250px; height:calc(100dvh - 32px);
 border:1px solid #e8ddec; border-radius:22px;
 background:linear-gradient(155deg,#fffaf5,#f1e8fa 54%,#f8e1ef);
 box-shadow:var(--concept-shadow); padding:18px 14px;
}
html[data-panel-design="v7"] .sidebar .logo {
 background-image:url('../assets/brand/LogoFull2.png'); background-image:image-set(url('../assets/brand/logo-full-440.webp?v=2') type('image/webp'), url('../assets/brand/logo-full-440.png') type('image/png')); background-repeat:no-repeat;
 background-size:190px auto; background-position:left center; min-height:74px; margin-bottom:14px;
}
html[data-panel-design="v7"] .sidebar nav a { color:#493554; font-size:13px; border-radius:12px !important; }
html[data-panel-design="v7"] .sidebar nav a:hover { color:#68148f; background:#fff8fe; }
html[data-panel-design="v7"] .sidebar nav a.active,
html[data-panel-design="v7"] .sidebar nav a[aria-current="page"] {
 background:var(--brand-gradient); color:#fff; border-inline-start-color:transparent; box-shadow:0 8px 20px #8619bc2b;
}
html[data-panel-design="v7"] .sidebar nav .nav-group-title { color:#66516f; }
/* El acceso financiero ya tiene icono propio: se alinea con los demás
   elementos principales y deja de conservar la sangría del submenú antiguo. */
html[data-panel-design="v7"] .sidebar nav .panel-nav-subitem {
 padding-inline:12px; font-size:13px;
}
html[data-panel-design="v7"] .sidebar-footer { padding:12px; border:1px solid #e6dce9; border-radius:14px; background:#fff; }
html[data-panel-design="v7"] .main,html[data-panel-design="v7"] .main.inbox-main { margin-left:286px; padding-top:22px; padding-right:56px; padding-left:0; }
/* Densidad por tarea. Las pantallas de edición dejan de extender formularios
   y textos hasta el borde; Bandeja, Activación y tableros conservan amplitud. */
html[data-panel-design="v7"][data-panel-width="compact"] .main {
 width:min(1080px,calc(100% - 342px)); max-width:1080px;
}
html[data-panel-design="v7"][data-panel-width="standard"] .main {
 width:min(1320px,calc(100% - 342px)); max-width:1320px;
}
html[data-panel-design="v7"][data-panel-width="fluid"] .main {
 width:auto; max-width:none;
}
html[data-panel-design="v7"] :is(.team-empty,.services-list-empty,.empty-state,.restaurant-empty,.panel-thread-empty) .dorygin-empty-illustration {
 width:min(176px,55%); height:auto; margin:0 auto 8px; display:block;
}
html[data-panel-design="v7"] .panel-thread-empty .dorygin-empty-illustration { width:min(220px,62%); }
html[data-panel-design="v7"] td.empty .dorygin-empty-illustration { width:min(164px,55%); height:auto; margin:0 auto 8px; display:block; }
html[data-panel-design="v7"] td.empty strong,html[data-panel-design="v7"] td.empty span { display:block; }
html[data-panel-design="v7"] td.empty span { margin-top:5px; color:var(--text-muted); font-size:12px; }
html[data-panel-design="v7"] .dorygin-empty-illustration[hidden] { display:none; }
html[data-panel-design="v7"] .main > header,
html[data-panel-design="v7"] .main > .business-header {
 padding:18px 20px !important; border:1px solid #eee1ec; border-radius:15px;
 background:#fff8fc !important; box-shadow:0 7px 25px rgba(55,31,79,.06); margin-bottom:22px;
}
html[data-panel-design="v7"] .main > header h1 { color:#24182e; }
html[data-panel-design="v7"] .page-header-illustration {
 width:clamp(132px,11vw,178px); height:auto; flex:0 0 auto; align-self:center;
 object-fit:contain; filter:drop-shadow(0 12px 20px rgba(92,31,122,.08));
}
html[data-panel-design="v7"] .business-header > :first-child,
html[data-panel-design="v7"] .assistant-center-header > :first-child { min-width:0; flex:1 1 420px; }
html[data-panel-design="v7"] .business-header .client-filter-slot,
html[data-panel-design="v7"] .assistant-center-header .client-filter-slot {
 min-width:0; max-width:min(250px,100%); flex:0 1 250px;
}
html[data-panel-design="v7"] .business-header .client-filter,
html[data-panel-design="v7"] .assistant-center-header .client-filter {
 width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1fr); gap:6px;
}
html[data-panel-design="v7"] .business-header .client-filter select,
html[data-panel-design="v7"] .assistant-center-header .client-filter select {
 width:100%; min-width:0; max-width:100%;
}
html[data-panel-design="v7"] :is(.card,.section,.chart-container-wrapper,.business-card,.schedule-card,.team-card,.services-catalog,.service-editor,.onboarding-panel,.onboarding-progress-card,.admin-guide-search-card,.admin-guide-results,.admin-guide-sync,.restaurant-panel,.review-card,.integration-card,.inbox-shell) {
 border-color:#e6dce9 !important; border-radius:17px !important; background:#fff !important;
 box-shadow:var(--concept-shadow) !important; backdrop-filter:none !important;
}
html[data-panel-design="v7"] .card-icon { background:linear-gradient(145deg,#fce5f3,#eee2ff) !important; color:#8619bc !important; }
html[data-panel-design="v7"] :is(.panel-workspace-context,.panel-page-outline,.business-actions) { background:#fff; border-color:#e6dce9; border-radius:14px; box-shadow:0 4px 14px #371f4f0a; }
html[data-panel-design="v7"] .panel-workspace-context[data-scope="global"] { background:#fcf7fc; }
html[data-panel-design="v7"] .wizard-steps { background:#fff7fc; border-radius:12px; border:1px solid #e6dce9; padding:4px; }
html[data-panel-design="v7"] .wizard-steps a { border-radius:8px; color:#62536e; }
html[data-panel-design="v7"] .wizard-steps a.active { background:#f1e4f7; color:#68148f; }
html[data-panel-design="v7"] .integration-provider-icon { display:block; flex:0 0 auto; object-fit:contain; }
html[data-panel-design="v7"] .integration-overview-title:has(.integration-provider-icon) { display:flex; align-items:center; gap:12px; }
html[data-panel-design="v7"] .integration-overview-title:has(.integration-provider-icon) > span { display:grid; gap:2px; }
html[data-panel-design="v7"] .channel-provider-icon {
  width:54px;
  height:54px;
  padding:7px;
  border:1px solid rgba(153, 44, 196, .13);
  border-radius:16px;
  background:rgba(255, 255, 255, .92);
  box-shadow:0 8px 22px rgba(91, 35, 111, .10);
}

/* Contención transversal: textos largos, selectores y acciones deben ceder
   espacio o saltar de línea antes de abandonar su tarjeta o encabezado. */
html[data-panel-design="v7"] :is(
 .header-actions,.business-header,.assistant-center-header,.business-actions,
 .integration-test-box,.activation-actions,.client-operation-actions,
 .commercial-entry-footer,.restaurant-admin-form-head,.restaurant-admin-footer,
 .meta-messaging-footer,.meta-messaging-actions,.qa-operation-actions,
 .product-admin-footer,.manual-footer,.provision-footer,.provision-result-actions,
 .provision-dialog-actions,.service-editor-actions,.group-session-actions,
 .group-session-item-actions,.team-item-actions,.restaurant-header-actions,
 .restaurant-dialog-actions,.reservation-actions,.review-summary-actions
) > * { min-width:0; max-width:100%; }

html[data-panel-design="v7"] :is(
 .business-actions,.activation-actions,.commercial-entry-footer,
 .restaurant-admin-form-head,.restaurant-admin-footer,.meta-messaging-footer,
 .meta-messaging-actions,.qa-operation-actions,.product-admin-footer,
 .manual-footer,.provision-footer,.provision-result-actions,
 .provision-dialog-actions,.service-editor-actions,.group-session-actions,
 .group-session-item-actions,.team-item-actions,.restaurant-header-actions,
 .restaurant-dialog-actions,.reservation-actions,.review-summary-actions
) { flex-wrap:wrap; }

html[data-panel-design="v7"] :is(
 .business-actions,.integration-test-box,.activation-actions,.client-operation-actions,
 .commercial-entry-footer,.restaurant-admin-footer,.meta-messaging-footer,
 .meta-messaging-actions,.qa-operation-actions,.product-admin-footer,.manual-footer,
 .provision-footer,.provision-result-actions,.provision-dialog-actions,
 .service-editor-actions,.group-session-actions,.group-session-item-actions,
 .team-item-actions,.restaurant-header-actions,.restaurant-dialog-actions,
 .reservation-actions,.review-summary-actions
) :is(button,a[role="button"],a.onboarding-save,a.onboarding-new) {
 max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:center;
}

html[data-panel-design="v7"] .integration-test-box {
 align-items:center; flex-wrap:wrap;
}
html[data-panel-design="v7"] .integration-test-box > div { min-width:0; flex:1 1 260px; }
html[data-panel-design="v7"] .integration-test-box > label { min-width:min(210px,100%); flex:1 1 210px; }
html[data-panel-design="v7"] .integration-test-box > button {
 min-width:min(150px,100%); flex:0 1 auto;
}
html[data-panel-design="v7"] .integration-test-box :is(code,.integration-technical-note) {
 overflow-wrap:anywhere; word-break:normal;
}

html[data-panel-design="v7"] .inbox-header { align-items:flex-start; }
html[data-panel-design="v7"] .inbox-title { min-width:0; flex:1 1 280px; }
html[data-panel-design="v7"] .inbox-header .header-actions {
 min-width:0; flex:1 1 560px; justify-content:flex-end;
}
html[data-panel-design="v7"] .inbox-header .global-inbox-search {
 width:auto; min-width:min(260px,100%); flex:1 1 300px;
}
html[data-panel-design="v7"] .inbox-header .global-inbox-search input,
html[data-panel-design="v7"] .inbox-header .global-inbox-search input:focus {
 height:auto; min-height:0; padding:0 !important; border:0 !important; border-radius:0 !important;
 outline:0 !important; background:transparent !important; box-shadow:none !important;
}
html[data-panel-design="v7"] .inbox-header .client-filter-slot {
 min-width:min(210px,100%); flex:1 1 230px;
}

@media (max-width: 1100px) {
 html[data-panel-design="v7"] .inbox-header .header-actions { flex-basis:100%; justify-content:flex-start; }
 html[data-panel-design="v7"] .integration-test-box > button { flex:1 1 180px; }
}

@media (max-width: 900px) {
 html[data-panel-design="v7"] .business-header,
 html[data-panel-design="v7"] .assistant-center-header { flex-wrap:wrap; }
 html[data-panel-design="v7"] .business-header .client-filter-slot,
 html[data-panel-design="v7"] .assistant-center-header .client-filter-slot {
  width:100%; max-width:100%; flex-basis:100%;
 }
 html[data-panel-design="v7"] .inbox-header { flex-direction:column; }
 html[data-panel-design="v7"] .inbox-header .header-actions {
  width:100%; flex:0 1 auto; display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch;
 }
 html[data-panel-design="v7"] .inbox-header .header-actions > * {
  width:100%; min-width:0; max-width:100%; margin:0;
 }
 html[data-panel-design="v7"] .inbox-header .global-inbox-search,
 html[data-panel-design="v7"] .inbox-header .client-filter-slot { min-width:0; }
 html[data-panel-design="v7"] .inbox-header .client-filter,
 html[data-panel-design="v7"] .inbox-header .client-filter label,
 html[data-panel-design="v7"] .inbox-header .client-filter select { width:100%; max-width:100%; }
}

@media (max-width: 720px) {
  html[data-panel-design="v7"] .channel-provider-icon { width:48px; height:48px; padding:6px; border-radius:14px; }
  html[data-panel-design="v7"] .integration-test-box > :is(div,label,button),
  html[data-panel-design="v7"] .inbox-header .header-actions > * { width:100%; flex-basis:100%; }
  html[data-panel-design="v7"] :is(
   .business-actions,.activation-actions,.commercial-entry-footer,
   .restaurant-admin-form-head,.restaurant-admin-footer,.meta-messaging-footer,
   .product-admin-footer,.manual-footer,.provision-footer,.provision-dialog-actions,
   .service-editor-actions,.group-session-actions,.team-item-actions,
   .restaurant-header-actions,.restaurant-dialog-actions,.review-summary-actions
  ) > :is(button,a[role="button"],a.onboarding-save,a.onboarding-new) { width:100%; }
}
html[data-panel-design="v7"] .main :is(.primary,.primary-button,.onboarding-new,.onboarding-save,.btn-login,.commercial-save,#new-service,#new-group-session,#composer-send,button[type="submit"]:not(.archive):not(.danger):not(.password-toggle)) {
 background:var(--brand-gradient) !important; color:#fff !important; box-shadow:0 6px 16px #8619bc20 !important;
}
html[data-panel-design="v7"] .main :is(.danger,.archive,.is-danger) { background:#fff2f5 !important; color:#a42645 !important; }
html[data-panel-design="v7"] .main .phone-link { background:transparent !important; color:#7816aa !important; box-shadow:none !important; }
html[data-panel-design="v7"] :is(.business-grid,.service-editor,.team-card,.commercial-field) :is(input,select,textarea) { color:#24182e; background:#fff !important; }
html[data-panel-design="v7"] :is(.integration-note,.integration-note a,.review-row p,.schedule-day-name small,.service-item p,.team-item p) { color:#62536e; }
html[data-panel-design="v7"] table th { background:#fcf5fc; color:#594061; }
html[data-panel-design="v7"] table td { color:#24182e; }
/* Estados legibles sobre las superficies claras restauradas. Los colores
   anteriores pertenecían al tema oscuro y perdían contraste en V7. */
html[data-panel-design="v7"] .commercial-entry-badge.is-ready {
 color:#651592; border-color:#c784e7; background:#f4e7fb;
}
html[data-panel-design="v7"] .commercial-entry-badge.is-blocked {
 color:#92214f; border-color:#e9a2c0; background:#fff0f6;
}
html[data-panel-design="v7"] .restaurant-admin-off {
 color:#765008; border-color:#d9a83e; background:#fff4d8;
}
html[data-panel-design="v7"] .paid-contract-badge.is-sandbox,
html[data-panel-design="v7"] .paid-contract-badge.is-ready {
 color:#651592; border-color:#c784e7; background:#f4e7fb;
}
html[data-panel-design="v7"] .paid-contract-badge.is-blocked,
html[data-panel-design="v7"] .onboarding-alert,
html[data-panel-design="v7"] .product-admin-finance.is-danger {
 color:#92214f; border-color:#e9a2c0; background:#fff0f6;
}
html[data-panel-design="v7"] .commercial-entry-requirements .is-pending > span {
 color:#92214f; border-color:#e9a2c0; background:#fff0f6;
}
html[data-panel-design="v7"] .help-assistant-launcher { background:var(--brand-gradient); }
html[data-panel-design="v7"] :is(.help-assistant-panel,.help-assistant-header,.help-assistant-close) { background:#fff; color:#24182e; }
html[data-panel-design="v7"] :is(.help-assistant-form button,.help-assistant-link) { background:var(--brand-gradient) !important; color:#fff; }
html[data-panel-design="v7"] .help-assistant-result { background:#fcf7fc; color:#24182e; }
@media(max-width:1080px) and (min-width:769px) {
 html[data-panel-design="v7"] .sidebar { width:220px; }
 html[data-panel-design="v7"] .main,html[data-panel-design="v7"] .main.inbox-main { margin-left:256px; }
 html[data-panel-design="v7"][data-panel-width] .main { width:calc(100% - 278px); max-width:none; }
}
@media(max-width:1250px) {
 html[data-panel-design="v7"] .page-header-illustration { display:none; }
}
@media(max-width:768px) {
 html[data-panel-design="v7"] .sidebar { position:relative; inset:auto; width:calc(100% - 24px); height:auto; margin:12px; padding:10px; border-radius:17px; }
 html[data-panel-design="v7"] .sidebar .logo { min-height:48px; margin:0; background-size:155px auto; }
 html[data-panel-design="v7"] .main,html[data-panel-design="v7"] .main.inbox-main { margin:0; padding:12px 12px 40px; }
 html[data-panel-design="v7"][data-panel-width] .main { width:100%; max-width:none; }
 html[data-panel-design="v7"] .main > header { padding:16px !important; }
 html[data-panel-design="v7"] .panel-menu-toggle { top:12px; right:12px; }
}