/* ZSOne Platform v0.2.6 — professional account/workspace shell + homepage profile state. */

/* ---------- Shared protected platform shell ---------- */
.zs-platform-page{margin:0;min-height:100vh;background:#f6f5f1;color:#20242a}
.zs-platform-page *{box-sizing:border-box}
.zs-platform-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr);background:#f6f5f1}
.zs-platform-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px 16px;background:#25292f;color:#f5f4ef;border-right:1px solid rgba(255,255,255,.06);z-index:40}
.zs-sidebar-head{padding:2px 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.zs-sidebar-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#fff}
.zs-sidebar-brand img{display:block;width:34px;height:37px;object-fit:contain}
.zs-sidebar-brand span{font-size:22px;font-weight:850;letter-spacing:-.055em;line-height:1}
.zs-sidebar-product{display:block;margin-top:10px;color:#999eaa;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.zs-sidebar-nav{display:grid;gap:6px;padding:20px 0}
.zs-sidebar-nav a{min-height:46px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:10px;color:#c8cbd1;text-decoration:none;font-size:13px;font-weight:750;transition:background .16s ease,color .16s ease}
.zs-sidebar-nav a:hover{background:#30353c;color:#fff}
.zs-sidebar-nav a.is-active{background:#f0d99f;color:#24272d}
.zs-nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.06)}
.zs-sidebar-nav a.is-active .zs-nav-icon{background:rgba(255,255,255,.46);color:#8f651d}
.zs-nav-icon .auth-icon{width:17px;height:17px}
.zs-sidebar-spacer{flex:1}
.zs-sidebar-session{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:12px 10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#2c3037}
.zs-sidebar-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e1bb68;color:#282c32}
.zs-sidebar-avatar .auth-icon{width:19px;height:19px}
.zs-sidebar-session strong,.zs-sidebar-session small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-sidebar-session strong{font-size:12px;color:#fff}
.zs-sidebar-session small{margin-top:4px;font-size:10px;color:#969ca6}
.zs-sidebar-site{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;border-radius:9px;color:#aeb3bc;text-decoration:none;font-size:12px;font-weight:700}
.zs-sidebar-site:hover{background:#30353c;color:#fff}
.zs-sidebar-site .auth-icon{width:16px;height:16px}

.zs-platform-main{min-width:0;display:flex;flex-direction:column}
.zs-platform-topbar{position:sticky;top:0;z-index:30;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(22px,3.2vw,48px);background:rgba(255,255,255,.92);border-bottom:1px solid #e9e5dc;backdrop-filter:blur(14px)}
.zs-platform-title-row{display:flex;align-items:center;min-width:0;gap:12px}
.zs-sidebar-toggle{display:none;width:40px;height:40px;border:1px solid #ded9cf;border-radius:10px;background:#fff;color:#30343a;align-items:center;justify-content:center;cursor:pointer}
.zs-sidebar-toggle .auth-icon{width:19px;height:19px}
.zs-platform-heading{min-width:0}
.zs-platform-heading span{display:block;color:#9f752e;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px}
.zs-platform-heading h1{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zs-platform-actions{display:flex;align-items:center;gap:10px}
.zs-platform-language{height:40px;display:flex;align-items:center;gap:6px;padding:0 8px 0 10px;border:1px solid #e1ddd4;border-radius:10px;background:#fff;color:#8d6828}
.zs-platform-language .auth-icon{width:16px;height:16px}
.zs-platform-language select{height:30px;border:0;background:transparent;color:#30343a;font-size:11px;font-weight:850;outline:none;cursor:pointer}
.zs-profile-menu{position:relative}
.zs-profile-trigger{min-height:44px;max-width:260px;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:4px 9px 4px 5px;border:1px solid #dedad1;border-radius:12px;background:#fff;color:#292d33;cursor:pointer;text-align:left}
.zs-profile-trigger:hover,.zs-profile-menu.is-open .zs-profile-trigger{border-color:#cdbb95;box-shadow:0 8px 22px rgba(44,38,26,.08)}
.zs-profile-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f1dfb8;color:#8f651d}
.zs-profile-avatar .auth-icon{width:18px;height:18px}
.zs-profile-copy{min-width:0}
.zs-profile-copy strong,.zs-profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-profile-copy strong{font-size:11px}
.zs-profile-copy small{margin-top:3px;color:#858992;font-size:9px}
.zs-profile-caret{width:14px;height:14px;color:#777b83;transition:transform .16s ease}
.zs-profile-menu.is-open .zs-profile-caret{transform:rotate(180deg)}
.zs-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:248px;padding:7px;background:#fff;border:1px solid #e3ded4;border-radius:12px;box-shadow:0 18px 45px rgba(35,32,26,.14);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.14s ease;z-index:80}
.zs-profile-menu.is-open .zs-profile-dropdown{opacity:1;visibility:visible;transform:none}
.zs-profile-summary{padding:10px 11px 12px;margin-bottom:5px;border-bottom:1px solid #ece7de}
.zs-profile-summary strong,.zs-profile-summary span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-profile-summary strong{font-size:12px;color:#24282e}
.zs-profile-summary span{margin-top:5px;color:#858990;font-size:10px}
.zs-profile-dropdown a,.zs-profile-dropdown button{width:100%;min-height:39px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#363a40;text-decoration:none;font:inherit;font-size:11px;font-weight:750;cursor:pointer;text-align:left}
.zs-profile-dropdown a:hover,.zs-profile-dropdown button:hover{background:#f6f2e9;color:#171a1f}
.zs-profile-dropdown form{margin:4px 0 0;padding-top:4px;border-top:1px solid #eee9e0}
.zs-profile-dropdown button{color:#964a40}
.zs-profile-dropdown .auth-icon{width:16px;height:16px}

.zs-platform-content{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:36px 0 60px}
.zs-page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:24px}
.zs-page-kicker{display:inline-flex;align-items:center;gap:7px;color:#9b7128;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.zs-page-kicker .auth-icon{width:15px;height:15px}
.zs-page-intro h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.035em}
.zs-page-intro p{max-width:720px;margin:10px 0 0;color:#767a82;font-size:13px;line-height:1.6}
.zs-session-pill{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #d9e7dd;border-radius:999px;background:#f5fbf7;color:#377257;font-size:10px;font-weight:850}
.zs-session-pill .auth-icon{width:14px;height:14px}

.zs-panel{background:#fff;border:1px solid #e5e1d8;border-radius:14px;box-shadow:0 8px 26px rgba(43,38,29,.035)}
.zs-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 20px;border-bottom:1px solid #eee9e0}
.zs-panel-head h3{margin:0;font-size:14px;letter-spacing:-.01em}
.zs-panel-head p{margin:5px 0 0;color:#858990;font-size:11px;line-height:1.5}
.zs-panel-body{padding:20px}

/* ---------- Account v0.2.6 ---------- */
.zs-account-profile{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;margin-bottom:18px;background:#fff;border:1px solid #e5e1d8;border-radius:14px}
.zs-account-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f0ddb2,#d6aa50);color:#282c31}
.zs-account-avatar .auth-icon{width:27px;height:27px}
.zs-account-profile h3{margin:0;font-size:20px;letter-spacing:-.025em}
.zs-account-profile p{margin:5px 0 0;color:#7b7f87;font-size:12px;overflow-wrap:anywhere}
.zs-account-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.zs-badge{min-height:29px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border-radius:999px;background:#f4f1e9;color:#5a5e65;font-size:9px;font-weight:850;letter-spacing:.02em}
.zs-badge--success{background:#eff8f2;color:#377257}
.zs-badge .auth-icon{width:13px;height:13px}
.zs-account-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}
.zs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.zs-detail{min-width:0;padding:16px 18px;border-right:1px solid #eee9e0;border-bottom:1px solid #eee9e0}
.zs-detail:nth-child(2n){border-right:0}.zs-detail:nth-last-child(-n+2){border-bottom:0}
.zs-detail span{display:block;color:#8c8f95;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}
.zs-detail strong{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.zs-detail .zs-inline-status{display:inline-flex;align-items:center;gap:7px;color:#377257}
.zs-inline-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.zs-quick-actions{display:grid;gap:9px}
.zs-action-link,.zs-action-button{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border:1px solid #e3ded5;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}
.zs-action-link:hover,.zs-action-button:hover{background:#f8f5ee;border-color:#d3c5a9}
.zs-action-link>span,.zs-action-button>span{display:inline-flex;align-items:center;gap:9px}
.zs-action-link .auth-icon,.zs-action-button .auth-icon{width:16px;height:16px;color:#9a7028}
.zs-action-button{width:100%;font:inherit}
.zs-security-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.zs-security-card{min-width:0;padding:14px;border:1px solid #ebe6dd;border-radius:11px;background:#fbfaf7}
.zs-security-card .zs-security-label{display:flex;align-items:center;gap:7px;color:#8c8f95;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.zs-security-card .zs-security-label .auth-icon{width:14px;height:14px;color:#9a7028}
.zs-security-card strong{display:block;margin-top:9px;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.zs-security-card small{display:block;margin-top:4px;color:#8d9096;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.zs-session-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 20px}
.zs-session-control strong{display:block;font-size:12px}
.zs-session-control p{margin:5px 0 0;color:#858990;font-size:10px;line-height:1.5}
.zs-session-control form{margin:0}

/* ---------- Workspace shell refinement ---------- */
.zs-workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;margin-bottom:18px;background:#fff;border:1px solid #e5e1d8;border-radius:14px}
.zs-workspace-hero h3{margin:0;font-size:21px;letter-spacing:-.025em}
.zs-workspace-hero p{margin:6px 0 0;color:#7d8188;font-size:12px;line-height:1.55}
.zs-workspace-role{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;background:#f1e2be;color:#7e581c;font-size:9px;font-weight:850}
.zs-workspace-role .auth-icon{width:14px;height:14px}
.zs-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.zs-workspace-card{padding:17px;border:1px solid #e7e2d9;border-radius:12px;background:#fff}
.zs-workspace-card-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f5eedf;color:#966b25;margin-bottom:12px}
.zs-workspace-card-icon .auth-icon{width:18px;height:18px}
.zs-workspace-card strong{display:block;font-size:12px;margin-bottom:5px}
.zs-workspace-card p{margin:0;color:#858990;font-size:10px;line-height:1.5}
.zs-workspace-empty{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px}
.zs-workspace-empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#f4eddf;color:#956b27}
.zs-workspace-empty-icon .auth-icon{width:24px;height:24px}
.zs-workspace-empty strong{display:block;font-size:13px}
.zs-workspace-empty p{margin:5px 0 0;color:#858990;font-size:10px;line-height:1.5;max-width:680px}

.zs-sidebar-backdrop{position:fixed;inset:0;background:rgba(21,24,29,.38);z-index:35}

@media(max-width:1020px){
  .zs-platform-shell{grid-template-columns:220px minmax(0,1fr)}
  .zs-security-list{grid-template-columns:1fr 1fr}
  .zs-account-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .zs-platform-shell{display:block}
  .zs-platform-sidebar{position:fixed;left:0;top:0;width:246px;transform:translateX(-102%);transition:transform .18s ease;box-shadow:20px 0 48px rgba(24,26,30,.18)}
  .zs-platform-sidebar.is-open{transform:translateX(0)}
  .zs-sidebar-toggle{display:inline-flex}
  .zs-platform-content{width:min(100% - 28px,1240px);padding-top:26px}
  .zs-platform-topbar{padding:10px 14px;min-height:68px}
  .zs-profile-copy{display:none}.zs-profile-trigger{grid-template-columns:34px 14px;max-width:none}
  .zs-workspace-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .zs-platform-heading span{display:none}.zs-platform-heading h1{font-size:15px}
  .zs-platform-language{padding-left:8px}.zs-platform-language .auth-icon{display:none}
  .zs-page-intro{display:block;margin-bottom:18px}.zs-session-pill{margin-top:14px}
  .zs-page-intro h2{font-size:28px}.zs-page-intro p{font-size:12px}
  .zs-account-profile{grid-template-columns:48px minmax(0,1fr);padding:16px}.zs-account-avatar{width:48px;height:48px}.zs-account-badges{grid-column:1/-1;justify-content:flex-start}
  .zs-detail-grid{grid-template-columns:1fr}.zs-detail{border-right:0}.zs-detail:nth-last-child(-n+2){border-bottom:1px solid #eee9e0}.zs-detail:last-child{border-bottom:0}
  .zs-security-list{grid-template-columns:1fr}
  .zs-session-control{grid-template-columns:1fr}.zs-session-control form,.zs-session-control .auth-danger{width:100%}
  .zs-workspace-grid{grid-template-columns:1fr}.zs-workspace-hero{grid-template-columns:1fr}.zs-workspace-role{justify-self:start}
  .zs-workspace-empty{grid-template-columns:44px minmax(0,1fr)}.zs-workspace-empty-icon{width:44px;height:44px}.zs-workspace-empty .zs-action-link{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.zs-platform-sidebar,.zs-profile-dropdown,.zs-profile-caret{transition:none!important}}