/* ZSOne Platform v0.3.1 — real project foundation. Additive over v0.3.0. */

.zs-project-context{text-decoration:none;color:inherit}
.zs-project-context:hover{border-color:#d9c9a7;background:#fffaf0}
.zs-module-card.is-ready{text-decoration:none;cursor:pointer;border-color:#d7e5db;background:linear-gradient(145deg,#fff,#f5faf6)}
.zs-module-card.is-ready:hover{border-color:#bfd5c5;box-shadow:0 10px 25px rgba(52,85,62,.07);transform:translateY(-1px)}
.zs-module-card.is-ready .zs-module-state{color:#39714a;background:#e8f3eb}

/* Project center */
.zs-project-alert{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #e2ddd3;border-radius:11px;background:#fff;color:#4a4f55;font-size:10px;font-weight:750}
.zs-project-alert .auth-icon{width:16px;height:16px;flex:0 0 auto}
.zs-project-alert.is-success{border-color:#cfe3d5;background:#f3faf5;color:#2f7043}
.zs-project-alert.is-error{border-color:#ebd0cb;background:#fff6f4;color:#9d4339}

.zs-projects-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:21px 23px;border:1px solid #e3ded4;border-radius:15px;background:linear-gradient(105deg,#fff 0%,#fff 72%,#fbf5e8 100%);box-shadow:0 8px 26px rgba(43,38,29,.035)}
.zs-projects-hero h3{margin:7px 0 0;color:#272b31;font-size:22px;line-height:1.16;letter-spacing:-.03em}
.zs-projects-hero p{max-width:760px;margin:7px 0 0;color:#7d8289;font-size:11px;line-height:1.6}
.zs-projects-company-pill{min-width:220px;max-width:330px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:9px 12px;border:1px solid #dfd4bc;border-radius:12px;background:#fffaf0;color:#76551d}
.zs-projects-company-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f1dfb4;color:#805b1d}
.zs-projects-company-icon .auth-icon{width:17px;height:17px}
.zs-projects-company-pill small,.zs-projects-company-pill strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-projects-company-pill small{font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#9f7e48}
.zs-projects-company-pill strong{margin-top:3px;font-size:10px;color:#594019}

.zs-project-schema-warning,.zs-project-no-company{min-height:210px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:28px}
.zs-project-schema-icon,.zs-project-empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:#fff1d3;color:#8b621d}
.zs-project-schema-icon .auth-icon,.zs-project-empty-icon .auth-icon{width:26px;height:26px}
.zs-project-schema-warning h3,.zs-project-no-company h3{margin:0;color:#33373d;font-size:17px;letter-spacing:-.02em}
.zs-project-schema-warning p,.zs-project-no-company p{max-width:720px;margin:7px 0 0;color:#7e838a;font-size:10px;line-height:1.6}
.zs-project-no-company>a{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #ded5c4;border-radius:9px;background:#fff;color:#74531d;text-decoration:none;font-size:8px;font-weight:850;white-space:nowrap}
.zs-project-no-company>a .auth-icon{width:14px;height:14px}

.zs-projects-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);gap:14px;align-items:start}
.zs-projects-main-stack,.zs-projects-side-stack{display:grid;gap:14px}
.zs-projects-list-panel{overflow:hidden}
.zs-projects-list-head{align-items:center}
.zs-projects-count{min-width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#f2ead7;color:#7e591f;font-size:9px;font-weight:900}
.zs-projects-empty{min-height:320px;display:flex;align-items:center;justify-content:center;gap:18px;padding:32px;text-align:left;background:linear-gradient(145deg,#fff,#fbfaf7)}
.zs-projects-empty>span{width:64px;height:64px;display:grid;place-items:center;border:1px solid #e4ddd0;border-radius:16px;background:#fff;color:#956922;box-shadow:0 8px 22px rgba(43,38,29,.05)}
.zs-projects-empty>span .auth-icon{width:28px;height:28px}
.zs-projects-empty strong{display:block;color:#30343a;font-size:16px;letter-spacing:-.02em}
.zs-projects-empty p{max-width:550px;margin:7px 0 0;color:#858990;font-size:10px;line-height:1.58}

.zs-project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px}
.zs-project-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e6e1d8;border-radius:13px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.zs-project-card:hover{border-color:#d9d0bf;box-shadow:0 10px 28px rgba(48,43,34,.055);transform:translateY(-1px)}
.zs-project-card.is-selected{border-color:#d9c59d;box-shadow:0 0 0 2px rgba(208,173,99,.09),0 11px 28px rgba(48,43,34,.055)}
.zs-project-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 15px 12px;border-bottom:1px solid #eee9e1;background:linear-gradient(120deg,#fff,#fff 70%,#fbf7ee)}
.zs-project-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#f1eadb;color:#8c6422}
.zs-project-card-icon .auth-icon{width:19px;height:19px}
.zs-project-card-title{min-width:0}
.zs-project-card-title small,.zs-project-card-title h4{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-project-card-title small{color:#9a7b46;font-size:7px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.zs-project-card-title h4{margin:4px 0 0;color:#30343a;font-size:13px;letter-spacing:-.02em}
.zs-project-status{min-height:26px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#f2f0eb;color:#696e74;font-size:7px;font-weight:900;white-space:nowrap}
.zs-project-status.is-active{background:#e8f3eb;color:#337147}
.zs-project-status.is-planning{background:#f5ecd7;color:#815b1e}
.zs-project-status.is-on_hold{background:#fff0df;color:#9a5d22}
.zs-project-status.is-completed{background:#e9eff7;color:#46627f}
.zs-project-description{min-height:67px;margin:0;padding:13px 15px;color:#7d8289;font-size:9px;line-height:1.58;overflow-wrap:anywhere}
.zs-project-meta-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eee9e1}
.zs-project-meta-grid>div{min-width:0;padding:11px 14px}
.zs-project-meta-grid>div+div{border-left:1px solid #eee9e1}
.zs-project-meta-grid small,.zs-project-meta-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-project-meta-grid small{color:#a0a3a8;font-size:6.5px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.zs-project-meta-grid strong{margin-top:4px;color:#50555c;font-size:8px}
.zs-project-card-actions{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding:8px 12px;border-top:1px solid #eee9e1;background:#fbfaf7}
.zs-project-card-actions button{font:inherit;cursor:pointer}
.zs-project-select,.zs-project-open-workspace{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:8px;font-size:7.5px;font-weight:900}
.zs-project-select{border:1px solid #d8cfbf;background:#fff;color:#5e6268}
.zs-project-open-workspace{margin-left:auto;border:0;background:#252a30;color:#fff}
.zs-project-select .auth-icon,.zs-project-open-workspace .auth-icon{width:13px;height:13px}
.zs-project-open-workspace .auth-icon{color:#dfb457}
.zs-project-selected{display:inline-flex;align-items:center;gap:5px;color:#7d591f;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.zs-project-selected .auth-icon{width:13px;height:13px}

.zs-project-create-panel{overflow:hidden}
.zs-project-form{display:grid;gap:12px;padding:16px}
.zs-project-form label{display:grid;gap:6px;color:#50555c;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.zs-project-form label small{color:#a2a5aa;font-size:7px;font-weight:700;text-transform:none;letter-spacing:0}
.zs-project-form input,.zs-project-form textarea,.zs-project-form select{width:100%;border:1px solid #ddd7cb;border-radius:10px;background:#fff;color:#2f343a;font:inherit;font-size:10px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}
.zs-project-form input,.zs-project-form select{height:42px;padding:0 11px}
.zs-project-form textarea{min-height:84px;padding:10px 11px;resize:vertical;line-height:1.5}
.zs-project-form input:focus,.zs-project-form textarea:focus,.zs-project-form select:focus{border-color:#c7a258;box-shadow:0 0 0 3px rgba(199,162,88,.14)}
.zs-project-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.zs-project-primary{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#20252b;color:#fff;font-size:9px;font-weight:850;cursor:pointer;transition:background .16s ease,transform .16s ease}
.zs-project-primary:hover{background:#30363e;transform:translateY(-1px)}
.zs-project-primary .auth-icon{width:15px;height:15px;color:#e0b557}

.zs-project-boundary-panel,.zs-project-next-panel{padding:19px}
.zs-project-boundary-icon,.zs-project-next-panel>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#f0ddb3;color:#825b1c}
.zs-project-boundary-icon .auth-icon,.zs-project-next-panel>span .auth-icon{width:19px;height:19px}
.zs-project-boundary-panel h3,.zs-project-next-panel h3{margin:13px 0 0;color:#30343a;font-size:14px;letter-spacing:-.02em}
.zs-project-boundary-panel p,.zs-project-next-panel p{margin:7px 0 0;color:#858990;font-size:9px;line-height:1.55}
.zs-project-boundary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid #ebe5db}
.zs-project-boundary-row small{color:#999da2;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.zs-project-boundary-row strong{color:#555a61;font-size:9px}
.zs-project-next-panel{background:linear-gradient(145deg,#fff,#fbf6ea)}
.zs-project-next-panel em{display:inline-flex;margin-top:14px;padding:5px 7px;border-radius:999px;background:#262b31;color:#e2b85c;font-size:7px;font-weight:900;font-style:normal;letter-spacing:.06em}

/* Company integration */
.zs-company-project-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #e9e1d3}
.zs-company-project-summary small,.zs-company-project-summary strong{display:block}
.zs-company-project-summary small{color:#9b9ea3;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.zs-company-project-summary strong{margin-top:3px;color:#393e44;font-size:14px}
.zs-company-project-summary a{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid #ded3bf;border-radius:8px;background:#fff;color:#76531b;text-decoration:none;font-size:7.5px;font-weight:850}
.zs-company-project-summary a .auth-icon{width:13px;height:13px}

/* Workspace real project context */
.zs-workspace-project-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:18px;background:linear-gradient(145deg,#fbfaf7,#f8f4eb)}
.zs-workspace-project-main{grid-column:1/-1;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:14px}
.zs-workspace-project-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid #e2d8c5;border-radius:14px;background:#fff;color:#8c6422}
.zs-workspace-project-mark .auth-icon{width:25px;height:25px}
.zs-workspace-project-main small{display:block;color:#997541;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.zs-workspace-project-main strong{display:block;margin-top:4px;color:#2f343a;font-size:20px;line-height:1.16;letter-spacing:-.025em}
.zs-workspace-project-main p{max-width:720px;margin:7px 0 0;color:#7d8289;font-size:9px;line-height:1.55}
.zs-workspace-project-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e3ddd2;border-radius:11px;background:#fff;overflow:hidden}
.zs-workspace-project-facts>div{min-width:0;padding:11px 12px;border-right:1px solid #ece7df}
.zs-workspace-project-facts>div:last-child{border-right:0}
.zs-workspace-project-facts small,.zs-workspace-project-facts strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zs-workspace-project-facts small{color:#9ca0a5;font-size:6.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.zs-workspace-project-facts strong{margin-top:4px;color:#4d5259;font-size:8.5px}
.zs-workspace-project-open{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dcd2c0;border-radius:9px;background:#fff;color:#75531c;text-decoration:none;font-size:8px;font-weight:850}
.zs-workspace-project-open .auth-icon{width:14px;height:14px}
.zs-project-state.is-ready{background:#eaf4ed;color:#337147;border-color:#d3e6d8}

@media(max-width:1180px){
  .zs-project-card-grid{grid-template-columns:1fr}
  .zs-projects-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr)}
}
@media(max-width:930px){
  .zs-projects-layout{grid-template-columns:1fr}
  .zs-projects-side-stack{grid-template-columns:1fr 1fr}
  .zs-project-create-panel{grid-column:1/-1}
}
@media(max-width:720px){
  .zs-projects-hero{align-items:flex-start;flex-direction:column;padding:18px}
  .zs-projects-company-pill{width:100%;max-width:none}
  .zs-project-schema-warning,.zs-project-no-company{grid-template-columns:50px minmax(0,1fr);padding:21px}
  .zs-project-no-company>a{grid-column:1/-1;justify-self:start;margin-left:68px}
  .zs-projects-side-stack{grid-template-columns:1fr}
  .zs-project-card-grid{padding:11px}
  .zs-workspace-project-facts{grid-template-columns:1fr 1fr}
  .zs-workspace-project-facts>div:nth-child(2){border-right:0}
  .zs-workspace-project-facts>div:nth-child(-n+2){border-bottom:1px solid #ece7df}
}
@media(max-width:500px){
  .zs-projects-hero h3{font-size:19px}
  .zs-projects-empty{min-height:260px;align-items:flex-start;flex-direction:column;padding:24px 18px}
  .zs-project-card-head{grid-template-columns:38px minmax(0,1fr);padding:13px}
  .zs-project-card-icon{width:38px;height:38px}
  .zs-project-status{grid-column:2;justify-self:start}
  .zs-project-description{min-height:auto;padding:12px 13px}
  .zs-project-meta-grid{grid-template-columns:1fr}
  .zs-project-meta-grid>div+div{border-left:0;border-top:1px solid #eee9e1}
  .zs-project-card-actions{align-items:flex-start;flex-direction:column}
  .zs-project-open-workspace{margin-left:0;width:100%}
  .zs-project-date-grid{grid-template-columns:1fr}
  .zs-project-schema-warning,.zs-project-no-company{grid-template-columns:1fr}
  .zs-project-no-company>a{margin-left:0}
  .zs-workspace-project-main{grid-template-columns:46px minmax(0,1fr)}
  .zs-workspace-project-mark{width:46px;height:46px}
  .zs-workspace-project-main strong{font-size:17px}
  .zs-workspace-project-facts{grid-template-columns:1fr}
  .zs-workspace-project-facts>div{border-right:0;border-bottom:1px solid #ece7df}
  .zs-workspace-project-facts>div:last-child{border-bottom:0}
}

/* Keep the newly active Projects item aligned with locked project-module rows. */
.zs-sidebar-nav--modules a{min-height:38px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:0 10px;border-radius:9px;font-size:11px;font-weight:750}
.zs-sidebar-nav--modules a .zs-nav-icon{width:27px;height:27px}
.zs-sidebar-nav--modules a .zs-nav-icon .auth-icon{width:15px;height:15px}
.zs-sidebar-nav--modules a.is-active{background:rgba(240,217,159,.95);color:#24272d}