/* _content/NukuaCoworkingExtranet/Components/Layout/MainLayout.razor.rz.scp.css */
.portal-shell[b-i0laowbkk6] { display:flex; min-height:100vh; }
.sidebar[b-i0laowbkk6] { width:258px; flex-shrink:0; background:var(--navy); color:white; position:sticky; top:0; height:100dvh; overflow-y:auto; padding:26px 18px 18px; z-index:40; }
.brand[b-i0laowbkk6] { display:block; padding:14px; background:white; border-radius:8px; }
.brand img[b-i0laowbkk6] { width:100%; max-height:60px; object-fit:contain; }
.sidebar-caption[b-i0laowbkk6] { font-size:10px; letter-spacing:.17em; color:var(--theme-muted); text-align:center; margin:14px 0 30px; }
.sidebar-bottom[b-i0laowbkk6] { border-top:1px solid var(--theme-border); padding:20px 12px 0; color:var(--theme-muted); font-size:12px; }
.main-column[b-i0laowbkk6] { flex:1; min-width:0; display:flex; flex-direction:column; }
.topbar[b-i0laowbkk6] { min-height:88px; background:white; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 36px; position:relative; z-index:30; }
.location[b-i0laowbkk6] { display:flex; flex-direction:column; gap:4px; }
.location span[b-i0laowbkk6] { font-size:10px; letter-spacing:.14em; color:var(--muted); }
.location strong[b-i0laowbkk6] { font-size:14px; font-weight:600; }
.user-container[b-i0laowbkk6] { position:relative; margin-left:auto; min-width:0; }
.user-trigger[b-i0laowbkk6] { display:flex; gap:10px; align-items:center; border:0; background:transparent; padding:8px; border-radius:8px; color:var(--navy); font-size:13px; }
.user-trigger span:first-of-type[b-i0laowbkk6] { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-avatar[b-i0laowbkk6] { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.user-panel[b-i0laowbkk6] { position:absolute; right:0; top:calc(100% + 10px); width:min(300px, calc(100vw - 32px)); background:white; border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow); padding:22px; overflow-wrap:anywhere; }
.user-panel p[b-i0laowbkk6] { color:var(--muted); font-size:13px; }
.user-panel a[b-i0laowbkk6],.user-panel button[b-i0laowbkk6] { display:block; padding:10px 0; background:none; border:0; color:var(--navy); text-decoration:none; }
.portal-content[b-i0laowbkk6] { padding:36px; width:100%; max-width:1500px; margin:0 auto; flex:1; min-width:0; }
.portal-footer[b-i0laowbkk6] { padding:24px 36px; display:flex; justify-content:space-between; gap:16px; color:var(--muted); font-size:11px; border-top:1px solid var(--border); }
.menu-toggle[b-i0laowbkk6] { display:none; border:1px solid var(--border); background:white; padding:8px; border-radius:8px; }
.nav-backdrop[b-i0laowbkk6] { display:none; }
.skip-link[b-i0laowbkk6] { position:fixed; top:-100px; left:16px; padding:12px; background:white; z-index:100; }
.skip-link:focus[b-i0laowbkk6] { top:8px; }
.loading-overlay[b-i0laowbkk6] { position:fixed; inset:0; background:#102a461f; z-index:100; display:grid; place-items:center; }
.loading-card[b-i0laowbkk6] { display:flex; align-items:center; gap:14px; background:white; border-radius:12px; padding:28px; box-shadow:var(--shadow); }
.loading-dot[b-i0laowbkk6] { width:14px; height:14px; background:var(--blue); border-radius:50%; }
@media(max-width:1000px) {
    .sidebar[b-i0laowbkk6] { position:fixed; left:0; transform:translateX(-100%); width:258px; }
    .sidebar.is-open[b-i0laowbkk6] { transform:translateX(0); }
    .menu-toggle[b-i0laowbkk6] { display:block; }
    .nav-backdrop[b-i0laowbkk6] { display:block; position:fixed; inset:0; background:#102a4680; border:0; z-index:35; }
    .topbar[b-i0laowbkk6] { padding:16px 24px; }
    .portal-content[b-i0laowbkk6] { padding:28px 24px; }
}
@media(max-width:600px) {
    .topbar[b-i0laowbkk6] { padding:12px 16px; min-height:72px; gap:8px; }
    .user-trigger span:first-of-type[b-i0laowbkk6] { display:none; }
    .portal-content[b-i0laowbkk6] { padding:24px 16px; }
    .portal-footer[b-i0laowbkk6] { padding:20px 16px; flex-direction:column; gap:6px; }
}
@media(max-width:1000px) { .sidebar[b-i0laowbkk6] { visibility:hidden; }.sidebar.is-open[b-i0laowbkk6] { visibility:visible; } }
.sidebar-close[b-i0laowbkk6] { display:none; } @media(max-width:1000px) { .sidebar-close[b-i0laowbkk6] { display:block; margin:0 0 16px auto; background:transparent; color:white; border:1px solid var(--theme-border); border-radius:6px; padding:8px 12px; } }
.brand-text[b-i0laowbkk6] { background:transparent; color:white; text-decoration:none; font-size:18px; font-weight:600; padding:12px; }

/* _content/NukuaCoworkingExtranet/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-group[b-ab3upqttar] { margin-bottom: 22px; }
.nav-label[b-ab3upqttar] { color: var(--theme-muted); text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .14em; margin: 0 12px 7px; }
[b-ab3upqttar] .portal-nav-link { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 7px; color: var(--theme-muted); text-decoration: none; font-size: 13px; margin: 2px 0; }
[b-ab3upqttar] .portal-nav-link:hover { background: color-mix(in srgb,var(--blue) 35%,var(--navy)); color: white; }
[b-ab3upqttar] .portal-nav-link.active { background: color-mix(in srgb,var(--blue) 55%,var(--navy)); color: white; box-shadow: inset 3px 0 var(--theme-border); }
[b-ab3upqttar] .portal-icon { flex-shrink: 0; width: 19px; height: 19px; }

/* _content/NukuaCoworkingExtranet/Components/Pages/Configuracion/Configuracion.razor.rz.scp.css */
.configuration-card[b-qrj6mwymzv] { width:100%; max-width:820px; background:white; border:1px solid var(--border); border-radius:16px; padding:38px; box-shadow:var(--shadow); }
.back-link[b-qrj6mwymzv] { display:block; margin-bottom:26px; font-size:13px; }
h1[b-qrj6mwymzv] { margin:12px 0; font-size:28px; }
.intro[b-qrj6mwymzv] { color:var(--muted); line-height:1.7; margin-bottom:26px; }
h2[b-qrj6mwymzv] { font-size:18px; margin:0 0 20px; }
.configuration-section[b-qrj6mwymzv] { padding:24px 0; border-top:1px solid var(--border); }
small[b-qrj6mwymzv],.file-help[b-qrj6mwymzv] { color:var(--muted); font-size:12px; line-height:1.6; }
fieldset[b-qrj6mwymzv] { min-width:0; }
.image-grid[b-qrj6mwymzv] { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.image-field[b-qrj6mwymzv] { min-width:0; display:flex; flex-direction:column; gap:12px; }
.image-field > label[b-qrj6mwymzv] { font-weight:600; }
.image-field[b-qrj6mwymzv]  input { width:100%; font-size:12px; }
.image-placeholder[b-qrj6mwymzv],.logo-preview[b-qrj6mwymzv],.photo-preview[b-qrj6mwymzv] { height:140px; width:100%; border:1px dashed var(--border); border-radius:8px; background:var(--background); }
.image-placeholder[b-qrj6mwymzv] { display:grid; place-items:center; color:var(--muted); }
.logo-preview[b-qrj6mwymzv] { object-fit:contain; padding:12px; }
.photo-preview[b-qrj6mwymzv] { object-fit:cover; }
.file-help[b-qrj6mwymzv] { margin:18px 0 0; }
.text-button[b-qrj6mwymzv] { border:0; background:none; color:var(--theme-text,var(--blue)); padding:8px 0; text-align:left; text-decoration:underline; text-underline-offset:3px; }
.palette[b-qrj6mwymzv] { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:22px; }
.swatch[b-qrj6mwymzv] { width:40px; height:40px; border:3px solid white; border-radius:50%; box-shadow:0 0 0 1px var(--border); color:white; }
.swatch.selected[b-qrj6mwymzv] { box-shadow:0 0 0 3px var(--navy); }
.custom-color[b-qrj6mwymzv] { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.custom-color input[b-qrj6mwymzv] { padding:2px; border:1px solid var(--border); border-radius:6px; width:52px; height:38px; }
.custom-color span[b-qrj6mwymzv] { color:var(--muted); font-size:12px; }
.theme-preview[b-qrj6mwymzv] { display:flex; border-radius:10px; overflow:hidden; border:1px solid var(--border); background:var(--theme-light); }
.preview-nav[b-qrj6mwymzv] { width:140px; padding:24px; color:white; background:var(--navy); font-size:13px; }
.preview-body[b-qrj6mwymzv] { padding:24px; flex:1; min-width:0; }
.preview-body p[b-qrj6mwymzv] { margin:10px 0 20px; color:var(--muted); font-size:13px; }
.preview-button[b-qrj6mwymzv] { display:inline-block; background:var(--blue); color:var(--primary-contrast); padding:10px 18px; border-radius:7px; font-weight:600; }
.configuration-actions[b-qrj6mwymzv] { display:flex; justify-content:space-between; gap:18px; align-items:center; border-top:1px solid var(--border); padding-top:24px; }
@media(max-width:600px) { .configuration-card[b-qrj6mwymzv] { padding:26px 20px; }.image-grid[b-qrj6mwymzv] { grid-template-columns:1fr; }.preview-nav[b-qrj6mwymzv] { width:90px; padding:18px 12px; }.configuration-actions[b-qrj6mwymzv] { flex-direction:column-reverse; align-items:stretch; } }
/* _content/NukuaCoworkingExtranet/Components/Pages/Home.razor.rz.scp.css */
.welcome[b-m0na4ozlba] { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:36px; padding:34px; background:var(--navy); border-radius:14px; color:white; }
.welcome .eyebrow[b-m0na4ozlba] { color:var(--theme-muted); }
.welcome h1[b-m0na4ozlba] { font-size:clamp(26px,3vw,38px); letter-spacing:-.04em; margin:12px 0; font-weight:600; color:white; }
.welcome p[b-m0na4ozlba] { color:var(--theme-muted); margin:0; max-width:510px; line-height:1.7; }
.welcome-mark[b-m0na4ozlba] { display:grid; place-items:center; border:1px solid var(--theme-border); border-radius:20px; width:96px; height:96px; flex-shrink:0; }
.welcome-mark[b-m0na4ozlba]  svg { width:46px; height:46px; color:var(--theme-muted); }
.section-heading[b-m0na4ozlba] { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.section-heading h2[b-m0na4ozlba] { margin:0; font-size:20px; letter-spacing:-.02em; }
.section-heading > span[b-m0na4ozlba] { color:var(--muted); font-size:12px; }
.section-heading a[b-m0na4ozlba] { font-size:13px; font-weight:600; white-space:nowrap; }
.quick-grid[b-m0na4ozlba] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.quick-card[b-m0na4ozlba] { position:relative; padding:24px 22px; border:1px solid var(--border); border-radius:12px; background:white; text-decoration:none; transition:box-shadow .15s, border-color .15s; }
.quick-card:hover[b-m0na4ozlba] { border-color:var(--theme-border); box-shadow:var(--shadow); }
.quick-icon[b-m0na4ozlba] { display:inline-flex; padding:11px; border-radius:10px; background:var(--theme-light); color:var(--blue); margin-bottom:22px; }
.quick-card h3[b-m0na4ozlba] { font-size:16px; margin-bottom:9px; color:var(--navy); }
.quick-card p[b-m0na4ozlba] { font-size:13px; color:var(--muted); line-height:1.6; margin:0 0 24px; }
.quick-arrow[b-m0na4ozlba] { display:flex; justify-content:flex-end; color:var(--blue); }
.news-section[b-m0na4ozlba] { margin-top:36px; }
.notice-card[b-m0na4ozlba] { background:white; border:1px solid var(--border); border-radius:12px; padding:28px; margin-bottom:16px; }
.notice-card h3[b-m0na4ozlba] { font-size:21px; margin:12px 0 18px; }
.help-strip[b-m0na4ozlba] { margin-top:28px; padding:24px 0 0; border-top:1px solid var(--border); display:flex; justify-content:space-between; gap:24px; align-items:center; }
.help-strip strong[b-m0na4ozlba] { font-size:14px; }
.help-strip p[b-m0na4ozlba],.help-strip a[b-m0na4ozlba] { font-size:13px; }
.help-strip p[b-m0na4ozlba] { color:var(--muted); margin:6px 0 0; }
@media(max-width:1200px) { .quick-grid[b-m0na4ozlba] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
    .welcome[b-m0na4ozlba] { padding:26px 22px; }.welcome-mark[b-m0na4ozlba] { display:none; }
    .quick-grid[b-m0na4ozlba] { gap:12px; }.quick-card[b-m0na4ozlba] { padding:20px 16px; }
    .section-heading > span[b-m0na4ozlba] { display:none; }.section-heading[b-m0na4ozlba] { flex-wrap:wrap; }
    .help-strip[b-m0na4ozlba] { align-items:flex-start; flex-direction:column; gap:12px; }
}
@media(max-width:360px) { .quick-grid[b-m0na4ozlba] { grid-template-columns:1fr; } }
.home-photo[b-m0na4ozlba] { width:32%; max-height:190px; border-radius:10px; object-fit:cover; } @media(max-width:600px) { .welcome[b-m0na4ozlba] { flex-direction:column; align-items:stretch; }.home-photo[b-m0na4ozlba] { width:100%; height:150px; } }

/* _content/NukuaCoworkingExtranet/Components/Pages/Login/Login.razor.rz.scp.css */
.login-card[b-aez6jtqeb5] { width:100%; max-width:460px; background:white; border:1px solid var(--border); border-radius:18px; padding:44px; box-shadow:var(--shadow); }
.login-logo[b-aez6jtqeb5] { display:block; max-width:220px; width:100%; height:80px; object-fit:contain; margin:0 auto 36px; }
.eyebrow[b-aez6jtqeb5] { display:block; text-align:center; }
h1[b-aez6jtqeb5] { font-size:25px; letter-spacing:-.03em; text-align:center; margin:12px 0; }
.login-intro[b-aez6jtqeb5] { color:var(--muted); text-align:center; font-size:14px; line-height:1.6; margin-bottom:28px; }
.login-submit[b-aez6jtqeb5] { padding:12px; margin-top:6px; }
.login-footnote[b-aez6jtqeb5] { border-top:1px solid var(--border); text-align:center; padding-top:22px; margin-top:30px; color:var(--muted); font-size:12px; }
@media(max-width:500px) { .login-card[b-aez6jtqeb5] { padding:30px 24px; } }
.configuration-notice[b-aez6jtqeb5] { margin:20px 0 0; padding:14px; border-radius:8px; background:var(--theme-light); color:var(--muted); font-size:13px; line-height:1.6; }.login-footnote a[b-aez6jtqeb5] { font-weight:600; }
