.kk-product { display:grid; grid-template-columns:16rem minmax(0,1fr); min-height:100dvh; background:var(--kk-surface-soft); }
.kk-product-sidebar { background:var(--kk-aubergine); color:white; padding:1.7rem 1rem; display:flex; flex-direction:column; gap:2rem; }
.kk-product-sidebar .kk-brand { font-size:1.1rem; }
.kk-product-navigation summary { cursor:pointer; margin-bottom:1rem; color:#d9cce4; }
.kk-product-navigation nav { display:flex; flex-direction:column; gap:.2rem; }
.kk-product-navigation a { color:#ede4f2; padding:.65rem .9rem; border-radius:var(--kk-radius-sm); text-decoration:none; }
.kk-product-navigation a:hover,.kk-product-navigation a.active { background:var(--kk-aubergine-2); color:white; box-shadow:inset 3px 0 var(--kk-coral); }
.kk-nav-label { font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; color:#c0aacd; margin:1.2rem .9rem .3rem; }
.kk-product-sidebar-footer { margin-top:auto; color:#c0aacd; font-size:.8rem; padding:.9rem; }
.kk-product-main { min-width:0; display:flex; flex-direction:column; }
.kk-product-topbar { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; padding:1rem 2rem; background:var(--kk-surface); border-bottom:1px solid var(--kk-border); }
.kk-workspace-switcher { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }
.kk-workspace-switcher label { color:var(--kk-muted); font-size:.8rem; }
.kk-workspace-switcher select { width:auto; max-width:15rem; }
.kk-product-actions { display:flex; align-items:center; gap:1rem; }
.kk-user-menu { position:relative; }
.kk-user-menu summary { cursor:pointer; max-width:15rem; overflow-wrap:anywhere; }
.kk-user-menu > div { position:absolute; right:0; top:2rem; z-index:10; min-width:11rem; background:white; padding:1rem; box-shadow:var(--kk-shadow-sm); border:1px solid var(--kk-border); border-radius:var(--kk-radius-sm); }
.kk-user-menu form { margin-top:1rem; }
.kk-product-content { padding:clamp(1rem,3vw,2.5rem); flex:1; min-width:0; }
.kk-product-content h1 { font-size:clamp(1.6rem,3vw,2.2rem); letter-spacing:-.035em; color:var(--kk-aubergine); }
.kk-product-content h2 { font-size:1.2rem; }
.kk-product-content .card { border-radius:var(--kk-radius-lg); box-shadow:var(--kk-shadow-sm); }
.kk-product-content .card-body { padding:1.7rem; }
.kk-product-footer { padding:1rem 2rem; color:var(--kk-muted); font-size:.75rem; }
.kk-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.kk-form-grid label { display:block; font-weight:500; margin-bottom:.35rem; }
.kk-inbox { display:grid; grid-template-columns:minmax(14rem,1fr) minmax(0,2fr); gap:1rem; }
.kk-message-list { max-height:32rem; overflow-y:auto; padding:1rem 0; display:flex; flex-direction:column; gap:.8rem; }
.kk-message { background:var(--kk-surface-tint); border-radius:var(--kk-radius-md); padding:1rem; max-width:90%; }
.kk-message-outbound { align-self:flex-end; background:var(--kk-primary-soft); }
.kk-message small { display:block; color:var(--kk-muted); margin-top:.5rem; }
@media(max-width:1000px) { .kk-inbox { grid-template-columns:1fr; } }
@media (max-width:800px) { .kk-product { grid-template-columns:1fr; } .kk-product-sidebar { padding:1rem; gap:1rem; } .kk-product-navigation nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .kk-nav-label { grid-column:1/-1; } .kk-product-sidebar-footer { display:none; } .kk-product-topbar { padding:1rem; } .kk-form-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .kk-product * { scroll-behavior:auto; transition:none!important; } }