:root{--product-navy:#17233c;--product-blue:#2d5bff;--product-green:#15803d;--product-amber:#b45309;--product-red:#b91c1c;--product-soft:#f4f7fb;--product-line:#dce3ee}
.product-home{margin:26px auto 0;max-width:1180px;padding:0 20px}.product-home-shell{background:linear-gradient(135deg,#16223b,#243d73);border-radius:26px;color:#fff;padding:28px;box-shadow:0 20px 50px rgba(20,35,65,.18)}.product-home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.product-home-head h2{margin:0 0 8px;font-size:1.55rem}.product-home-head p{margin:0;color:#dbe6ff;line-height:1.9}.product-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#fff1;padding:8px 12px;border:1px solid #ffffff35;font-size:.83rem}.product-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.product-home-grid a{background:#fff;color:#17233c;border-radius:18px;padding:18px;text-decoration:none;display:grid;gap:8px;min-height:112px;transition:.2s}.product-home-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0002}.product-home-grid b{font-size:1.04rem}.product-home-grid small{color:#5c6980;line-height:1.7}
.product-page{max-width:1180px;margin:28px auto 70px;padding:0 20px}.product-page-hero{background:linear-gradient(145deg,#17233c,#294d91);color:#fff;border-radius:26px;padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.product-page-hero h1{margin:5px 0 10px;font-size:clamp(1.7rem,4vw,2.5rem)}.product-page-hero p{margin:0;color:#dbe6ff;line-height:2;max-width:760px}.product-page-hero .hero-chip{background:#fff1;border:1px solid #fff3;border-radius:999px;padding:9px 13px;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:20px}.product-card{grid-column:span 6;background:#fff;border:1px solid var(--product-line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(25,45,80,.06)}.product-card.full{grid-column:1/-1}.product-card.third{grid-column:span 4}.product-card h2,.product-card h3{margin:0 0 14px;color:#17233c}.product-card p{line-height:1.9;color:#526076}.product-card label{display:grid;gap:7px;font-weight:700;color:#27344c;margin:12px 0}.product-card input,.product-card select,.product-card textarea,.product-toolbar input,.product-toolbar select{width:100%;border:1px solid #cfd8e6;border-radius:13px;background:#fff;padding:12px 13px;font:inherit;color:#17233c;box-sizing:border-box}.product-card textarea{min-height:120px;resize:vertical}.product-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.product-button{border:0;border-radius:13px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer;background:var(--product-blue);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.product-button.secondary{background:#edf2fa;color:#243552}.product-button.success{background:var(--product-green)}.product-button.warning{background:var(--product-amber)}.product-button.danger{background:var(--product-red)}.product-button:disabled{opacity:.5;cursor:not-allowed}.product-message{min-height:24px;margin-top:10px;font-size:.9rem;color:#38614a}.product-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-kpi{border:1px solid var(--product-line);background:var(--product-soft);border-radius:17px;padding:17px}.product-kpi strong{font-size:1.55rem;color:#17233c;display:block;margin-bottom:5px}.product-kpi span{color:#657189;font-size:.88rem}.product-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin:16px 0}.product-list{display:grid;gap:10px}.product-row{border:1px solid var(--product-line);border-radius:17px;padding:15px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.product-row h3{margin:0 0 5px;font-size:1rem}.product-row p{margin:0;color:#667289;line-height:1.65;font-size:.9rem}.product-row-actions{display:flex;gap:7px;flex-wrap:wrap}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.status-pending{background:#fff7ed;color:#9a4b05}.status-approved{background:#ecfdf3;color:#146c37}.status-revision{background:#fff1f2;color:#a51d36}.status-draft{background:#eef2ff;color:#3949ab}.product-empty{border:1px dashed #bfc9d9;background:#f8fafc;border-radius:18px;padding:32px;text-align:center;color:#6b7689}.product-note-panel textarea{width:100%;box-sizing:border-box;min-height:140px;border:1px solid #ccd6e5;border-radius:15px;padding:14px;font:inherit;line-height:1.9;resize:vertical;background:#fbfcff}.product-note-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.product-note-state{color:#64748b;font-size:.85rem}.governance-card .governance-lines{display:grid;gap:9px}.governance-line{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf1f6;padding-bottom:8px}.governance-line:last-child{border:0;padding:0}.governance-line span{color:#667085;font-size:.85rem}.governance-line b{font-size:.86rem}.review-badge.product-approved{background:#dcfce7;color:#166534}.review-badge.product-revision{background:#ffe4e6;color:#9f1239}.review-badge.product-pending{background:#ffedd5;color:#9a3412}.version-timeline{position:relative;display:grid;gap:13px}.version-item{border-right:3px solid #cbd6e7;padding:4px 17px 16px 0}.version-item.current{border-color:var(--product-blue)}.version-item h3{margin:0 0 5px}.version-item p{margin:0}.product-data-warning{border:1px solid #f4d59f;background:#fff9eb;color:#7b4b06;border-radius:16px;padding:14px;line-height:1.9}.admin-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:18px}.admin-editor{position:sticky;top:86px;align-self:start}.admin-editor-title{border-radius:13px;background:#f2f5fb;padding:12px;line-height:1.8}.note-preview{white-space:pre-wrap;line-height:1.9;color:#3d4b63;margin-top:8px}.account-avatar{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#2d5bff,#6b8cff);color:#fff;font-weight:900;font-size:1.6rem}.account-summary{display:flex;align-items:center;gap:15px}.phase4-drawer-links{display:grid;gap:6px;margin-bottom:8px}.phase4-drawer-links a{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important}.phase4-drawer-links .drawer-link-icon{font-size:.85rem}
@media(max-width:880px){.product-home-grid{grid-template-columns:repeat(2,1fr)}.product-card,.product-card.third{grid-column:1/-1}.product-kpis{grid-template-columns:repeat(2,1fr)}.product-toolbar{grid-template-columns:1fr 1fr}.product-toolbar input{grid-column:1/-1}.admin-layout{grid-template-columns:1fr}.admin-editor{position:static}.product-page-hero{display:block}.product-page-hero .hero-chip{display:inline-flex;margin-top:16px}}
@media(max-width:560px){.product-home,.product-page{padding:0 12px}.product-home-shell,.product-page-hero{padding:20px;border-radius:20px}.product-home-grid{grid-template-columns:1fr}.product-kpis{grid-template-columns:1fr 1fr}.product-toolbar{grid-template-columns:1fr}.product-toolbar input{grid-column:auto}.product-row{grid-template-columns:1fr}.product-card{padding:17px}.account-summary{align-items:flex-start}.product-page{margin-top:16px}}