/* Modern HR Dashboard prompt: translucent cards and compact metrics, adapted to three distinct portals. */
.admin-shell .sidebar{background:color-mix(in srgb,var(--card) 92%,transparent)}.admin-shell .sidebar .sidebar-note{margin-bottom:12px}.admin-shell [data-action="buy"]{display:none}.admin-shell .overview-empty{padding:32px 20px;text-align:center;color:var(--muted)}.admin-shell .overview-empty>svg{width:36px;height:36px;color:var(--green)}.admin-shell .overview-empty h3{font-size:18px;margin:12px 0 6px}.admin-shell .overview-empty p{font-size:12px}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:24px 0 30px}.admin-welcome h1{font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.4;margin:10px 0}.admin-welcome p{font-size:13px;color:var(--muted)}.admin-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.portal-stats article{position:relative;padding:24px;border:1px solid var(--outline);background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(15px);border-radius:22px;overflow:hidden}.portal-stats article>span{font-size:12px;color:var(--muted)}.portal-stats strong{display:block;font-size:39px;font-weight:500;margin:6px 0}.portal-stats small{display:block;font-size:11px;color:var(--muted)}.portal-stats i{position:absolute;right:20px;top:21px;font-style:normal;font-size:10px;color:var(--muted)}.portal-panel{border:1px solid var(--outline);background:color-mix(in srgb,var(--card) 88%,transparent);border-radius:24px;padding:26px;min-width:0}.portal-panel h2{font-size:22px;font-weight:500}.portal-panel>.eyebrow{font-size:10px}.portal-panel>.form-hint{margin:15px 0}.admin-dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:36px}.overview-order{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--outline)}.overview-order strong{display:block;font-size:14px}.overview-order small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.admin-entry-panel>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--outline);margin-top:12px}.admin-entry-panel>a>span{display:grid;grid-template-columns:22px 1fr;gap:4px 10px;font-size:13px}.admin-entry-panel small{grid-column:2;font-size:11px;color:var(--muted)}.status-bar{display:grid;grid-template-columns:65px 1fr 24px;gap:16px;align-items:center;font-size:12px;margin:20px 0}.status-bar progress{width:100%;height:8px;accent-color:var(--green)}.request-admin-action{text-align:right;padding:0 8px 15px}.admin-shell .page-footer{margin-top:35px}
.client-shell{--nav-width:0px;background:var(--surface)}.client-header{max-width:1440px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--outline);position:relative;z-index:10}.client-brand{display:flex;align-items:center;gap:12px;color:var(--green);font-size:24px;font-weight:600;white-space:nowrap}.client-brand>svg{width:32px;height:32px}.client-brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:2px}.client-nav{display:flex;gap:20px;font-size:13px;color:var(--muted)}.client-nav a{padding:10px 0;border-bottom:2px solid transparent;transition:color 180ms,border-color 180ms}.client-nav a[aria-current]{color:var(--green);border-color:var(--green)}.client-account{display:flex;align-items:center;gap:8px}.client-account>.secondary-button{font-size:12px;padding-inline:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.client-main{max-width:1400px;margin:auto;padding:20px 36px 0}.client-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;background:linear-gradient(120deg,var(--green-container),color-mix(in srgb,var(--card) 85%,transparent));border:1px solid var(--outline);border-radius:28px;padding:54px 48px;margin-bottom:20px;overflow:hidden}.client-hero h1{font-size:clamp(32px,3.5vw,50px);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:18px 0}.client-hero p{color:var(--muted);font-size:13px;line-height:1.9}.client-hero .eyebrow{color:var(--green);font-size:10px;letter-spacing:1.4px}.client-search{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--outline);border-radius:15px;margin:25px 0 16px;padding:6px 7px 6px 16px}.client-search>svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.client-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:13px}.client-search .primary-button{background:var(--green);color:var(--card);border-radius:11px;padding:10px 14px;font-size:12px}.client-promises{display:flex;gap:18px;font-size:10px;color:var(--green)}.client-promises span:before{content:'·';margin-right:7px}.client-hero-books{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;perspective:900px}.client-hero-books>button{width:30%;min-width:0;transition:transform 300ms;transform:translateY(16px) rotate(-10deg)}.client-hero-books>button:nth-child(2){transform:translateY(-10px);z-index:1}.client-hero-books>button:nth-child(3){transform:translateY(18px) rotate(10deg)}.client-hero-books>button:hover{transform:translateY(-20px) rotate(0)}.client-hero-books .mini-book{width:100%;height:190px;transform:none;background:none!important;box-shadow:none;padding:0;filter:drop-shadow(5px 15px 12px #183e3825)}.client-hero-books .mini-book img{height:100%;width:100%;object-fit:contain;position:static}.client-hero-books>button>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:14px;color:var(--green)}.client-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:34px}.client-quick-links a{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--outline);padding:13px 3px;font-size:12px;color:var(--muted)}.client-quick-links a>svg{width:18px;height:18px;color:var(--green)}.client-quick-links a>svg:last-child{margin-left:auto}.client-shell .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-shell .market-discovery{background:var(--card)}.client-shell .view>.page-intro{margin-top:25px}.client-shell #assistantSettings{display:none!important}.client-shell .toast{left:50%}.client-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--outline);padding:32px 0;margin-top:48px;color:var(--muted)}.client-footer strong{font-size:23px;color:var(--green)}.client-footer p,.client-footer>small{font-size:10px}.client-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.client-mobile-nav{display:none}
.database-shell{background:var(--surface)}.database-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 36px;border-bottom:1px solid var(--outline);background:var(--card)}.database-header nav{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.database-main{max-width:1600px;margin:auto;padding:32px 36px}.database-intro{display:flex;justify-content:space-between;gap:22px;align-items:center}.database-intro h1{font-size:34px;font-weight:500;margin:10px 0}.database-intro p{font-size:13px;color:var(--muted)}.database-actions{display:flex;gap:12px}.database-status{min-height:26px;font-size:12px;color:var(--green);margin:10px 0 20px}.database-status.is-error{color:var(--on-peach)}.database-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}.database-sidebar{border:1px solid var(--outline);border-radius:20px;background:var(--card);padding:20px 12px}.database-sidebar h2{font-size:17px;padding:0 10px 15px}.database-sidebar>small{font-size:10px;color:var(--muted);display:block;padding:18px 10px 0}.database-sidebar button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;border-radius:12px;width:100%;text-align:left;font-size:13px}.database-sidebar button small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.database-sidebar button b{font-size:11px;font-weight:500}.database-sidebar button[aria-pressed=true]{background:var(--green-container);color:var(--green)}.database-search{display:flex;gap:10px;margin:22px 0}.database-search .search-box{flex:1}.database-scroll{overflow:auto;max-width:100%;border:1px solid var(--outline);border-radius:12px}.database-scroll table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.database-scroll th,.database-scroll td{padding:12px 14px;border-bottom:1px solid var(--outline);max-width:260px;min-width:110px;overflow-wrap:anywhere}.database-scroll th{background:var(--container);color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}.database-scroll tbody tr:hover{background:var(--container)}.database-scroll .text-button{padding:5px 10px;font-size:11px}.database-schema{margin:15px 0;font-size:12px;color:var(--muted)}.database-schema summary{cursor:pointer;padding:8px 0}.database-schema .database-scroll{max-height:260px}.database-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;font-size:12px;color:var(--muted)}.database-empty{padding:45px 20px;text-align:center;color:var(--muted)}.database-record{width:680px;padding:26px}.database-record details{margin-top:20px;font-size:12px}.database-record pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;padding:16px;background:var(--container);border-radius:12px;font-size:11px}.database-record [role=alert]{padding:12px;background:var(--peach);color:var(--on-peach);border-radius:10px;margin-top:15px}
@media(max-width:1100px){.admin-welcome{align-items:flex-start;flex-direction:column}.client-header{padding:20px 24px;flex-wrap:wrap}.client-nav{order:3;width:100%;justify-content:center}.client-hero{padding:36px 30px;gap:25px}.client-main{padding:18px 24px 0}.client-shell .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.database-intro{align-items:flex-start;flex-direction:column}.database-workspace{grid-template-columns:200px minmax(0,1fr)}.portal-stats article{padding:18px}.portal-stats strong{font-size:32px}}
@media(max-width:750px){.admin-dashboard-grid{grid-template-columns:1fr}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-panel{padding:20px}.client-header{padding:17px 20px}.client-brand{font-size:21px}.client-nav{display:none}.client-account .secondary-button{font-size:11px;padding-inline:10px}.client-hero{grid-template-columns:1fr;padding:30px 22px}.client-hero h1{font-size:36px}.client-hero-books{padding:15px 0;max-width:360px;width:100%;margin:auto}.client-hero-books .mini-book{height:145px}.client-main{padding:14px 18px 80px}.client-quick-links{grid-template-columns:1fr;gap:0;margin-bottom:22px}.client-search input{font-size:16px}.client-search .primary-button{padding-inline:10px}.client-search .primary-button svg{display:none}.client-shell .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-footer{flex-wrap:wrap}.client-footer nav{gap:16px}.client-mobile-nav{display:flex;justify-content:space-around;position:fixed;z-index:30;bottom:0;left:0;right:0;padding:9px 7px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--outline);background:var(--card)}.client-mobile-nav>a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.client-mobile-nav svg{width:20px;height:20px}.client-mobile-nav [aria-current]{color:var(--green);font-weight:600}.client-shell .toast{bottom:80px}.database-header{padding:20px;flex-wrap:wrap}.database-header nav{gap:15px}.database-main{padding:24px 16px}.database-intro h1{font-size:27px}.database-workspace{grid-template-columns:1fr}.database-sidebar #dbTables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.database-sidebar button{min-width:0;font-size:12px}.database-sidebar small{overflow-wrap:anywhere}.database-pagination{flex-wrap:wrap;font-size:11px}.database-browser{padding:18px 12px}.database-record{padding:20px}.database-record .form-grid{grid-template-columns:1fr}.database-record .span-two{grid-column:auto}.admin-shell .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.client-hero-books>button,.client-nav a{transition:none}.client-hero-books>button:hover{transform:none}}
