
/* P281 — UX / premium polish */
:root{--gm-content-max:1280px;--gm-panel-max:1120px;--gm-radius-xl:26px;--gm-radius-lg:20px;--gm-shadow-premium:0 18px 55px rgba(42,24,83,.10)}
.workspace-page,.panel-emergencia{max-width:var(--gm-content-max)!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;box-sizing:border-box}
.gm-mi-espacio-subpage{padding-top:8px}.gm-subpage-intro{padding:24px 28px;margin-bottom:20px;border:1px solid var(--line);border-radius:var(--gm-radius-xl);background:var(--surface);box-shadow:var(--gm-shadow-premium)}.gm-subpage-intro h2{margin:.25rem 0 .4rem}.gm-subpage-intro .hint{margin:0;max-width:800px}
.account-page-back{max-width:var(--gm-content-max);margin:0 auto 14px}.account-page-back button{cursor:pointer}
/* Chat desktop mini-WhatsApp */
.chat-conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.chat-main-column{min-width:0}.chat-recientes{position:sticky;top:84px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 36px rgba(35,20,70,.08);overflow:hidden}.chat-recientes-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.chat-recientes-head>div{display:grid;gap:3px}.chat-recientes-list{padding:8px}.chat-reciente-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 9px;border-radius:15px;color:var(--text);text-decoration:none;transition:background .18s ease,transform .18s ease}.chat-reciente-item:hover,.chat-reciente-item:focus-visible{background:var(--surface-2);transform:translateX(2px)}.chat-reciente-copy{min-width:0;display:grid;gap:3px}.chat-reciente-copy strong,.chat-reciente-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reciente-copy small{color:var(--text-dim)}.chat-reciente-unread{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:.72rem;font-weight:800}.chat-reciente-unread[hidden]{display:none}.chat-error-envio{margin:8px 0 0}
.mensaje-adjunto img{max-width:min(360px,100%);max-height:320px;object-fit:contain;background:var(--surface-2)}
/* Calendar states */
.calendario-cerrado,.calendario-error{display:grid;gap:5px;padding:22px;border:1px dashed var(--line);border-radius:18px;background:var(--surface-2)}.calendario-cerrado strong,.calendario-error strong{font-size:.95rem}.calendario-cerrado span,.calendario-error span{color:var(--text-dim);font-size:.86rem}
/* Public/private choice as compact selected cards */
.contratacion-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contratacion-choice{position:relative}.contratacion-choice input{position:absolute;opacity:0;pointer-events:none}.contratacion-choice-body{display:flex;align-items:center;gap:12px;min-height:70px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);transition:.18s ease}.contratacion-choice:has(input:checked) .contratacion-choice-body{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
/* Opportunity wizard */
.oportunidad-form-panel{width:100%!important;max-width:100%!important}.gm-opportunity-wizard-panel{padding:22px!important}.gm-opportunity-wizard-panel+.opportunity-toolbar,.gm-opportunity-wizard-panel~.panel-seccion{transition:opacity .18s}.gm-opportunity-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 20px}.gm-opportunity-steps span{padding:9px 8px;text-align:center;border-radius:12px;background:var(--surface-2);color:var(--text-dim);font-size:.72rem;font-weight:750}.gm-opportunity-steps span.is-active{background:var(--primary);color:#fff}.gm-op-step{display:none}.gm-op-step.is-active{display:block}.gm-op-type-card{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-2)}.gm-op-type-card span{display:grid;gap:4px}.gm-op-type-card small{color:var(--text-dim)}.gm-op-wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.social-publish-options{display:flex;align-items:center;gap:12px;min-height:44px}.distribuir-linkedin{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important;white-space:nowrap!important;margin:0!important}.distribuir-linkedin input{width:17px!important;height:17px!important;flex:none}.gm-opportunity-wizard-panel .card-form{width:100%}.gm-opportunity-wizard-panel .opportunity-count{margin-left:auto}
/* Group management widths */
.gm-group-manage,.p257-group-dashboard{max-width:var(--gm-content-max)!important}.gm-group-manage .gm-settings-grid,.gm-group-manage .gm-feed-layout,.gm-group-manage .gm-home-grid{width:100%!important}.gm-group-manage .gm-narrow-card{max-width:none!important}.gm-group-manage .gm-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gm-rights-inline{display:flex!important;align-items:center!important;gap:9px!important;flex-direction:row!important}.gm-rights-inline input{width:17px!important;height:17px!important;flex:none}.gm-rights-inline span{display:inline!important}.gm-member-search{position:relative;min-width:300px}.gm-member-search input[type=search]{width:100%}.gm-member-search-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);padding:6px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--gm-shadow-premium)}.gm-member-option{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:0;background:transparent;color:var(--text);border-radius:11px;text-align:left;cursor:pointer}.gm-member-option:hover{background:var(--surface-2)}.gm-member-option small{display:block;color:var(--text-dim)}.gm-invite-form{align-items:flex-start!important}.gm-invite-form #gm-invitar-btn:disabled{opacity:.45;cursor:not-allowed}
.gm-epk-editor-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:22px}.gm-epk-template-preview{display:grid;gap:10px;min-width:0}.gm-epk-template-preview iframe{width:100%;height:680px;border:1px solid var(--line);border-radius:18px;background:#fff}.epk-backbar{max-width:1280px;margin:0 auto 12px;padding:0 4px;display:flex;justify-content:space-between;align-items:center}.epk-preview-mode .epk-backbar{position:sticky;top:8px;z-index:20}.epk-preview-mode .epk-backbar span{font-size:.78rem;color:var(--text-dim)}
/* Group dashboard tabs */
.gm-dashboard-tabs{position:sticky;top:8px;z-index:15;display:flex;gap:6px;overflow:auto;padding:7px;margin:0 0 18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px)}.gm-dashboard-tabs a{padding:10px 14px;border-radius:12px;color:var(--text-dim);text-decoration:none;white-space:nowrap;font-weight:700;font-size:.84rem}.gm-dashboard-tabs a:hover{background:var(--surface-2);color:var(--text)}.gm-dashboard-tabs a.active{background:var(--primary);color:#fff}.gm-dashboard-section{display:none}.gm-dashboard-section.is-active{display:block}.p257-group-dashboard .checkbox-line,.p257-group-dashboard label:has(input[type=checkbox]){min-height:0;padding:7px 9px;display:flex;align-items:center;gap:8px}.p257-group-dashboard label input[type=checkbox]{width:16px;height:16px;flex:none}
/* Public group dark header */
html[data-tema="oscuro"] .p266-public-cover{background-color:#0b0911!important;background-image:linear-gradient(120deg,rgba(8,6,13,.98),rgba(37,19,61,.9))!important;border-color:rgba(255,255,255,.08)}html[data-tema="oscuro"] .p266-public-cover:before{opacity:.28}.p266-public-cover-inner{max-width:var(--gm-content-max)!important}.p266-public-page .premium-workspace-card{max-width:none}.p266-public-page .p266-public-main,.p266-public-page .p266-public-aside{min-width:0}
/* Mi espacio active cards / badges */
.gm-mi-espacio-subpage .push-tarjeta,.gm-mi-espacio-subpage .filtros-notificaciones{margin-left:0;margin-right:0}.gm-mi-espacio-subpage .lista-notificaciones{max-width:none}.account-summary-card .badge,.account-summary-card .fila-estadisticas .badge{color:var(--text);background:var(--surface-2);border-color:var(--line)}html[data-tema="oscuro"] .account-summary-card .badge{color:var(--text)!important;background:#211b31!important;border-color:rgba(180,156,255,.18)!important}
@media(max-width:1050px){.chat-conversation-layout{grid-template-columns:1fr}.chat-recientes{position:static}.gm-epk-editor-card{grid-template-columns:1fr}.gm-epk-template-preview{order:2}.gm-member-search{min-width:0}.gm-group-manage .gm-settings-grid{grid-template-columns:1fr}}
@media(max-width:720px){.gm-opportunity-steps{grid-template-columns:repeat(5,minmax(95px,1fr));overflow:auto}.gm-opportunity-steps span{white-space:nowrap}.contratacion-choice-grid{grid-template-columns:1fr}.gm-opportunity-wizard-panel{padding:15px!important}.social-publish-options{align-items:flex-start;flex-direction:column}.gm-member-search{width:100%}.gm-invite-form{width:100%}.gm-epk-template-preview iframe{height:520px}.epk-backbar{padding:0 12px}.gm-subpage-intro{padding:20px}.chat-recientes{border-radius:18px}}
.gm-op-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gm-op-type-card{display:flex!important;align-items:flex-start;gap:12px;cursor:pointer}.gm-op-type-card input{margin-top:3px;width:17px;height:17px;accent-color:var(--primary);flex:none}.gm-op-type-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.gm-op-review{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.gm-op-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.gm-op-review-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.gm-op-review-grid span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.gm-help{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;font-size:.68rem;color:var(--text-dim);cursor:help}.gm-dashboard-welcome{padding:24px 26px;margin-bottom:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.gm-dashboard-welcome h2{margin:.25rem 0}.gm-dashboard-number{display:block;font-size:2.2rem;letter-spacing:-.04em;margin:6px 0}.p257-group-dashboard .gm-section-head{margin-bottom:16px}.gm-dashboard-section>.premium-workspace-card,.gm-dashboard-section>.p252-bottom-grid{margin-bottom:18px}.gm-dashboard-section .p257-pipeline{overflow-x:auto}.gm-dashboard-section .p257-pipeline>section{min-width:220px}.gm-file-tool,.gm-link-tool{display:flex!important;align-items:center!important;gap:9px!important;min-height:46px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);cursor:pointer}.gm-file-tool input[type=file]{min-width:0}.gm-link-tool input{flex:1}.p255-group-post-media{max-width:100%!important}.gm-group-manage .gm-feed-column,.gm-group-manage .gm-side-column{min-width:0}.gm-group-manage .gm-settings-grid>.premium-workspace-card{min-width:0}
@media(max-width:720px){.gm-op-type-grid,.gm-op-review-grid{grid-template-columns:1fr}.gm-op-wizard-actions{position:sticky;bottom:8px;z-index:12;padding:8px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px)}}
/* P283 — opportunity management center */
.gm-opportunity-workspace{padding-bottom:42px}.gm-workspace-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:28px 30px;margin-bottom:20px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));box-shadow:var(--gm-shadow-premium)}.gm-workspace-hero h1{margin:.25rem 0 .5rem;font-size:clamp(1.8rem,3vw,2.7rem)}.gm-workspace-hero p{margin:0;max-width:760px;color:var(--text-dim)}.gm-workspace-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.gm-op-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.gm-op-kpi{display:grid;gap:5px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);text-decoration:none;transition:.18s ease}.gm-op-kpi:hover{transform:translateY(-2px);border-color:var(--primary)}.gm-op-kpi span,.gm-op-kpi small{color:var(--text-dim)}.gm-op-kpi strong{font-size:1.8rem}.gm-op-kpi-accent{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.gm-op-pipeline{padding:20px;margin-bottom:18px}.gm-op-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.gm-op-section-head h2{margin:.2rem 0}.gm-op-pipeline-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.gm-op-pipeline-track div{display:grid;gap:3px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.gm-op-pipeline-track b{color:var(--primary);font-size:.72rem}.gm-op-pipeline-track span{font-weight:800}.gm-op-pipeline-track small{color:var(--text-dim);font-size:.72rem}.gm-op-pipeline-track i{font-style:normal;color:var(--primary);font-weight:900}.gm-op-tabs{display:flex;gap:6px;padding:6px;border-bottom:1px solid var(--line);margin-bottom:12px}.gm-op-tabs a{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:12px;color:var(--text-dim);text-decoration:none;font-weight:800}.gm-op-tabs a.active{background:var(--primary);color:#fff}.gm-op-tabs span{min-width:22px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,currentColor 13%,transparent);font-size:.72rem;text-align:center}.gm-op-filterbar{display:flex;gap:7px;overflow:auto;padding:3px 0 15px}.gm-op-filterbar a{white-space:nowrap;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text-dim);text-decoration:none;font-size:.8rem}.gm-op-filterbar a.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--text)}.gm-op-management-list{display:grid;gap:12px}.gm-op-management-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 8px 30px rgba(35,20,70,.06)}.gm-op-management-card.is-converted{border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}.gm-op-card-top,.gm-op-title-row,.gm-op-meta,.gm-op-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gm-op-title-row{justify-content:space-between}.gm-op-title-row h2{margin:7px 0}.gm-op-title-row h2 a{color:var(--text);text-decoration:none}.gm-op-title-row h2 a:hover{color:var(--primary)}.gm-op-type{font-size:.72rem;font-weight:800;color:var(--primary);padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,transparent)}.gm-op-management-main>p{margin:.3rem 0 .9rem;color:var(--text-dim)}.gm-op-meta{font-size:.78rem;color:var(--text-dim)}.gm-op-management-side{display:grid;align-content:center;gap:10px;padding-left:16px;border-left:1px solid var(--line)}.gm-op-count{display:grid;gap:1px}.gm-op-count strong{font-size:1.7rem}.gm-op-count span{font-weight:800}.gm-op-count small{color:var(--text-dim)}.gm-contract-chip{display:inline-flex;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);font-size:.72rem;font-weight:800}.gm-op-empty{padding:36px;text-align:center}.gm-op-empty p{max-width:650px;margin:7px auto 17px;color:var(--text-dim)}.gm-op-candidatures-head{margin:12px 0 16px}.gm-op-candidatures-head p{margin:0;color:var(--text-dim)}
@media(max-width:900px){.gm-workspace-hero{align-items:flex-start;flex-direction:column}.gm-op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.gm-op-pipeline-track{grid-template-columns:1fr;gap:7px}.gm-op-pipeline-track i{display:none}.gm-op-management-card{grid-template-columns:1fr}.gm-op-management-side{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.gm-op-kpis{grid-template-columns:1fr}.gm-workspace-hero{padding:22px}.gm-op-tabs{overflow:auto}.gm-op-tabs a{white-space:nowrap}.gm-op-management-card{padding:16px}.gm-op-title-row{align-items:flex-start;flex-direction:column}}

/* P283 — Oportunidades: el wizard debe vivir fuera del header para ocupar todo el ancho. */
.page-opportunities { min-width: 0; }
.page-opportunities .gm-page-intro { min-width: 0; }
.page-opportunities .oportunidad-form-panel {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.page-opportunities .oportunidad-form-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.page-opportunities .oportunidad-form-heading > div { min-width: 0; }
.page-opportunities .gm-opportunity-wizard-panel .card-form { min-width: 0; }
.page-opportunities .gm-opportunity-steps { min-width: 0; }

@media (max-width: 720px) {
  .page-opportunities .oportunidad-form-heading { align-items: stretch; }
  .page-opportunities .oportunidad-form-heading .btn-secondary { flex: 0 0 auto; }
}

/* P283 — comportamiento del centro de oportunidades */
.page-opportunities [hidden] { display: none !important; }
.page-opportunities .gm-opportunity-create-bar {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 18px;
}
.page-opportunities .gm-opportunity-create-bar[hidden] { display: none !important; }
.page-opportunities .gm-op-type-card {
  position: relative;
  min-height: 150px;
  box-sizing: border-box;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.page-opportunities .gm-op-type-card input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
}
.page-opportunities .gm-op-type-card:hover,
.page-opportunities .gm-op-type-card.is-selected,
.page-opportunities .gm-op-type-card:has(input[type="radio"]:checked) {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 16%, transparent);
  transform: translateY(-1px);
}
.page-opportunities .gm-op-type-card:focus-within {
  outline: 2px solid color-mix(in srgb, var(--primary) 55%, transparent);
  outline-offset: 2px;
}

/* P284 — plantillas reutilizables de oportunidades. */
.page-opportunities .gm-op-template-head { margin: 0 0 10px; }
.page-opportunities .gm-op-template-head strong { display:block; margin-top:3px; }
.page-opportunities .gm-op-template-head p { margin:.25rem 0 0; }
.page-opportunities .gm-op-template-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:-5px 0 12px; }
.page-opportunities .gm-op-save-template { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; padding:13px; margin:0 0 16px; border:1px dashed var(--line); border-radius:15px; background:var(--surface-2); }
.page-opportunities .gm-op-template-save-actions { display:flex; gap:7px; flex-wrap:wrap; }
@media(max-width:720px){ .page-opportunities .gm-op-save-template { grid-template-columns:1fr; } }

/* P287 — Perfil público de grupos: coherencia real con el tema oscuro.
   El perfil público usa una cabecera clara en modo día, por lo que en modo
   oscuro debemos cambiar tanto fondo como tipografía. Evitamos depender de
   los colores globales de h1/p/span, que pueden dejar el encabezado con
   fondo claro y texto blanco de muy bajo contraste. */
html[data-tema="oscuro"] .p266-public-cover {
  background-color:#0b0911!important;
  background-image:linear-gradient(120deg,rgba(8,6,13,.98),rgba(37,19,61,.92))!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30);
}
html[data-tema="oscuro"] .p266-public-cover-inner {
  background:linear-gradient(90deg,rgba(8,7,12,.98) 0%,rgba(8,7,12,.90) 62%,rgba(8,7,12,.78) 100%)!important;
}
html[data-tema="oscuro"] .p266-public-copy,
html[data-tema="oscuro"] .p266-public-copy h1,
html[data-tema="oscuro"] .p266-public-copy .account-eyebrow {
  color:#fff!important;
}
html[data-tema="oscuro"] .p266-public-copy p {
  color:rgba(255,255,255,.76)!important;
}
html[data-tema="oscuro"] .p266-public-meta span {
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.84)!important;
}
html[data-tema="oscuro"] .p266-public-meta span strong {
  color:#fff!important;
}
html[data-tema="oscuro"] .p266-public-actions .btn-secondary {
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.16)!important;
}
