body.hub-embedded { --primary: #005a5b; --ring: #005a5b; --background: #f5f7f4; background: #f5f7f4; }
.hub-embedded .sidebar, .hub-embedded .topbar, .hub-embedded #mobile-overlay { display: none !important; }
.hub-embedded .main-column { margin-left: 0; min-height: 100dvh; }
.hub-embedded .main-content { padding: 12px 16px 24px; }
.hub-embedded .page-heading { min-height: 0; margin-bottom: 18px; gap: 12px; }
.hub-embedded .page-heading h1 { font-size: 20px; }
.hub-embedded .page-heading .eyebrow { display: none; }
.hub-embedded #projects-page > .page-heading,
.hub-embedded .projects-main-column { display: none; }
.hub-embedded #hub-project-summary { padding: 20px; }
.hub-embedded #hub-project-summary > small { color: #005a5b; }
.hub-embedded #hub-project-summary > h2 { font-size: 21px; margin: 10px 0; }
.hub-embedded .hub-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.hub-embedded .button, .hub-embedded .icon-button { min-height: 44px; }
.hub-embedded .button-primary:hover { background: #003f40; }
.hub-embedded .dialog { width: calc(100% - 16px); max-width: 720px; max-height: calc(100dvh - 16px); border-radius: 18px; }
.hub-embedded .dialog-header, .hub-embedded .dialog-body, .hub-embedded .dialog-footer { padding: 16px; }
.hub-embedded .form-grid, .hub-embedded .approval-request-meta, .hub-embedded .detail-meta { grid-template-columns: 1fr; }
.hub-embedded .field-group input, .hub-embedded .field-group select, .hub-embedded textarea,
.hub-embedded input, .hub-embedded select, .hub-embedded [contenteditable] { font-size: 16px; }
.hub-embedded #project-collaboration-panel { width: 100%; border-radius: 0; box-shadow: none; }
.hub-embedded .pricing-summary { gap: 8px; }
.hub-embedded .pricing-summary > div { padding: 12px; }
.hub-embedded .pricing-summary small { display: block; margin: 0; }
.hub-embedded .pricing-cost-overview, .hub-embedded .pricing-tier-overview { padding: 16px; }
.hub-embedded .pricing-section-heading { flex-wrap: wrap; }
.hub-embedded .pricing-cost-summary, .hub-embedded .pricing-preview, .hub-embedded .pricing-cost-fields,
.hub-embedded .pricing-rate-grid { grid-template-columns: 1fr; }
.hub-embedded .pricing-tier-bands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hub-embedded .pricing-search { min-width: 0; flex-basis: 100%; }
.hub-embedded .pricing-toolbar > select { max-width: 100%; flex: 1; }
.hub-embedded .pricing-table { display: block; min-width: 0; font-size: 14px; }
.hub-embedded .pricing-table thead { display: none; }
.hub-embedded .pricing-table tbody { display: block; padding: 12px; }
.hub-embedded .pricing-table tr { display: block; padding: 14px; margin-bottom: 14px; background: white; border: 1px solid #dee7e1; border-radius: 16px; }
.hub-embedded .pricing-table tr:not(.pricing-item-start)::before { content: attr(data-item-title); display: block; color: #005a5b; font-weight: 600; margin-bottom: 10px; }
.hub-embedded .pricing-table th.pricing-item { display: block; padding: 0 0 14px; min-width: 0; width: auto; }
.hub-embedded .pricing-table td { display: grid; grid-template-columns: 95px minmax(0, 1fr); gap: 6px 10px; padding: 12px 0; }
.hub-embedded .pricing-table td::before { content: attr(data-label); color: #62716c; grid-column: 1; grid-row: 1 / span 10; }
.hub-embedded .pricing-table td > * { grid-column: 2; }
.hub-embedded .pricing-table .pricing-item p { font-size: 14px; line-height: 1.6; }
.hub-embedded .pricing-table .pricing-analysis small { max-width: none; }
.hub-embedded .pricing-bonus-line { grid-template-columns: 1fr 1fr; }
.hub-embedded .pricing-bonus-line > [data-bonus-status] { grid-column: 1 / -1; }

.hub-embedded #pricing-page > .page-heading h1 { display: none; }
.hub-embedded #hub-pricing-tabs { display: flex; gap: 6px; margin-bottom: 18px; padding: 4px; border-radius: 12px; background: #e8f1ee; }
.hub-embedded #hub-pricing-tabs button { flex: 1; border: 0; background: transparent; color: #62716c; border-radius: 9px; min-height: 44px; padding: 6px; font-size: 13px; }
.hub-embedded #hub-pricing-tabs button[aria-pressed="true"] { background: white; color: #005a5b; font-weight: 600; }
.hub-embedded #pricing-page:not([data-hub-section="costs"]) #pricing-cost-overview,
.hub-embedded #pricing-page:not([data-hub-section="bonus"]) #pricing-tier-overview,
.hub-embedded #pricing-page:not([data-hub-section="catalogue"]) #pricing-summary,
.hub-embedded #pricing-page:not([data-hub-section="catalogue"]) > .pricing-notice,
.hub-embedded #pricing-page:not([data-hub-section="catalogue"]) > .card:not(#pricing-cost-overview):not(#pricing-tier-overview),
.hub-embedded #pricing-page:not([data-hub-section="catalogue"]) > .pricing-footnote { display: none; }