/* PEREKO Projects UI v3 — distributor/installer B2B 2.0 visual language */
:root{
  --pv-yellow:#f2c900;--pv-gold:#9a7a00;--pv-ink:#172126;--pv-text:#435159;
  --pv-muted:#84939b;--pv-line:#dce2e5;--pv-soft:#f7f8f8;--pv-white:#fff;
}
*{box-sizing:border-box}
html,body{background:#fff!important}
body{
  margin:0!important;padding:0!important;color:var(--pv-ink)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body *{font-family:inherit}
body h1,body h2,body h3,body h4,body button,body select,body input,
body .project-no,body .project-type,body .open-btn,body .section-no{font-family:inherit!important}
body>.p2-sidebar,body>.p2-mobile,body>.p2-backdrop{display:none!important}
body>.topbar,body>.top{display:none!important}

/* B2B-like global header */
.pv-header{position:sticky;top:0;z-index:4000;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--pv-line)}
.pv-head{width:min(1480px,calc(100% - 48px));min-height:90px;margin:0 auto;display:grid;grid-template-columns:minmax(330px,1fr) auto minmax(260px,1fr);align-items:center;gap:28px}
.pv-brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--pv-ink);min-width:0}
.pv-logo{font-size:28px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
.pv-brand-copy{padding-left:18px;border-left:1px solid #cfd5d8;line-height:1.25}
.pv-brand-copy strong{display:block;font-size:13px}.pv-brand-copy span{display:block;margin-top:3px;color:#87949b;font-size:10px}
.pv-nav{display:flex;align-items:stretch;gap:4px;height:90px}
.pv-nav a{position:relative;display:flex;align-items:center;padding:0 13px;color:#748188;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}
.pv-nav a:hover,.pv-nav a.active{color:#182126}
.pv-nav a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:20px;height:2px;background:var(--pv-yellow)}
.pv-user{justify-self:end;display:flex;align-items:center;gap:10px}
.pv-avatar{width:38px;height:38px;border-radius:50%;background:#22292d;color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}
.pv-user-copy strong,.pv-user-copy span{display:block}.pv-user-copy strong{font-size:11px}.pv-user-copy span{margin-top:2px;color:#89969d;font-size:9px}
.pv-menu-btn{display:none;border:1px solid var(--pv-line);background:#fff;border-radius:8px;padding:8px 10px;color:var(--pv-ink);font-weight:800}

/* shared layout */
body .wrap{width:min(1280px,calc(100% - 48px))!important;margin-left:auto!important;margin-right:auto!important}
body main{padding:0 0 72px!important;margin:0!important;max-width:none!important}
body .hero{background:#fff!important;color:var(--pv-ink)!important;border:0!important}
body .hero .wrap{padding:74px 0 66px!important;border-bottom:1px solid var(--pv-line)}
body .hero-grid{align-items:start!important;gap:70px!important}
body .hero h1{margin:0!important;color:var(--pv-ink)!important;font-size:clamp(44px,5vw,68px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:800!important}
body .hero p{max-width:760px!important;margin:24px 0 0!important;color:#687980!important;font-size:16px!important;line-height:1.7!important}
body .status{background:#fff!important;color:var(--pv-ink)!important;border:0!important;border-left:1px solid var(--pv-line)!important;border-radius:0!important;padding:5px 0 5px 30px!important;box-shadow:none!important}
body .status .ui{color:#8d9aa0!important;letter-spacing:.12em!important;font-size:10px!important}
body .status-select{margin-top:14px!important;border:0!important;border-bottom:1px solid var(--pv-line)!important;border-radius:0!important;padding:11px 0!important;background:#fff!important;color:var(--pv-ink)!important;font-size:11px!important}

/* dashboard hero copied from partner start page language */
.pv-home-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:86px;align-items:center;min-height:650px}
.pv-home-kicker,.pv-eyebrow{display:block;color:var(--pv-gold);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.pv-home-hero h1{max-width:760px;margin:28px 0 26px;font-size:clamp(50px,5.7vw,78px);line-height:.98;letter-spacing:-.06em;font-weight:800}
.pv-home-hero p{max-width:720px;margin:0;color:#65767e;font-size:16px;line-height:1.75}
.pv-search{position:relative;max-width:760px;margin-top:44px}
.pv-search input{width:100%;height:58px;border:0;border-bottom:1px solid #7f8b91;background:transparent;padding:0 52px 0 34px;color:var(--pv-ink);font-size:15px;outline:none}
.pv-search:before{content:"⌕";position:absolute;left:2px;top:16px;font-size:24px;color:#263238}
.pv-search small{display:block;margin-top:10px;color:#9aa5aa;font-size:10px}
.pv-quick{padding-left:32px;border-left:1px solid var(--pv-line)}
.pv-quick>span{display:block;margin-bottom:18px;color:#8d9aa0;font-size:10px;font-weight:850;letter-spacing:.12em}
.pv-quick a{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;min-height:62px;border-bottom:1px solid var(--pv-line);color:var(--pv-ink);text-decoration:none;font-size:13px;font-weight:700}
.pv-quick a i{font-style:normal;color:#93a0a6;font-size:16px}.pv-quick a b{font-size:12px;font-weight:500;color:#7b898f}
.pv-quick a:hover{color:#8a7100}

/* dashboard registry becomes airy two-column shortcut list */
body .dashboard-home{display:block!important;width:min(1280px,calc(100% - 48px))!important}
body .projects-pane{padding:72px 0 62px!important}
body .registry-head{margin:0 0 34px!important}
body .registry-head:before{content:"NARZĘDZIA I ZASOBY";display:block;color:var(--pv-gold);font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:10px}
body .registry-head .section-no{display:none!important}
body .registry-head h2{margin:0!important;font-size:30px!important;letter-spacing:-.035em!important;color:var(--pv-ink)!important}
body .project-list{display:grid!important;grid-template-columns:1fr 1fr;gap:0 86px!important}
body .project-card{display:grid!important;grid-template-columns:56px 1fr auto!important;gap:14px!important;align-items:center!important;min-height:132px!important;padding:22px 0!important;border:0!important;border-bottom:1px solid var(--pv-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important}
body .project-card:hover{border-color:#c5ced2!important;box-shadow:none!important}
body .project-no{width:46px;height:46px;display:grid!important;place-items:center;padding:0!important;background:#fff!important;border:1px solid var(--pv-line)!important;border-radius:50%!important;font-size:10px!important;color:#7b898f!important}
body .project-type{display:none!important}
body .project-card h3{margin:0!important;font-size:15px!important;letter-spacing:-.015em!important;color:var(--pv-ink)!important}
body .project-card p{margin:7px 0 0!important;max-width:580px!important;color:#88969d!important;font-size:12px!important;line-height:1.5!important}
body .project-meta{display:none!important}
body .status-row{margin-top:7px!important}.status-label{display:none!important}
body .status-badge{background:transparent!important;color:#9b8700!important;padding:0!important;font-size:9px!important;text-transform:none!important;letter-spacing:0!important}
body .deadline-badge{font-size:8px!important;border-radius:999px!important}
body .open-btn{width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden;color:#7e8b91!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:0!important}
body .open-btn:after{content:"↗";font-size:15px}.open-btn:hover{color:var(--pv-ink)!important}

/* tasks below projects, same light language */
body .tasks-pane{border:0!important;border-top:1px solid var(--pv-line)!important;padding:62px 0 0!important;max-width:900px!important}
body .tasks-head{margin-bottom:22px!important}
body .tasks-head .section-no{color:var(--pv-gold)!important}
body .tasks-head h2{font-size:30px!important;letter-spacing:-.035em!important;color:var(--pv-ink)!important}
body .task-entry{gap:10px!important}.task-input{border:0!important;border-bottom:1px solid #9aa5aa!important;border-radius:0!important;padding:12px 2px!important;background:#fff!important}
body .task-add{background:transparent!important;color:var(--pv-ink)!important;border:1px solid var(--pv-line)!important;border-radius:7px!important;padding:10px 15px!important;text-transform:none!important;letter-spacing:0!important}
body .task-list{gap:0!important}.task-item{border:0!important;border-bottom:1px solid var(--pv-line)!important;border-radius:0!important;padding:14px 2px!important;background:#fff!important;box-shadow:none!important}

/* project page sections */
body .section{padding:54px 0!important;border-bottom:1px solid var(--pv-line)!important;background:#fff!important}
body .section-head{grid-template-columns:280px 1fr!important;gap:56px!important;margin-bottom:28px!important}
body .section-no{color:var(--pv-gold)!important;font-size:9px!important;letter-spacing:.14em!important}
body .section h2,body .section-head h2{margin-top:8px!important;font-size:30px!important;line-height:1.15!important;letter-spacing:-.035em!important;color:var(--pv-ink)!important}
body .lead{color:#7d8a90!important;font-size:14px!important;line-height:1.65!important}
body .cards,body .template-grid{gap:0!important;border-top:1px solid var(--pv-line)!important}
body .card,body .template-card{border:0!important;border-bottom:1px solid var(--pv-line)!important;border-radius:0!important;box-shadow:none!important;padding:20px 4px!important;background:#fff!important}
body .card h3,body .template-card h3{font-size:14px!important}
body .card p,body .template-card p{color:#87959b!important;font-size:12px!important;line-height:1.55!important}
body .note{margin-top:24px!important;border:0!important;border-left:2px solid var(--pv-yellow)!important;border-radius:0!important;background:#fffdf2!important;color:#606f76!important;padding:15px 18px!important}

/* tables, gantt, budgets — retain functionality, reduce visual weight */
body table{background:#fff!important;border-collapse:collapse!important}
body th{background:#fff!important;color:#86949b!important;font-size:10px!important;font-weight:750!important}
body td{color:#435159!important;font-size:12px!important}
body th,body td{border-color:#e3e7e9!important}
body .gantt-card,body .budget-card,body .panel,body .box,body .agenda-card,body .info-card{
  border:1px solid var(--pv-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important
}

/* job library */
body .job-card{border:0!important;border-bottom:1px solid var(--pv-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body .job-head{background:#fff!important;border-bottom:0!important;padding:18px 0!important}
body .job-no{background:#fff!important;border:1px solid var(--pv-line)!important;color:#809097!important;border-radius:50%!important}
body .job-head h3{font-size:15px!important}.job-meta{color:#8b989e!important;font-size:11px!important}
body .toggle-job,body .edit-job,body .save-job,body .cancel-job,body .copy-btn{
  border:1px solid var(--pv-line)!important;background:#fff!important;color:#536168!important;border-radius:7px!important;padding:8px 11px!important;font-size:9px!important
}
body .save-job{background:var(--pv-yellow)!important;color:#171c1f!important;border-color:var(--pv-yellow)!important}
body .job-body{padding:6px 62px 28px!important;color:#4d5c63!important;font-size:13px!important;line-height:1.65!important}
body .job-card.editing .job-body{background:#fffdf2!important;outline:1px solid #eadc92!important}

/* footer */
body .footer{background:#fff!important;color:#97a1a6!important;border-top:1px solid var(--pv-line)!important;padding:30px 0!important}
body .footer strong{color:#69777d!important}

/* alarm/modal */
body .alarm-dialog{border-radius:8px!important;border:1px solid var(--pv-line)!important;box-shadow:0 18px 50px rgba(20,30,35,.16)!important}

/* old dashboard hero actions are not used after JS replacement */
body .mobile-switch{display:none!important}

@media(max-width:980px){
  .pv-head{grid-template-columns:1fr auto;min-height:76px}.pv-nav{display:none}.pv-user-copy{display:none}.pv-menu-btn{display:inline-flex}
  .pv-brand-copy span{display:none}
  .pv-header.open .pv-nav{display:flex;position:absolute;top:76px;left:0;right:0;height:auto;padding:10px 18px;background:#fff;border-bottom:1px solid var(--pv-line);overflow:auto}
  .pv-header.open .pv-nav a{min-height:42px}.pv-header.open .pv-nav a.active:after{bottom:2px}
  .pv-home-hero{grid-template-columns:1fr;min-height:auto;padding:56px 0}.pv-quick{padding-left:0;border-left:0;border-top:1px solid var(--pv-line);padding-top:26px}
  body .project-list{grid-template-columns:1fr!important}
  body .section-head{grid-template-columns:1fr!important;gap:14px!important}
}
@media(max-width:640px){
  .pv-head,body .wrap,body .dashboard-home{width:calc(100% - 28px)!important}.pv-head{gap:10px}.pv-brand-copy{display:none}.pv-logo{font-size:24px}.pv-user{display:none}
  body .hero .wrap{padding:42px 0!important}.pv-home-hero h1{font-size:48px}.pv-home-hero{gap:42px}
  body .project-card{grid-template-columns:46px 1fr auto!important;min-height:112px!important}
  body .project-card p{display:none}.job-body{padding-left:0!important;padding-right:0!important}
}


/* v3.1 — main projects dashboard aligned to current Partner B2B header */
.pv-header{background:#fff!important;border-bottom:1px solid #dfe4e7!important;box-shadow:none!important}
.pv-head{width:min(1280px,calc(100% - 48px))!important;min-height:92px!important;grid-template-columns:minmax(310px,1fr) auto!important;gap:24px!important}
.pv-brand{gap:17px!important}
.pv-logo-img{display:block;width:142px;height:auto;object-fit:contain}
.pv-brand-copy{padding-left:17px!important}
.pv-brand-copy strong{font-size:13px!important;color:#2a3338!important}
.pv-brand-copy span{font-size:10px!important;color:#8b989e!important}
.pv-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.pv-tool{
  display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;
  border:1px solid #dbe1e4;border-radius:8px;background:#fff;color:#344047;text-decoration:none;
  font-size:9px;font-weight:800;white-space:nowrap;transition:.15s ease
}
.pv-tool:hover{border-color:#bfc8cc;background:#fafbfb}
.pv-tool-icon{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f3f5f6;color:#56646b;
  font-size:8px;font-weight:900;flex:0 0 22px
}
.pv-tool.chat{background:#fff}
.pv-tool.chat .pv-tool-icon{background:#21292e;color:#fff;font-size:7px;letter-spacing:-.03em}

/* home: remove the large introductory hero entirely */
body.home-dashboard .hero{display:none!important}
body.home-dashboard main{padding-top:48px!important}
body.home-dashboard .dashboard-home{
  display:grid!important;grid-template-columns:minmax(0,2fr) minmax(310px,1fr)!important;
  gap:52px!important;align-items:start!important;width:min(1280px,calc(100% - 48px))!important
}
body.home-dashboard .projects-pane{padding:0!important}
body.home-dashboard .registry-head{margin:0 0 26px!important}
body.home-dashboard .registry-head:before{content:"PROJEKTY PEREKO"!important}
body.home-dashboard .registry-head h2{font-size:28px!important}
body.home-dashboard .project-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 48px!important
}
body.home-dashboard .project-card{
  grid-template-columns:48px minmax(0,1fr) 30px!important;min-height:122px!important;padding:18px 0!important
}
body.home-dashboard .project-no{width:40px;height:40px!important;font-size:9px!important}
body.home-dashboard .project-card h3{font-size:14px!important}
body.home-dashboard .project-card p{font-size:11px!important;line-height:1.45!important}
body.home-dashboard .tasks-pane{
  position:sticky;top:118px;border-left:1px solid #dfe4e7!important;border-top:0!important;padding:0 0 0 30px!important;max-width:none!important
}
body.home-dashboard .tasks-head{margin-bottom:19px!important}
body.home-dashboard .tasks-head .section-no{color:#9a7a00!important}
body.home-dashboard .tasks-head h2{font-size:27px!important}
body.home-dashboard .task-sync{margin:-6px 0 12px!important}
body.home-dashboard .task-entry{margin-bottom:8px!important}
body.home-dashboard .task-input{font-size:12px!important}
body.home-dashboard .task-add{font-size:9px!important}
body.home-dashboard .task-item{padding:12px 0!important}
body.home-dashboard .task-empty{border:0!important;border-top:1px solid #e2e7e9!important;border-radius:0!important;background:#fff!important;padding:16px 0!important}
body.home-dashboard .mobile-switch{display:none!important}

@media(max-width:1150px){
  .pv-head{grid-template-columns:1fr!important;padding:14px 0!important}
  .pv-tools{justify-content:flex-start!important}
}
@media(max-width:980px){
  body.home-dashboard .dashboard-home{grid-template-columns:1fr!important;gap:36px!important}
  body.home-dashboard .tasks-pane{position:static!important;border-left:0!important;border-top:1px solid #dfe4e7!important;padding:34px 0 0!important}
  body.home-dashboard .project-list{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .pv-head{width:calc(100% - 28px)!important}
  .pv-logo-img{width:126px}
  .pv-brand-copy strong{font-size:12px!important}
  .pv-brand-copy span{font-size:9px!important}
  .pv-tools{gap:6px!important}
  .pv-tool{padding:0 9px!important;font-size:0!important}
  .pv-tool .pv-tool-icon{margin:0!important}
  body.home-dashboard main{padding-top:28px!important}
  body.home-dashboard .dashboard-home{width:calc(100% - 28px)!important}
}


/* v3.2 — logo, task typography and footer cleanup */
.pv-logo-img{
  display:block!important;
  width:148px!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-dashboard .task-text{
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--pv-ink)!important;
  letter-spacing:-.01em!important;
}
body.home-dashboard .task-meta{
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:500!important;
  color:#909da3!important;
}
body.home-dashboard .task-input{
  font-size:12px!important;
  font-weight:500!important;
  color:var(--pv-ink)!important;
}
body.home-dashboard .task-add{
  font-size:9px!important;
  font-weight:800!important;
}
body.home-dashboard .task-edit,
body.home-dashboard .task-delete{
  font-size:12px!important;
  color:#8e9aa0!important;
}
body .footer{
  background:#fff!important;
  border-top:1px solid var(--pv-line)!important;
  padding:28px 0!important;
  color:var(--pv-ink)!important;
}
body .footer .wrap{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
body .footer .wrap:before{
  content:"PEREKO";
  font-size:20px;
  font-weight:900;
  letter-spacing:-.055em;
  color:var(--pv-ink);
}
body .footer strong{
  display:block!important;
  color:var(--pv-ink)!important;
  font-size:11px!important;
  font-weight:800!important;
  padding-left:16px!important;
  border-left:1px solid #cfd5d8!important;
}
body .footer div:last-child{
  margin-top:2px!important;
  color:#8b989e!important;
  font-size:9px!important;
  font-weight:500!important;
}
@media(max-width:700px){
  .pv-logo-img{width:132px!important}
  body .footer .wrap{align-items:flex-start!important}
  body .footer .wrap:before{font-size:18px}
}

/* v3.3 — exact PEREKO logo + typography harmonization */
.pv-logo-img{width:152px!important;max-height:none!important;height:auto!important}
.pv-footer-logo{display:block;width:128px;height:auto;object-fit:contain}
.pv-footer-divider{width:1px;height:30px;background:#cfd5d8;flex:0 0 1px}
.pv-footer-copy strong,.pv-footer-copy span{display:block}
.pv-footer-copy strong{font-size:12px!important;font-weight:800!important;color:#2a3338!important;line-height:1.2!important}
.pv-footer-copy span{margin-top:3px;font-size:10px!important;font-weight:400!important;color:#8b989e!important;line-height:1.2!important}
body .footer .wrap:before{content:none!important}
body .footer strong{padding-left:0!important;border-left:0!important}
body.home-dashboard .project-card h3,
body.home-dashboard .task-text{
  font-size:15px!important;
  line-height:1.32!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
  color:#172126!important;
}
body.home-dashboard .project-card p,
body.home-dashboard .task-meta{
  font-size:12px!important;
  line-height:1.52!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#7f8f97!important;
}
body.home-dashboard .task-meta{margin-top:4px!important}
body.home-dashboard .task-item{align-items:flex-start!important}
body.home-dashboard .task-check{margin-top:3px!important}
@media(max-width:700px){
  .pv-logo-img{width:136px!important}
  .pv-footer-logo{width:116px}
}

/* v3.4 — B2B 2.0 gutters, black logo, profile */
.pv-head{width:min(1480px,calc(100% - 68px))!important}
body .wrap,
body.home-dashboard .dashboard-home{width:min(1480px,calc(100% - 68px))!important}
.pv-logo-img{width:137px!important;filter:brightness(0)!important}
.pv-footer-logo{width:115px!important;filter:brightness(0)!important}
.pv-head{grid-template-columns:minmax(300px,1fr) auto auto!important}
.pv-profile{display:flex;align-items:center;gap:10px;margin-left:8px;padding-left:14px;border-left:1px solid #e1e5e7;white-space:nowrap}
.pv-profile-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid #d9dfe2;background:#f2f4f5;display:grid;place-items:center;cursor:pointer;position:relative}
.pv-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pv-profile-avatar span{font-size:9px;font-weight:850;color:#7d8a90}
.pv-profile-copy strong,.pv-profile-copy span{display:block}
.pv-profile-copy strong{font-size:11px!important;font-weight:750!important;color:#2a3338!important;line-height:1.2!important}
.pv-profile-copy span{margin-top:2px;font-size:9px!important;font-weight:500!important;color:#8b989e!important}
.pv-profile-upload{display:none}
@media(max-width:1280px){
  .pv-head{grid-template-columns:1fr auto!important}
  .pv-profile{grid-column:2;grid-row:1}
  .pv-tools{grid-column:1/-1;justify-content:flex-start!important;padding-bottom:12px}
}
@media(max-width:760px){
  .pv-head,body .wrap,body.home-dashboard .dashboard-home{width:calc(100% - 28px)!important}
  .pv-logo-img{width:123px!important}
  .pv-footer-logo{width:104px!important}
  .pv-profile-copy{display:none}
}


/* v3.5 — all project detail pages in Partner B2B 2.0 visual language */
body.project-detail-page{
  --pd-ink:#172126;
  --pd-text:#44535a;
  --pd-muted:#839198;
  --pd-line:#dfe4e7;
  --pd-soft:#f8f9f9;
  --pd-yellow:#f2c900;
  --pd-gold:#987900;
}
body.project-detail-page main{padding-bottom:88px!important}
body.project-detail-page .wrap,
body.project-detail-page .w{width:min(1480px,calc(100% - 68px))!important;margin-left:auto!important;margin-right:auto!important}

/* calmer project hero */
body.project-detail-page .hero .wrap,
body.project-detail-page .hero>.w{
  padding:64px 0 54px!important;
  border-bottom:1px solid var(--pd-line)!important;
}
body.project-detail-page .hero-grid,
body.project-detail-page .heroGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr)!important;
  gap:82px!important;
  align-items:start!important;
}
body.project-detail-page .kicker,
body.project-detail-page .hero .ui{
  color:var(--pd-gold)!important;
  font-size:10px!important;
  letter-spacing:.13em!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}
body.project-detail-page .hero h1{
  max-width:900px!important;
  font-size:clamp(42px,4.8vw,66px)!important;
  line-height:1.01!important;
  letter-spacing:-.055em!important;
  font-weight:800!important;
}
body.project-detail-page .hero p{
  max-width:800px!important;
  color:#6f7e85!important;
  font-size:15px!important;
  line-height:1.72!important;
}
body.project-detail-page .hero-side,
body.project-detail-page .status{
  border-left:1px solid var(--pd-line)!important;
  padding:5px 0 5px 30px!important;
  background:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.project-detail-page .status-select{
  width:100%!important;
  border:0!important;
  border-bottom:1px solid var(--pd-line)!important;
  border-radius:0!important;
  padding:11px 0!important;
  background:#fff!important;
  font-size:11px!important;
  color:var(--pd-ink)!important;
}

/* all sections: more air, fewer boxes */
body.project-detail-page .section,
body.project-detail-page .sec{
  padding:64px 0!important;
  border-bottom:1px solid var(--pd-line)!important;
  background:#fff!important;
}
body.project-detail-page .section-head,
body.project-detail-page .head{
  display:grid!important;
  grid-template-columns:290px minmax(0,1fr)!important;
  gap:70px!important;
  align-items:start!important;
  margin-bottom:34px!important;
}
body.project-detail-page .section-no,
body.project-detail-page .n{
  color:var(--pd-gold)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
body.project-detail-page .section h2,
body.project-detail-page .sec h2{
  margin:7px 0 0!important;
  font-size:31px!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  color:var(--pd-ink)!important;
}
body.project-detail-page .lead{
  margin:0!important;
  max-width:780px!important;
  color:#79878e!important;
  font-size:14px!important;
  line-height:1.72!important;
}

/* generic former cards become editorial rows */
body.project-detail-page .cards,
body.project-detail-page .summary,
body.project-detail-page .template-grid{
  border-top:1px solid var(--pd-line)!important;
  gap:0!important;
}
body.project-detail-page .card,
body.project-detail-page .template-card,
body.project-detail-page .date-card,
body.project-detail-page .info-card{
  border:0!important;
  border-bottom:1px solid var(--pd-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:22px 4px!important;
}
body.project-detail-page .card h3,
body.project-detail-page .template-card h3{
  color:var(--pd-ink)!important;
  font-size:14px!important;
  font-weight:750!important;
}
body.project-detail-page .card p,
body.project-detail-page .template-card p{
  color:#819097!important;
  font-size:12px!important;
  line-height:1.6!important;
}
body.project-detail-page .note{
  margin-top:28px!important;
  border:0!important;
  border-left:2px solid var(--pd-yellow)!important;
  border-radius:0!important;
  background:#fffdf3!important;
  padding:17px 20px!important;
  color:#5c6b72!important;
  font-size:12px!important;
  line-height:1.62!important;
}

/* buttons: quiet, rectangular, sparse */
body.project-detail-page button,
body.project-detail-page .btn,
body.project-detail-page .project-back,
body.project-detail-page .alarm-btn,
body.project-detail-page .mini-btn,
body.project-detail-page .toggle-btn{
  border-radius:6px!important;
  box-shadow:none!important;
}
body.project-detail-page .mini-btn,
body.project-detail-page .toggle-btn,
body.project-detail-page .project-back,
body.project-detail-page .alarm-btn{
  border:1px solid var(--pd-line)!important;
  background:#fff!important;
  color:#68777e!important;
  font-size:9px!important;
  font-weight:750!important;
  padding:8px 10px!important;
}
body.project-detail-page .mini-btn:hover,
body.project-detail-page .toggle-btn:hover{background:#fafbfb!important;color:var(--pd-ink)!important}
body.project-detail-page .status-pill,
body.project-detail-page .tag,
body.project-detail-page .source-badge{
  border-radius:4px!important;
  font-size:8px!important;
  padding:4px 6px!important;
  letter-spacing:.03em!important;
}

/* Project 194 — budget, agenda, contacts */
body.project-detail-page .budget-group{margin:0!important;border-top:1px solid var(--pd-line)!important}
body.project-detail-page .budget-group>div,
body.project-detail-page .budget-row{border-bottom:1px solid var(--pd-line)!important}
body.project-detail-page .hotel{background:#fffdf3!important}
body.project-detail-page .steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--pd-line)!important;
}
body.project-detail-page .step{
  border:0!important;
  border-right:1px solid var(--pd-line)!important;
  border-bottom:1px solid var(--pd-line)!important;
  border-radius:0!important;
  padding:22px!important;
  background:#fff!important;
}
body.project-detail-page .step:nth-child(3n){border-right:0!important}
body.project-detail-page .day-block{
  border:0!important;
  border-top:1px solid var(--pd-line)!important;
  border-radius:0!important;
  margin:0!important;
  background:#fff!important;
}
body.project-detail-page .day-head{
  background:#fff!important;
  border-bottom:1px solid var(--pd-line)!important;
  padding:18px 0!important;
}
body.project-detail-page .day-content{padding:24px 0 40px!important}
body.project-detail-page .meal-row{border-bottom:1px solid #edf0f1!important;padding:14px 0!important}
body.project-detail-page .contacts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 50px!important}
body.project-detail-page .contact{
  border:0!important;border-bottom:1px solid var(--pd-line)!important;border-radius:0!important;padding:18px 0!important;background:#fff!important
}

/* Project 195 — files, versions, changes, key rules */
body.project-detail-page .banner{
  border:0!important;border-left:2px solid var(--pd-yellow)!important;border-radius:0!important;background:#fffdf3!important;padding:17px 20px!important
}
body.project-detail-page .files,
body.project-detail-page .versions,
body.project-detail-page .changes,
body.project-detail-page .keys{gap:0!important;border-top:1px solid var(--pd-line)!important}
body.project-detail-page .file,
body.project-detail-page .ver,
body.project-detail-page .chg,
body.project-detail-page .keys>*{
  border:0!important;border-bottom:1px solid var(--pd-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;padding:18px 4px!important
}
body.project-detail-page .v{border-radius:4px!important;background:#f3f5f5!important;color:#65737a!important}

/* Project 196 — Gantt and budget */
body.project-detail-page .gantt-card{
  border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:0!important
}
body.project-detail-page .gantt-toolbar{
  padding:0 0 18px!important;border-bottom:1px solid var(--pd-line)!important;background:#fff!important
}
body.project-detail-page .gantt-head{
  background:#fff!important;border-bottom:1px solid var(--pd-line)!important
}
body.project-detail-page .gantt-row{
  min-height:92px!important;border-bottom:1px solid #e7ebed!important;background:#fff!important
}
body.project-detail-page .gantt-row.foreign-row{background:#fafbfb!important}
body.project-detail-page .event-name{font-size:13px!important;color:var(--pd-ink)!important}
body.project-detail-page .event-place,
body.project-detail-page .event-form,
body.project-detail-page .event-note{font-size:10px!important;color:#829097!important}
body.project-detail-page .timeline-grid{opacity:.6!important}
body.project-detail-page .bar{border-radius:2px!important;box-shadow:none!important}
body.project-detail-page .legend{
  border-top:1px solid var(--pd-line)!important;
  padding:18px 0 0!important;
  margin-top:18px!important;
}
body.project-detail-page .legend-dot{border-radius:2px!important}
body.project-detail-page .budget-table{
  border:0!important;border-top:1px solid var(--pd-line)!important;border-radius:0!important;box-shadow:none!important
}
body.project-detail-page .budget-table th,
body.project-detail-page .budget-table td{padding:14px 8px!important}
body.project-detail-page .gallery{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;border-top:1px solid var(--pd-line)!important
}
body.project-detail-page .gallery-slot{
  min-height:180px!important;border:0!important;border-right:1px solid var(--pd-line)!important;border-bottom:1px solid var(--pd-line)!important;border-radius:0!important;background:#fff!important
}
body.project-detail-page .gallery-slot:nth-child(3n){border-right:0!important}

/* Project 197 — simple portal scope */
body.project-detail-page .cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.project-detail-page .cards .card{border-right:1px solid var(--pd-line)!important}
body.project-detail-page .cards .card:last-child{border-right:0!important}

/* Project 198 — job library, minimal controls */
body.project-detail-page .jobs{gap:0!important;border-top:1px solid var(--pd-line)!important}
body.project-detail-page .job-card{
  border:0!important;border-bottom:1px solid var(--pd-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important
}
body.project-detail-page .job-head{
  min-height:82px!important;padding:18px 0!important;background:#fff!important;border:0!important
}
body.project-detail-page .job-no{
  width:38px!important;height:38px!important;border:1px solid var(--pd-line)!important;border-radius:50%!important;background:#fff!important;color:#829097!important;font-size:9px!important
}
body.project-detail-page .job-head h3{font-size:14px!important;font-weight:750!important}
body.project-detail-page .job-meta{font-size:10px!important;color:#8a989e!important}
body.project-detail-page .job-actions{gap:5px!important}
body.project-detail-page .toggle-job,
body.project-detail-page .edit-job,
body.project-detail-page .save-job,
body.project-detail-page .cancel-job,
body.project-detail-page .copy-btn{
  min-height:32px!important;padding:0 9px!important;border:1px solid var(--pd-line)!important;border-radius:5px!important;background:#fff!important;color:#6a787f!important;font-size:8px!important;font-weight:750!important
}
body.project-detail-page .save-job{background:var(--pd-yellow)!important;border-color:var(--pd-yellow)!important;color:#171c1f!important}
body.project-detail-page .job-body{
  padding:8px 52px 34px!important;max-width:1050px!important;color:#4e5e65!important;font-size:13px!important;line-height:1.7!important
}
body.project-detail-page .job-body h4{
  margin:24px 0 9px!important;font-size:13px!important;color:var(--pd-ink)!important
}
body.project-detail-page .job-body li{margin:5px 0!important}

/* modal/dialogs */
body.project-detail-page .alarm-dialog,
body.project-detail-page .info-dialog,
body.project-detail-page .dlg{
  border:1px solid var(--pd-line)!important;border-radius:8px!important;box-shadow:0 20px 60px rgba(24,32,36,.15)!important
}

/* footer on project pages */
body.project-detail-page .footer{margin-top:0!important}

@media(max-width:980px){
  body.project-detail-page .wrap,
  body.project-detail-page .w{width:calc(100% - 36px)!important}
  body.project-detail-page .hero-grid,
  body.project-detail-page .heroGrid{grid-template-columns:1fr!important;gap:28px!important}
  body.project-detail-page .hero-side,
  body.project-detail-page .status{border-left:0!important;border-top:1px solid var(--pd-line)!important;padding:22px 0 0!important}
  body.project-detail-page .section-head,
  body.project-detail-page .head{grid-template-columns:1fr!important;gap:14px!important}
  body.project-detail-page .steps,
  body.project-detail-page .cards{grid-template-columns:1fr!important}
  body.project-detail-page .step,
  body.project-detail-page .cards .card{border-right:0!important}
  body.project-detail-page .contacts,
  body.project-detail-page .gallery{grid-template-columns:1fr!important}
  body.project-detail-page .gallery-slot{border-right:0!important}
}

/* v3.6 — compact project search on home */
body.home-dashboard .home-project-search{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin:0 0 26px;
  padding:0 0 10px;
  border-bottom:1px solid #9aa5aa;
  max-width:760px;
}
body.home-dashboard .home-project-search-icon{
  color:#526168;
  font-size:21px;
  line-height:1;
}
body.home-dashboard .home-project-search input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#172126;
  font-size:13px;
  font-weight:500;
  padding:0;
}
body.home-dashboard .home-project-search input::placeholder{color:#8c989e}
body.home-dashboard .home-project-search-hint{
  color:#a1abb0;
  font-size:9px;
  white-space:nowrap;
}
@media(max-width:760px){
  body.home-dashboard .home-project-search{grid-template-columns:26px 1fr}
  body.home-dashboard .home-project-search-hint{display:none}
}


/* v3.7 — readability + professional project layouts */
body.project-detail-page{
  font-size:15px!important;
  line-height:1.62!important;
}
body.project-detail-page .hero p,
body.project-detail-page .lead,
body.project-detail-page .card p,
body.project-detail-page .template-card p,
body.project-detail-page .job-body,
body.project-detail-page td,
body.project-detail-page li{
  font-size:15px!important;
  line-height:1.62!important;
}
body.project-detail-page .hero p{font-size:16px!important}
body.project-detail-page .section-no,
body.project-detail-page .n{font-size:10px!important}
body.project-detail-page .section h2,
body.project-detail-page .sec h2{font-size:34px!important}
body.project-detail-page .card h3,
body.project-detail-page .template-card h3,
body.project-detail-page .job-head h3{font-size:17px!important}
body.project-detail-page small{font-size:13px!important;line-height:1.5!important}
body.project-detail-page th{font-size:11px!important}
body.project-detail-page td{padding:16px 10px!important}
body.project-detail-page .status-select{font-size:13px!important}
body.project-detail-page .status .ui,
body.project-detail-page .kicker{font-size:10px!important}

/* 198 — keep actions tidy and readable */
body.project-detail-page .job-head{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
body.project-detail-page .job-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
body.project-detail-page .toggle-job,
body.project-detail-page .edit-job,
body.project-detail-page .save-job,
body.project-detail-page .cancel-job,
body.project-detail-page .copy-btn{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
body.project-detail-page .job-meta{font-size:12px!important}
body.project-detail-page .job-body{
  max-width:1120px!important;
  padding:14px 58px 42px!important;
}
body.project-detail-page .job-body h4{font-size:16px!important}

/* 195 — version history as a clean timeline, no colored pills */
body.project-detail-page .versions{
  display:block!important;
  border-top:1px solid var(--pd-line)!important;
  position:relative!important;
}
body.project-detail-page .ver{
  position:relative!important;
  display:grid!important;
  grid-template-columns:180px 180px minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
  padding:24px 0 24px 24px!important;
  border:0!important;
  border-bottom:1px solid var(--pd-line)!important;
  background:#fff!important;
}
body.project-detail-page .ver:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:29px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#b9c2c6!important;
}
body.project-detail-page .ver.cur:before{background:var(--pd-yellow)!important}
body.project-detail-page .ver.cur{
  background:linear-gradient(90deg,#fffdf4 0,#fff 22%)!important;
}
body.project-detail-page .v{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  background:transparent!important;
  color:var(--pd-ink)!important;
  font-size:17px!important;
  font-weight:800!important;
}
body.project-detail-page .tag{
  display:inline!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#9a7a00!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
}
body.project-detail-page .ver>div:nth-child(2){
  color:#68777e!important;
  font-size:14px!important;
  padding-top:2px!important;
}
body.project-detail-page .ver b{font-size:16px!important;color:var(--pd-ink)!important}
body.project-detail-page .ver small{display:inline-block!important;margin-top:5px!important;color:#7f8e95!important}

/* neutralise all childish traffic-light pills */
body.project-detail-page .status-pill,
body.project-detail-page .source-badge,
body.project-detail-page .event-note,
body.project-detail-page .legend-source{
  background:#f3f5f6!important;
  color:#66757c!important;
  border:1px solid #dbe1e4!important;
}
body.project-detail-page .status-confirmed,
body.project-detail-page .status-fixed,
body.project-detail-page .status-estimate,
body.project-detail-page .status-assumption,
body.project-detail-page .status-internal,
body.project-detail-page .status-pending{
  background:#f5f6f7!important;
  color:#68777e!important;
  border:1px solid #dce2e5!important;
}
body.project-detail-page .event-note.done{
  background:#fffdf1!important;
  color:#816900!important;
  border:1px solid #e7d66f!important;
}

/* 196 — open, editorial Gantt */
body.project-detail-page .gantt-card{overflow:visible!important}
body.project-detail-page .gantt-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:0 0 26px!important;
}
body.project-detail-page .gantt-toolbar-note{
  color:#7c8a90!important;
  font-size:14px!important;
}
body.project-detail-page .gantt-head{
  grid-template-columns:400px 1fr!important;
  border-top:1px solid var(--pd-line)!important;
  min-height:62px!important;
}
body.project-detail-page .gantt-head-left{
  padding:20px 0!important;
  font-size:11px!important;
  color:#8a979d!important;
}
body.project-detail-page .month{
  min-height:62px!important;
  border-left:0!important;
}
body.project-detail-page .month-name{
  font-size:12px!important;
  font-weight:700!important;
  color:#607078!important;
}
body.project-detail-page .month::after{
  left:20px!important;right:20px!important;bottom:10px!important;height:2px!important;
  background:#e6eaec!important;border-radius:0!important
}
body.project-detail-page .gantt-row{
  grid-template-columns:400px 1fr!important;
  min-height:118px!important;
  border-bottom:1px solid #e7ebed!important;
}
body.project-detail-page .event-info{
  padding:24px 30px 24px 0!important;
  background:#fff!important;
}
body.project-detail-page .event-name{
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.25!important;
  color:var(--pd-ink)!important;
}
body.project-detail-page .event-place{font-size:13px!important;margin-top:5px!important}
body.project-detail-page .event-form{
  margin-top:9px!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  color:#718087!important;
}
body.project-detail-page .event-note{
  margin-top:8px!important;
  padding:4px 7px!important;
  border-radius:4px!important;
  font-size:10px!important;
}
body.project-detail-page .timeline{background:#fff!important}
body.project-detail-page .timeline::before{
  left:18px!important;right:18px!important;top:60%!important;height:1px!important;
  background:#dfe4e7!important;border-radius:0!important
}
body.project-detail-page .timeline-grid{opacity:.35!important}
body.project-detail-page .bar-wrap{top:60%!important;height:34px!important}
body.project-detail-page .bar{
  height:5px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#c2a100!important;
}
body.project-detail-page .confirmed .bar{background:#4f5d63!important}
body.project-detail-page .pending .bar{
  height:4px!important;
  background:transparent!important;
  border-top:2px dashed #9c8b43!important;
}
body.project-detail-page .foreign-row .bar{background:#9aa5aa!important;opacity:.65!important}
body.project-detail-page .bar-label{
  bottom:23px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:750!important;
  color:#4f5e65!important;
}
body.project-detail-page .legend{
  gap:24px!important;
  margin-top:22px!important;
  padding-top:20px!important;
  font-size:12px!important;
}
body.project-detail-page .legend-dot{
  width:22px!important;height:4px!important;border:0!important;border-radius:0!important;background:#c2a100!important
}
body.project-detail-page .legend-dot.done{background:#4f5d63!important}
body.project-detail-page .legend-dot.foreign{background:#9aa5aa!important}
body.project-detail-page .legend-dot.pending{
  height:1px!important;background:transparent!important;border-top:2px dashed #9c8b43!important
}

/* budgets: more spacing and less framing */
body.project-detail-page .budget-table{
  margin-top:6px!important;
  border-top:1px solid var(--pd-line)!important;
}
body.project-detail-page .budget-table th,
body.project-detail-page .budget-table td{
  padding:17px 12px!important;
}
body.project-detail-page .budget-group td{
  padding-top:28px!important;
  padding-bottom:12px!important;
  background:#fff!important;
  color:#7b898f!important;
  border-top:1px solid var(--pd-line)!important;
  border-bottom:1px solid #edf0f1!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}
body.project-detail-page .budget-group.fire td,
body.project-detail-page .budget-group.hotel td{background:#fff!important}
body.project-detail-page .budget-subtotal td{background:#fafbfb!important}
body.project-detail-page .budget-total{
  margin-top:28px!important;
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid var(--pd-line)!important;
  background:#fff!important;
}

/* 194 — more breathing room in summary, agenda and budget */
body.project-detail-page .summary{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.project-detail-page .summary .card{
  padding:22px 16px 24px 0!important;
}
body.project-detail-page .summary .card strong{font-size:18px!important}
body.project-detail-page .day-block{margin-top:28px!important}
body.project-detail-page .day-head{padding:20px 0!important}
body.project-detail-page .day-label{font-size:14px!important}
body.project-detail-page .day-content{padding:26px 0 46px!important}
body.project-detail-page .dual{gap:56px!important}
body.project-detail-page .meal-row{padding:17px 0!important;margin:0!important}

/* 197 — keep scope very light */
body.project-detail-page .cards .card{padding:26px 28px 28px 0!important}
body.project-detail-page .cards .card h3{font-size:17px!important}

/* mobile */
@media(max-width:1100px){
  body.project-detail-page .gantt-head,
  body.project-detail-page .gantt-row{grid-template-columns:310px 1fr!important}
  body.project-detail-page .ver{grid-template-columns:130px 140px 1fr!important;gap:18px!important}
  body.project-detail-page .job-actions{flex-wrap:wrap!important}
}
@media(max-width:760px){
  body.project-detail-page .hero p,
  body.project-detail-page .lead,
  body.project-detail-page .card p,
  body.project-detail-page .template-card p,
  body.project-detail-page .job-body,
  body.project-detail-page td,
  body.project-detail-page li{font-size:14px!important}
  body.project-detail-page .section h2,
  body.project-detail-page .sec h2{font-size:29px!important}
  body.project-detail-page .ver{grid-template-columns:1fr!important;padding-left:22px!important}
  body.project-detail-page .gantt-card{overflow-x:auto!important}
  body.project-detail-page .gantt-head,
  body.project-detail-page .gantt-row{min-width:900px!important}
  body.project-detail-page .summary{grid-template-columns:1fr 1fr!important}
  body.project-detail-page .job-head{grid-template-columns:38px 1fr!important}
  body.project-detail-page .job-actions{grid-column:1/-1!important;justify-content:flex-start!important}
  body.project-detail-page .job-body{padding:12px 0 34px!important}
}


/* v3.8 — refined job action controls */
body.project-detail-page .job-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  flex-wrap:nowrap!important;
}
body.project-detail-page .toggle-job,
body.project-detail-page .edit-job,
body.project-detail-page .save-job,
body.project-detail-page .cancel-job,
body.project-detail-page .copy-btn{
  min-height:auto!important;
  padding:6px 11px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#596870!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:650!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
body.project-detail-page .job-actions > button + button{
  border-left:1px solid #e1e6e8!important;
}
body.project-detail-page .toggle-job{
  color:#1e2a30!important;
  font-weight:750!important;
}
body.project-detail-page .toggle-job:after{
  content:" ↓";
  color:#9a7a00!important;
  font-weight:800!important;
}
body.project-detail-page .job-card.open .toggle-job:after{content:" ↑"}
body.project-detail-page .edit-job:hover,
body.project-detail-page .copy-btn:hover,
body.project-detail-page .cancel-job:hover,
body.project-detail-page .toggle-job:hover{
  color:#9a7a00!important;
  background:transparent!important;
}
body.project-detail-page .save-job{
  color:#7a6500!important;
  background:transparent!important;
  font-weight:750!important;
}
body.project-detail-page .save-job:hover{color:#1e2a30!important}
body.project-detail-page .copy-btn.done{
  color:#2f6f45!important;
  background:transparent!important;
}
@media(max-width:760px){
  body.project-detail-page .job-actions{flex-wrap:wrap!important;justify-content:flex-start!important}
  body.project-detail-page .job-actions > button + button{border-left:0!important}
  body.project-detail-page .toggle-job,
  body.project-detail-page .edit-job,
  body.project-detail-page .save-job,
  body.project-detail-page .cancel-job,
  body.project-detail-page .copy-btn{padding-left:0!important;padding-right:14px!important}
}

/* v3.9 — reliable project/task search */
body.home-dashboard .task-search{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  padding:0 0 9px;
  border-bottom:1px solid #9aa5aa;
}
body.home-dashboard .task-search-icon{
  color:#526168;
  font-size:19px;
  line-height:1;
}
body.home-dashboard .task-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#172126;
  font-size:12px;
  font-weight:500;
  padding:0;
}
body.home-dashboard .task-search input::placeholder{color:#8c989e}

/* v3.10 — project search filtering */
body.home-dashboard .project-card.search-hidden{
  display:none!important;
}
body.home-dashboard .task-search{
  display:none!important;
}


/* v3.11 — clearer Gantt axis + generous table/grid spacing */

/* GANTT: yellow time axis, labels locked to markers and no clipping */
body.project-detail-page .gantt-row{
  min-height:126px!important;
  overflow:visible!important;
}
body.project-detail-page .timeline{
  position:relative!important;
  overflow:visible!important;
  min-height:126px!important;
}
body.project-detail-page .timeline::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:66%!important;
  height:2px!important;
  transform:none!important;
  background:#f2c900!important;
  border-radius:0!important;
  z-index:1!important;
}
body.project-detail-page .timeline-grid{
  z-index:0!important;
  opacity:.22!important;
}
body.project-detail-page .bar-wrap{
  top:0!important;
  transform:none!important;
  height:100%!important;
  min-width:28px!important;
  display:block!important;
  z-index:3!important;
}
body.project-detail-page .bar{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(66% - 4px)!important;
  height:8px!important;
  border:0!important;
  border-radius:0!important;
  background:#4f5d63!important;
  box-shadow:none!important;
}
body.project-detail-page .bar-wrap::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:calc(66% - 8px)!important;
  width:2px!important;
  height:16px!important;
  transform:translateX(-50%)!important;
  background:#4f5d63!important;
}
body.project-detail-page .bar-label{
  position:absolute!important;
  left:50%!important;
  top:calc(66% - 39px)!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  min-width:max-content!important;
  max-width:220px!important;
  white-space:nowrap!important;
  padding:0!important;
  background:#fff!important;
  color:#34434a!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:center!important;
  z-index:4!important;
}
body.project-detail-page .bar-wrap.edge-right .bar-label{
  left:auto!important;
  right:0!important;
  transform:none!important;
  text-align:right!important;
}
body.project-detail-page .confirmed .bar,
body.project-detail-page .confirmed .bar-wrap::after{
  background:#4f5d63!important;
}
body.project-detail-page .confirmed .bar-label{color:#34434a!important}
body.project-detail-page .pending .bar{
  height:0!important;
  top:66%!important;
  background:transparent!important;
  border-top:2px dashed #7d6b22!important;
}
body.project-detail-page .pending .bar-wrap::after{
  background:#7d6b22!important;
  height:14px!important;
  top:calc(66% - 6px)!important;
}
body.project-detail-page .pending .bar-label{
  white-space:normal!important;
  min-width:150px!important;
  max-width:190px!important;
  color:#6f6127!important;
}
body.project-detail-page .foreign-row .bar,
body.project-detail-page .foreign-row .bar-wrap::after{
  background:#8e9aa0!important;
}
body.project-detail-page .foreign-row .bar-label{color:#6f7d83!important;background:#fff!important}

/* Cleaner month header: same yellow language as the axis */
body.project-detail-page .month::after{
  height:2px!important;
  background:#f2c900!important;
  opacity:.55!important;
}

/* Summary blocks / scenario grids / scope cards: no text hugging vertical dividers */
body.project-detail-page .summary,
body.project-detail-page .steps,
body.project-detail-page .cards,
body.project-detail-page .keys{
  column-gap:32px!important;
  row-gap:0!important;
}
body.project-detail-page .summary .card,
body.project-detail-page .steps .step,
body.project-detail-page .cards .card,
body.project-detail-page .keys .card{
  padding:24px 26px!important;
  border-right:0!important;
  border-left:0!important;
}
body.project-detail-page .summary .card:first-child,
body.project-detail-page .steps .step:first-child,
body.project-detail-page .cards .card:first-child,
body.project-detail-page .keys .card:first-child{
  padding-left:26px!important;
}
body.project-detail-page .summary .card:last-child,
body.project-detail-page .steps .step:last-child,
body.project-detail-page .cards .card:last-child,
body.project-detail-page .keys .card:last-child{
  padding-right:26px!important;
}

/* Remove the hard table-box feeling in project summaries */
body.project-detail-page .summary,
body.project-detail-page .steps,
body.project-detail-page .cards,
body.project-detail-page .keys{
  border-top:1px solid var(--pd-line)!important;
  border-bottom:1px solid var(--pd-line)!important;
}
body.project-detail-page .summary .card,
body.project-detail-page .steps .step,
body.project-detail-page .cards .card,
body.project-detail-page .keys .card{
  border-bottom:0!important;
  background:#fff!important;
}

/* Actual tables get comfortable gutters too */
body.project-detail-page table th,
body.project-detail-page table td{
  padding-left:22px!important;
  padding-right:22px!important;
}
body.project-detail-page table th:first-child,
body.project-detail-page table td:first-child{padding-left:24px!important}
body.project-detail-page table th:last-child,
body.project-detail-page table td:last-child{padding-right:24px!important}

/* Project 197 scope cards: extra inner breathing room */
body.project-detail-page .cards .card h3{margin-top:2px!important}
body.project-detail-page .cards .card p{margin-top:10px!important}

/* Project 194 scenario specifically — airy editorial grid */
body.project-detail-page .steps{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.project-detail-page .steps .step{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.project-detail-page .steps .step b{
  margin-bottom:12px!important;
  color:#8a979d!important;
  font-size:10px!important;
}
body.project-detail-page .steps .step strong{
  font-size:16px!important;
  line-height:1.3!important;
}

/* Project 195 current-stage summary */
body.project-detail-page .summary .card strong,
body.project-detail-page .summary .card b{
  font-size:18px!important;
  line-height:1.3!important;
}
body.project-detail-page .summary .card span,
body.project-detail-page .summary .card small{
  display:block!important;
  margin-bottom:6px!important;
  color:#819097!important;
}

/* v3.12 — exact two-line heading for project 195 */
body.project-detail-page .thermostar-title{
  max-width:none!important;
  width:max-content!important;
  font-size:clamp(42px,4.15vw,62px)!important;
  line-height:1.02!important;
}
body.project-detail-page .thermostar-title>span{
  display:block!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
  body.project-detail-page .thermostar-title{
    width:auto!important;
    font-size:clamp(38px,5vw,54px)!important;
  }
}
@media(max-width:760px){
  body.project-detail-page .thermostar-title{
    font-size:clamp(32px,9vw,44px)!important;
  }
  body.project-detail-page .thermostar-title>span{
    white-space:normal!important;
  }
}

/* v3.13 — approved job-copy marker */
body.project-detail-page .job-approved{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 6px!important;
  color:#7a6500!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.project-detail-page .job-approved:before{
  content:"✓"!important;
  display:inline-block!important;
  color:#7a6500!important;
  font-size:11px!important;
  font-weight:900!important;
}
body.project-detail-page .job-card.approved .job-no{
  border-color:#d9c96d!important;
}