:root{--bg:#0b0f14;--panel:#151b23;--panel2:#1c2430;--line:#303b49;--text:#eef3f8;--muted:#9eacbb;--accent:#e53935;--accent2:#ff5a52;--good:#4caf50;--warn:#ffb300;--radius:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1b2430 0,#0b0f14 42%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.shell{width:min(1240px,94%);margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(11,15,20,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar .shell{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{font-size:1.35rem;font-weight:800}.brand span{color:var(--accent2)}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.btn:hover{border-color:var(--accent2)}.btn-primary{background:linear-gradient(135deg,var(--accent),#a91313);border-color:transparent}.btn-ghost{background:transparent}.hero{padding:42px 0 24px}.hero h1{font-size:clamp(2rem,5vw,3.8rem);margin:0 0 12px}.hero p{color:var(--muted);font-size:1.1rem;max-width:760px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:linear-gradient(150deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.22)}.metric strong{display:block;font-size:2.2rem;margin-top:8px}.muted{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px}.item-card{display:flex;flex-direction:column;gap:12px;min-height:255px}.item-card h3{margin:0;font-size:1.25rem}.item-number{font-size:.82rem;color:var(--muted);letter-spacing:.08em}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.78rem;background:#101720}.badge.high,.badge.critical{border-color:#ff6b63}.badge.approved,.badge.production{border-color:#55b85c}.item-actions{margin-top:auto;display:flex;gap:8px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(560px,100%)}label{display:block;color:var(--muted);font-size:.9rem;margin-bottom:6px}.field{margin-bottom:16px}input,select,textarea,.editor{width:100%;background:#0e141c;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}textarea{min-height:110px;resize:vertical}.editor{min-height:250px;line-height:1.55}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.toolbar button{padding:7px 10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:180px}.empty{text-align:center;padding:50px}.footer{padding:40px 0;color:var(--muted);font-size:.9rem}.swal2-popup{background:#151b23!important;color:#eef3f8!important}.swal2-input,.swal2-textarea,.swal2-select{background:#0e141c!important;color:#eef3f8!important;border-color:#303b49!important}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.topbar .shell{padding:12px 0;align-items:flex-start}.section-head{align-items:flex-start;flex-direction:column}.filters input,.filters select{width:100%}}

body[data-theme="pacforge-midnight"]{--bg:#05070d;--panel:#0d1220;--panel2:#151d30;--line:#283552;--accent:#8b5cf6;--accent2:#a78bfa}
body[data-theme="pacforge-ocean"]{--bg:#06141b;--panel:#0c2530;--panel2:#123745;--line:#255568;--accent:#0288d1;--accent2:#4fc3f7}
body[data-theme="pacforge-forest"]{--bg:#07130d;--panel:#10271a;--panel2:#183a26;--line:#2e5b3e;--accent:#2e7d32;--accent2:#66bb6a}
body[data-theme="pacforge-slate"]{--bg:#111318;--panel:#20242c;--panel2:#2b303a;--line:#464d59;--accent:#607d8b;--accent2:#90a4ae}
body[data-theme="pacforge-light"]{--bg:#eef2f6;--panel:#fff;--panel2:#f8fafc;--line:#cbd5e1;--text:#17212b;--muted:#5f6b78;--accent:#c62828;--accent2:#e53935;background:#eef2f6}
body[data-theme="pacforge-sand"]{--bg:#241f18;--panel:#332b20;--panel2:#43382a;--line:#665641;--accent:#c77800;--accent2:#ffb74d}
body[data-theme="pacforge-high-contrast"]{--bg:#000;--panel:#000;--panel2:#111;--line:#fff;--text:#fff;--muted:#eee;--accent:#ff0;--accent2:#ff0}
.profile-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;margin:28px 0}.profile-photo{text-align:center}.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid var(--line);background:var(--panel2);display:grid;place-items:center;margin:0 auto 16px;font-size:3rem;font-weight:800}.camera-panel{display:none;margin-top:16px}.camera-panel.active{display:block}.camera-video{width:100%;max-height:420px;border-radius:12px;background:#000}.camera-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.theme-option{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel2)}.theme-option input{width:auto}.profile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.profile-section{margin-bottom:18px}@media(max-width:850px){.profile-layout{grid-template-columns:1fr}}

.user-profile-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:5px 11px 5px 6px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--text);font-weight:700;transition:border-color .2s ease,transform .2s ease}.user-profile-button:hover{border-color:var(--accent2);transform:translateY(-1px)}.topbar-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover;border:2px solid var(--line);background:var(--panel);display:grid;place-items:center}.topbar-avatar-fallback{font-size:.76rem;font-weight:800;letter-spacing:.03em}.user-profile-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.user-profile-name{display:none}.user-profile-button{padding:5px}.topbar-avatar{width:34px;height:34px;flex-basis:34px}}

.breadcrumbs{display:flex;align-items:center;gap:9px;margin:24px 0;color:var(--muted);flex-wrap:wrap}.breadcrumbs strong{color:var(--text)}.context-bar{display:flex;align-items:center;gap:10px;padding:8px 0 12px}.context-bar label{margin:0}.context-bar select{width:auto;min-width:220px;padding:8px}.company-hero{display:flex;align-items:center;gap:24px;margin-bottom:18px}.company-logo{width:120px;height:120px;object-fit:cover;border-radius:16px;background:var(--panel2);border:1px solid var(--line)}.form-card{margin-top:18px}@media(max-width:700px){.company-hero{align-items:flex-start;flex-direction:column}.context-bar{align-items:stretch;flex-direction:column}.context-bar select{width:100%}}

.studio-brand{display:flex;align-items:center;gap:12px;min-width:220px}.studio-brand span{display:flex;flex-direction:column}.studio-brand strong{font-size:1rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-brand small{color:var(--muted);font-size:.72rem}.studio-logo{width:44px;height:44px;object-fit:cover;border-radius:10px;background:var(--panel2);border:1px solid var(--line)}.password-control{position:relative}.password-control input{padding-right:48px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:0;cursor:pointer}.password-toggle:hover{border-color:var(--accent2)}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.76rem;font-weight:800}@media(max-width:900px){.topbar .shell{align-items:flex-start;gap:12px}.studio-brand strong{max-width:160px}}

.customer-card-logo{width:76px;height:76px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--panel2);margin-bottom:14px}.customer-card-logo-fallback{display:grid;place-items:center;font-size:1.8rem;font-weight:800}.customer-card{align-items:flex-start}

.company-icon-placeholder{display:grid;place-items:center;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:10px}.company-icon-placeholder svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.studio-brand .company-icon-placeholder{width:44px;height:44px;flex:0 0 44px}.company-logo.company-icon-placeholder{width:120px;height:120px;border-radius:16px;flex:0 0 120px}.customer-card-logo.company-icon-placeholder{width:76px;height:76px;border-radius:14px;margin-bottom:14px}


/* V1.4.0 Hierarchical Business Workspace */
.metric-link{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.metric-link:hover,.metric-link:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.metric-link strong{font-size:2.25rem;line-height:1}
.metric-link small{color:var(--muted)}
.dashboard-statistics{margin-bottom:1.5rem}
.workspace-actions{margin-top:1.5rem}
@media(max-width:720px){.metric-link strong{font-size:1.9rem}}

/* V1.4.1 Subscriber Workspace Actions */

/* V1.4.2 Subscriber Action Card Responsive Growth */
.subscriber-actions-card{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.subscriber-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:8px}
.subscriber-action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;max-width:100%}
@media(max-width:560px){.subscriber-action-buttons{align-items:stretch;flex-direction:column}.subscriber-action-buttons .btn{width:100%}}


/* V1.4.3 Subscriber Action Button Integrity */
.subscriber-action-buttons{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:auto;padding-top:8px}
.subscriber-action-buttons .btn{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:auto;min-width:max-content;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;hyphens:none}
@media(max-width:700px){.subscriber-action-buttons{flex-direction:column}.subscriber-action-buttons .btn{width:100%;min-width:0}}

.previous-navigation{display:flex;align-items:center;margin:20px 0 0}.previous-button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.previous-button:hover{transform:translateX(-2px)}

/* V1.7.0 — Solution Business Item Cards */
.business-item-card-grid{align-items:stretch;margin-bottom:2rem}.business-item-card{display:flex;flex-direction:column;min-height:280px}.business-item-card .item-actions{margin-top:auto;padding-top:1rem}.item-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.solution-empty-state{text-align:center;padding:3rem 1.5rem;margin-bottom:2rem}.empty-state-icon{display:inline-grid;place-items:center;width:64px;height:64px;border:1px solid var(--line);border-radius:18px;font-size:2rem;margin-bottom:1rem;background:var(--surface-2)}@media(max-width:700px){.business-item-card{min-height:0}.solution-empty-state{padding:2rem 1rem}}


/* V2.0.0 — Business Item Workspace Foundation */
.business-item-workspace{padding-bottom:2rem}.business-item-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:1rem}.business-item-hero h1{margin:.45rem 0 .75rem;font-size:clamp(2rem,4vw,3.1rem)}.business-item-hero p{max-width:800px;line-height:1.6}.workspace-primary-actions{display:flex;gap:.65rem;flex-wrap:wrap}.workspace-module-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.workspace-module-card{display:flex;flex-direction:column;gap:1rem;min-height:230px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.workspace-module-card:hover,.workspace-module-card:focus-visible{transform:translateY(-3px);border-color:var(--accent2);box-shadow:0 16px 34px rgba(0,0,0,.25)}.workspace-module-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-weight:900;font-size:1.15rem}.module-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.module-title-row h3{margin:0}.workspace-module-card p{line-height:1.55}.module-open-label{margin-top:auto;font-weight:800;color:var(--accent2)}.module-disabled{opacity:.58;pointer-events:none}.workspace-context-grid{margin-top:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list{margin:0}.detail-list div{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:700}.timeline-entry{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.timeline-entry-full{padding:1rem 0}.timeline-entry code{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.5rem;color:var(--muted)}.module-page-header{margin-top:1rem}.knowledge-document{line-height:1.65}.module-placeholder{text-align:center;padding:4rem 2rem}.module-placeholder .workspace-module-icon{margin:0 auto 1rem}@media(max-width:800px){.business-item-hero{flex-direction:column}.workspace-context-grid{grid-template-columns:1fr}.workspace-primary-actions{width:100%;flex-direction:column}.workspace-primary-actions .btn{width:100%;text-align:center}.detail-list div{grid-template-columns:1fr;gap:.25rem}}
