:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#111;background:#f6f6f3;font-synthesis:none
}
*{box-sizing:border-box}
body{margin:0;background:#f6f6f3;color:#111}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.loading{min-height:100vh;display:grid;place-items:center;color:#666}
.shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}
.sidebar{background:#111;color:#fff;padding:24px;display:flex;flex-direction:column;gap:28px}
.brand{font-size:20px;font-weight:750;letter-spacing:.01em}
.brand small{display:block;font-size:11px;color:#999;margin-top:4px;font-weight:500}
.version{font-size:10px;color:#777;margin-top:3px}
.nav{display:grid;gap:7px}
.nav button{background:transparent;color:#d5d5d5;border:0;text-align:left;padding:10px 12px;border-radius:8px}
.nav button:hover,.nav button.active{background:#242424;color:#fff}
.sidebar .bottom{margin-top:auto;font-size:12px;color:#999;overflow-wrap:anywhere}
.main{padding:32px;max-width:1460px;width:100%}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.topbar h1{font-size:28px;margin:0}
.muted{color:#6b6b6b}
.small{font-size:12px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card,.panel{background:#fff;border:1px solid #e2e2dd;border-radius:14px}
.card{padding:18px}
.panel{padding:22px}
.card h3,.panel h2,.panel h3{margin:0 0 8px}
.metric{font-size:30px;font-weight:750;margin-top:8px}
.btn{border:1px solid #111;background:#111;color:#fff;padding:10px 15px;border-radius:9px;font-weight:650}
.btn.secondary{background:#fff;color:#111;border-color:#d6d6d1}
.btn.ghost{background:transparent;color:#111;border-color:transparent}
.btn.danger{background:#fff;color:#9c2424;border-color:#e7caca}
.btn.smallbtn{padding:7px 10px;font-size:12px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stack{display:grid;gap:16px}
.tablewrap{overflow:auto;border-radius:12px;border:1px solid #e4e4df;background:#fff}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:13px 14px;border-bottom:1px solid #ecece8;text-align:left;font-size:14px;vertical-align:top}
.table tr:last-child td{border-bottom:0}
.table th{color:#666;font-weight:650;background:#fbfbf9}
.form{display:grid;gap:16px}
.field{display:grid;gap:7px}
.field label,.label{font-size:13px;font-weight:650}
.field input,.field textarea,.field select,.inline-input{width:100%;border:1px solid #d8d8d2;border-radius:9px;padding:10px 12px;background:#fff}
.field textarea{min-height:88px;resize:vertical}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}
.login{width:min(430px,100%);background:#fff;border:1px solid #e4e4df;border-radius:16px;padding:28px}
.login h1{margin:0 0 6px}
.notice{padding:11px 13px;border-radius:9px;background:#f0f0ed;font-size:14px;margin:12px 0}
.error{background:#fff0f0;color:#8a2020}
.success{background:#eef8ee;color:#245d24}
.business-link{font-weight:700;background:none;border:0;padding:0;text-align:left}
.question{display:grid;gap:7px}
.question span{font-size:13px;font-weight:650}
.question textarea{min-height:72px;border:1px solid #d8d8d2;border-radius:9px;padding:10px 12px}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.section-head h2{font-size:19px;margin:0}
.section-head p{margin:4px 0 0}
.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#efefec;font-size:12px;font-weight:650}
.pill.high{background:#eaf5ea;color:#2c622c}
.pill.medium{background:#f7f3e7;color:#705f24}
.pill.low{background:#f7ecec;color:#7a3333}
.contact-card{border:1px solid #e7e7e2;border-radius:11px;padding:14px;display:flex;justify-content:space-between;gap:12px}
.contact-card strong{display:block;margin-bottom:4px}
.contact-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#666}
.activity{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #ecece8}
.activity:last-child{border-bottom:0}
.activity time{font-size:12px;color:#777}
.activity .title{font-weight:650;margin-bottom:3px}
.note-box{display:grid;gap:9px}
.note-box textarea{min-height:74px;border:1px solid #d8d8d2;border-radius:9px;padding:10px 12px}
.scorebox{display:flex;align-items:end;gap:14px}
.scorebig{font-size:42px;font-weight:780;line-height:1}
.qual-row{display:grid;grid-template-columns:1.3fr 190px;gap:12px;align-items:center}
.qual-row label{font-size:13px;font-weight:650}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.check{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.divider{height:1px;background:#ecece8;margin:4px 0}
.empty{color:#777;font-size:14px;padding:8px 0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.tabs button{border:1px solid #d9d9d4;background:#fff;padding:8px 11px;border-radius:8px;font-weight:650}
.tabs button:hover{border-color:#111}
@media(max-width:980px){
  .shell{grid-template-columns:1fr}
  .sidebar{position:sticky;top:0;z-index:3;flex-direction:row;align-items:center;padding:12px 16px;overflow:auto}
  .brand small,.sidebar .bottom,.version{display:none}
  .nav{display:flex}
  .nav button{white-space:nowrap}
  .main{padding:20px}
  .grid{grid-template-columns:1fr 1fr}
  .grid2{grid-template-columns:1fr}
}
@media(max-width:650px){
  .grid,.two,.three,.checks{grid-template-columns:1fr}
  .topbar,.section-head{align-items:flex-start;flex-direction:column}
  .qual-row{grid-template-columns:1fr}
  .activity{grid-template-columns:1fr}
  .contact-card{flex-direction:column}
}


/* V3 Solution Builder */
.archetypes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.module-groups{display:grid;gap:18px;margin-top:14px}
.module-group{border:1px solid #e5e5df;border-radius:12px;overflow:hidden;background:#fbfbf9}
.module-category{padding:10px 13px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#666;border-bottom:1px solid #e5e5df}
.module-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 120px;gap:12px;align-items:center;padding:13px;background:#fff;border-bottom:1px solid #ecece8;opacity:.62}
.module-row:last-child{border-bottom:0}
.module-row.selected{opacity:1;background:#fff}
.module-main{display:flex;gap:10px;align-items:flex-start}
.module-main input{margin-top:3px}
.module-main strong{display:block;font-size:13px}
.module-main small{display:block;color:#777;margin-top:4px;line-height:1.35}
.module-row select,.module-price input{width:100%;border:1px solid #d8d8d2;border-radius:8px;padding:8px;background:#fff}
.module-price{display:grid;grid-template-columns:18px 1fr;align-items:center;color:#666}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pricing-stat{border:1px solid #e4e4df;border-radius:11px;padding:14px;background:#fbfbf9}
.pricing-stat span{display:block;color:#777;font-size:12px;margin-bottom:6px}
.pricing-stat strong{font-size:23px}
.pricing-stat.emphasis{border-color:#111;background:#fff}
.final-price-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.proposal-card{border:1px solid #deded9;border-radius:14px;padding:24px;background:#fff;max-width:820px}
.proposal-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#777}
.proposal-card h3{font-size:25px;margin:8px 0 10px}
.proposal-card p{color:#555;line-height:1.55}
.proposal-list{display:grid;gap:12px;margin:20px 0}
.proposal-list>div{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid #ededE8}
.proposal-list span{font-size:13px;color:#666;line-height:1.4}
.proposal-optional{display:flex;gap:8px;flex-wrap:wrap;padding:13px;background:#f7f7f4;border-radius:10px;font-size:12px}
.proposal-optional strong{width:100%}
.proposal-optional span{padding:5px 8px;background:#fff;border:1px solid #e0e0db;border-radius:999px}
.proposal-investment{display:flex;justify-content:space-between;gap:16px;align-items:end;border-top:1px solid #deded9;margin-top:20px;padding-top:18px}
.proposal-investment span{color:#666}
.proposal-investment strong{font-size:22px;text-align:right}
@media(max-width:780px){.module-row{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.final-price-row{grid-template-columns:1fr}.proposal-investment{align-items:flex-start;flex-direction:column}.proposal-investment strong{text-align:left}}
@media(max-width:520px){.pricing-grid{grid-template-columns:1fr}}


/* V4 Project layer */
.project-convert{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e4e4df;border-radius:12px;padding:16px;background:#fbfbf9}
.snapshot-list,.milestone-list,.task-list{display:grid;gap:10px}
.snapshot-item,.milestone-row,.task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e7e7e2;border-radius:10px;padding:13px 14px}
.milestone-row select,.task-row select{max-width:180px}
.progress{height:9px;background:#ecece8;border-radius:999px;overflow:hidden;margin:10px 0 18px}
.progress span{display:block;height:100%;background:#111;border-radius:999px}
@media(max-width:650px){.project-convert,.snapshot-item,.milestone-row,.task-row{align-items:flex-start;flex-direction:column}.milestone-row select,.task-row select{max-width:none}}


.drive-box{border:1px solid #e2e2dd;background:#fafaf8;border-radius:10px;padding:12px}
.drive-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.drive-link{margin-top:9px;font-size:13px;font-weight:650}.drive-link a{text-decoration:none}.drive-link a:hover{text-decoration:underline}
.drive-list{display:grid;gap:12px}.drive-card{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e6e6e1;border-radius:11px;padding:14px}.drive-card strong{display:block;margin-bottom:4px}
@media(max-width:650px){.drive-grid{grid-template-columns:1fr}.drive-card{align-items:flex-start;flex-direction:column}}

.drive-folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.drive-folder-list a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;border:1px solid #e5e5df;background:#fff;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:650}
.drive-folder-list a:hover{border-color:#111}
button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:650px){.drive-folder-list{grid-template-columns:1fr}}

.workflow-next{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:center;
  background:#111;
  color:#fff;
  border-radius:16px;
  padding:22px 24px;
  margin-bottom:18px
}
.workflow-next h2{margin:3px 0 5px;font-size:23px}
.workflow-next p{margin:0;color:#bdbdbd;max-width:700px}
.workflow-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#999;font-weight:750}
.workflow-next .btn.secondary{background:#fff;color:#111;border-color:#fff}
@media(max-width:700px){
  .workflow-next{align-items:flex-start;flex-direction:column}
}

.offer-status-box{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  border:1px solid #d9d9d3;
  background:#fafaf7;
  border-radius:13px;
  padding:16px 18px;
  margin-bottom:18px
}
.offer-status-box strong{
  display:block;
  font-size:22px;
  margin:4px 0
}
.offer-status-select{
  min-width:210px;
  border:1px solid #111;
  background:#fff;
  border-radius:10px;
  padding:11px 13px;
  font-weight:700
}
@media(max-width:650px){
  .offer-status-box{align-items:flex-start;flex-direction:column}
  .offer-status-select{width:100%;min-width:0}
}

.target-presets{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  border:1px solid #e1e1dc;
  background:#fafaf7;
  border-radius:12px;
  padding:14px 16px
}
.target-preset.active{
  background:#111;
  color:#fff;
  border-color:#111
}
@media(max-width:720px){
  .target-presets{align-items:flex-start;flex-direction:column}
}

.file-upload-card{border:1px solid #e2e2dd;background:#fafaf7;border-radius:13px;padding:16px}
.file-upload-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1.3fr);gap:14px}
.upload-queue{display:grid;gap:9px;margin-top:14px}
.upload-item{border:1px solid #e4e4df;background:#fff;border-radius:10px;padding:11px 12px}
.upload-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}
.upload-progress{height:6px;background:#ecece8;border-radius:999px;overflow:hidden;margin:8px 0 6px}
.upload-progress span{display:block;height:100%;width:0;background:#111;transition:width .15s ease}
.upload-done{border-color:#bdd9bd}.upload-done .upload-progress span{background:#2f6d36}
.upload-error{border-color:#e2bcbc}.upload-error .upload-progress span{background:#8b2c2c}
.file-list{display:grid;gap:8px}
.file-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e5e5df;border-radius:11px;padding:12px 13px;background:#fff}
.file-main{min-width:0}.file-main strong{display:block;overflow-wrap:anywhere}
@media(max-width:720px){.file-upload-grid{grid-template-columns:1fr}.file-row{align-items:flex-start;flex-direction:column}}

.upload-skipped{border-color:#ddd7bc;background:#fffdf4}
.upload-skipped .upload-status{color:#76651f}

.client-access-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.linked-user{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e5e5df;border-radius:10px;background:#fff}
#linkedClientUsers{display:grid;gap:8px}

.client-app{min-height:100vh;background:#f5f5f2;color:#111}
.client-header{height:72px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e4df;background:#fff;position:sticky;top:0;z-index:10}
.client-brand{font-size:20px;font-weight:800;letter-spacing:.01em}
.client-nav{display:flex;gap:6px;padding:12px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid #e5e5e0;background:#fff;position:sticky;top:72px;z-index:9;overflow:auto}
.client-nav button{border:0;background:transparent;padding:9px 12px;border-radius:8px;font-weight:700;white-space:nowrap}
.client-nav button.active,.client-nav button:hover{background:#111;color:#fff}
.client-main{max-width:1180px;margin:0 auto;padding:30px 20px 60px;display:grid;gap:18px}
.client-hero{background:#111;color:#fff;border-radius:20px;padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.client-hero h1{font-size:34px;margin:5px 0 10px}
.client-hero p{max-width:720px;color:#c9c9c9;margin:0}
.client-eyebrow,.client-card-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#818181}
.client-progress-ring{width:112px;height:112px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;text-align:center}
.client-progress-ring strong{display:block;font-size:27px;line-height:1}.client-progress-ring span{font-size:10px;color:#aaa}
.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.client-card{background:#fff;border:1px solid #e1e1dc;border-radius:16px;padding:22px}
.client-card h2{margin:5px 0 8px;font-size:21px}
.client-card p{margin:0;color:#666}
.client-action-list{display:grid;gap:9px}
.client-action-item{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e8e8e3;border-radius:12px;padding:14px;background:#fff}
.client-done-state{padding:20px;border:1px dashed #d5d5cf;border-radius:12px;display:grid;gap:4px;text-align:center;color:#555}
.client-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.client-page-head h1{margin:4px 0 7px;font-size:30px}
.client-page-head p{margin:0;color:#666}
.client-page-head select{max-width:300px}
.client-project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.client-project-meta span{display:grid;gap:4px}.client-project-meta small{color:#777}.client-project-meta strong{font-size:16px}
.client-milestones{display:grid;gap:0}
.client-milestone{position:relative;display:grid;grid-template-columns:22px 1fr;gap:11px;padding:11px 0}
.client-milestone:before{content:"";position:absolute;left:6px;top:29px;bottom:-11px;width:1px;background:#ddd}
.client-milestone:last-child:before{display:none}
.client-milestone-dot{width:13px;height:13px;border-radius:50%;border:2px solid #aaa;background:#fff;margin-top:3px;z-index:1}
.client-milestone.complete .client-milestone-dot{background:#111;border-color:#111}
.client-milestone.in_progress .client-milestone-dot{border-color:#111;box-shadow:0 0 0 4px #ecece7}
.client-file-list,.client-request-list{display:grid;gap:9px}
.client-file{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;border:1px solid #e6e6e1;border-radius:12px;padding:14px;color:#111}
.client-file:hover{border-color:#111}
.client-request{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid #e6e6e1;border-radius:12px}
.client-empty{padding:50px 20px;text-align:center;background:#fff;border:1px solid #e1e1dc;border-radius:16px}
@media(max-width:760px){
 .client-access-grid,.client-grid,.client-project-meta{grid-template-columns:1fr}
 .client-hero,.client-page-head,.client-action-item,.client-request{align-items:flex-start;flex-direction:column}
 .client-progress-ring{width:88px;height:88px}
 .client-hero h1{font-size:27px}
 .client-header{padding:0 16px}.client-nav{padding:10px 16px;top:72px}.client-main{padding:20px 14px 50px}
}

.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#999;font-size:12px}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e1e1dc;flex:1}

.client-task-action{align-items:flex-start}
.client-task-copy{min-width:0;max-width:680px}
.client-task-control{min-width:260px;display:flex;justify-content:flex-end}
.client-upload-control{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center;width:min(430px,100%)}
.client-upload-control input[type=file]{width:100%;font-size:12px;border:1px solid #deded8;border-radius:9px;padding:7px;background:#fff}
.client-upload-status{grid-column:1/-1;text-align:right;overflow-wrap:anywhere}
@media(max-width:760px){
 .client-task-action{align-items:stretch}
 .client-task-control{min-width:0;width:100%;justify-content:flex-start}
 .client-upload-control{grid-template-columns:1fr;width:100%}
 .client-upload-status{grid-column:1;text-align:left}
}

.client-password-setup{max-width:1180px;margin:18px auto 0;padding:18px 20px;border:1px solid #d7d7d0;background:#fff;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.client-password-setup h2{margin:5px 0 6px;font-size:20px}.client-password-setup p{margin:0;color:#666}
.client-password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:start}.client-password-form input{min-width:0;border:1px solid #dcdcd5;border-radius:9px;padding:10px 11px;background:#fff}.client-password-form #clientPasswordMsg{grid-column:1/-1}
.client-password-success{grid-column:1/-1;display:flex;justify-content:center;gap:8px;padding:8px;color:#2f6d36}.client-password-success span{color:#666}
@media(max-width:860px){.client-password-setup{margin:14px 14px 0;grid-template-columns:1fr}.client-password-form{grid-template-columns:1fr}.client-password-form #clientPasswordMsg{grid-column:1}}

.nav-badge{display:none;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#111;color:#fff;font-size:11px;line-height:20px;text-align:center;margin-left:auto}.nav-badge.show{display:inline-block}
.metric-button{width:100%;text-align:left;cursor:pointer;border:1px solid #deded8}.metric-button:hover{border-color:#111}
.home-inbox-preview{margin-top:18px}
.inbox-list{display:grid;gap:10px}.inbox-list.compact{gap:7px}
.inbox-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #e4e4de;border-radius:13px;padding:15px;background:#fff}
.inbox-item.inbox-client_help,.inbox-item.inbox-approval_changes{border-color:#cfc9b4;background:#fffdf8}
.inbox-main{min-width:0;display:grid;gap:5px}.inbox-meta{gap:8px;align-items:center;flex-wrap:wrap}.inbox-title{font-size:15px}.inbox-detail{font-size:13px;line-height:1.45;max-width:760px;white-space:pre-wrap;overflow-wrap:anywhere}.inbox-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center}.inbox-triage{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn.ghost{background:transparent;border:1px solid #e0d8d8;color:#7a4e4e}.btn.ghost:hover{border-color:#7a4e4e}
.inbox-zero{display:grid;gap:4px;text-align:center;padding:30px;border:1px dashed #d6d6cf;border-radius:12px;color:#555}.inbox-zero span{color:#888}
@media(max-width:820px){.inbox-item{grid-template-columns:1fr}.inbox-actions,.inbox-triage{justify-content:flex-start}.inbox-actions{flex-wrap:wrap}}

.execution-flow-panel{border-color:#d9d8cf;background:linear-gradient(180deg,#fff,#fbfbf8)}
.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}.flow-stat{border:1px solid #e5e5df;border-radius:12px;padding:13px;background:#fff;display:grid;gap:5px}.flow-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#777}.flow-stat strong{font-size:14px;line-height:1.35}.flow-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:15px}.flow-progress{min-width:260px;flex:1;display:grid;gap:6px}.flow-waiting{font-size:13px;color:#777}.flow-complete{display:flex;gap:8px;align-items:center;justify-content:center;border:1px dashed #cfd8cf;border-radius:12px;padding:22px;color:#355f3b}.flow-complete span{color:#6c776d}.milestone-readonly{min-height:54px}
.execution-task-groups{display:grid;gap:14px}.task-stage-group{border:1px solid #e3e3dd;border-radius:13px;overflow:hidden;background:#fff}.task-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fafaf7;border-bottom:1px solid #e8e8e2}.task-stage-head>div{display:grid;gap:2px}.task-stage-rows{display:grid}.task-stage-rows .task-row{border-radius:0;border:0;border-bottom:1px solid #ededE8}.task-stage-rows .task-row:last-child{border-bottom:0}.task-desc{max-width:760px;margin-top:3px;line-height:1.4}
.inbox-stage_ready{border-color:#cfd8cf;background:#fbfefb}
@media(max-width:900px){.flow-grid{grid-template-columns:1fr 1fr}.flow-footer{align-items:stretch;flex-direction:column}.flow-progress{min-width:0;width:100%}}
@media(max-width:560px){.flow-grid{grid-template-columns:1fr}.task-stage-head{align-items:flex-start}}

.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.settings-tab{appearance:none;border:1px solid #deded8;background:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:13px;cursor:pointer}.settings-tab.active{background:#111;color:#fff;border-color:#111}.settings-panel{display:none}.settings-panel.active{display:block}.config-stack{display:grid;gap:11px}.config-card{border:1px solid #e2e2dc;border-radius:13px;padding:14px;background:#fff}.config-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:12px}.config-card-head>div{display:grid;gap:3px}.config-grid{display:grid;gap:10px;align-items:end}.config-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.config-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.config-grid.four{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.config-grid.five{grid-template-columns:160px 1fr 150px 120px auto}.config-save-cell{display:flex;align-items:flex-end;padding-bottom:1px}.switchline{display:flex;gap:7px;align-items:center;font-size:13px;color:#555}.pricing-options-list{display:grid;gap:8px}.pricing-option-row{display:grid;grid-template-columns:130px minmax(160px,1fr) 130px 90px 100px auto;gap:8px;align-items:center;border:1px solid #e6e6e0;padding:9px;border-radius:10px}.pricing-option-row input,.pricing-option-row select{min-width:0}.preset-card,.workflow-rule{padding:0;overflow:hidden}.preset-card summary,.workflow-rule summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafaf7}.preset-card summary::-webkit-details-marker,.workflow-rule summary::-webkit-details-marker{display:none}.preset-card summary>span:first-child,.workflow-rule summary>span:first-child{display:grid;gap:2px}.preset-card summary small,.workflow-rule summary small{color:#777}.preset-body,.workflow-rule-body{padding:15px;border-top:1px solid #e5e5df}.preset-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.preset-module-item{display:grid;grid-template-columns:auto 1fr 125px;gap:7px;align-items:center;border:1px solid #e7e7e1;border-radius:9px;padding:8px;font-size:12px}.preset-module-item select{min-width:0}.preset-active{align-self:center}.workflow-rule-body{display:grid;gap:12px}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.master-sync-note{font-size:12px;color:#777}
@media(max-width:1000px){.config-grid.four,.config-grid.five,.pricing-option-row{grid-template-columns:1fr 1fr}.config-save-cell{padding:0}.preset-module-list{grid-template-columns:1fr}}
@media(max-width:650px){.settings-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.settings-tab{white-space:nowrap}.config-grid.two,.config-grid.three,.config-grid.four,.config-grid.five,.pricing-option-row{grid-template-columns:1fr}.preset-module-item{grid-template-columns:auto 1fr}.preset-module-item select{grid-column:2}.config-card-head{flex-direction:column}}

.compact-head{margin-bottom:8px}.compact-head h3{margin:0 0 2px}.shared-link-form{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(260px,1.5fr) auto auto;gap:8px;align-items:center;margin-bottom:10px}.shared-link-form input{min-width:0}.shared-link-list,.approval-director-list{display:grid;gap:8px}.shared-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6e6e0;border-radius:10px;padding:11px}.shared-link-row a{text-decoration:none;color:inherit}.approval-director-card{border:1px solid #e2e2dc;border-radius:13px;padding:14px;background:#fff;display:grid;gap:12px}.approval-director-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.approval-client-comment{border-left:3px solid #c7b678;padding:9px 11px;background:#fffdf7;border-radius:0 8px 8px 0;font-size:13px}.approval-material-grid{display:grid;grid-template-columns:1.1fr 1.4fr .9fr auto;gap:8px;align-items:end}.approval-history summary{cursor:pointer;color:#666;font-size:12px}.approval-history>div{display:grid;gap:6px;margin-top:8px}.approval-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:7px;border-top:1px solid #ecece6;font-size:12px}.approval-rule-card{padding:0;overflow:hidden}.approval-rule-card summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafaf7}.approval-rule-card summary::-webkit-details-marker{display:none}.approval-rule-card summary>span:first-child{display:grid;gap:2px}.approval-rule-card summary small{color:#777}.client-approval-item{align-items:flex-start}.client-review-link{display:inline-block;margin-top:8px;text-decoration:none;font-weight:700;font-size:13px}.client-shared-link-form{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(220px,1.5fr) auto;gap:8px;align-items:start;margin-bottom:14px}.client-shared-link-form #clientSharedLinkMsg{grid-column:1/-1}.client-shared-link-list{display:grid;gap:8px}.client-file.shared-folder{border-style:dashed}.inbox-client_share{border-color:#d9dfd5;background:#fcfefb}
@media(max-width:980px){.shared-link-form,.approval-material-grid{grid-template-columns:1fr 1fr}.client-shared-link-form{grid-template-columns:1fr}.client-shared-link-form #clientSharedLinkMsg{grid-column:1}.approval-director-head{flex-direction:column}.approval-history-row{grid-template-columns:1fr}}
@media(max-width:650px){.shared-link-form,.approval-material-grid{grid-template-columns:1fr}.shared-link-row{align-items:flex-start;flex-direction:column}.client-approval-item{align-items:stretch}}


/* =========================================================
   V13 — GRAYCAPE PREMIUM VISUAL SYSTEM
   ========================================================= */
:root{
  --gc-ink:#071316;
  --gc-ink-2:#0d1a22;
  --gc-panel:#111f28;
  --gc-cyan:#55b8d0;
  --gc-cyan-2:#8ed4e3;
  --gc-line:rgba(85,184,208,.22);
  --gc-cream:#f4f5f2;
  --gc-paper:#ffffff;
  --gc-text:#0c1519;
  --gc-muted:#69767d;
  --gc-shadow:0 20px 60px rgba(5,19,23,.10);
}
html{background:var(--gc-cream)}
body{background:
  radial-gradient(circle at 82% 6%,rgba(85,184,208,.06),transparent 24rem),
  var(--gc-cream);color:var(--gc-text)}
::selection{background:var(--gc-cyan);color:var(--gc-ink)}
button,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}
button:active{transform:translateY(1px)}
a{transition:opacity .18s ease,border-color .18s ease}

/* Director shell */
.shell{grid-template-columns:272px minmax(0,1fr);background:transparent}
.sidebar{
  position:sticky;top:0;height:100vh;
  background:
   radial-gradient(circle at 12% 6%,rgba(85,184,208,.12),transparent 16rem),
   linear-gradient(180deg,#061316 0%,#0a181d 58%,#071316 100%);
  border-right:1px solid rgba(142,212,227,.12);
  padding:26px 20px 22px;gap:34px
}
.premium-brand{display:flex;align-items:center;gap:12px;padding:4px 7px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(85,184,208,.16))}
.premium-brand>div{display:grid;gap:1px}
.premium-brand strong{font-size:13px;letter-spacing:.17em;color:#fff}
.premium-brand small{font-size:8px;letter-spacing:.16em;color:var(--gc-cyan-2);margin:0}
.premium-brand .version{font-size:9px;color:rgba(255,255,255,.38);margin:2px 0 0}
.nav{gap:4px}
.nav button{
  display:flex;align-items:center;gap:11px;
  min-height:43px;padding:10px 12px;
  border:1px solid transparent;border-radius:10px;
  font-size:13px;font-weight:650;color:rgba(255,255,255,.66)
}
.nav button:hover{background:rgba(255,255,255,.055);color:#fff;border-color:rgba(255,255,255,.05)}
.nav button.active{
  background:linear-gradient(90deg,rgba(85,184,208,.18),rgba(85,184,208,.06));
  border-color:rgba(85,184,208,.20);color:#fff;
  box-shadow:inset 3px 0 0 var(--gc-cyan)
}
.nav button.nav-primary{margin-top:10px;background:var(--gc-cyan);color:var(--gc-ink);font-weight:800}
.nav button.nav-primary:hover{background:var(--gc-cyan-2);border-color:transparent}
.nav-icon{width:17px;text-align:center;color:var(--gc-cyan-2);font-size:14px}
.nav-primary .nav-icon{color:var(--gc-ink)}
.nav-badge{margin-left:auto;background:var(--gc-cyan);color:var(--gc-ink);font-weight:900}
.sidebar .bottom{display:grid;gap:5px;margin-top:auto;padding:15px 7px 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55)}
.account-label{font-size:8px;letter-spacing:.16em;color:var(--gc-cyan-2)}
.account-email{font-size:11px;overflow:hidden;text-overflow:ellipsis}
.sidebar .bottom .btn{margin-top:8px!important;background:transparent;color:#fff;border-color:rgba(255,255,255,.16)}
.main{padding:40px 44px 70px;max-width:1540px}
.topbar{margin-bottom:28px}
.topbar h1{font-size:31px;letter-spacing:-.035em}
.card,.panel{border-color:#dde3e1;border-radius:16px;box-shadow:0 1px 0 rgba(255,255,255,.9)}
.card:hover{border-color:#cbd7d5}
.metric{font-size:34px;letter-spacing:-.045em}
.btn{background:var(--gc-ink);border-color:var(--gc-ink);border-radius:8px}
.btn:hover{box-shadow:0 7px 20px rgba(7,19,22,.12)}
.btn.secondary{border-color:#cfd8d7;background:#fff;color:var(--gc-ink)}
.btn.secondary:hover{border-color:var(--gc-cyan)}
.progress{background:#e8eeec;height:7px}
.progress span{background:linear-gradient(90deg,var(--gc-cyan),#2e899e)}
.pill{background:#eef3f2;color:#4f6268;border:1px solid #e0e7e5}
.pill.high{background:#e8f6f3;color:#215b50;border-color:#cbe8e0}
.pill.medium{background:#fff8e9;color:#735e21;border-color:#eee1b7}
.workflow-next{
  background:
   linear-gradient(100deg,rgba(85,184,208,.11),transparent 56%),
   var(--gc-ink);
  border:1px solid rgba(85,184,208,.17);
  box-shadow:var(--gc-shadow)
}

/* Client premium shell */
.client-app{
 min-height:100vh;background:
 radial-gradient(circle at 82% 8%,rgba(85,184,208,.08),transparent 30rem),
 linear-gradient(180deg,#f7f8f6,#f1f3f1)
}
.client-header{
 height:82px;
 background:rgba(7,19,22,.97);
 border-bottom:1px solid rgba(85,184,208,.18);
 padding:0 max(24px,calc((100vw - 1200px)/2));
 box-shadow:0 12px 36px rgba(5,18,21,.10);
 backdrop-filter:blur(14px)
}
.client-brand-lockup{display:flex;align-items:center;gap:11px}
.client-logo{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(85,184,208,.16))}
.client-brand{font-size:12px;font-weight:850;letter-spacing:.18em;color:#fff}
.client-brand-sub{font-size:8px;letter-spacing:.18em;color:var(--gc-cyan-2);margin-top:2px}
.client-account{display:flex;gap:14px;align-items:center}
.client-account-copy{display:grid;text-align:right;gap:2px}
.client-account-copy span{font-size:8px;letter-spacing:.14em;color:var(--gc-cyan-2)}
.client-account-copy strong{font-size:10px;color:rgba(255,255,255,.68);font-weight:500}
.client-header .btn.secondary{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.client-header .btn.secondary:hover{border-color:var(--gc-cyan);background:rgba(85,184,208,.08)}
.client-nav{
 top:82px;min-height:58px;
 padding:9px max(24px,calc((100vw - 1200px)/2));
 background:rgba(255,255,255,.94);
 border-bottom:1px solid #dce3e1;
 gap:5px;backdrop-filter:blur(14px)
}
.client-nav button{
 display:flex;align-items:center;gap:8px;padding:10px 14px;
 border:1px solid transparent;border-radius:9px;
 font-size:12px;letter-spacing:.01em;color:#617078
}
.client-nav button.active,.client-nav button:hover{
 background:#0a191d;color:#fff;border-color:#0a191d;
 box-shadow:0 6px 16px rgba(7,19,22,.08)
}
.client-nav-icon{color:var(--gc-cyan);font-size:13px}
.client-nav button.active .client-nav-icon{color:var(--gc-cyan-2)}
.client-main{max-width:1200px;padding:34px 24px 72px;gap:20px}

/* Client hero */
.premium-client-hero{
 position:relative;overflow:hidden;
 min-height:285px;
 display:grid;grid-template-columns:minmax(0,1fr) 180px;
 align-items:center;gap:34px;
 padding:46px 48px;
 color:#fff;
 border:1px solid rgba(85,184,208,.18);
 border-radius:20px;
 background:
  linear-gradient(105deg,rgba(85,184,208,.14),transparent 42%),
  radial-gradient(circle at 88% 22%,rgba(85,184,208,.18),transparent 15rem),
  linear-gradient(135deg,#071316,#0d1b22 72%,#0b2027);
 box-shadow:0 28px 72px rgba(5,18,21,.15)
}
.premium-client-hero:after{
 content:"";position:absolute;right:-90px;bottom:-130px;width:340px;height:340px;
 border:1px solid rgba(142,212,227,.10);border-radius:50%;
 box-shadow:0 0 0 48px rgba(85,184,208,.025),0 0 0 96px rgba(85,184,208,.018);
 pointer-events:none
}
.client-hero-copy{position:relative;z-index:1;max-width:760px}
.premium-client-hero .client-eyebrow{color:var(--gc-cyan-2);letter-spacing:.16em;margin-bottom:12px}
.client-welcome{font-size:13px;color:rgba(255,255,255,.64);margin-bottom:7px}
.premium-client-hero h1{font-size:clamp(31px,4.2vw,52px);line-height:.98;letter-spacing:-.052em;margin:0 0 17px;max-width:760px}
.premium-client-hero p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.72);max-width:690px;margin:0}
.client-hero-promise{display:flex;align-items:center;gap:9px;margin-top:23px;font-size:11px;color:rgba(255,255,255,.56);letter-spacing:.02em}
.client-hero-promise span{width:28px;height:1px;background:var(--gc-cyan)}
.client-progress-ring{
 position:relative;z-index:1;
 width:148px;height:148px;border-radius:50%;
 display:grid;place-items:center;align-content:center;
 border:1px solid rgba(142,212,227,.42);
 background:radial-gradient(circle,rgba(85,184,208,.12),rgba(85,184,208,.025) 64%,transparent 65%);
 box-shadow:inset 0 0 0 8px rgba(255,255,255,.025),0 0 48px rgba(85,184,208,.08)
}
.client-progress-ring:before{
 content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.06)
}
.client-progress-ring strong{font-size:35px;color:#fff;letter-spacing:-.05em}
.client-progress-ring span{font-size:8px;letter-spacing:.15em;color:var(--gc-cyan-2);margin-top:3px}

/* Client content */
.client-grid{gap:14px}
.client-card{
 border:1px solid #dce4e1;border-radius:17px;padding:24px;
 box-shadow:0 9px 32px rgba(7,19,22,.035);
 background:rgba(255,255,255,.93)
}
.client-card:hover{border-color:#c9d9d6}
.client-card-label,.client-eyebrow{color:#4d8795}
.client-card h2{font-size:22px;letter-spacing:-.025em}
.client-actions-card{border-top:2px solid rgba(85,184,208,.55)}
.client-action-item{
 border:1px solid #e0e7e5!important;border-radius:12px!important;
 padding:15px 16px!important;background:#fff
}
.client-action-item:hover{border-color:#bdd4d0!important}
.client-done-state{
 border:1px dashed #cbd9d6!important;
 background:linear-gradient(135deg,#f8fbfa,#fff)!important;
 padding:26px!important
}
.client-done-state strong{color:#184d55}
.client-review-link{color:#246f80}
.client-file{border-color:#dde5e3!important}
.client-file:hover{border-color:var(--gc-cyan)!important}
.client-password-setup{
 border-color:rgba(85,184,208,.28);
 background:linear-gradient(120deg,#fff,#f4faf9);
 box-shadow:0 12px 30px rgba(7,19,22,.05)
}

/* Forms & settings */
.field input,.field textarea,.field select,.inline-input,.question textarea,.note-box textarea{
 border-color:#d5dfdc;border-radius:8px
}
.field input:focus,.field textarea:focus,.field select:focus,.inline-input:focus,.question textarea:focus{
 outline:none;border-color:var(--gc-cyan);box-shadow:0 0 0 3px rgba(85,184,208,.11)
}
.tablewrap{border-color:#dce4e1}
.table th{background:#f5f8f7;color:#627177}
.settings-tab.active{background:var(--gc-ink);border-color:var(--gc-ink)}
.inbox-item{border-color:#dde5e2}
.inbox-item.inbox-client_help,.inbox-item.inbox-approval_changes{background:#fffdf7}
.inbox-stage_ready{background:#f6fbfa;border-color:#cfe1dc}

/* Login */
.login-wrap{
 background:
  radial-gradient(circle at 72% 18%,rgba(85,184,208,.15),transparent 25rem),
  linear-gradient(135deg,#061316,#0b1b21)
}
.login{border:1px solid rgba(142,212,227,.18);box-shadow:0 30px 90px rgba(0,0,0,.25);border-radius:19px}
.login:before{
 content:"GRAYCAPE · PRIVATE ACCESS";display:block;margin-bottom:18px;
 font-size:9px;font-weight:800;letter-spacing:.17em;color:#4c8b99
}

/* Mobile / tablet */
@media(max-width:980px){
 .shell{display:block}
 .sidebar{
   position:sticky;top:0;width:100%;height:auto;z-index:30;
   display:grid;grid-template-columns:auto 1fr;gap:10px 16px;
   padding:10px 14px;background:rgba(7,19,22,.98);backdrop-filter:blur(16px)
 }
 .premium-brand{border:0;padding:0;align-self:center}
 .brand-logo{width:31px;height:31px}
 .premium-brand strong{font-size:10px}.premium-brand small,.premium-brand .version{display:none}
 .nav{grid-column:1/-1;display:flex;overflow:auto;gap:4px;padding-bottom:2px;scrollbar-width:none}
 .nav::-webkit-scrollbar{display:none}
 .nav button{white-space:nowrap;min-height:37px;padding:7px 10px;font-size:11px}
 .nav button.active{box-shadow:none}
 .sidebar .bottom{position:absolute;right:12px;top:9px;border:0;padding:0;display:flex;align-items:center;gap:7px}
 .sidebar .bottom .account-label,.sidebar .bottom .account-email{display:none}
 .sidebar .bottom .btn{margin:0!important;padding:6px 9px}
 .main{padding:24px 18px 62px}
 .grid{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
 .client-header{height:68px;padding:0 14px}
 .client-logo{width:31px;height:31px}
 .client-brand{font-size:10px}.client-brand-sub{font-size:7px}
 .client-account-copy{display:none}
 .client-header .btn.secondary{padding:6px 8px;font-size:10px}
 .client-nav{
   position:fixed;z-index:40;left:10px;right:10px;bottom:10px;top:auto;
   min-height:64px;padding:6px;justify-content:space-around;
   background:rgba(7,19,22,.96);border:1px solid rgba(142,212,227,.17);
   border-radius:16px;box-shadow:0 16px 44px rgba(3,15,18,.28);backdrop-filter:blur(18px)
 }
 .client-nav button{
   flex:1;min-width:0;display:grid;place-items:center;gap:3px;padding:7px 5px;
   color:rgba(255,255,255,.55);border-radius:11px;font-size:9px
 }
 .client-nav button.active,.client-nav button:hover{background:rgba(85,184,208,.15);color:#fff;border-color:transparent;box-shadow:none}
 .client-nav-icon{font-size:16px}
 .client-main{padding:18px 13px 105px}
 .premium-client-hero{
   min-height:0;grid-template-columns:1fr;gap:25px;padding:30px 24px;border-radius:17px
 }
 .premium-client-hero h1{font-size:35px}
 .premium-client-hero p{font-size:13px}
 .client-progress-ring{width:112px;height:112px;justify-self:start}
 .client-progress-ring strong{font-size:28px}
 .client-hero-promise{font-size:10px}
 .client-grid{grid-template-columns:1fr!important}
 .client-card{padding:18px;border-radius:14px}
 .client-action-item{display:grid!important;gap:13px!important}
 .client-task-control,.client-action-item>.row{width:100%}
 .client-task-control .row,.client-action-item>.row{display:grid;grid-template-columns:1fr 1fr}
 .client-task-control .btn,.client-action-item>.row .btn{width:100%}
 .client-upload-control{display:grid!important;grid-template-columns:1fr!important;width:100%}
 .client-upload-control input,.client-upload-control button{width:100%}
 .client-password-setup{margin:12px 13px 0;padding:16px}
 .client-password-form{grid-template-columns:1fr}
 .client-password-form #clientPasswordMsg{grid-column:1}
 .topbar h1{font-size:25px}
 .grid{grid-template-columns:1fr}
 .panel,.card{border-radius:13px}
}

@media(max-width:420px){
 .main{padding-left:12px;padding-right:12px}
 .premium-client-hero{padding:26px 20px}
 .premium-client-hero h1{font-size:31px}
 .client-welcome{font-size:12px}
 .client-hero-promise{align-items:flex-start}
 .client-hero-promise span{margin-top:7px;flex:0 0 22px}
 .client-action-item>.row,.client-task-control .row{grid-template-columns:1fr}
}

/* =========================================================
   V14 — PREMIUM CLIENT RESOURCES
   ========================================================= */
.resource-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.resource-access-card{border:1px solid #dce5e2;border-radius:16px;padding:18px;background:linear-gradient(180deg,#fff,#f7faf9);box-shadow:0 8px 28px rgba(7,19,22,.04)}
.resource-access-card.granted{border-color:rgba(85,184,208,.38);background:linear-gradient(180deg,#fbfeff,#f2fbfd)}
.resource-access-head{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin-bottom:10px}
.resource-access-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,rgba(85,184,208,.16),rgba(85,184,208,.05));display:grid;place-items:center;font-size:18px;color:#0c2930}
.resource-access-card p{margin:0 0 10px}
.resource-access-list{margin:0 0 14px;padding-left:18px;color:#55646a;display:grid;gap:6px}
.resource-library-card,.resource-content-card{overflow:hidden}
.resource-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.resource-library-item{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px;border:1px solid #dbe5e2;border-radius:14px;background:linear-gradient(180deg,#fff,#f8faf9);cursor:pointer}
.resource-library-item:hover{border-color:rgba(85,184,208,.36);box-shadow:0 8px 24px rgba(7,19,22,.04)}
.resource-library-item.active{border-color:rgba(85,184,208,.48);background:linear-gradient(135deg,#f6fdff,#f4f8f8)}
.resource-library-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0d1a22,#123440);color:#9fe2ef;font-size:18px;flex:0 0 42px}
.resource-page{display:grid;gap:18px}
.resource-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:32px;border:1px solid rgba(85,184,208,.2);border-radius:20px;background:linear-gradient(135deg,#071316 0%,#0b2027 58%,#10323d 100%);color:#fff;box-shadow:0 22px 60px rgba(5,19,23,.12)}
.resource-hero:after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(85,184,208,.14),transparent 68%)}
.resource-hero-copy{position:relative;z-index:1}
.resource-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#9fe2ef;margin-bottom:10px}
.resource-hero h1{font-size:42px;line-height:1;letter-spacing:-.05em;margin:0 0 14px;color:#fff}
.resource-hero p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.74);margin:0}
.resource-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.resource-tags span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);font-size:11px;color:#f3fbff;font-weight:700}
.resource-hero-side{position:relative;z-index:1;display:grid;gap:10px;align-content:start}
.resource-stat{padding:16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.resource-stat b{display:block;font-size:24px;line-height:1;color:#fff;margin-bottom:6px}
.resource-stat span{display:block;font-size:12px;line-height:1.6;color:rgba(255,255,255,.76)}
.resource-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.resource-section{display:grid;gap:14px}
.resource-section-head{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:0 2px}
.resource-section-head span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0d1a22,#123440);color:#9fe2ef;font-weight:800}
.resource-section-head h2{font-size:24px;line-height:1.05;margin:0 0 7px;letter-spacing:-.03em}
.resource-section-head p{margin:0;color:#627177;line-height:1.7}
.resource-grid{display:grid;gap:14px}
.resource-grid.two{grid-template-columns:1fr 1fr}
.resource-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.resource-card{padding:20px;border:1px solid #dde6e3;border-radius:18px;background:linear-gradient(180deg,#fff,#fafcfb);box-shadow:0 10px 30px rgba(7,19,22,.035)}
.resource-card.quick{background:linear-gradient(180deg,#fff,#f5fbfd)}
.resource-card.accent{background:linear-gradient(135deg,rgba(85,184,208,.12),rgba(85,184,208,.03))}
.resource-card h3{font-size:18px;line-height:1.2;margin:0 0 10px;letter-spacing:-.02em}
.resource-card p{margin:0;color:#5e6c73;line-height:1.7}
.resource-list{margin:0;padding-left:18px;color:#5e6c73;display:grid;gap:8px;line-height:1.7}
.resource-list strong{color:#0f1b22}
.resource-quote-list{display:grid;gap:10px}
.resource-quote{padding:14px 15px;border-radius:12px;border:1px solid #dde6e3;background:#fff;color:#415058;line-height:1.65}
.resource-preview-body{margin:0;background:#f2f5f4;font-family:Inter,system-ui,sans-serif}
.resource-preview-wrap{max-width:1180px;margin:0 auto;padding:22px}
@media(max-width:980px){
 .resource-hero{grid-template-columns:1fr}
 .resource-quick-grid,.resource-grid.three,.resource-grid.two{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .resource-library-grid,.resource-quick-grid,.resource-grid.three,.resource-grid.two,.resource-access-grid{grid-template-columns:1fr}
 .resource-hero{padding:24px;border-radius:17px}
 .resource-hero h1{font-size:34px}
 .resource-section-head{grid-template-columns:38px 1fr}
 .resource-section-head span{width:38px;height:38px;border-radius:12px}
 .resource-card{padding:18px;border-radius:15px}
}


/* ===== FULL ORIGINAL TRAFFIC HUB CSS ===== */
.gc-hub,
  .gc-hub *{
    box-sizing:border-box;
  }

  .gc-hub{
    --bg:#f4f7fb;
    --surface:#ffffff;
    --surface-2:#eef3fb;
    --surface-3:#e8eef9;
    --border:#d8e1ef;
    --line:#e7edf7;
    --text:#162033;
    --muted:#667089;

    --blue:#2563eb;
    --blue-2:#1d4ed8;
    --green:#00a86b;
    --green-2:#0f9f66;
    --orange:#ea580c;
    --orange-2:#c2410c;
    --purple:#7c3aed;
    --purple-2:#6d28d9;
    --dark:#07101f;

    --radius-xl:28px;
    --radius-lg:22px;
    --radius-md:16px;
    --radius-sm:12px;

    --shadow-xl:0 28px 80px rgba(15,23,42,.16);
    --shadow-lg:0 18px 50px rgba(15,23,42,.11);
    --shadow-md:0 10px 30px rgba(15,23,42,.08);
    --shadow-sm:0 6px 18px rgba(15,23,42,.05);

    position:relative;
    width:100%;
    overflow:hidden;
    color:var(--text);
    font-family:'Inter',sans-serif;
    font-size:15px;
    line-height:1.75;
    background:
      radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 24%),
      radial-gradient(circle at top right, rgba(124,58,237,.07), transparent 20%),
      linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%);
    border-radius:30px;
    padding:0;
  }

  .gc-hub a{
    color:inherit;
    text-decoration:none;
  }

  .gc-hub .gc-shell{
    max-width:1160px;
    margin:0 auto;
    padding:0 18px 60px;
  }

  .gc-hub .gc-topbar{
    position:sticky;
    top:0;
    z-index:50;
    padding:14px 18px 0;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .gc-hub .gc-topbar-inner{
    max-width:1160px;
    margin:0 auto;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(216,225,239,.9);
    box-shadow:0 10px 30px rgba(15,23,42,.06);
    border-radius:24px;
    padding:14px;
  }

  .gc-hub .gc-top-row{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
  }

  .gc-hub .gc-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
  }

  .gc-hub .gc-brand-badge{
    width:44px;
    height:44px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(124,58,237,.16));
    border:1px solid rgba(37,99,235,.18);
    box-shadow:var(--shadow-sm);
    font-size:18px;
  }

  .gc-hub .gc-brand-text strong{
    display:block;
    font-family:'Syne',sans-serif;
    font-size:18px;
    line-height:1;
    letter-spacing:-.4px;
    color:var(--blue);
  }

  .gc-hub .gc-brand-text span{
    display:block;
    margin-top:4px;
    font-size:11px;
    font-weight:800;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.45px;
  }

  .gc-hub .gc-search-wrap{
    flex:1;
    min-width:250px;
    position:relative;
  }

  .gc-hub .gc-search-icon{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:var(--muted);
    font-size:14px;
    pointer-events:none;
  }

  .gc-hub .gc-search{
    width:100%;
    height:48px;
    border-radius:15px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.96);
    box-shadow:var(--shadow-sm);
    padding:0 14px 0 42px;
    font-size:14px;
    color:var(--text);
    outline:none;
  }

  .gc-hub .gc-search:focus{
    border-color:rgba(37,99,235,.4);
    box-shadow:0 0 0 4px rgba(37,99,235,.08);
  }

  .gc-hub .gc-top-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 16px;
    border-radius:14px;
    font-size:13px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    transition:.2s ease;
  }

  .gc-hub .gc-top-btn.primary{
    color:#fff;
    background:linear-gradient(135deg,var(--purple),var(--purple-2));
    box-shadow:0 10px 24px rgba(124,58,237,.22);
  }

  .gc-hub .gc-top-btn.secondary{
    color:var(--text);
    background:#fff;
    border:1px solid var(--border);
  }

  .gc-hub .gc-top-btn:hover{
    transform:translateY(-1px);
  }

  .gc-hub .gc-nav{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-top:12px;
    scrollbar-width:thin;
  }

  .gc-hub .gc-nav a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid transparent;
    color:var(--muted);
    font-size:13px;
    font-weight:800;
    transition:.2s ease;
  }

  .gc-hub .gc-nav a:hover{
    background:#fff;
    border-color:var(--border);
    color:var(--text);
  }

  .gc-hub .gc-main{
    padding-top:22px;
  }

  .gc-hub .gc-hero{
    margin-bottom:22px;
  }

  .gc-hub .gc-hero-box{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:34px;
    color:#fff;
    background:
      radial-gradient(circle at 20% 8%, rgba(255,255,255,.18), transparent 22%),
      radial-gradient(circle at 88% 18%, rgba(255,255,255,.12), transparent 20%),
      radial-gradient(circle at 65% 80%, rgba(0,255,200,.08), transparent 20%),
      linear-gradient(135deg,#07101f 0%, #123d97 38%, #2457d6 62%, #5b21b6 100%);
    box-shadow:0 32px 90px rgba(30,64,175,.22);
    border:1px solid rgba(255,255,255,.10);
  }

  .gc-hub .gc-hero-box:before,
  .gc-hub .gc-hero-box:after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
  }

  .gc-hub .gc-hero-box:before{
    width:340px;
    height:340px;
    right:-120px;
    top:-140px;
    background:rgba(255,255,255,.07);
  }

  .gc-hub .gc-hero-box:after{
    width:240px;
    height:240px;
    left:-70px;
    bottom:-100px;
    background:rgba(255,255,255,.05);
  }

  .gc-hub .gc-hero-content{
    position:relative;
    z-index:2;
  }

  .gc-hub .gc-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    font-size:12px;
    font-weight:800;
    letter-spacing:.45px;
    text-transform:uppercase;
    margin-bottom:18px;
  }

  .gc-hub .gc-hero-title{
    font-family:'Syne',sans-serif !important;
    font-size:clamp(34px,5vw,60px) !important;
    line-height:1.02 !important;
    letter-spacing:-1.8px !important;
    margin:0 0 16px !important;
    color:#ffffff !important;
    text-shadow:0 10px 30px rgba(0,0,0,.14);
    max-width:940px;
    font-weight:800 !important;
  }

  .gc-hub .gc-hero-sub{
    max-width:900px;
    font-size:17px;
    line-height:1.8;
    color:rgba(255,255,255,.92);
    margin:0;
  }

  .gc-hub .gc-hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:20px;
  }

  .gc-hub .gc-hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 18px;
    border-radius:14px;
    font-size:14px;
    font-weight:800;
    line-height:1;
    transition:.2s ease;
  }

  .gc-hub .gc-hero-btn.white{
    background:#fff;
    color:#11203d;
    box-shadow:var(--shadow-md);
  }

  .gc-hub .gc-hero-btn.glass{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
  }

  .gc-hub .gc-hero-btn:hover{
    transform:translateY(-1px);
  }

  .gc-hub .gc-hero-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:16px;
    margin-top:22px;
  }

  .gc-hub .gc-hero-panel{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    border-radius:22px;
    padding:20px;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .gc-hub .gc-hero-panel h3{
    font-family:'Syne',sans-serif;
    font-size:18px;
    line-height:1.2;
    margin:0 0 10px;
    color:#fff;
  }

  .gc-hub .gc-hero-panel p,
  .gc-hub .gc-hero-panel li{
    color:rgba(255,255,255,.88);
    font-size:14px;
    line-height:1.7;
  }

  .gc-hub .gc-hero-panel ul{
    list-style:none;
    margin:12px 0 0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .gc-hub .gc-hero-panel li{
    position:relative;
    padding-left:28px;
  }

  .gc-hub .gc-hero-panel li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    border-radius:50%;
    background:rgba(255,255,255,.14);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:800;
    color:#fff;
  }

  .gc-hub .gc-value-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
  }

  .gc-hub .gc-value-card{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    padding:16px;
  }

  .gc-hub .gc-value-card b{
    display:block;
    font-family:'Syne',sans-serif;
    font-size:18px;
    color:#fff;
    line-height:1.15;
    margin-bottom:6px;
  }

  .gc-hub .gc-value-card span{
    display:block;
    color:rgba(255,255,255,.82);
    font-size:13px;
    line-height:1.55;
  }

  .gc-hub .gc-search-empty{
    display:none;
    margin:0 0 18px;
    padding:16px 18px;
    background:rgba(234,88,12,.08);
    border:1px solid rgba(234,88,12,.18);
    border-radius:16px;
    font-size:14px;
    color:#7c2d12;
  }

  .gc-hub .gc-section{
    scroll-margin-top:120px;
    margin-bottom:18px;
  }

  .gc-hub .gc-section-head{
    margin-bottom:16px;
    padding:24px 26px;
    border-radius:24px;
    border:1px solid var(--border);
    background:linear-gradient(135deg, rgba(37,99,235,.06), rgba(37,99,235,.01));
    box-shadow:var(--shadow-sm);
  }

  .gc-hub .gc-section-head.green{
    background:linear-gradient(135deg, rgba(0,168,107,.07), rgba(0,168,107,.01));
    border-color:rgba(0,168,107,.18);
  }

  .gc-hub .gc-section-head.orange{
    background:linear-gradient(135deg, rgba(234,88,12,.07), rgba(234,88,12,.01));
    border-color:rgba(234,88,12,.18);
  }

  .gc-hub .gc-section-head.purple{
    background:linear-gradient(135deg, rgba(124,58,237,.07), rgba(124,58,237,.01));
    border-color:rgba(124,58,237,.18);
  }

  .gc-hub .gc-section-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    font-size:12px;
    font-weight:800;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.4px;
  }

  .gc-hub .gc-section-head h2{
    font-family:'Syne',sans-serif;
    font-size:clamp(24px,3.3vw,36px);
    line-height:1.1;
    letter-spacing:-.7px;
    margin:0 0 8px;
  }

  .gc-hub .gc-section-head p{
    color:var(--muted);
    font-size:15px;
    max-width:940px;
    margin:0;
  }

  .gc-hub .gc-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }

  .gc-hub .gc-card{
    background:rgba(255,255,255,.94);
    border:1px solid var(--border);
    border-radius:22px;
    padding:24px;
    box-shadow:var(--shadow-sm);
    margin-bottom:16px;
  }

  .gc-hub .gc-card.glass{
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.93));
  }

  .gc-hub .gc-card.dark{
    background:
      radial-gradient(circle at top right, rgba(37,99,235,.22), transparent 35%),
      linear-gradient(135deg,#07101f,#0f1f3d);
    border-color:rgba(255,255,255,.1);
    color:#fff;
  }

  .gc-hub .gc-card.dark p,
  .gc-hub .gc-card.dark li{
    color:rgba(255,255,255,.84);
  }

  .gc-hub .gc-card.dark .gc-card-title h3{
    color:#fff;
  }

  .gc-hub .gc-card-title{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:12px;
  }

  .gc-hub .gc-card-title h3{
    font-family:'Syne',sans-serif;
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.3px;
    margin:0;
  }

  .gc-hub .gc-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.4px;
  }

  .gc-hub .gc-badge.blue{background:rgba(37,99,235,.1);color:var(--blue)}
  .gc-hub .gc-badge.green{background:rgba(0,168,107,.1);color:var(--green)}
  .gc-hub .gc-badge.orange{background:rgba(234,88,12,.1);color:var(--orange)}
  .gc-hub .gc-badge.purple{background:rgba(124,58,237,.1);color:var(--purple)}
  .gc-hub .gc-badge.white{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.16)}

  .gc-hub .gc-card p{
    color:var(--muted);
    font-size:15px;
    margin:0;
  }

  .gc-hub .gc-card p + p{
    margin-top:10px;
  }

  .gc-hub .gc-mini-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
  }

  .gc-hub .gc-mini-box{
    background:var(--surface-2);
    border:1px solid var(--border);
    border-radius:16px;
    padding:16px;
  }

  .gc-hub .gc-mini-box strong{
    display:block;
    font-size:15px;
    color:var(--text);
    margin-bottom:6px;
  }

  .gc-hub .gc-mini-box p{
    font-size:14px;
    line-height:1.7;
    color:var(--muted);
  }

  .gc-hub .gc-checklist{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:14px 0 0;
    padding:0;
  }

  .gc-hub .gc-checklist li{
    position:relative;
    padding-left:30px;
    color:var(--muted);
    font-size:15px;
  }

  .gc-hub .gc-checklist li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    border-radius:50%;
    background:rgba(0,168,107,.12);
    color:var(--green);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:800;
  }

  .gc-hub .gc-card.dark .gc-checklist li:before{
    background:rgba(255,255,255,.14);
    color:#fff;
  }

  .gc-hub .gc-step-list{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-top:14px;
  }

  .gc-hub .gc-step-item{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:16px;
    border-radius:18px;
    background:var(--surface-2);
    border:1px solid var(--border);
  }

  .gc-hub .gc-step-num{
    width:38px;
    height:38px;
    border-radius:50%;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Syne',sans-serif;
    font-size:14px;
    font-weight:800;
    background:rgba(37,99,235,.12);
    color:var(--blue);
    border:1px solid rgba(37,99,235,.18);
  }

  .gc-hub .gc-step-item strong{
    display:block;
    font-size:15px;
    color:var(--text);
    margin-bottom:4px;
  }

  .gc-hub .gc-step-item p{
    font-size:14px;
    color:var(--muted);
    line-height:1.7;
  }

  .gc-hub .gc-tip{
    display:flex;
    gap:12px;
    padding:16px 18px;
    border-radius:16px;
    margin-top:16px;
    border:1px solid transparent;
  }

  .gc-hub .gc-tip.blue{
    background:rgba(37,99,235,.07);
    border-color:rgba(37,99,235,.15);
  }

  .gc-hub .gc-tip.green{
    background:rgba(0,168,107,.07);
    border-color:rgba(0,168,107,.15);
  }

  .gc-hub .gc-tip.orange{
    background:rgba(234,88,12,.07);
    border-color:rgba(234,88,12,.16);
  }

  .gc-hub .gc-tip.purple{
    background:rgba(124,58,237,.07);
    border-color:rgba(124,58,237,.15);
  }

  .gc-hub .gc-tip-icon{
    font-size:18px;
    line-height:1;
    margin-top:2px;
    flex-shrink:0;
  }

  .gc-hub .gc-tip strong{
    display:block;
    margin-bottom:2px;
    font-size:14px;
    color:var(--text);
  }

  .gc-hub .gc-tip div{
    font-size:14px;
    line-height:1.7;
    color:var(--text);
  }

  .gc-hub .gc-time-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
  }

  .gc-hub .gc-time-card{
    background:linear-gradient(180deg,#fff,#f7faff);
    border:1px solid var(--border);
    border-radius:20px;
    padding:20px;
    box-shadow:var(--shadow-sm);
  }

  .gc-hub .gc-time-card b{
    display:block;
    font-family:'Syne',sans-serif;
    font-size:22px;
    color:var(--blue);
    line-height:1.1;
    margin-bottom:8px;
  }

  .gc-hub .gc-time-card strong{
    display:block;
    font-size:15px;
    color:var(--text);
    margin-bottom:6px;
  }

  .gc-hub .gc-time-card span{
    display:block;
    font-size:14px;
    color:var(--muted);
    line-height:1.65;
  }

  .gc-hub .gc-rhythm-box{
    background:
      radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 30%),
      linear-gradient(135deg,#fff,#f8fbff);
    border:1px solid var(--border);
    border-radius:22px;
    padding:24px;
    box-shadow:var(--shadow-sm);
  }

  .gc-hub .gc-quick-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
  }

  .gc-hub .gc-quick-card{
    background:linear-gradient(180deg,#fff,#f7faff);
    border:1px solid var(--border);
    border-radius:18px;
    padding:18px;
    transition:.2s ease;
    box-shadow:var(--shadow-sm);
  }

  .gc-hub .gc-quick-card:hover{
    transform:translateY(-2px);
    border-color:rgba(37,99,235,.28);
  }

  .gc-hub .gc-quick-card strong{
    display:block;
    font-size:15px;
    color:var(--text);
    margin-bottom:6px;
  }

  .gc-hub .gc-quick-card span{
    display:block;
    font-size:13px;
    line-height:1.65;
    color:var(--muted);
  }

  .gc-hub .gc-warning-box{
    border:1px solid rgba(234,88,12,.2);
    background:linear-gradient(135deg,rgba(234,88,12,.08),rgba(234,88,12,.03));
    border-radius:20px;
    padding:20px;
  }

  .gc-hub .gc-warning-box h3{
    font-family:'Syne',sans-serif;
    font-size:20px;
    margin:0 0 10px;
    color:#8a2d08;
  }

  .gc-hub .gc-timeline-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:16px;
  }

  .gc-hub .gc-timeline-card{
    background:var(--surface-2);
    border:1px solid var(--border);
    border-radius:18px;
    padding:20px;
  }

  .gc-hub .gc-timeline-card h4{
    font-family:'Syne',sans-serif;
    font-size:18px;
    margin:0 0 8px;
  }

  .gc-hub .gc-timeline-card p{
    font-size:14px;
    color:var(--muted);
  }

  .gc-hub .gc-platform-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
  }

  .gc-hub .gc-platform-card{
    background:var(--surface-2);
    border:1px solid var(--border);
    border-radius:18px;
    padding:18px;
  }

  .gc-hub .gc-platform-card strong{
    display:block;
    font-size:15px;
    margin-top:8px;
    margin-bottom:6px;
  }

  .gc-hub .gc-platform-card p{
    font-size:13px;
    color:var(--muted);
  }

  .gc-hub .gc-table-wrap{
    margin-top:14px;
    overflow-x:auto;
    border-radius:18px;
    border:1px solid var(--border);
    background:#fff;
  }

  .gc-hub .gc-table{
    width:100%;
    min-width:640px;
    border-collapse:collapse;
  }

  .gc-hub .gc-table th{
    background:var(--surface-2);
    padding:12px 14px;
    text-align:left;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.45px;
    color:var(--muted);
    border-bottom:1px solid var(--border);
  }

  .gc-hub .gc-table td{
    padding:13px 14px;
    border-bottom:1px solid var(--line);
    font-size:14px;
    color:var(--text);
    vertical-align:top;
  }

  .gc-hub .gc-table tr:last-child td{
    border-bottom:none;
  }

  .gc-hub .gc-copy-grid{
    display:grid;
    gap:14px;
  }

  .gc-hub .gc-copy-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    overflow:hidden;
    box-shadow:var(--shadow-sm);
  }

  .gc-hub .gc-copy-head{
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    border-bottom:1px solid var(--border);
    background:linear-gradient(180deg,#fff,#f9fbff);
  }

  .gc-hub .gc-copy-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
  }

  .gc-hub .gc-copy-meta strong{
    font-family:'Syne',sans-serif;
    font-size:16px;
  }

  .gc-hub .gc-copy-text{
    padding:16px 18px;
    font-size:14px;
    line-height:1.8;
    color:var(--muted);
    white-space:pre-wrap;
  }

  .gc-hub .gc-copy-btn{
    flex-shrink:0;
    padding:8px 14px;
    border-radius:10px;
    border:1px solid var(--border);
    background:var(--surface-2);
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    cursor:pointer;
  }

  .gc-hub .gc-copy-btn:hover{
    background:#fff;
    color:var(--text);
  }

  .gc-hub .gc-canva-box{
    background:
      radial-gradient(circle at top right, rgba(124,58,237,.07), transparent 35%),
      linear-gradient(135deg,rgba(124,58,237,.07),rgba(37,99,235,.04));
    border:1px solid rgba(124,58,237,.18);
    border-radius:22px;
    padding:24px;
    box-shadow:var(--shadow-sm);
  }

  .gc-hub .gc-canva-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:14px;
  }

  .gc-hub .gc-canva-head h3{
    font-family:'Syne',sans-serif;
    font-size:22px;
    line-height:1.15;
    margin:0;
  }

  .gc-hub .gc-canva-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 18px;
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg,var(--purple),var(--purple-2));
    font-size:14px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(124,58,237,.2);
  }

  .gc-hub .gc-canva-btn:hover{
    transform:translateY(-1px);
  }

  .gc-hub .gc-month-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
  }

  .gc-hub .gc-month-card{
    background:rgba(255,255,255,.85);
    border:1px solid rgba(124,58,237,.14);
    border-radius:16px;
    padding:14px;
  }

  .gc-hub .gc-month-card strong{
    display:block;
    font-size:14px;
    margin-bottom:6px;
  }

  .gc-hub .gc-month-card span{
    display:block;
    font-size:12px;
    color:var(--muted);
    line-height:1.6;
  }

  .gc-hub .gc-tracker-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:12px;
  }

  .gc-hub .gc-field{
    background:var(--surface-2);
    border:1px solid var(--border);
    border-radius:14px;
    padding:14px;
  }

  .gc-hub .gc-field label{
    display:block;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.45px;
    color:var(--muted);
    margin-bottom:8px;
  }

  .gc-hub .gc-field input{
    width:100%;
    height:42px;
    border-radius:10px;
    border:1px solid var(--border);
    background:#fff;
    padding:0 12px;
    font-size:14px;
    color:var(--text);
    outline:none;
  }

  .gc-hub .gc-field input:focus{
    border-color:rgba(37,99,235,.45);
    box-shadow:0 0 0 4px rgba(37,99,235,.08);
  }

  .gc-hub .gc-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:none;
    cursor:pointer;
    padding:12px 24px;
    border-radius:12px;
    font-size:14px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg,var(--blue),var(--blue-2));
    box-shadow:0 10px 22px rgba(37,99,235,.18);
  }

  .gc-hub .gc-action-btn.orange{background:linear-gradient(135deg,var(--orange),var(--orange-2))}
  .gc-hub .gc-action-btn.purple{background:linear-gradient(135deg,var(--purple),var(--purple-2))}
  .gc-hub .gc-action-btn.green{background:linear-gradient(135deg,var(--green),var(--green-2))}

  .gc-hub .gc-action-btn:hover{
    transform:translateY(-1px);
  }

  .gc-hub .gc-muted-btn{
    background:none;
    border:1px solid var(--border);
    border-radius:10px;
    padding:8px 14px;
    font-size:12px;
    color:var(--muted);
    cursor:pointer;
  }

  .gc-hub .gc-history-row{
    background:var(--surface-2);
    border:1px solid var(--border);
    border-radius:16px;
    padding:16px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:10px;
    margin-bottom:12px;
  }

  .gc-hub .gc-history-stat{
    text-align:center;
    background:#fff;
    border:1px solid var(--border);
    border-radius:10px;
    padding:10px;
  }

  .gc-hub .gc-history-stat b{
    display:block;
    font-family:'Syne',sans-serif;
    font-size:18px;
    margin:2px 0;
  }

  .gc-hub .gc-history-stat span{
    display:block;
    font-size:11px;
    color:var(--muted);
  }

  .gc-hub .gc-calc-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }

  .gc-hub .gc-result-box{
    display:none;
    margin-top:16px;
    padding:18px;
    border-radius:16px;
    border:1px solid var(--border);
    background:var(--surface-2);
  }

  .gc-hub .gc-divider{
    height:1px;
    background:linear-gradient(90deg,transparent,var(--border),transparent);
    margin:6px 0 22px;
  }

  .gc-hub .gc-footer-note{
    padding:20px 0 8px;
    text-align:center;
    color:var(--muted);
    font-size:13px;
  }

  .gc-hub .gc-footer-note strong{
    color:var(--blue);
  }

  @media (max-width:1024px){
    .gc-hub .gc-hero-grid,
    .gc-hub .gc-grid,
    .gc-hub .gc-timeline-grid,
    .gc-hub .gc-calc-grid,
    .gc-hub .gc-platform-grid,
    .gc-hub .gc-month-grid,
    .gc-hub .gc-quick-grid,
    .gc-hub .gc-value-strip,
    .gc-hub .gc-time-grid{
      grid-template-columns:1fr 1fr;
    }
  }

  @media (max-width:760px){
    .gc-hub{
      border-radius:22px;
    }

    .gc-hub .gc-topbar{
      padding:10px 10px 0;
    }

    .gc-hub .gc-topbar-inner{
      padding:12px;
      border-radius:18px;
    }

    .gc-hub .gc-shell{
      padding:0 12px 44px;
    }

    .gc-hub .gc-main{
      padding-top:16px;
    }

    .gc-hub .gc-hero-box{
      padding:24px 20px;
      border-radius:24px;
    }

    .gc-hub .gc-card,
    .gc-hub .gc-section-head,
    .gc-hub .gc-canva-box,
    .gc-hub .gc-rhythm-box{
      padding:20px;
    }

    .gc-hub .gc-top-btn{
      width:100%;
    }

    .gc-hub .gc-hero-grid,
    .gc-hub .gc-grid,
    .gc-hub .gc-mini-grid,
    .gc-hub .gc-timeline-grid,
    .gc-hub .gc-calc-grid,
    .gc-hub .gc-platform-grid,
    .gc-hub .gc-month-grid,
    .gc-hub .gc-quick-grid,
    .gc-hub .gc-value-strip,
    .gc-hub .gc-time-grid{
      grid-template-columns:1fr;
    }

    .gc-hub .gc-hero-title{
      font-size:clamp(30px,10vw,44px) !important;
      letter-spacing:-1.1px !important;
    }

    .gc-hub .gc-search-wrap{
      min-width:100%;
    }

    .gc-hub .gc-step-item{
      padding:14px;
    }
  }


/* =========================================================
   V14.1 — FULL TRAFFIC HUB / GRAYCAPE MARKETING SKIN
   Original content + functionality preserved.
   ========================================================= */
.gc-hub{
  --bg:#f3f5f3;
  --surface:#ffffff;
  --surface-2:#f1f6f5;
  --surface-3:#e8f0ee;
  --border:#d7e2df;
  --line:#e7eeec;
  --text:#0d191d;
  --muted:#66777c;
  --blue:#55b8d0;
  --blue-2:#2f879a;
  --green:#4c9f8d;
  --green-2:#347c6e;
  --orange:#b98648;
  --orange-2:#926632;
  --purple:#55b8d0;
  --purple-2:#2c7585;
  --dark:#071316;
  background:
    radial-gradient(circle at top left,rgba(85,184,208,.08),transparent 26%),
    linear-gradient(180deg,#f8faf8,#f1f4f2);
  border:1px solid rgba(85,184,208,.12);
  box-shadow:0 20px 60px rgba(7,19,22,.06);
}
.gc-hub .gc-topbar-inner{
  background:rgba(255,255,255,.9);
  border-color:#dbe5e2;
  box-shadow:0 12px 34px rgba(7,19,22,.07);
}
.gc-hub .gc-brand-badge.gc-brand-logo{
  padding:6px;
  background:linear-gradient(135deg,#071316,#10333d);
  border-color:rgba(85,184,208,.22);
}
.gc-hub .gc-brand-badge.gc-brand-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(85,184,208,.14));
}
.gc-hub .gc-brand-text strong{color:#10313a}
.gc-hub .gc-brand-text span{color:#4d8795}
.gc-hub .gc-search:focus,
.gc-hub .gc-field input:focus{
  border-color:rgba(85,184,208,.55);
  box-shadow:0 0 0 4px rgba(85,184,208,.11);
}
.gc-hub .gc-top-btn.primary,
.gc-hub .gc-canva-btn,
.gc-hub .gc-action-btn,
.gc-hub .gc-action-btn.purple,
.gc-hub .gc-action-btn.green{
  background:linear-gradient(135deg,#0a1b20,#123743);
  color:#fff;
  box-shadow:0 10px 24px rgba(7,19,22,.14);
}
.gc-hub .gc-action-btn.orange{
  background:linear-gradient(135deg,#8a6339,#b98648);
}
.gc-hub .gc-hero-box{
  background:
    radial-gradient(circle at 12% 10%,rgba(85,184,208,.18),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(142,212,227,.11),transparent 22%),
    linear-gradient(135deg,#061316 0%,#0a1d23 42%,#10333d 72%,#0b2027 100%);
  box-shadow:0 30px 84px rgba(7,19,22,.18);
  border-color:rgba(142,212,227,.16);
}
.gc-hub .gc-hero-badge{
  color:#dff8fd;
  background:rgba(85,184,208,.10);
  border-color:rgba(142,212,227,.20);
}
.gc-hub .gc-section-head,
.gc-hub .gc-section-head.green,
.gc-hub .gc-section-head.orange,
.gc-hub .gc-section-head.purple{
  background:linear-gradient(135deg,rgba(85,184,208,.085),rgba(85,184,208,.012));
  border-color:rgba(85,184,208,.18);
}
.gc-hub .gc-section-kicker{color:#4d8795}
.gc-hub .gc-badge.blue,
.gc-hub .gc-badge.green,
.gc-hub .gc-badge.purple{
  background:rgba(85,184,208,.10);
  color:#2e7c8e;
}
.gc-hub .gc-badge.orange{
  background:rgba(185,134,72,.11);
  color:#875d30;
}
.gc-hub .gc-card.dark{
  background:
    radial-gradient(circle at top right,rgba(85,184,208,.15),transparent 34%),
    linear-gradient(135deg,#071316,#0d222a);
}
.gc-hub .gc-step-num{
  background:rgba(85,184,208,.12);
  color:#2d7f91;
  border-color:rgba(85,184,208,.18);
}
.gc-hub .gc-checklist li:before{
  background:rgba(85,184,208,.11);
  color:#2e8799;
}
.gc-hub .gc-tip.blue,
.gc-hub .gc-tip.green,
.gc-hub .gc-tip.purple{
  background:rgba(85,184,208,.065);
  border-color:rgba(85,184,208,.16);
}
.gc-hub .gc-tip.orange{
  background:rgba(185,134,72,.07);
  border-color:rgba(185,134,72,.16);
}
.gc-hub .gc-time-card b{color:#2e8193}
.gc-hub .gc-quick-card:hover{border-color:rgba(85,184,208,.34)}
.gc-hub .gc-canva-box{
  background:
    radial-gradient(circle at top right,rgba(85,184,208,.08),transparent 35%),
    linear-gradient(135deg,rgba(85,184,208,.08),rgba(7,19,22,.025));
  border-color:rgba(85,184,208,.18);
}
.gc-hub .gc-month-card{border-color:rgba(85,184,208,.15)}
.gc-hub .gc-footer-note strong{color:#2d7f91}

/* Resource lives inside the Graycape Client Hub */
.resource-content-card{padding:14px}
.resource-content-card .gc-hub{border-radius:22px}
.resource-content-card .gc-hub .gc-topbar{top:140px}
.resource-director-preview{
  margin-top:18px;
  border:1px solid rgba(85,184,208,.25);
  border-radius:16px;
  overflow:hidden;
  background:#f3f5f3;
}
.resource-preview-toolbar{
  position:sticky;top:0;z-index:70;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;background:#071316;color:#fff;
}
.resource-preview-toolbar>div{display:grid;gap:2px}
.resource-preview-toolbar .muted{color:rgba(255,255,255,.55)}
.resource-director-preview-scroll{max-height:74vh;overflow:auto;padding:10px}
.resource-director-preview-scroll .gc-hub{border-radius:18px}
.resource-director-preview-scroll .gc-hub .gc-topbar{top:0}

@media(max-width:720px){
  .resource-content-card{padding:8px}
  .resource-content-card .gc-hub{border-radius:16px}
  .resource-content-card .gc-hub .gc-topbar{top:0}
  .gc-hub .gc-topbar{padding-left:7px;padding-right:7px}
  .gc-hub .gc-topbar-inner{border-radius:15px}
  .gc-hub .gc-brand{min-width:0}
  .gc-hub .gc-brand-badge{width:38px;height:38px;border-radius:12px}
  .gc-hub .gc-brand-text strong{font-size:15px}
  .gc-hub .gc-brand-text span{font-size:9px}
  .gc-hub .gc-nav{padding-bottom:3px}
  .gc-hub .gc-nav a{font-size:11px;padding:8px 11px}
  .gc-hub .gc-hero-box{padding:23px 18px}
}



/* =========================================================
   V14.2 — TRAFFIC HUB UI FIX & POLISH
   Full content preserved; only presentation/terminology improved.
   ========================================================= */

/* Critical contrast fix: dark cards must never inherit dark text */
.gc-hub .gc-card.dark,
.gc-hub .gc-card.dark h1,
.gc-hub .gc-card.dark h2,
.gc-hub .gc-card.dark h3,
.gc-hub .gc-card.dark h4,
.gc-hub .gc-card.dark strong,
.gc-hub .gc-card.dark b{
  color:#fff !important;
}
.gc-hub .gc-card.dark p,
.gc-hub .gc-card.dark li,
.gc-hub .gc-card.dark span:not(.gc-badge),
.gc-hub .gc-card.dark .gc-tip,
.gc-hub .gc-card.dark .gc-tip div,
.gc-hub .gc-card.dark .gc-tip strong{
  color:rgba(255,255,255,.84) !important;
}
.gc-hub .gc-card.dark .gc-tip{
  background:rgba(85,184,208,.085) !important;
  border-color:rgba(142,212,227,.18) !important;
}
.gc-hub .gc-card.dark .gc-tip strong{color:#fff !important}
.gc-hub .gc-card.dark .gc-divider{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
}

/* Stronger structure and rhythm */
.gc-hub .gc-shell{max-width:1200px}
.gc-hub .gc-main{padding-top:26px}
.gc-hub .gc-section{margin-bottom:30px}
.gc-hub .gc-divider{margin:10px 0 30px}
.gc-hub .gc-section-head{
  position:relative;
  overflow:hidden;
  padding:28px 30px;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(85,184,208,.10),transparent 17rem),
    linear-gradient(135deg,#fff,#f5faf9);
  border:1px solid #d8e5e2;
  box-shadow:0 10px 30px rgba(7,19,22,.045);
}
.gc-hub .gc-section-head:before{
  content:"";
  position:absolute;left:0;top:20px;bottom:20px;width:3px;
  background:linear-gradient(180deg,#55b8d0,#2f879a);
  border-radius:0 4px 4px 0;
}
.gc-hub .gc-section-kicker{
  color:#3c8190;
  font-size:11px;
  letter-spacing:.11em;
}
.gc-hub .gc-section-head h2{
  color:#0b1a1e;
  font-size:clamp(26px,3.1vw,38px);
  letter-spacing:-.04em;
}
.gc-hub .gc-section-head p{
  color:#64747a;
  line-height:1.75;
  max-width:900px;
}

/* Cards: premium, cleaner, clearer hierarchy */
.gc-hub .gc-card,
.gc-hub .gc-rhythm-box,
.gc-hub .gc-canva-box{
  border-radius:18px;
  border-color:#dbe6e3;
  box-shadow:0 8px 26px rgba(7,19,22,.045);
}
.gc-hub .gc-card{
  padding:26px;
}
.gc-hub .gc-card:hover{
  border-color:#c8dbd7;
  box-shadow:0 12px 34px rgba(7,19,22,.065);
}
.gc-hub .gc-card-title{
  align-items:flex-start;
  margin-bottom:14px;
}
.gc-hub .gc-card-title h3{
  color:#0e1c20;
  font-size:20px;
  letter-spacing:-.025em;
}
.gc-hub .gc-card p,
.gc-hub .gc-checklist li,
.gc-hub .gc-step-item p{
  line-height:1.75;
}
.gc-hub .gc-mini-box,
.gc-hub .gc-step-item,
.gc-hub .gc-platform-card,
.gc-hub .gc-time-card,
.gc-hub .gc-timeline-card,
.gc-hub .gc-quick-card,
.gc-hub .gc-field{
  border-color:#dce7e4;
  background:linear-gradient(180deg,#f9fbfa,#f3f7f6);
}

/* Hero becomes more Graycape and less generic template */
.gc-hub .gc-hero-box{
  border-radius:26px;
  padding:42px;
  background:
    radial-gradient(circle at 8% 0%,rgba(85,184,208,.20),transparent 26rem),
    radial-gradient(circle at 92% 18%,rgba(142,212,227,.10),transparent 20rem),
    linear-gradient(135deg,#061316 0%,#091b21 44%,#0d2b34 100%);
  box-shadow:0 28px 76px rgba(7,19,22,.20);
}
.gc-hub .gc-hero-title{
  max-width:900px;
  font-size:clamp(38px,5vw,64px) !important;
  letter-spacing:-.055em !important;
  line-height:.99 !important;
}
.gc-hub .gc-hero-sub{
  max-width:850px;
  color:rgba(255,255,255,.76);
  line-height:1.75;
}
.gc-hub .gc-value-card,
.gc-hub .gc-hero-panel{
  background:rgba(255,255,255,.065);
  border-color:rgba(142,212,227,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.gc-hub .gc-value-card b{color:#fff}
.gc-hub .gc-value-card span,
.gc-hub .gc-hero-panel p,
.gc-hub .gc-hero-panel li{color:rgba(255,255,255,.78)}

/* Topbar/navigation: more app-like */
.gc-hub .gc-topbar{padding-top:10px}
.gc-hub .gc-topbar-inner{
  border-radius:18px;
  padding:12px 14px;
  background:rgba(250,252,251,.94);
  border:1px solid rgba(209,224,220,.96);
  box-shadow:0 12px 32px rgba(7,19,22,.075);
}
.gc-hub .gc-nav{
  gap:6px;
  padding-top:10px;
  scrollbar-width:none;
}
.gc-hub .gc-nav::-webkit-scrollbar{display:none}
.gc-hub .gc-nav a{
  padding:8px 11px;
  border-radius:10px;
  font-size:12px;
  color:#64747a;
}
.gc-hub .gc-nav a:hover{
  background:#071316;
  color:#fff;
  border-color:#071316;
}
.gc-hub .gc-search{
  border-radius:11px;
  box-shadow:none;
}
.gc-hub .gc-top-btn{
  border-radius:10px;
}

/* Tips/alerts should be visibly readable but not loud */
.gc-hub .gc-tip{
  border-radius:13px;
  padding:15px 17px;
}
.gc-hub .gc-tip div{line-height:1.65}
.gc-hub .gc-tip strong{color:#132226}
.gc-hub .gc-warning-box{
  border-radius:15px;
  background:linear-gradient(135deg,rgba(185,134,72,.10),rgba(185,134,72,.035));
  border-color:rgba(185,134,72,.20);
}
.gc-hub .gc-warning-box h3{color:#6f4c27}

/* Copy library */
.gc-hub .gc-copy-card{
  border-radius:14px;
  border-color:#dce6e3;
  box-shadow:none;
}
.gc-hub .gc-copy-head{
  background:#f7faf9;
}
.gc-hub .gc-copy-btn{
  background:#071316;
  color:#fff;
  border-color:#071316;
}
.gc-hub .gc-copy-btn:hover{
  background:#10323b;
  color:#fff;
}

/* Tracker / Traкing section */
.gc-hub #gc-tracker .gc-card{
  background:linear-gradient(180deg,#fff,#f7fbfa);
}
.gc-hub .gc-history-row{
  background:#f3f7f6;
  border-color:#dbe5e2;
}
.gc-hub .gc-history-stat{
  border-color:#dde7e4;
  box-shadow:0 2px 10px rgba(7,19,22,.025);
}

/* Tables & inputs */
.gc-hub .gc-table-wrap{
  border-radius:14px;
  border-color:#dbe5e2;
}
.gc-hub .gc-table th{
  background:#eff5f3;
  color:#587078;
}
.gc-hub .gc-field input{
  border-radius:9px;
}

/* Resource container inside Client Hub */
.resource-content-card{
  padding:10px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.resource-content-card .gc-hub{
  border-radius:20px;
  border-color:#d5e2df;
  box-shadow:0 20px 58px rgba(7,19,22,.08);
}
.resource-library-card{
  background:linear-gradient(180deg,#fff,#f8fbfa);
}
.resource-library-item.active{
  box-shadow:inset 3px 0 0 #55b8d0;
}
.resource-access-card.granted{
  box-shadow:inset 3px 0 0 #55b8d0,0 8px 28px rgba(7,19,22,.04);
}

/* Mobile refinements */
@media(max-width:760px){
  .gc-hub{border-radius:14px}
  .gc-hub .gc-topbar{position:relative;top:0;padding:7px 7px 0}
  .gc-hub .gc-topbar-inner{border-radius:13px;padding:10px}
  .gc-hub .gc-top-row{gap:9px}
  .gc-hub .gc-brand{width:100%}
  .gc-hub .gc-search-wrap{order:3}
  .gc-hub .gc-top-btn{width:auto;flex:1;min-width:0;padding:10px 11px;font-size:11px}
  .gc-hub .gc-nav{margin:0 -2px;overflow-x:auto}
  .gc-hub .gc-nav a{font-size:10px;padding:7px 9px}
  .gc-hub .gc-shell{padding:0 8px 34px}
  .gc-hub .gc-main{padding-top:12px}
  .gc-hub .gc-hero-box{padding:28px 20px;border-radius:18px}
  .gc-hub .gc-hero-title{font-size:clamp(31px,10.5vw,43px)!important}
  .gc-hub .gc-hero-sub{font-size:14px}
  .gc-hub .gc-hero-actions{display:grid;grid-template-columns:1fr}
  .gc-hub .gc-hero-btn{width:100%}
  .gc-hub .gc-value-strip{gap:9px}
  .gc-hub .gc-value-card{padding:14px}
  .gc-hub .gc-section{margin-bottom:22px}
  .gc-hub .gc-section-head{padding:22px 19px;border-radius:16px}
  .gc-hub .gc-section-head:before{top:16px;bottom:16px}
  .gc-hub .gc-card,
  .gc-hub .gc-rhythm-box,
  .gc-hub .gc-canva-box{padding:18px;border-radius:15px}
  .gc-hub .gc-step-item{padding:13px;border-radius:13px}
  .gc-hub .gc-step-num{width:34px;height:34px}
  .gc-hub .gc-copy-head{align-items:flex-start}
  .gc-hub .gc-copy-btn{width:100%;margin-top:5px}
  .resource-content-card{padding:0}
}

/* =========================================================
   V14.3 — CLIENT ACCESS + PROJECT LINKS + BG UI
   ========================================================= */
.client-access-action{display:grid!important;grid-template-columns:minmax(230px,.75fr) minmax(0,1.6fr)!important;align-items:start!important}
.client-access-task-form{display:grid;gap:12px;width:100%;padding:14px;border:1px solid #dbe6e3;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbfa)}
.client-access-form-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.client-access-form-head>div{display:grid;gap:3px}
.client-access-safe-note{padding:11px 13px;border-radius:11px;background:rgba(85,184,208,.075);border:1px solid rgba(85,184,208,.16);font-size:12px;line-height:1.55;color:#42616a}
.client-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.client-access-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.client-access-secure{font-size:11px;color:#347c6e}
.director-access-list{display:grid;gap:10px}
.director-access-card{border:1px solid #dce6e3;border-radius:14px;padding:15px;background:linear-gradient(180deg,#fff,#f8fbfa);display:grid;gap:12px}
.director-access-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.director-access-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.director-access-data>div{padding:10px;border:1px solid #e2e9e7;border-radius:10px;background:#fff;display:grid;gap:3px;min-width:0}
.director-access-data span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7a898e}
.director-access-data strong,.director-access-data a{font-size:12px;overflow-wrap:anywhere;color:#132226;text-decoration:none}
.director-access-secret{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.secret-value{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;background:#08181d;color:#fff}
.secret-value code{color:#9fe2ef;font-size:13px}
.secret-value span{font-size:10px;color:rgba(255,255,255,.58)}
.project-client-link-form{display:grid;grid-template-columns:170px minmax(180px,.8fr) minmax(240px,1.3fr) minmax(180px,.9fr);gap:9px;align-items:end}
.project-client-link-form .client-link-visible{grid-column:1/3;align-self:center}
.project-client-link-form>.btn{grid-column:3/5;justify-self:end}
.project-client-link-list{display:grid;gap:8px;margin-top:14px}
.project-client-link-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #dfe8e5;border-radius:13px;padding:12px;background:#fff}
.project-client-link-icon,.client-link-card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0b1b20,#11353f);color:#9fe2ef;font-size:18px}
.project-client-link-main{display:grid;gap:4px;min-width:0}
.project-client-link-main a{font-size:11px;color:#4d8795;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-links-home{border-top:2px solid rgba(85,184,208,.52)}
.client-link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.client-link-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:1px solid #dce6e3;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfa);text-decoration:none;color:inherit;box-shadow:0 5px 18px rgba(7,19,22,.025)}
.client-link-card:hover{border-color:rgba(85,184,208,.48);box-shadow:0 10px 28px rgba(7,19,22,.055);transform:translateY(-1px)}
.client-link-card>div:nth-child(2){display:grid;gap:2px;min-width:0}
.client-link-card span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#5b8b96}
.client-link-card strong{font-size:13px;color:#102126}
.client-link-card small{font-size:11px;color:#738086;line-height:1.45}
.client-link-card>b{font-size:10px;color:#3d7e8c;white-space:nowrap}
.client-link-invoice{background:linear-gradient(180deg,#fff,#fffaf4)}
.client-link-whiteboard{background:linear-gradient(180deg,#fff,#f6fbfb)}
.client-link-canva_design{background:linear-gradient(180deg,#fff,#f8f7ff)}
@media(max-width:920px){
 .client-access-action{grid-template-columns:1fr!important}
 .project-client-link-form{grid-template-columns:1fr 1fr}
 .project-client-link-form .client-link-visible,.project-client-link-form>.btn{grid-column:auto;justify-self:stretch}
 .director-access-data{grid-template-columns:1fr}
}
@media(max-width:650px){
 .client-access-grid,.project-client-link-form{grid-template-columns:1fr}
 .project-client-link-row{grid-template-columns:42px 1fr}
 .project-client-link-row>.btn{grid-column:2;justify-self:start}
 .client-link-card{grid-template-columns:42px 1fr}
 .client-link-card>b{grid-column:2}
 .client-access-form-head{flex-direction:column}
}


/* =========================================================
   V15 — MINI CRM
   ========================================================= */
.crm-eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#4d8795;margin-bottom:6px}
.crm-topbar{align-items:flex-end}
.crm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.crm-stat{display:grid;gap:4px;padding:14px 16px;border:1px solid #dae4e1;border-radius:13px;background:linear-gradient(180deg,#fff,#f8fbfa)}
.crm-stat span{font-size:10px;color:#738187;text-transform:uppercase;letter-spacing:.08em}
.crm-stat strong{font-size:24px;letter-spacing:-.04em}
.crm-stat.attention{border-color:#e8d4b0;background:#fffaf1}
.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.crm-search{display:flex;align-items:center;gap:8px;width:min(440px,100%);padding:0 12px;border:1px solid #d8e3e0;border-radius:11px;background:#fff}
.crm-search span{font-size:18px;color:#678}
.crm-search input{width:100%;height:42px;border:0;outline:0;background:transparent}
.crm-toolbar-note{font-size:11px;color:#879397}
.crm-board{display:grid;grid-template-columns:repeat(7,minmax(260px,1fr));gap:10px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin}
.crm-column{min-height:580px;border:1px solid #dce5e2;border-radius:14px;background:#f6f8f7;overflow:hidden;transition:.18s ease}
.crm-column.drag-over{border-color:#55b8d0;background:#eef9fb;box-shadow:inset 0 0 0 2px rgba(85,184,208,.12)}
.crm-column-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 13px 8px;background:#fff}
.crm-column-title{display:flex;align-items:center;gap:7px}
.crm-column-title strong{font-size:12px}
.crm-column-title span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#eef3f2;color:#617277;font-size:10px}
.crm-column-head small{display:block;margin-top:3px;color:#708087;font-size:10px}
.crm-column-add{width:28px;height:28px;border:1px solid #dce5e2;border-radius:8px;background:#fff;cursor:pointer;font-size:16px}
.crm-column-add:hover{border-color:#55b8d0}
.crm-column-progress{height:3px;background:#e8eeec}
.crm-column-progress span{display:block;height:100%;background:linear-gradient(90deg,#55b8d0,#2e899e)}
.crm-column-body{display:grid;gap:8px;padding:9px;align-content:start;max-height:68vh;overflow:auto}
.crm-lead-card{display:grid;gap:10px;padding:12px;border:1px solid #dfe7e5;border-radius:12px;background:#fff;cursor:grab;box-shadow:0 4px 14px rgba(7,19,22,.025)}
.crm-lead-card:hover{border-color:#bed7d2;box-shadow:0 8px 20px rgba(7,19,22,.045)}
.crm-lead-card.dragging{opacity:.45}
.crm-lead-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center}
.crm-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dff4f8,#bfe6ef);color:#245968;font-size:10px;font-weight:800}
.crm-lead-person{display:grid;gap:2px;min-width:0}
.crm-lead-person strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-lead-person span{font-size:10px;color:#748287;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-value{font-size:10px;font-weight:800;padding:5px 7px;border-radius:999px;background:#eef3f2}
.crm-lead-service{font-size:12px;font-weight:700;color:#203238}
.crm-tags{display:flex;gap:5px;flex-wrap:wrap}
.crm-tags span{font-size:9px;padding:4px 6px;border-radius:999px;background:#f0f3f2;color:#65757a}
.crm-next{display:grid;gap:3px;padding:8px 9px;border-radius:9px;background:#f7faf9}
.crm-next span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#839095}
.crm-next strong{font-size:10px}
.crm-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}
.crm-followup{font-size:9px;color:#849095}
.crm-followup.soon{color:#947326}.crm-followup.today,.crm-followup.overdue{color:#a54f45;font-weight:800}
.crm-edit-btn{border:0;background:transparent;cursor:pointer;color:#7a878b}
.crm-empty-column{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;color:#95a1a4}
.crm-empty-column>div{font-size:28px;color:#c8d3d0}
.crm-empty-column strong{font-size:11px}.crm-empty-column span{font-size:9px}
.crm-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(3,14,17,.62);backdrop-filter:blur(8px)}
.crm-modal{width:min(780px,100%);max-height:92vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.crm-modal-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e3e9e7}
.crm-modal-head span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#5d8b96}.crm-modal-head h2{margin:4px 0 0}
.crm-modal-close{width:34px;height:34px;border:1px solid #dce5e2;border-radius:9px;background:#fff;font-size:20px;cursor:pointer}
.crm-form{padding:20px 22px;display:grid;gap:14px}
.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crm-lost-reason{display:none}.crm-lost-reason.show{display:block}
.crm-modal-actions{display:flex;gap:8px;align-items:center}.crm-modal-actions .spacer{flex:1}

/* =========================================================
   V15 — INBOX \"ЗА ПО-КЪСНО\"
   ========================================================= */
.inbox-later-panel{border-color:#e5dfcf;background:linear-gradient(180deg,#fffdf8,#fff)}
.inbox-request_later{border-color:#e8dfc7;background:#fffdf8}
.inbox-request_later .pill{background:#fff5d9;color:#765f25;border-color:#eedda9}
.compact-zero{padding:20px}

/* =========================================================
   V15 — TRAFFIC HUB REBUILT AS EMBEDDED CLIENT RESOURCE
   ========================================================= */
.resource-content-card.resource-embedded{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.resource-embedded .gc-hub{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid #d7e3e0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 16px 44px rgba(7,19,22,.075)!important;
  background:#f5f7f6!important;
}
.resource-embedded .gc-hub .gc-topbar{
  position:relative!important;
  top:auto!important;
  z-index:5!important;
  padding:0!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:1px solid #dce6e3!important;
}
.resource-embedded .gc-hub .gc-topbar-inner{
  max-width:none!important;
  margin:0!important;
  padding:14px 16px 12px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.resource-embedded .gc-hub .gc-brand{display:none!important}
.resource-embedded .gc-hub .gc-top-row{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto!important;gap:9px!important}
.resource-embedded .gc-hub .gc-search-wrap{min-width:0!important;width:100%!important}
.resource-embedded .gc-hub .gc-search{height:43px!important;border-radius:10px!important;background:#f7faf9!important;box-shadow:none!important}
.resource-embedded .gc-hub .gc-top-btn{padding:10px 12px!important;border-radius:9px!important;font-size:11px!important}
.resource-embedded .gc-hub .gc-nav{
  display:flex!important;
  gap:5px!important;
  overflow-x:auto!important;
  padding:10px 0 0!important;
  scrollbar-width:none!important;
}
.resource-embedded .gc-hub .gc-nav::-webkit-scrollbar{display:none}
.resource-embedded .gc-hub .gc-nav a{
  flex:0 0 auto!important;
  padding:7px 9px!important;
  border:1px solid #e0e8e5!important;
  border-radius:9px!important;
  background:#f8faf9!important;
  font-size:10px!important;
  color:#5f7177!important;
}
.resource-embedded .gc-hub .gc-nav a:hover{background:#071316!important;color:#fff!important;border-color:#071316!important}
.resource-embedded .gc-hub .gc-shell{max-width:none!important;margin:0!important;padding:16px 16px 36px!important}
.resource-embedded .gc-hub .gc-main{padding-top:0!important}
.resource-embedded .gc-hub .gc-hero{margin:0 0 16px!important}
.resource-embedded .gc-hub .gc-hero-box{
  border-radius:16px!important;
  padding:32px!important;
  box-shadow:none!important;
}
.resource-embedded .gc-hub .gc-hero-title{font-size:clamp(34px,4vw,54px)!important;line-height:1.02!important}
.resource-embedded .gc-hub .gc-hero-sub{font-size:14px!important;line-height:1.7!important}
.resource-embedded .gc-hub .gc-section{margin-bottom:18px!important}
.resource-embedded .gc-hub .gc-divider{margin:8px 0 18px!important}
.resource-embedded .gc-hub .gc-section-head{
  padding:22px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.resource-embedded .gc-hub .gc-card,
.resource-embedded .gc-hub .gc-canva-box,
.resource-embedded .gc-hub .gc-rhythm-box{
  padding:20px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.resource-embedded .gc-hub .gc-card.dark,
.resource-embedded .gc-hub .gc-card.dark *{color:rgba(255,255,255,.86)!important}
.resource-embedded .gc-hub .gc-card.dark strong,
.resource-embedded .gc-hub .gc-card.dark h1,
.resource-embedded .gc-hub .gc-card.dark h2,
.resource-embedded .gc-hub .gc-card.dark h3{color:#fff!important}
.resource-embedded .gc-hub .gc-grid,
.resource-embedded .gc-hub .gc-hero-grid,
.resource-embedded .gc-hub .gc-timeline-grid,
.resource-embedded .gc-hub .gc-calc-grid,
.resource-embedded .gc-hub .gc-platform-grid,
.resource-embedded .gc-hub .gc-month-grid,
.resource-embedded .gc-hub .gc-quick-grid,
.resource-embedded .gc-hub .gc-value-strip,
.resource-embedded .gc-hub .gc-time-grid{min-width:0!important}
.resource-embedded .gc-hub .gc-copy-card,
.resource-embedded .gc-hub .gc-step-item,
.resource-embedded .gc-hub .gc-platform-card,
.resource-embedded .gc-hub .gc-mini-box{min-width:0!important}
.resource-embedded .gc-hub table{min-width:620px}
.resource-embedded .gc-hub .gc-table-wrap{overflow-x:auto!important}

@media(max-width:980px){
 .crm-stats{grid-template-columns:1fr 1fr}
 .resource-embedded .gc-hub .gc-top-row{grid-template-columns:1fr 1fr!important}
 .resource-embedded .gc-hub .gc-search-wrap{grid-column:1/-1!important;order:-1}
}
@media(max-width:720px){
 .crm-stats{grid-template-columns:1fr 1fr}
 .crm-toolbar{align-items:stretch;flex-direction:column}
 .crm-toolbar-note{display:none}
 .crm-board{grid-template-columns:repeat(7,minmax(82vw,1fr))}
 .crm-column{min-height:520px}
 .crm-form-grid{grid-template-columns:1fr}
 .crm-modal-backdrop{padding:8px;align-items:end}
 .crm-modal{max-height:94vh;border-radius:18px 18px 0 0}
 .resource-library-card{padding:15px!important}
 .resource-embedded .gc-hub{border-radius:14px!important}
 .resource-embedded .gc-hub .gc-topbar-inner{padding:10px!important}
 .resource-embedded .gc-hub .gc-top-row{grid-template-columns:1fr!important}
 .resource-embedded .gc-hub .gc-search-wrap{grid-column:auto!important;order:0}
 .resource-embedded .gc-hub .gc-top-btn{width:100%!important}
 .resource-embedded .gc-hub .gc-nav{padding-top:8px!important}
 .resource-embedded .gc-hub .gc-shell{padding:10px 10px 28px!important}
 .resource-embedded .gc-hub .gc-hero-box{padding:24px 18px!important;border-radius:14px!important}
 .resource-embedded .gc-hub .gc-hero-title{font-size:clamp(30px,10vw,40px)!important}
 .resource-embedded .gc-hub .gc-section-head,
 .resource-embedded .gc-hub .gc-card,
 .resource-embedded .gc-hub .gc-canva-box,
 .resource-embedded .gc-hub .gc-rhythm-box{padding:17px!important;border-radius:13px!important}
 .resource-embedded .gc-hub .gc-hero-grid,
 .resource-embedded .gc-hub .gc-grid,
 .resource-embedded .gc-hub .gc-mini-grid,
 .resource-embedded .gc-hub .gc-timeline-grid,
 .resource-embedded .gc-hub .gc-calc-grid,
 .resource-embedded .gc-hub .gc-platform-grid,
 .resource-embedded .gc-hub .gc-month-grid,
 .resource-embedded .gc-hub .gc-quick-grid,
 .resource-embedded .gc-hub .gc-value-strip,
 .resource-embedded .gc-hub .gc-time-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   V16 — ДНЕС / CRM HANDOFF / LEGACY CLIENT HUB
   ========================================================= */
.today-eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#4d8795;margin-bottom:6px}
.today-topbar{align-items:flex-end}
.today-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.today-metric{appearance:none;text-align:left;display:grid;gap:4px;padding:16px;border:1px solid #d9e4e1;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfa);cursor:pointer}
.today-metric:hover{border-color:#bcd5d0}
.today-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#728086}
.today-metric strong{font-size:31px;letter-spacing:-.05em}.today-metric small{font-size:10px;color:#8a9699}
.today-metric.attention{border-color:#e5cfad;background:#fffaf2}.today-metric.ready{border-color:#bcded5;background:#f5fcfa}
.today-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.today-panel{min-width:0}
.today-lead-list{display:grid;gap:7px}
.today-lead-row{appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid #e0e7e5;border-radius:11px;background:#fff;cursor:pointer}
.today-lead-row:hover{border-color:#bed5d1}.today-lead-row.overdue{border-left:3px solid #ba685e}
.today-lead-row>div:nth-child(2){display:grid;gap:2px}.today-lead-row strong{font-size:12px}.today-lead-row span{font-size:10px;color:#748287}
.today-lead-next{display:grid!important;text-align:right;gap:2px!important}.today-lead-next b{font-size:9px;color:#8a6a34}
.today-empty{display:grid;gap:4px;padding:24px;text-align:center;border:1px dashed #d5dfdc;border-radius:12px;color:#64747a}.today-empty span{font-size:11px;color:#879397}
.today-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.today-summary>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #e0e7e5;border-radius:10px;background:#fff}.today-summary span{font-size:10px;color:#78868b}.today-summary strong{font-size:14px}

.crm-quick-stage{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:7px 8px;border:1px solid #e1e8e6;border-radius:9px;background:#fafcfc}
.crm-quick-stage span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7c898d}
.crm-quick-stage select{min-width:0;border:0;background:transparent;outline:0;font-size:10px;font-weight:700;color:#203238;cursor:pointer}
.crm-lead-card.converted{border-color:#bcded5;background:linear-gradient(180deg,#fff,#f5fcfa)}
.crm-converted-tag{background:#e7f6f1!important;color:#276456!important}
.crm-handoff-box{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid #bcded5;border-radius:12px;background:linear-gradient(135deg,#f3fcf9,#fff)}
.crm-handoff-box>div{display:grid;gap:3px}.crm-handoff-box strong{font-size:13px}.crm-handoff-box span{font-size:11px;color:#6f7e82;line-height:1.5}

/* Legacy client hub in Director Business */
.legacy-hub-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 16px;margin-bottom:16px;border:1px solid rgba(85,184,208,.22);border-radius:13px;background:linear-gradient(135deg,rgba(85,184,208,.09),rgba(85,184,208,.025))}
.legacy-hub-intro>div{display:grid;gap:3px}.legacy-hub-intro strong{font-size:14px}.legacy-hub-intro span:not(.pill){font-size:11px;color:#67777c;line-height:1.55}
.business-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px}
.business-resource-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #dde6e3;border-radius:12px;background:#fff}
.business-resource-card.granted{border-color:#bcded5;background:#f6fcfa}.business-resource-card>div:nth-child(2){display:grid;gap:3px}.business-resource-card strong{font-size:12px}.business-resource-card span{font-size:10px;line-height:1.45;color:#778589}
.legacy-request-preview{display:grid;gap:7px}.legacy-request-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;border:1px solid #e0e7e5;border-radius:10px;background:#fff}.legacy-request-row>div{display:grid;gap:2px;min-width:0}.legacy-request-row strong{font-size:11px}.legacy-request-row span:not(.pill){font-size:10px;color:#78858a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Client Hub without project */
.legacy-client-hero{grid-template-columns:minmax(0,1fr) 160px}
.legacy-hub-mark{position:relative;z-index:1;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(142,212,227,.28);color:#fff;font-size:54px;font-weight:200}.legacy-hub-mark span{font-size:7px;letter-spacing:.16em;color:#9fe2ef}
.legacy-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.legacy-client-grid .client-card{display:flex;flex-direction:column;align-items:flex-start}.legacy-client-grid .client-card .btn{margin-top:auto}

/* Service request Inbox */
.inbox-service_request{border-color:#cfe2dd;background:#fbfefd}.inbox-service_request_later{border-color:#e8dfc7;background:#fffdf8}

@media(max-width:980px){
 .today-metrics{grid-template-columns:1fr 1fr}.today-layout{grid-template-columns:1fr}.legacy-client-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .today-topbar{align-items:flex-start}.today-topbar>.row{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .today-metrics,.today-summary{grid-template-columns:1fr 1fr}.today-lead-row{grid-template-columns:34px 1fr}.today-lead-next{grid-column:2;text-align:left}
 .crm-handoff-box,.legacy-hub-intro{align-items:flex-start;flex-direction:column}.crm-handoff-box .btn{width:100%}
 .business-resource-card{grid-template-columns:42px 1fr}.business-resource-card>.btn{grid-column:2;justify-self:start}
 .legacy-client-hero{grid-template-columns:1fr}.legacy-hub-mark{width:105px;height:105px;font-size:42px;justify-self:start}.legacy-client-grid{grid-template-columns:1fr}
}
@media(max-width:440px){
 .today-metrics,.today-summary{grid-template-columns:1fr}.today-topbar>.row{grid-template-columns:1fr}
}

/* =========================================================
   V17 — CLIENT SUCCESS + GEO / AI REVENUE OPPORTUNITIES
   ========================================================= */
.today-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.success-overview{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px;margin-bottom:14px}
.success-health-card,.success-potential,.success-geo-quick{display:grid;gap:4px;padding:16px;border:1px solid #dce6e3;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfa);text-align:left}
.success-health-card span,.success-potential span,.success-geo-quick span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#6f8186}
.success-health-card strong,.success-potential strong,.success-geo-quick strong{font-size:20px;letter-spacing:-.03em;color:#102126}
.success-health-card small,.success-potential small,.success-geo-quick small{font-size:10px;line-height:1.5;color:#7b898d}
.success-health-card.health-attention{border-color:#e4cfc6;background:#fff8f5}.success-health-card.health-opportunity{border-color:#bcded5;background:#f5fcfa}.success-health-card.health-quiet{border-color:#dfdccb;background:#fffdf5}
.success-geo-quick{appearance:none;cursor:pointer;background:linear-gradient(135deg,#071316,#10313b);border-color:#16404b}
.success-geo-quick span{color:#7ed3e7}.success-geo-quick strong{color:#fff}.success-geo-quick small{color:rgba(255,255,255,.62)}
.success-profile-form{display:grid;grid-template-columns:170px 170px 170px minmax(220px,1fr) auto;gap:9px;align-items:end}
.success-profile-form .field{margin:0}.success-profile-form .btn{height:42px}
.opportunity-quick-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.opportunity-quick-row button{border:1px solid #dce6e3;border-radius:999px;padding:7px 10px;background:#fff;color:#506268;font-size:10px;cursor:pointer}
.opportunity-quick-row button:hover{border-color:#55b8d0;color:#1f6979;background:#f2fbfd}
.opportunity-list{display:grid;gap:8px}
.opportunity-row{display:grid;grid-template-columns:120px minmax(0,1fr) 180px 28px;gap:11px;align-items:center;padding:12px 13px;border:1px solid #dfe7e5;border-radius:12px;background:#fff}
.opportunity-row.status-won{border-color:#b8ddcf;background:#f5fbf8}.opportunity-row.status-dismissed{opacity:.55}.opportunity-row.status-later{background:#fffdf7}
.opportunity-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#438193;font-weight:800}
.opportunity-copy{display:grid;gap:3px;min-width:0}.opportunity-copy strong{font-size:12px}.opportunity-copy span{font-size:10px;color:#758388;line-height:1.5}.opportunity-copy small{font-size:9px;color:#8a979a}
.opportunity-value{display:grid;gap:5px}.opportunity-value strong{font-size:12px;text-align:right}.opportunity-value select{width:100%;border:1px solid #dde6e3;border-radius:8px;padding:7px;background:#fafcfc;font-size:10px}
.opportunity-form-card{margin-top:14px;padding:16px;border:1px solid rgba(85,184,208,.28);border-radius:14px;background:linear-gradient(180deg,#fbfeff,#f7faf9)}
.success-home-panel{margin-top:14px}.success-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.success-home-list{display:grid;gap:7px;margin-top:8px}
.success-home-row{appearance:none;width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;padding:10px 11px;border:1px solid #e0e7e5;border-radius:10px;background:#fff;cursor:pointer}
.success-home-row:hover{border-color:#bcd7d1}.success-home-row>div{display:grid;gap:2px}.success-home-row strong{font-size:11px}.success-home-row span{font-size:9px;color:#748388}.success-home-row b{font-size:10px;color:#497b87;white-space:nowrap}
@media(max-width:1200px){
 .today-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
 .success-profile-form{grid-template-columns:1fr 1fr 1fr}.success-profile-form .success-notes-field{grid-column:1/3}.success-profile-form .btn{grid-column:3}
}
@media(max-width:900px){
 .success-overview{grid-template-columns:1fr 1fr}.success-geo-quick{grid-column:1/-1}
 .success-home-grid{grid-template-columns:1fr}
 .opportunity-row{grid-template-columns:100px minmax(0,1fr);align-items:start}.opportunity-value{grid-column:2}.opportunity-row>.crm-edit-btn{grid-column:1;grid-row:2}
}
@media(max-width:720px){
 .today-metrics{grid-template-columns:1fr 1fr}
 .success-overview,.success-profile-form{grid-template-columns:1fr}.success-geo-quick,.success-profile-form .success-notes-field,.success-profile-form .btn{grid-column:auto}
 .opportunity-row{grid-template-columns:1fr}.opportunity-value,.opportunity-row>.crm-edit-btn{grid-column:auto}.opportunity-value strong{text-align:left}
}
@media(max-width:440px){.today-metrics{grid-template-columns:1fr}}

/* =========================================================
   V18 — OPTIONAL CLIENT REPORTING + CONTRACT LINKS
   ========================================================= */
.report-settings-card{display:grid;grid-template-columns:minmax(250px,1fr) auto 180px auto;gap:14px;align-items:end;padding:16px;border:1px solid #dce6e3;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfa);margin-bottom:10px}
.report-settings-card.enabled{border-color:#b8ddd4;background:linear-gradient(180deg,#fbfffd,#f3fbf8)}
.report-toggle-copy{display:grid;gap:3px}.report-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#5c8994}.report-toggle-copy strong{font-size:18px}.report-toggle-copy small{font-size:10px;color:#758388;line-height:1.5}
.report-master-switch{display:flex;align-items:center;gap:8px;cursor:pointer;align-self:center}.report-master-switch input{position:absolute;opacity:0;pointer-events:none}.report-master-switch span{position:relative;width:46px;height:25px;border-radius:999px;background:#cdd7d4;transition:.2s}.report-master-switch span:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.16);transition:.2s}.report-master-switch input:checked+span{background:#438f7e}.report-master-switch input:checked+span:after{transform:translateX(21px)}.report-master-switch b{font-size:10px;min-width:35px}
.report-cadence-field{margin:0}.report-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px}.report-summary-strip>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #e0e7e5;border-radius:10px;background:#fff}.report-summary-strip span{font-size:10px;color:#77868a}.report-summary-strip strong{font-size:13px}
.director-report-list{display:grid;gap:8px}.director-report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #dfe7e5;border-radius:12px;background:#fff}.director-report-row.report-published{border-left:3px solid #55a88f;background:#fbfffd}.director-report-main{display:grid;gap:4px;min-width:0}.director-report-main>span{font-size:10px;color:#768589}.director-report-main small{font-size:10px;color:#7c898d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.director-report-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.report-editor-card{margin-top:14px;padding:17px;border:1px solid rgba(85,184,208,.28);border-radius:14px;background:linear-gradient(180deg,#fbfeff,#f7faf9)}.report-metrics-input{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.client-report-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.client-report-list{display:grid;gap:7px;position:sticky;top:16px}.client-report-list-item{appearance:none;display:grid;gap:3px;text-align:left;padding:12px;border:1px solid #dce5e2;border-radius:12px;background:#fff;cursor:pointer}.client-report-list-item.active{border-color:#55b8d0;background:#f4fbfc;box-shadow:inset 3px 0 0 #55b8d0}.client-report-list-item span,.client-report-list-item small{font-size:9px;color:#78878b}.client-report-list-item strong{font-size:11px}
.client-report-card{padding:24px;border:1px solid #dbe5e2;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(7,19,22,.045)}.client-report-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e5ebe9}.client-report-head h2{font-size:28px;margin:3px 0 5px}.client-report-head>div>span{font-size:10px;color:#77868b}.client-report-badge{padding:7px 9px;border-radius:999px;background:#071316;color:#9fe2ef;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.client-report-summary{margin:18px 0;padding:16px;border-radius:12px;background:linear-gradient(135deg,#071316,#11313b);color:#eaf7fa;font-size:13px;line-height:1.7}.client-report-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:18px}.client-report-metrics>div{display:grid;gap:4px;padding:13px;border:1px solid #dfe7e5;border-radius:12px;background:#f9fbfa}.client-report-metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#77868a}.client-report-metrics strong{font-size:22px;letter-spacing:-.04em}.client-report-metrics b{font-size:10px;color:#3b8977}.client-report-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-report-sections section{padding:15px;border:1px solid #e0e7e5;border-radius:12px}.client-report-sections section>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#5d8792;font-weight:800}.client-report-sections p{margin:7px 0 0;font-size:12px;line-height:1.65;color:#516167;white-space:pre-wrap}.client-report-sections .client-report-next{grid-column:1/-1;border-color:#bfddd5;background:#f7fcfa}
.client-link-contract{background:linear-gradient(180deg,#fff,#f8faf7)}
@media(max-width:1000px){
 .report-settings-card{grid-template-columns:1fr 1fr}.report-toggle-copy{grid-column:1/-1}.report-settings-card>.btn{justify-self:stretch}
 .client-report-layout{grid-template-columns:1fr}.client-report-list{position:static;display:flex;overflow-x:auto;padding-bottom:4px}.client-report-list-item{min-width:210px;flex:0 0 auto}
}
@media(max-width:720px){
 .report-settings-card,.report-summary-strip{grid-template-columns:1fr}.report-master-switch{justify-self:start}.director-report-row{grid-template-columns:1fr}.director-report-actions{justify-content:flex-start}
 .client-report-card{padding:17px}.client-report-head{flex-direction:column}.client-report-head h2{font-size:23px}.client-report-metrics,.client-report-sections{grid-template-columns:1fr}.client-report-sections .client-report-next{grid-column:auto}
}

/* =========================================================
   V19 — LOW-USAGE AUTOMATION ENGINE
   ========================================================= */
.low-usage-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:12px;border:1px solid #bfded6;border-radius:12px;background:linear-gradient(135deg,#f3fcf8,#fbfefd)}
.low-usage-banner>div{display:grid;gap:2px}.low-usage-banner strong{font-size:11px;color:#276a5b}.low-usage-banner span{font-size:10px;color:#73858a}
.attention-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}
.attention-summary>div{display:grid;gap:3px;padding:13px 14px;border:1px solid #dfe7e5;border-radius:12px;background:#fff}.attention-summary>div.danger{border-color:#e6c7c1;background:#fff8f6}.attention-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7c898d}.attention-summary strong{font-size:24px}
.attention-list{display:grid;gap:8px}.attention-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #dfe7e5;border-radius:12px;background:#fff}.attention-item.attention-overdue{border-left:3px solid #b85e56;background:#fffafa}.attention-item.attention-today{border-left:3px solid #c4933a}.attention-item.attention-week{border-left:3px solid #55b8d0}
.attention-date{display:grid;gap:3px}.attention-date span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#7d898d}.attention-date strong{font-size:11px}
.attention-main{display:grid;gap:5px;min-width:0}.attention-main>strong{font-size:12px}.attention-main p{margin:0;font-size:10px;color:#68787d;line-height:1.5}.attention-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.attention-empty{padding:22px;text-align:center;border:1px dashed #d7e1de;border-radius:11px;color:#809094;font-size:11px}
.attention-panel.has-overdue{border-color:#e5c9c4}
.inbox-dates{gap:10px;align-items:center}.later-reminder-date{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f1f4f3;color:#6f7c80;font-size:9px}.later-reminder-date.due{background:#fff0ec;color:#a45149;font-weight:800}

.automation-economy-panel{background:linear-gradient(135deg,#071316,#10313b);border-color:#123945;color:#fff}.automation-economy-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.automation-economy-head h2{color:#fff;margin:3px 0 6px}.automation-economy-head p{margin:0;color:rgba(255,255,255,.67);font-size:11px;line-height:1.6;max-width:720px}.automation-zero{display:grid;place-items:center;min-width:110px;padding:14px;border:1px solid rgba(142,212,227,.2);border-radius:14px;background:rgba(255,255,255,.035)}.automation-zero strong{font-size:34px;color:#9fe2ef}.automation-zero span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55)}
.automation-master{font-weight:800}.automation-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.automation-rule{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #dde6e3;border-radius:11px;background:#fff;cursor:pointer}.automation-rule input{margin-top:2px}.automation-rule>div{display:grid;gap:3px}.automation-rule strong{font-size:11px}.automation-rule span{font-size:9px;line-height:1.45;color:#7a888c}

@media(max-width:900px){
 .attention-summary{grid-template-columns:1fr 1fr}
 .attention-item{grid-template-columns:90px minmax(0,1fr)}.attention-actions{grid-column:2;justify-content:flex-start}
 .automation-rule-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .low-usage-banner,.automation-economy-head{align-items:flex-start;flex-direction:column}
 .attention-summary{grid-template-columns:1fr 1fr}
 .attention-item{grid-template-columns:1fr}.attention-actions{grid-column:auto}.attention-date{display:flex;justify-content:space-between}
}
@media(max-width:420px){.attention-summary{grid-template-columns:1fr}}

/* =========================================================
   V20 — 3-MINUTE CLIENT ONBOARDING
   ========================================================= */
.onboarding-director-card{display:grid;gap:15px;padding:17px;border:1px solid #dce6e3;border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbfa)}
.onboarding-director-card.enabled{border-color:#afd9ce;background:linear-gradient(180deg,#fbfffd,#f4fbf8)}
.onboarding-director-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.onboarding-director-head h3{font-size:20px;margin:3px 0 5px}.onboarding-director-head p{margin:0;max-width:700px;color:#748388;font-size:10px;line-height:1.6}
.onboarding-completeness{display:grid;place-items:center;min-width:105px;padding:12px;border:1px solid #d8e5e1;border-radius:13px;background:#fff}.onboarding-completeness strong{font-size:25px}.onboarding-completeness span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#7a898d}
.onboarding-field-map{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.onboarding-field-map>div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start;padding:10px;border:1px solid #e0e7e5;border-radius:10px;background:#fff}.onboarding-field-map>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:10px}.onboarding-field-map .ready>span{background:#e9f7f1;color:#397c6b}.onboarding-field-map .missing>span{background:#fff5e6;color:#a87827}.onboarding-field-map strong{font-size:10px}.onboarding-field-map small{display:block;margin-top:2px;font-size:8px;line-height:1.35;color:#879397;word-break:break-word}
.onboarding-director-settings{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:12px;border-top:1px solid #e2e9e7}.onboarding-status-line{display:flex;gap:7px;align-items:center;margin-left:auto}.onboarding-status-line span,.onboarding-status-line small{font-size:9px;color:#7a888c}.onboarding-status-line strong{font-size:10px}

.onboarding-client-shell{max-width:1080px;margin:0 auto;padding-bottom:28px}.onboarding-client-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:20px;background:linear-gradient(135deg,#071316,#0e2730 68%,#123a45);color:#fff;box-shadow:0 18px 60px rgba(7,19,22,.12)}.onboarding-client-hero h1{margin:5px 0 8px;font-size:34px;letter-spacing:-.04em;color:#fff}.onboarding-client-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.7);font-size:12px;line-height:1.7}.onboarding-three-min{display:grid;place-items:center;min-width:120px;aspect-ratio:1;border:1px solid rgba(142,212,227,.3);border-radius:50%;background:rgba(255,255,255,.035)}.onboarding-three-min strong{font-size:34px;line-height:1;color:#9fe2ef}.onboarding-three-min span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.6)}
.onboarding-progress-line{height:5px;margin:16px 2px 7px;border-radius:999px;background:#e6ecea;overflow:hidden}.onboarding-progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55b8d0,#4ca98d)}.onboarding-progress-copy{display:flex;justify-content:space-between;gap:12px;padding:0 2px 16px}.onboarding-progress-copy strong{font-size:10px}.onboarding-progress-copy span{font-size:9px;color:#7b898d}
#threeMinuteOnboardingForm{display:grid;gap:11px}.onboarding-step-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;padding:18px;border:1px solid #dfe7e5;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(7,19,22,.025)}.onboarding-step-card.optional-step{background:linear-gradient(180deg,#fff,#fbfcfb)}.onboarding-step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eef7f8;color:#397b89;font-size:10px;font-weight:900;letter-spacing:.08em}.onboarding-step-body{min-width:0}.onboarding-step-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.onboarding-step-head span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#6e9099}.onboarding-step-head h2{margin:3px 0 0;font-size:20px;letter-spacing:-.03em}.onboarding-step-head p{margin:4px 0 0;font-size:9px;color:#849195}.onboarding-text-btn{appearance:none;border:0;background:transparent;color:#3d8190;font-size:9px;font-weight:800;cursor:pointer;padding:5px 0}
.onboarding-confirm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.onboarding-confirm-field{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;padding:10px;border:1px solid #e1e8e6;border-radius:10px;background:#fafcfc}.onboarding-confirm-field>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px}.onboarding-confirm-field.has-value>span{background:#e8f6f1;color:#3c7d6c}.onboarding-confirm-field.needs-value>span{background:#fff4e3;color:#a87b2c}.onboarding-confirm-field small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#899599}.onboarding-confirm-field strong{display:block;margin-top:2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onboarding-corrections,.onboarding-specifics{display:none;margin-top:12px;padding-top:12px;border-top:1px dashed #dce5e2}.onboarding-corrections.open,.onboarding-specifics.open{display:block}
.onboarding-current-goal{display:grid;gap:4px;padding:12px;border-left:3px solid #55b8d0;border-radius:8px;background:#f5fbfc;margin-bottom:10px}.onboarding-current-goal span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#6e8d95}.onboarding-current-goal strong{font-size:11px}.onboarding-goal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.onboarding-goal-grid button{appearance:none;padding:11px 8px;border:1px solid #dce5e3;border-radius:10px;background:#fff;color:#516268;font-size:10px;font-weight:700;cursor:pointer}.onboarding-goal-grid button:hover,.onboarding-goal-grid button.selected{border-color:#55b8d0;background:#eef9fb;color:#286c7b}.onboarding-custom-goal{margin-top:9px}
.onboarding-client-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border:1px solid #bddfd6;border-radius:15px;background:linear-gradient(135deg,#f5fcf9,#fbfefd)}.onboarding-client-actions>div:first-child{display:grid;gap:3px}.onboarding-client-actions strong{font-size:12px}.onboarding-client-actions span{font-size:9px;color:#78878b}.onboarding-primary{background:linear-gradient(135deg,#071316,#123842)!important;border-color:#123842!important}.onboarding-complete-banner{display:flex;gap:8px;align-items:center;padding:11px 14px;margin-bottom:12px;border:1px solid #b6ddcf;border-radius:12px;background:#f2fbf7}.onboarding-complete-banner strong{font-size:11px;color:#2d745f}.onboarding-complete-banner span{font-size:10px;color:#667a75}
.client-onboarding-banner{appearance:none;width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;text-align:left;padding:13px 15px;margin-bottom:12px;border:1px solid #b9ddd5;border-radius:13px;background:linear-gradient(135deg,#f2fbf8,#fbfefd);cursor:pointer}.client-onboarding-banner>div{display:grid;gap:2px}.client-onboarding-banner span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#5e8c81}.client-onboarding-banner strong{font-size:11px}.client-onboarding-banner small{font-size:9px;color:#81908c}.client-onboarding-banner b{font-size:10px;color:#337d6c;white-space:nowrap}

@media(max-width:1050px){.onboarding-field-map{grid-template-columns:repeat(3,1fr)}.onboarding-confirm-grid{grid-template-columns:1fr 1fr}.onboarding-goal-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .onboarding-director-head,.onboarding-step-head,.onboarding-client-actions,.onboarding-client-hero{flex-direction:column;align-items:flex-start}
 .onboarding-field-map{grid-template-columns:1fr 1fr}.onboarding-status-line{margin-left:0}
 .onboarding-client-hero{padding:22px}.onboarding-client-hero h1{font-size:28px}.onboarding-three-min{min-width:88px;aspect-ratio:auto;padding:13px 18px;border-radius:14px;display:flex;gap:8px}
 .onboarding-step-card{grid-template-columns:1fr}.onboarding-step-number{width:38px;height:38px}.onboarding-confirm-grid,.onboarding-goal-grid{grid-template-columns:1fr 1fr}
 .onboarding-client-actions .row{width:100%}.onboarding-client-actions .btn{flex:1}
}
@media(max-width:460px){.onboarding-field-map,.onboarding-confirm-grid,.onboarding-goal-grid{grid-template-columns:1fr}.onboarding-progress-copy{flex-direction:column}.onboarding-client-actions .row{flex-direction:column}.onboarding-client-actions .btn{width:100%}}

/* =========================================================
   V20.1 — PERMANENT CLIENT FILE UPLOAD + CLEAR ONBOARDING CTA
   ========================================================= */
.onboarding-jump-btn.is-active{border-color:#8fcdbd!important;background:#eefaf6!important;color:#276b5a!important}
.onboarding-activation-switch{padding:10px 12px;border:1px solid #c9dfd8;border-radius:10px;background:#f6fcf9}
.onboarding-activation-switch strong{font-size:10px;letter-spacing:.03em;color:#2d725f}

.client-direct-upload-card{border-color:#b9ddd5!important;background:linear-gradient(180deg,#fbfffd,#f7fbfa)!important}
.client-upload-folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.client-upload-folder-grid button{appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:12px;border:1px solid #dce5e2;border-radius:12px;background:#fff;cursor:pointer;transition:.15s}
.client-upload-folder-grid button:hover,.client-upload-folder-grid button.selected{border-color:#55b8d0;background:#f1fafc;box-shadow:inset 0 0 0 1px rgba(85,184,208,.12)}
.client-folder-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf6f7;color:#397988;font-size:15px}
.client-upload-folder-grid button>div{display:grid;gap:2px;min-width:0}.client-upload-folder-grid strong{font-size:10px}.client-upload-folder-grid small{font-size:8px;line-height:1.35;color:#829094}.client-upload-folder-grid b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#4b8794}
.client-direct-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.client-direct-file-label{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px dashed #b9cfca;border-radius:11px;background:#fff;cursor:pointer;overflow:hidden}
.client-direct-file-label input{position:absolute;opacity:0;pointer-events:none}.client-direct-file-label>span{flex:0 0 auto;padding:7px 10px;border-radius:8px;background:#edf5f3;color:#315f56;font-size:9px;font-weight:800}.client-direct-file-label small{font-size:9px;color:#77868a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-direct-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:10px;padding:10px;border:1px solid #dae5e2;border-radius:10px;background:#fff}.client-direct-progress strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-direct-progress span{font-size:9px;color:#68797d}.client-direct-progress>div{grid-column:1/-1;height:5px;border-radius:999px;background:#e7edeb;overflow:hidden}.client-direct-progress i{display:block;height:100%;border-radius:inherit;background:#55b8d0;transition:width .15s}
.client-upload-explain{display:flex;gap:7px;align-items:flex-start;margin-top:10px;padding:9px 10px;border-radius:9px;background:#eef6f3}.client-upload-explain strong{font-size:9px;color:#386b5e}.client-upload-explain span{font-size:8px;line-height:1.5;color:#6c807a}

@media(max-width:1000px){.client-upload-folder-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
 .client-upload-folder-grid{grid-template-columns:1fr}
 .client-direct-picker{grid-template-columns:1fr}
 .client-direct-picker .btn{width:100%}
 .client-upload-explain{display:grid}
}

/* =========================================================
   V21 — ZERO-FRICTION CLIENT UX
   ========================================================= */
.client-nav{gap:4px}
.zf-client-welcome{padding:22px 24px;margin-bottom:12px;border:1px solid #dfe7e5;border-radius:16px;background:#fff}
.zf-client-welcome h1{margin:4px 0 6px;font-size:27px;letter-spacing:-.04em}.zf-client-welcome p{margin:0;color:#748388;font-size:11px}
.zf-client-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;margin-bottom:11px;border:1px solid #dce6e3;border-radius:17px;background:linear-gradient(180deg,#fff,#f8fbfa)}
.zf-client-hero h1{margin:4px 0 6px;font-size:27px;letter-spacing:-.04em}.zf-client-hero p{margin:0;max-width:680px;font-size:11px;line-height:1.6;color:#718085}
.zf-progress{display:grid;place-items:center;min-width:90px;padding:12px;border:1px solid #dce6e3;border-radius:13px;background:#fff}.zf-progress strong{font-size:24px}.zf-progress span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#819095}
.zf-now-card{padding:14px 16px!important}.zf-now-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.zf-now-row>div:first-child{display:grid;gap:2px}.zf-now-row span,.zf-target span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#789097}.zf-now-row strong{font-size:14px}.zf-now-row small{font-size:9px;color:#7f8e92}.zf-target{display:grid;gap:2px;text-align:right}.zf-target strong{font-size:12px}
.zf-actions-first{border-color:#cadfda!important}.zf-done{padding:18px!important}
.zf-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:11px 0}.zf-project-actions{grid-template-columns:1fr 1fr}
.zf-quick-action{appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;padding:12px 13px;border:1px solid #dde6e3;border-radius:12px;background:#fff;cursor:pointer}
.zf-quick-action:hover{border-color:#b8d8d0;background:#fbfefd}.zf-quick-action.primary{border-color:#b8ddd4;background:#f6fcf9}.zf-quick-action>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eef6f4;color:#397766}.zf-quick-action>div{display:grid;gap:2px}.zf-quick-action strong{font-size:10px}.zf-quick-action small{font-size:8px;color:#7e8d91}.zf-quick-action>b{font-size:12px;color:#5b858c}
.zf-reveal{margin:9px 0;border:1px solid #e0e7e5;border-radius:12px;background:#fff;overflow:hidden}.zf-reveal summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;font-size:10px;font-weight:800}.zf-reveal summary::-webkit-details-marker{display:none}.zf-reveal summary span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#73888e}.zf-reveal[open] summary{border-bottom:1px solid #e4eae8}.zf-reveal-content{padding:14px}
.zf-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.zf-detail-grid>div{display:grid;gap:3px;padding:10px;border-radius:9px;background:#f7faf9}.zf-detail-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#809095}.zf-detail-grid strong{font-size:10px}
.zf-mini-stages{display:grid;gap:5px;margin-top:10px}.zf-mini-stages>div{display:grid;grid-template-columns:9px 1fr;gap:7px;align-items:center}.zf-mini-stages span{width:8px;height:8px;border-radius:50%;background:#d2dad8}.zf-mini-stages .complete span{background:#5ca68f}.zf-mini-stages .in_progress span{background:#55b8d0}.zf-mini-stages strong{font-size:9px}
.zf-page-head p{max-width:520px}.zf-upload-card{padding:16px!important}
.zf-extra-block+.zf-extra-block{margin-top:16px;padding-top:16px;border-top:1px solid #e3e9e7}.zf-extra-block h3{margin:0 0 5px;font-size:12px}
.zf-fast-confirm{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 16px;margin-bottom:10px;border:1px solid #b9ddd3;border-radius:13px;background:linear-gradient(135deg,#f4fcf8,#fbfefd)}.zf-fast-confirm>div:first-child{display:grid;gap:3px}.zf-fast-confirm span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#5e887e}.zf-fast-confirm strong{font-size:11px}.zf-onboarding-details{display:none}.zf-onboarding-details.open{display:block}
@media(max-width:820px){.zf-detail-grid{grid-template-columns:1fr 1fr}.zf-quick-actions{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.zf-client-hero,.zf-now-row,.zf-fast-confirm{align-items:flex-start;flex-direction:column}.zf-progress{display:flex;gap:8px;min-width:0}.zf-target{text-align:left}.zf-quick-actions,.zf-project-actions,.zf-detail-grid{grid-template-columns:1fr}.zf-fast-confirm .row{width:100%;flex-direction:column}.zf-fast-confirm .btn{width:100%}}

/* =========================================================
   V22 — DIRECTOR CONTROL CENTER
   ========================================================= */
.director-control-center-shell{margin-bottom:14px}
.dcc,.dcc-lite{border:1px solid #dbe5e2;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbfa);box-shadow:0 10px 32px rgba(7,19,22,.035)}
.dcc{padding:16px}.dcc-lite{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px}
.dcc-lite h2,.dcc-head h2{margin:3px 0 5px;font-size:21px;letter-spacing:-.03em}.dcc-lite p,.dcc-head p{margin:0;max-width:700px;font-size:10px;line-height:1.55;color:#748388}
.dcc-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.dcc-readiness{display:grid;place-items:center;min-width:110px;padding:11px;border:1px solid #d7e4e0;border-radius:12px;background:#fff}.dcc-readiness strong{font-size:25px}.dcc-readiness span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7c8b90}
.dcc-next{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:13px 0;padding:11px 12px;border-radius:11px;background:linear-gradient(135deg,#071316,#12363f);color:#fff}.dcc-next>div{display:grid;gap:2px}.dcc-next span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.55)}.dcc-next strong{font-size:11px}.dcc-next .btn{background:#fff!important;color:#14353d!important;border-color:#fff!important}
.dcc-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.dcc-status{appearance:none;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;padding:10px;border:1px solid #dfe7e5;border-radius:10px;background:#fff;cursor:pointer}.dcc-status:disabled{cursor:default;opacity:1}.dcc-status:hover:not(:disabled){border-color:#b9d9d1}.dcc-status.ready{background:#f8fcfa}.dcc-status.missing{border-color:#ead6c7;background:#fffaf6}.dcc-status.neutral{background:#fafbfb;color:#738085}
.dcc-status-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef5f3;color:#397463;font-size:10px;font-weight:900}.dcc-status.missing .dcc-status-icon{background:#fff0e4;color:#a86937}.dcc-status.neutral .dcc-status-icon{background:#f0f2f2;color:#7b878a}
.dcc-status>div{display:grid;gap:2px;min-width:0}.dcc-status small{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#819095}.dcc-status strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcc-status>b{font-size:11px;color:#5f858c}
@media(max-width:1050px){.dcc-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dcc-lite,.dcc-head,.dcc-next{align-items:flex-start;flex-direction:column}.dcc-readiness{display:flex;gap:7px;min-width:0}.dcc-status-grid{grid-template-columns:1fr}}

/* =========================================================
   V23 — SMART DEFAULTS + ONE-CLICK SETUP
   ========================================================= */
.director-more{margin-top:12px;border:1px solid #dfe7e5;border-radius:14px;background:#fff;overflow:hidden}
.director-more>summary{list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;cursor:pointer}
.director-more>summary::-webkit-details-marker{display:none}
.director-more>summary>div{display:grid;gap:3px}.director-more>summary strong{font-size:11px}.director-more>summary span{font-size:9px;color:#7e8d91}.director-more>summary b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#688087}
.director-more[open]>summary{border-bottom:1px solid #e4eae8}.director-more[open]>summary b{font-size:0}.director-more[open]>summary b:after{content:'Скрий';font-size:8px}
.director-more-body{padding:12px}.director-more-tabs{margin:0 0 12px}
.dcc-smart-row{display:flex;gap:9px;align-items:center;margin:0 0 12px;padding:10px 11px;border:1px solid #d8e5e1;border-radius:11px;background:#f8fbfa}
.dcc-smart-row>span{font-size:8px;line-height:1.45;color:#7b8a8e;flex:1}.dcc-prepare-btn{white-space:nowrap}
.dcc-request-menu{position:relative}.dcc-request-menu>summary{list-style:none;cursor:pointer;padding:8px 11px;border:1px solid #cddbd7;border-radius:9px;background:#fff;font-size:9px;font-weight:800;white-space:nowrap}.dcc-request-menu>summary::-webkit-details-marker{display:none}
.dcc-request-popover{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:220px;padding:7px;border:1px solid #dce5e2;border-radius:11px;background:#fff;box-shadow:0 16px 45px rgba(8,20,24,.12)}
.dcc-request-popover button{appearance:none;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:9px;font-weight:700;cursor:pointer}.dcc-request-popover button:hover{background:#f1f7f5}.dcc-request-popover button:disabled{opacity:.6;cursor:default}
.dcc-inline-notice{margin-bottom:10px}.dcc-request-error{margin:7px 0 0;min-width:220px}
@media(max-width:760px){.dcc-smart-row{align-items:stretch;flex-direction:column}.dcc-smart-row>span{order:3}.dcc-request-menu>summary,.dcc-prepare-btn{width:100%}.dcc-request-popover{position:static;width:auto;margin-top:6px}.director-more-tabs{overflow:auto;flex-wrap:nowrap}}

/* =========================================================
   V24 — CLIENT PROJECT JOURNEY
   ========================================================= */
.journey-first-hero{border-color:#d4e4df;background:linear-gradient(180deg,#fff,#f7fbf9)}
.client-attention-chip,.client-working-chip{display:inline-flex;align-items:center;margin-top:10px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.03em}
.client-attention-chip{background:#fff2e8;color:#98623a;border:1px solid #f0d5bf}.client-working-chip{background:#edf8f4;color:#397362;border:1px solid #cde5dc}
.client-journey-card{padding:17px!important;border-color:#cfdfda!important}
.client-journey-head{align-items:flex-start}.client-journey-target{display:grid;gap:2px;text-align:right;padding:7px 9px;border-radius:9px;background:#f3f8f6}.client-journey-target span{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#7c8e89}.client-journey-target strong{font-size:11px}
.client-journey-current{padding:14px 15px;margin:10px 0 14px;border-radius:12px;background:linear-gradient(135deg,#0a171a,#12373f);color:#fff}.client-journey-current>div{display:grid;gap:3px}.client-journey-current>div>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.58)}.client-journey-current strong{font-size:16px}.client-journey-current p{margin:0;max-width:760px;font-size:9px;line-height:1.55;color:rgba(255,255,255,.75)}
.client-journey-current.complete{background:linear-gradient(135deg,#19473b,#2d6d5b)}.client-journey-current.paused{background:linear-gradient(135deg,#3f4142,#66696b)}
.client-journey-note{margin-top:8px;padding:8px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06);font-size:9px;line-height:1.45}.client-journey-note span{display:block;margin-bottom:3px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5)}
.client-journey-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:4px 0 14px}.client-journey-stage{position:relative;display:grid;justify-items:center;gap:5px;text-align:center;padding:0 4px}.client-journey-stage:before{content:'';position:absolute;top:13px;left:-50%;width:100%;height:2px;background:#e1e7e5;z-index:0}.client-journey-stage:first-child:before{display:none}.client-journey-stage.done:before,.client-journey-stage.active:before{background:#75b3a2}
.client-journey-dot{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf1f0;border:2px solid #d8e1de;color:#82908c;font-size:8px;font-weight:900}.client-journey-stage.done .client-journey-dot{background:#5a9f8b;border-color:#5a9f8b;color:#fff}.client-journey-stage.active .client-journey-dot{background:#fff;border-color:#55b8d0;color:#397b89;box-shadow:0 0 0 4px rgba(85,184,208,.1)}
.client-journey-stage>div:last-child{display:grid;gap:1px}.client-journey-stage strong{font-size:8px;line-height:1.25}.client-journey-stage small{font-size:7px;color:#8a9894}.client-journey-stage.active strong{color:#397b89}
.client-journey-three{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.client-journey-three>div{display:grid;gap:3px;padding:10px;border:1px solid #e0e7e5;border-radius:9px;background:#fafcfc}.client-journey-three>div.active{border-color:#b9dfe5;background:#f4fbfc}.client-journey-three span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#81908d}.client-journey-three strong{font-size:9px;line-height:1.4}
.client-journey-details{margin-top:10px;border-top:1px solid #e5ebe9}.client-journey-details>summary{list-style:none;display:flex;justify-content:space-between;padding:10px 1px 0;cursor:pointer;font-size:9px;font-weight:800}.client-journey-details>summary::-webkit-details-marker{display:none}.client-journey-details>summary span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#7c8c89}.client-journey-details>div{display:grid;gap:5px;margin-top:10px}
.client-journey-detail{display:grid;grid-template-columns:10px 1fr;gap:8px;padding:7px 0}.client-journey-detail>span{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#d8e0de}.client-journey-detail.done>span{background:#5a9f8b}.client-journey-detail.active>span{background:#55b8d0}.client-journey-detail strong{font-size:9px}.client-journey-detail p{margin:2px 0 0;font-size:8px;line-height:1.45;color:#7b8986}
.project-client-note-editor{margin:2px 0 12px;border:1px solid #dce5e2;border-radius:10px;background:#fbfcfc}.project-client-note-editor>summary{list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 11px;cursor:pointer}.project-client-note-editor>summary::-webkit-details-marker{display:none}.project-client-note-editor>summary>div{display:grid;gap:2px}.project-client-note-editor>summary strong{font-size:9px}.project-client-note-editor>summary span{font-size:8px;color:#80908c}.project-client-note-editor>summary b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#63827b}.project-client-note-field{padding:0 11px 11px}.project-client-note-field textarea{min-height:76px}
@media(max-width:1050px){.client-journey-rail{grid-template-columns:repeat(4,1fr);gap:10px 0}.client-journey-stage:nth-child(5):before{display:none}}
@media(max-width:700px){
 .client-journey-rail{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px;scroll-snap-type:x proximity}
 .client-journey-stage{min-width:96px;padding:0 5px;scroll-snap-align:start}.client-journey-stage:before{display:none}
 .client-journey-three{grid-template-columns:1fr}.client-journey-target{text-align:left}
 .client-journey-head{align-items:flex-start;flex-direction:column}
}

/* =========================================================
   V24.1 — SECURE CLIENT FILE PREVIEW
   ========================================================= */
.client-secure-file{width:100%;font:inherit;text-align:left;cursor:pointer}
.client-secure-file:disabled{opacity:.65;cursor:wait}
.client-review-file-btn{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;font:inherit;text-align:left}
.client-review-file-btn:disabled{opacity:.6;cursor:wait}


/* =========================================================
   V25 — DESIGN POLISH
   Direction: restrained editorial / Swiss SaaS
   ========================================================= */

:root{
  --v25-ink:#171918;
  --v25-muted:#727874;
  --v25-line:#d9ddd9;
  --v25-line-soft:#e8ebe8;
  --v25-paper:#f3f3ef;
  --v25-surface:#ffffff;
  --v25-soft:#f7f8f5;
  --v25-accent:#4c8994;
  --v25-good:#4d7968;
  --v25-warn:#9a6b3d;
  --v25-danger:#9a4d48;
}

html{background:var(--v25-paper)}
body{
  background:var(--v25-paper);
  color:var(--v25-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body,button,input,textarea,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration-thickness:1px;text-underline-offset:3px}

/* ---------------- ADMIN SHELL ---------------- */
.shell{
  grid-template-columns:216px minmax(0,1fr);
  background:var(--v25-paper);
}
.sidebar{
  background:#161817;
  padding:26px 18px 20px;
  gap:34px;
  border-right:1px solid #252826;
}
.brand{
  font-family:Syne,Inter,sans-serif;
  font-size:17px;
  font-weight:700;
  letter-spacing:.035em;
}
.brand small{
  margin-top:5px;
  font-family:Inter,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.075em;
  text-transform:uppercase;
  color:#858a86;
}
.version{
  margin-top:5px;
  font-size:9px;
  letter-spacing:.08em;
  color:#5e625f;
}
.nav{gap:1px}
.nav button{
  position:relative;
  min-height:38px;
  padding:9px 10px 9px 13px;
  border-radius:2px;
  color:#aeb2af;
  font-size:12px;
  font-weight:500;
  letter-spacing:.005em;
}
.nav button:hover{
  background:#1d201e;
  color:#f0f2f0;
}
.nav button.active{
  background:transparent;
  color:#fff;
  font-weight:600;
}
.nav button.active:before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:2px;
  background:#d9dfdc;
}
.sidebar .bottom{
  font-size:10px;
  line-height:1.5;
  color:#6f7470;
}
.main{
  max-width:1380px;
  padding:38px 42px 72px;
}
.topbar{
  margin-bottom:30px;
  padding-bottom:18px;
  border-bottom:1px solid var(--v25-line);
}
.topbar h1{
  font-family:Syne,Inter,sans-serif;
  font-size:27px;
  line-height:1.08;
  font-weight:600;
  letter-spacing:-.025em;
}
.muted{color:var(--v25-muted)}
.small{font-size:11px}

/* ---------------- SURFACES ---------------- */
.card,.panel{
  background:var(--v25-surface);
  border:1px solid var(--v25-line);
  border-radius:6px;
  box-shadow:none!important;
}
.card{padding:18px}
.panel{padding:22px}
.stack{gap:13px}
.grid{gap:12px}
.grid2{gap:14px}
.card h3,.panel h2,.panel h3{
  font-weight:600;
  letter-spacing:-.018em;
}
.section-head{margin-bottom:18px}
.section-head h2{
  font-size:17px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.02em;
}
.section-head p{margin-top:5px;line-height:1.5}
.metric{
  font-size:28px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.035em;
}

/* ---------------- BUTTONS / STATUS ---------------- */
.btn{
  min-height:37px;
  padding:8px 13px;
  border-radius:4px;
  border-color:#1a1c1b;
  background:#1a1c1b;
  font-size:11px;
  line-height:1;
  font-weight:600;
  letter-spacing:.005em;
  box-shadow:none!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.btn:hover{background:#303331;border-color:#303331}
.btn.secondary{
  background:#fff;
  color:var(--v25-ink);
  border-color:#cfd4d0;
}
.btn.secondary:hover{background:#f5f6f3;border-color:#bfc5c0}
.btn.ghost{background:transparent;border-color:transparent}
.btn.danger{background:#fff;color:var(--v25-danger);border-color:#dbc8c5}
.btn.smallbtn{min-height:30px;padding:6px 9px;font-size:10px}
.pill{
  min-height:24px;
  padding:4px 7px;
  border:1px solid #d9ddda;
  border-radius:3px;
  background:#f4f5f2;
  color:#626963;
  font-size:9px;
  line-height:1;
  font-weight:600;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.pill.high{background:#f1f6f3;border-color:#d7e3dd;color:var(--v25-good)}
.pill.medium{background:#faf6f0;border-color:#eadfce;color:var(--v25-warn)}
.pill.low{background:#faf2f2;border-color:#ead8d6;color:var(--v25-danger)}

/* ---------------- FORMS / TABLES ---------------- */
.field{gap:6px}
.field label,.label,.question span{
  font-size:10px;
  font-weight:600;
  letter-spacing:.035em;
  text-transform:uppercase;
  color:#585f5a;
}
.field input,.field textarea,.field select,.inline-input,
.question textarea,.note-box textarea{
  border:1px solid #cfd4d0;
  border-radius:4px;
  padding:10px 11px;
  background:#fff;
  color:var(--v25-ink);
  box-shadow:none;
}
.field input:focus,.field textarea:focus,.field select:focus,.inline-input:focus,
.question textarea:focus,.note-box textarea:focus{
  outline:0;
  border-color:#7f9791;
  box-shadow:0 0 0 2px rgba(76,137,148,.08);
}
.tablewrap{
  border-radius:5px;
  border-color:var(--v25-line);
}
.table th,.table td{
  padding:12px 13px;
  border-bottom-color:var(--v25-line-soft);
  font-size:12px;
}
.table th{
  background:#f7f8f5;
  color:#656c67;
  font-size:9px;
  font-weight:600;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.notice{
  padding:10px 12px;
  border:1px solid #dde1dd;
  border-radius:4px;
  background:#f5f6f3;
  font-size:11px;
}
.error{background:#fbf4f3;border-color:#ead6d3;color:#81433e}
.success{background:#f1f7f3;border-color:#d6e4db;color:#416b5a}

/* ---------------- BUSINESS / DIRECTOR ---------------- */
.director-control-center-shell{margin-bottom:12px}
.dcc,.dcc-lite{
  border:1px solid var(--v25-line)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.dcc{padding:18px!important}
.dcc-lite{padding:18px!important}
.dcc-head h2,.dcc-lite h2{
  font-family:Syne,Inter,sans-serif;
  font-size:18px!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.dcc-head p,.dcc-lite p{font-size:10px!important}
.dcc-readiness{
  min-width:104px!important;
  border-radius:4px!important;
  border-color:var(--v25-line)!important;
  background:#f8f9f6!important;
}
.dcc-readiness strong{font-size:22px!important;font-weight:600}
.dcc-next{
  margin:14px 0!important;
  padding:12px 13px!important;
  border:1px solid #202321!important;
  border-radius:4px!important;
  background:#1a1d1b!important;
}
.dcc-next strong{font-size:10px!important;font-weight:600}
.dcc-next .btn{
  min-height:31px!important;
  background:#fff!important;
  color:#202321!important;
  border-color:#fff!important;
}
.dcc-smart-row{
  border-radius:4px!important;
  background:#f7f8f5!important;
  border-color:#dde1dd!important;
}
.dcc-status-grid{gap:5px!important}
.dcc-status{
  min-height:55px;
  padding:9px 10px!important;
  border-radius:4px!important;
  border-color:#dfe3df!important;
  background:#fff!important;
  box-shadow:none!important;
}
.dcc-status:hover:not(:disabled){background:#f8f9f7!important;border-color:#cbd1cc!important}
.dcc-status.ready,.dcc-status.neutral{background:#fff!important}
.dcc-status.missing{
  background:#fff!important;
  border-color:#ded7cf!important;
  box-shadow:inset 2px 0 0 #aa7a4d!important;
}
.dcc-status-icon{
  width:25px!important;
  height:25px!important;
  border-radius:3px!important;
  background:#f1f3f0!important;
  color:#65706a!important;
}
.dcc-status.ready .dcc-status-icon{color:var(--v25-good)!important}
.dcc-status.missing .dcc-status-icon{background:#faf5ee!important;color:var(--v25-warn)!important}
.dcc-status small{font-size:7px!important}
.dcc-status strong{font-size:9px!important;font-weight:600}
.dcc-request-menu>summary{
  border-radius:4px!important;
  background:#fff!important;
}
.dcc-request-popover{
  border-radius:5px!important;
  box-shadow:0 14px 30px rgba(20,24,21,.09)!important;
}
.dcc-request-popover button{border-radius:3px!important}
.director-more{
  border-radius:5px!important;
  border-color:var(--v25-line)!important;
}
.director-more>summary{padding:13px 14px!important}
.director-more>summary strong{font-size:10px!important}
.director-more>summary span{font-size:8px!important}
.workflow-next,.drive-box,.onboarding-director-card{
  border-radius:5px!important;
  box-shadow:none!important;
}

/* ---------------- LOGIN ---------------- */
.login{
  border-radius:6px!important;
  border-color:var(--v25-line)!important;
  padding:30px!important;
  box-shadow:none!important;
}
.login h1{
  font-family:Syne,Inter,sans-serif;
  font-size:25px;
  font-weight:600;
  letter-spacing:-.03em;
}

/* ---------------- REDUCE DECORATIVE GRADIENTS ---------------- */
[class*="premium-"],
.legacy-client-hero,
.client-password-setup,
.onboarding-client-hero,
.onboarding-director-card,
.zf-fast-confirm{
  box-shadow:none!important;
}
.client-password-setup,
.onboarding-client-hero,
.onboarding-director-card,
.zf-fast-confirm{
  background:#fff!important;
  border-radius:6px!important;
  border-color:var(--v25-line)!important;
}


/* ---------------- MOBILE · V25.1 SAFE ---------------- */
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  .sidebar{
    position:relative;
    min-height:auto;
    padding:16px 18px;
    gap:14px;
  }
  .nav{
    display:flex;
    gap:3px;
    overflow-x:auto;
    padding-bottom:2px;
  }
  .nav button{
    flex:0 0 auto;
    min-height:34px;
    padding:8px 10px;
  }
  .nav button.active:before{display:none}
  .nav button.active{background:#242725}
  .sidebar .bottom{display:none}
  .main{padding:24px 18px 56px}
}

/* =========================================================
   V25.1 — SAFE CLIENT POLISH
   Preserve V24.1 layout; visual changes only.
   ========================================================= */
.client-app{
  background:#f3f3ef;
  color:#171918;
}
.client-header{
  border-bottom-color:#dfe2de;
  box-shadow:none;
}
.client-brand{
  font-family:Syne,Inter,sans-serif;
  font-weight:700;
  letter-spacing:.035em;
}
.client-brand-sub{
  letter-spacing:.1em;
}
.client-nav{
  border-bottom-color:#dfe2de;
  box-shadow:none;
}
.client-nav button{
  box-shadow:none;
}
.client-main{
  color:#171918;
}
.client-card{
  border-color:#d9ddd9;
  border-radius:8px;
  box-shadow:none;
}
.client-card h2,
.client-page-head h1,
.zf-client-hero h1,
.zf-client-welcome h1{
  letter-spacing:-.02em;
}
.zf-client-hero,
.zf-client-welcome,
.client-journey-card,
.client-direct-upload-card{
  border-color:#d9ddd9;
  border-radius:8px;
  box-shadow:none;
}
.zf-progress,
.client-journey-three>div,
.zf-quick-action,
.zf-reveal,
.client-action-item,
.client-done-state,
.client-upload-folder-grid button,
.client-direct-file-label,
.client-file,
.client-link-card{
  border-radius:6px;
  box-shadow:none;
}
.client-attention-chip,
.client-working-chip,
.pill{
  box-shadow:none;
}
.client-journey-current{
  border-radius:6px;
  background:#1b1e1c;
  box-shadow:none;
}
.client-journey-current.complete{background:#365f50}
.client-journey-current.paused{background:#505451}
.client-journey-stage.done .client-journey-dot{
  background:#4e7768;
  border-color:#4e7768;
}
.client-journey-stage.active .client-journey-dot{
  box-shadow:none;
}
.client-journey-three>div.active{
  box-shadow:inset 2px 0 0 #627e76;
}
.zf-quick-action:hover,
.client-file:hover,
.client-link-card:hover{
  background:#f8f9f7;
}
.client-upload-folder-grid button:hover,
.client-upload-folder-grid button.selected{
  background:#f6f8f6;
  border-color:#879d96;
}
.client-review-file-btn,
.client-secure-file{
  box-shadow:none;
}


/* =========================================================
   V25.2 — MOTION POLISH
   Subtle motion tied to real UI states.
   ========================================================= */

:root{
  --motion-fast:160ms;
  --motion-base:240ms;
  --motion-slow:420ms;
  --motion-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- view entrance ---------- */
.client-main > *,
.main > *{
  animation:gc-enter var(--motion-slow) var(--motion-ease) both;
}
.client-main > *:nth-child(2),
.main > *:nth-child(2){animation-delay:35ms}
.client-main > *:nth-child(3),
.main > *:nth-child(3){animation-delay:70ms}
.client-main > *:nth-child(4),
.main > *:nth-child(4){animation-delay:105ms}
.client-main > *:nth-child(5),
.main > *:nth-child(5){animation-delay:140ms}

@keyframes gc-enter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* ---------- buttons / cards ---------- */
.btn,
.zf-quick-action,
.client-file,
.client-link-card,
.dcc-status,
.client-upload-folder-grid button{
  transition:
    transform var(--motion-fast) var(--motion-ease),
    border-color var(--motion-fast) ease,
    background-color var(--motion-fast) ease,
    box-shadow var(--motion-fast) ease,
    color var(--motion-fast) ease;
}

.btn:hover:not(:disabled){
  transform:translateY(-1px);
}
.btn:active:not(:disabled){
  transform:translateY(0) scale(.985);
}

.zf-quick-action:hover,
.client-file:hover,
.client-link-card:hover,
.dcc-status:hover:not(:disabled),
.client-upload-folder-grid button:hover{
  transform:translateY(-2px);
}

.zf-quick-action b,
.client-link-card b,
.client-file > span{
  transition:transform var(--motion-fast) var(--motion-ease);
}
.zf-quick-action:hover b,
.client-link-card:hover b,
.client-file:hover > span{
  transform:translateX(3px);
}

/* ---------- client navigation ---------- */
.client-nav button{
  transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease;
}
.client-nav button:after{
  transform-origin:left center;
  animation:gc-nav-line var(--motion-base) var(--motion-ease) both;
}
@keyframes gc-nav-line{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}

/* ---------- journey ---------- */
.client-journey-stage{
  animation:gc-stage-in 380ms var(--motion-ease) both;
}
.client-journey-stage:nth-child(1){animation-delay:35ms}
.client-journey-stage:nth-child(2){animation-delay:70ms}
.client-journey-stage:nth-child(3){animation-delay:105ms}
.client-journey-stage:nth-child(4){animation-delay:140ms}
.client-journey-stage:nth-child(5){animation-delay:175ms}
.client-journey-stage:nth-child(6){animation-delay:210ms}
.client-journey-stage:nth-child(7){animation-delay:245ms}
.client-journey-stage:nth-child(8){animation-delay:280ms}
.client-journey-stage:nth-child(9){animation-delay:315ms}

@keyframes gc-stage-in{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}

.client-journey-stage.active .client-journey-dot{
  position:relative;
}
.client-journey-stage.active .client-journey-dot:after{
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid rgba(80,111,118,.26);
  border-radius:50%;
  animation:gc-active-pulse 2.8s ease-out infinite;
  pointer-events:none;
}
@keyframes gc-active-pulse{
  0%{transform:scale(.86);opacity:0}
  18%{opacity:.6}
  72%,100%{transform:scale(1.25);opacity:0}
}

.client-journey-current{
  overflow:hidden;
  position:relative;
}
.client-journey-current:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-28%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
  transform:skewX(-18deg);
  animation:gc-soft-sweep 6.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes gc-soft-sweep{
  0%,66%{left:-28%;opacity:0}
  72%{opacity:1}
  90%{left:112%;opacity:.85}
  100%{left:112%;opacity:0}
}

.client-journey-three > div{
  transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) ease;
}
.client-journey-three > div:hover{
  transform:translateY(-2px);
}

/* ---------- progress ---------- */
.progress span{
  transition:width 720ms var(--motion-ease);
}
.zf-progress{
  animation:gc-progress-pop 420ms var(--motion-ease) both;
}
@keyframes gc-progress-pop{
  from{opacity:0;transform:scale(.94)}
  to{opacity:1;transform:scale(1)}
}

/* ---------- attention / live state ---------- */
.client-attention-chip{
  position:relative;
}
.client-attention-chip:before{
  content:"";
  width:5px;
  height:5px;
  margin-right:5px;
  border-radius:50%;
  background:currentColor;
  display:inline-block;
  animation:gc-dot-pulse 2.2s ease-in-out infinite;
}
.client-working-chip:before{
  content:"";
  width:5px;
  height:5px;
  margin-right:5px;
  border-radius:50%;
  background:#5b8575;
  display:inline-block;
  animation:gc-dot-pulse 2.8s ease-in-out infinite;
}
@keyframes gc-dot-pulse{
  0%,100%{opacity:.35;transform:scale(.9)}
  50%{opacity:1;transform:scale(1.12)}
}

/* ---------- status / control center ---------- */
.dcc-status.ready .dcc-status-icon{
  animation:gc-status-ready 340ms var(--motion-ease) both;
}
@keyframes gc-status-ready{
  0%{transform:scale(.8);opacity:.5}
  65%{transform:scale(1.08);opacity:1}
  100%{transform:scale(1)}
}
.dcc-readiness strong{
  animation:gc-metric-in 420ms var(--motion-ease) both;
}
@keyframes gc-metric-in{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}

/* ---------- reveal/details ---------- */
.zf-reveal[open] .zf-reveal-content,
.client-journey-details[open] > div,
.director-more[open] .director-more-body,
.project-client-note-editor[open] .project-client-note-field{
  animation:gc-reveal var(--motion-base) var(--motion-ease) both;
}
@keyframes gc-reveal{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* ---------- upload ---------- */
.client-upload-folder-grid button.selected{
  animation:gc-select 260ms var(--motion-ease) both;
}
@keyframes gc-select{
  0%{transform:scale(.985)}
  65%{transform:scale(1.01)}
  100%{transform:scale(1)}
}
.client-direct-file-label:hover{
  border-color:#9faea7;
}

/* ---------- secure file open ---------- */
.client-secure-file:disabled,
.client-review-file-btn:disabled{
  position:relative;
}
.client-secure-file:disabled > span,
.client-review-file-btn:disabled{
  animation:gc-loading-fade .9s ease-in-out infinite;
}
@keyframes gc-loading-fade{
  0%,100%{opacity:.45}
  50%{opacity:1}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  *,
  *:before,
  *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* =========================================================
   V26 — SMART PROJECT UPDATES
   ========================================================= */
.client-updates-card{padding:18px!important}
.client-updates-head{margin-bottom:10px!important}
.client-updates-count{display:grid;place-items:center;min-width:27px;height:27px;padding:0 8px;border:1px solid #d9ddd9;border-radius:6px;background:#f7f8f5;font-size:9px;font-weight:700;color:#66706a}
.client-updates-list{display:grid}
.client-update-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:flex-start;padding:11px 0;border-top:1px solid #e7eae7;animation:gc-update-in 360ms var(--motion-ease) both}
.client-update-row:first-child{border-top:0}
.client-update-row:nth-child(2){animation-delay:45ms}.client-update-row:nth-child(3){animation-delay:90ms}
@keyframes gc-update-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.client-update-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d9ddd9;border-radius:50%;background:#fff;font-size:8px;font-weight:800;color:#66716b}
.client-update-row.progress .client-update-icon{border-color:#bdced0;color:#4f747b;background:#f6faf9}
.client-update-row.done .client-update-icon{border-color:#c8dbd1;color:#4d7968;background:#f4f8f5}
.client-update-row.attention .client-update-icon{border-color:#e2d1bd;color:#95683f;background:#faf6f0}
.client-update-row.file .client-update-icon{border-color:#d3d9d5;color:#59645e;background:#f8f9f7}
.client-update-copy{min-width:0}
.client-update-copy>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.client-update-copy strong{font-size:10px;line-height:1.35;font-weight:650}
.client-update-copy time{font-size:7px;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;color:#8a918c}
.client-update-copy p{margin:3px 0 0;font-size:9px;line-height:1.5;color:#747c77;overflow-wrap:anywhere}
.client-updates-more{border-top:1px solid #e7eae7}
.client-updates-more>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:10px 0 2px;cursor:pointer;font-size:8px;font-weight:700;color:#69736d}
.client-updates-more>summary::-webkit-details-marker{display:none}
.client-updates-more>summary span{font-size:7px;color:#8a918c}
.client-updates-more[open]>.client-updates-list{animation:gc-reveal var(--motion-base) var(--motion-ease) both}
@media(max-width:620px){
 .client-update-copy>div{align-items:flex-start;flex-direction:column;gap:2px}
 .client-update-copy time{white-space:normal}
}

/* =========================================================
   V26.1 — VIEWED / SEEN
   ========================================================= */
.dcc-seen{
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  margin:0 0 12px;
  padding:10px 11px;
  border:1px solid #dde2de;
  border-radius:6px;
  background:#fafbf9;
}
.dcc-seen-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a5ada8;
}
.dcc-seen.seen .dcc-seen-dot{background:#5b806f}
.dcc-seen.unseen{
  border-color:#dfd3c4;
  background:#fcf8f3;
}
.dcc-seen.unseen .dcc-seen-dot{
  background:#a87849;
  animation:gc-dot-pulse 2.2s ease-in-out infinite;
}
.dcc-seen>div:nth-child(2){display:grid;gap:2px}
.dcc-seen small,
.dcc-seen-time span{
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#86908a;
}
.dcc-seen strong{
  font-size:9px;
  font-weight:650;
}
.dcc-seen-time{
  display:grid;
  gap:2px;
  text-align:right;
}
.dcc-seen-time b{
  font-size:8px;
  font-weight:600;
  color:#5d6660;
}
@media(max-width:700px){
 .dcc-seen{
   grid-template-columns:9px 1fr;
 }
 .dcc-seen-time{
   grid-column:2;
   text-align:left;
 }
}

/* =========================================================
   V26.2 — PRODUCTION HARDENING + CLIENT PREVIEW
   ========================================================= */
.loading{min-height:120px;display:grid;place-items:center;padding:20px;color:#737b76;font-size:11px;text-align:center}
#app>.loading{min-height:100vh}
.loading:before{content:"";width:18px;height:18px;margin-bottom:8px;border:2px solid #d9ded9;border-top-color:#6c8179;border-radius:50%;animation:gc-production-spin .75s linear infinite}
@keyframes gc-production-spin{to{transform:rotate(360deg)}}
button:disabled,.btn:disabled{cursor:not-allowed!important;opacity:.58;transform:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid rgba(76,137,148,.48);outline-offset:2px}
.client-file strong,.client-link-card strong,.linked-user strong,.upload-item strong,.snapshot-item strong{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.client-file>div,.client-link-card>div,.upload-item-head{min-width:0}
.gc-connection-banner{position:fixed;left:50%;bottom:18px;z-index:99999;display:none;grid-template-columns:auto auto;gap:7px 12px;align-items:center;max-width:min(620px,calc(100vw - 28px));padding:10px 13px;border:1px solid #d7c6b3;border-radius:6px;background:#fff9f2;box-shadow:0 12px 35px rgba(26,30,27,.13);transform:translateX(-50%);color:#6e5134}
.gc-connection-banner.show{display:grid;animation:gc-enter .22s var(--motion-ease) both}
.gc-connection-banner strong{font-size:10px}.gc-connection-banner span{font-size:9px;color:#846b53}
body.client-preview-open{overflow:hidden}
.director-client-preview{position:fixed;inset:0;z-index:9000;display:grid;grid-template-rows:auto minmax(0,1fr);background:#e9eae6}
.director-client-preview-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:1px solid #cfd4d0;background:#171918;color:#fff}
.director-client-preview-toolbar>div{display:grid;gap:2px}
.director-client-preview-toolbar span{font-size:7px;letter-spacing:.14em;color:#8e9993}
.director-client-preview-toolbar strong{font-size:11px;font-weight:650}
.director-client-preview-toolbar .btn.secondary{background:#fff;border-color:#fff}
.director-client-preview-stage{min-height:0;overflow:auto;background:#f3f3ef}
.director-client-preview-stage>.loading{min-height:calc(100vh - 58px)}
.preview-client-app{min-height:100%}.preview-client-app .client-header{position:sticky;top:0}
.client-readonly-preview:before{content:"Read-only preview · действията са изключени";display:block;margin-bottom:10px;padding:8px 10px;border:1px solid #d7ddd9;border-radius:6px;background:#f8f9f6;color:#69736d;font-size:8px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.client-readonly-preview button,.client-readonly-preview input,.client-readonly-preview textarea,.client-readonly-preview select,.client-readonly-preview form,.client-readonly-preview a{pointer-events:none!important}
.client-readonly-preview button,.client-readonly-preview input,.client-readonly-preview textarea,.client-readonly-preview select{opacity:.72}
.client-readonly-preview summary{pointer-events:auto!important;cursor:pointer}
.preview-error{max-width:760px;margin:40px auto;padding:0 20px}
@media(max-width:700px){.gc-connection-banner{grid-template-columns:1fr;bottom:10px}.director-client-preview-toolbar{padding:9px 12px}.director-client-preview-toolbar strong{font-size:10px}}


/* =========================================================
   V27 — LIGHT PREMIUM CLIENT DASHBOARD
   ========================================================= */

.client-app{
  --pcd-ink:#172126;
  --pcd-muted:#69777d;
  --pcd-line:#dfe7e4;
  --pcd-soft:#f6f8f6;
  --pcd-soft-2:#eef4f1;
  --pcd-teal:#1f8e9a;
  --pcd-teal-dark:#176b75;
  --pcd-green:#7f9947;
  --pcd-green-soft:#f1f5e8;
  --pcd-amber:#aa7b36;
  --pcd-shadow:0 18px 46px rgba(29,53,55,.075);
  background:
   radial-gradient(circle at 8% 0%,rgba(31,142,154,.055),transparent 27%),
   linear-gradient(180deg,#f8faf8 0,#f2f5f2 100%)!important;
}
.client-main{
  max-width:1280px!important;
  padding-top:30px!important;
}
.pcd-dashboard{
  display:grid;
  gap:14px;
}
.pcd-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:26px;
  align-items:stretch;
  padding:28px 30px;
  border:1px solid #d7e2de;
  border-radius:14px;
  background:
    radial-gradient(circle at 82% 12%,rgba(31,142,154,.08),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#fbfdfb 62%,#f1f7f4 100%);
  box-shadow:var(--pcd-shadow);
}
.pcd-hero:before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-150px;
  bottom:-190px;
  border:1px solid rgba(31,142,154,.13);
  border-radius:50%;
}
.pcd-hero:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-108px;
  bottom:-145px;
  border:1px solid rgba(127,153,71,.13);
  border-radius:50%;
}
.pcd-hero-main{position:relative;z-index:1}
.pcd-brand-row{
  display:flex;
  gap:7px;
  align-items:center;
  margin-bottom:21px;
  font-size:8px;
  font-weight:750;
  letter-spacing:.12em;
  color:#567079;
}
.pcd-brand-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--pcd-teal);
  box-shadow:0 0 0 5px rgba(31,142,154,.08);
  animation:gc-dot-pulse 2.8s ease-in-out infinite;
}
.pcd-project-label{
  margin-bottom:6px;
  font-size:9px;
  font-weight:600;
  letter-spacing:.065em;
  color:#7a888d;
}
.pcd-title-row{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.pcd-title-row h1{
  margin:0;
  font-family:Syne,Inter,sans-serif;
  font-size:31px;
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.035em;
  color:var(--pcd-ink);
}
.pcd-status{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border:1px solid #bcdad9;
  border-radius:5px;
  background:#eef9f8;
  font-size:8px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--pcd-teal-dark);
}
.pcd-hero p{
  max-width:710px;
  margin:11px 0 0;
  font-size:11px;
  line-height:1.65;
  color:#647278;
}
.pcd-hero-chips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:17px;
}
.pcd-chip{
  display:inline-flex;
  gap:6px;
  align-items:center;
  min-height:28px;
  padding:6px 9px;
  border:1px solid #dde5e2;
  border-radius:6px;
  background:#fff;
  font-size:8px;
  font-weight:650;
  color:#5d6b70;
}
.pcd-chip i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#94a09b;
}
.pcd-chip.working i{background:#5b8575;animation:gc-dot-pulse 2.8s ease-in-out infinite}
.pcd-chip.attention{
  border-color:#e5d7c4;
  background:#fffaf4;
  color:#876437;
}
.pcd-chip.attention i{background:#ad7d3d;animation:gc-dot-pulse 2.2s ease-in-out infinite}
.pcd-progress-card{
  position:relative;
  z-index:1;
  display:grid;
  align-content:center;
  gap:10px;
  padding:20px;
  border:1px solid #d8e5e1;
  border-radius:10px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(8px);
}
.pcd-progress-card>div:first-child{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
}
.pcd-progress-card span{font-size:8px;color:#728087}
.pcd-progress-card strong{
  font-family:Syne,Inter,sans-serif;
  font-size:31px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.04em;
  color:var(--pcd-ink);
}
.pcd-progress-track{
  overflow:hidden;
  height:7px;
  border-radius:999px;
  background:#e8eeeb;
}
.pcd-progress-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--pcd-teal),#46a9a4 60%,var(--pcd-green));
  animation:pcd-progress-grow 760ms var(--motion-ease) both;
}
@keyframes pcd-progress-grow{from{max-width:0}to{max-width:100%}}
.pcd-progress-card small{
  font-size:8px;
  line-height:1.45;
  color:#77847f;
}

.pcd-process-card{
  padding:19px 22px 21px;
  border:1px solid #d9e4e0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(31,55,56,.045);
}
.pcd-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:19px;
}
.pcd-kicker{
  display:block;
  margin-bottom:4px;
  font-size:7px;
  font-weight:750;
  letter-spacing:.115em;
  text-transform:uppercase;
  color:#779088;
}
.pcd-section-head h2{
  margin:0;
  font-family:Syne,Inter,sans-serif;
  font-size:17px;
  font-weight:620;
  letter-spacing:-.025em;
}
.pcd-live{
  display:inline-flex;
  gap:6px;
  align-items:center;
  padding:6px 8px;
  border:1px solid #dbe5e1;
  border-radius:999px;
  background:#f8faf8;
  font-size:7px;
  font-weight:700;
  color:#66756f;
}
.pcd-live i{
  width:6px;height:6px;border-radius:50%;background:#7e9a49;animation:gc-dot-pulse 2.8s ease-in-out infinite;
}
.pcd-process-line{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
}
.pcd-process-step{
  position:relative;
  display:grid;
  justify-items:center;
  gap:7px;
  padding:0 8px;
  text-align:center;
}
.pcd-process-step:before{
  content:"";
  position:absolute;
  top:17px;
  left:-50%;
  width:100%;
  height:1px;
  background:#dfe6e3;
}
.pcd-process-step:first-child:before{display:none}
.pcd-process-step.done:before,.pcd-process-step.active:before{
  background:linear-gradient(90deg,#7f9947,#32a1a1);
}
.pcd-process-node{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border:1px solid #d1dbd7;
  border-radius:50%;
  background:#fff;
  font-size:9px;
  font-weight:800;
  color:#7b8883;
}
.pcd-process-step.done .pcd-process-node{
  border-color:#87a858;
  background:#f2f6e9;
  color:#6f873d;
}
.pcd-process-step.active .pcd-process-node{
  border:2px solid var(--pcd-teal);
  color:var(--pcd-teal-dark);
  box-shadow:0 0 0 6px rgba(31,142,154,.07);
}
.pcd-process-step.active .pcd-process-node:after{
  content:"";
  position:absolute;
  inset:-8px;
  border:1px solid rgba(31,142,154,.18);
  border-radius:50%;
  animation:gc-active-pulse 2.8s ease-out infinite;
}
.pcd-process-step>div:last-child{display:grid;gap:2px}
.pcd-process-step strong{font-size:9px;font-weight:700;color:#2b373b}
.pcd-process-step small{font-size:7px;line-height:1.35;color:#8a9692}

.pcd-main-grid{
  display:grid;
  grid-template-columns:1.15fr .95fr .95fr;
  gap:12px;
}
.pcd-panel{
  min-width:0;
  padding:18px;
  border:1px solid #dce5e1;
  border-radius:11px;
  background:#fff;
  box-shadow:0 7px 20px rgba(29,52,53,.04);
}
.pcd-panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:11px;
}
.pcd-panel-head h3{
  margin:0;
  font-family:Syne,Inter,sans-serif;
  font-size:15px;
  font-weight:630;
  letter-spacing:-.02em;
}
.pcd-count{
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 7px;
  border:1px solid #dbe3df;
  border-radius:6px;
  background:#f7f9f7;
  font-size:9px;
  font-weight:750;
  color:#67736e;
}
.pcd-count.attention{
  border-color:#e3d1ba;
  background:#fff9f1;
  color:#9b6a2f;
}
.pcd-panel-intro{
  margin:0 0 12px;
  font-size:9px;
  line-height:1.5;
  color:#7b8883;
}
.pcd-action-list{display:grid;gap:7px}
.pcd-action-list .client-action-item{
  padding:10px!important;
  border-color:#e1e8e4!important;
  background:#fbfcfb!important;
}
.pcd-action-list .client-task-copy strong,
.pcd-action-list .client-approval-item strong{font-size:9px}
.pcd-action-list .muted.small{font-size:8px}
.pcd-action-list .btn.smallbtn{font-size:8px;min-height:28px}
.pcd-done-state{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:12px;
  border:1px solid #dbe8df;
  border-radius:7px;
  background:#f5f9f5;
}
.pcd-done-state>span{
  display:grid;
  place-items:center;
  width:24px;height:24px;border-radius:50%;background:#e8f2ea;color:#547862;font-size:10px;font-weight:800;
}
.pcd-done-state>div{display:grid;gap:2px}
.pcd-done-state strong{font-size:9px}
.pcd-done-state small{font-size:8px;color:#75817d}

.pcd-upload-cta{
  width:100%;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:13px;
  border:1px dashed #b9d2cf;
  border-radius:8px;
  background:linear-gradient(135deg,#f9fcfb,#f2f8f6);
  color:inherit;
  text-align:left;
  transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) ease,background var(--motion-fast) ease;
}
.pcd-upload-cta:hover{transform:translateY(-2px);border-color:#7fb4b4;background:#f5fbf9}
.pcd-upload-icon{
  display:grid;
  place-items:center;
  width:34px;height:34px;border-radius:8px;background:#e6f4f3;color:#1d7e89;font-size:16px;font-weight:500;
}
.pcd-upload-cta>div{display:grid;gap:2px}
.pcd-upload-cta strong{font-size:9px}
.pcd-upload-cta small{font-size:7px;color:#7b8883}
.pcd-upload-cta b{font-size:12px;color:#65817b;transition:transform .16s ease}
.pcd-upload-cta:hover b{transform:translateX(3px)}
.pcd-file-mini-list{display:grid;margin-top:11px}
.pcd-file-mini{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 18px;
  gap:7px;
  align-items:center;
  padding:8px 0;
  border-top:1px solid #edf0ee;
}
.pcd-file-mini>span{color:#7d9189}
.pcd-file-mini>div{display:grid;gap:1px;min-width:0}
.pcd-file-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
.pcd-file-mini small{font-size:7px;color:#88938f}
.pcd-file-mini i{font-style:normal;color:#638f76;font-size:8px}

.pcd-approval-list{display:grid}
.pcd-approval-mini{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid #edf0ee;
}
.pcd-approval-mini:first-child{border-top:0}
.pcd-approval-mini>div{display:grid;gap:2px;min-width:0}
.pcd-approval-mini strong{font-size:8px}
.pcd-approval-mini small{font-size:7px;color:#8a9691}
.pcd-approval-mini>span{
  flex:0 0 auto;
  padding:4px 6px;
  border-radius:4px;
  font-size:6px;
  font-weight:750;
  letter-spacing:.035em;
}
.pcd-approval-mini>span.done{background:#edf6ef;color:#537961}
.pcd-approval-mini>span.pending{background:#fff6e9;color:#966a31}
.pcd-approval-mini>span.neutral{background:#f1f3f1;color:#707a75}
.pcd-text-action{
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
  font-size:8px;
  font-weight:700;
  color:#367b82;
}
.pcd-empty-mini{
  display:grid;
  gap:3px;
  min-height:92px;
  align-content:center;
  padding:13px;
  border:1px dashed #dde5e1;
  border-radius:7px;
  background:#fafbfa;
}
.pcd-empty-mini strong{font-size:9px}
.pcd-empty-mini span{font-size:8px;line-height:1.45;color:#83908b}

.pcd-lower-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:12px;
}
.pcd-lower-grid .client-updates-card{
  margin:0;
  border-radius:11px!important;
  box-shadow:0 7px 20px rgba(29,52,53,.04)!important;
}
.pcd-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.pcd-meta-grid>div{
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid #e2e8e5;
  border-radius:7px;
  background:#fafbfa;
}
.pcd-meta-grid span{
  font-size:6px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#87938e;
}
.pcd-meta-grid strong{
  font-size:8px;
  line-height:1.35;
}
.pcd-note{
  margin-top:9px;
  padding:10px;
  border-left:2px solid #6d9a91;
  background:#f4f8f6;
}
.pcd-note span{font-size:6px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:#71837b}
.pcd-note p{margin:4px 0 0;font-size:8px;line-height:1.5;color:#67756f}

.pcd-quick-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.pcd-quick-strip>button{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  min-height:62px;
  padding:10px 12px;
  border:1px solid #dce4e0;
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-align:left;
  transition:transform .16s var(--motion-ease),border-color .16s ease,box-shadow .16s ease;
}
.pcd-quick-strip>button:hover{
  transform:translateY(-2px);
  border-color:#bfcfca;
  box-shadow:0 8px 20px rgba(31,54,55,.055);
}
.pcd-quick-strip>button>span{
  display:grid;
  place-items:center;
  width:30px;height:30px;border-radius:7px;background:#eff5f2;color:#5b7e75;font-size:12px;
}
.pcd-quick-strip>button>div{display:grid;gap:2px}
.pcd-quick-strip strong{font-size:8px}
.pcd-quick-strip small{font-size:7px;color:#84908c}
.pcd-quick-strip b{font-size:11px;color:#75847e}
.pcd-links-reveal{
  border:1px solid #dce5e1;
  border-radius:8px;
  background:#fff;
}
.pcd-links-reveal>summary{
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  cursor:pointer;
  font-size:8px;
  font-weight:700;
}
.pcd-links-reveal>summary::-webkit-details-marker{display:none}
.pcd-links-reveal>summary span{color:#89958f}
.pcd-links-reveal>.client-link-card-grid{padding:0 12px 12px}

/* Keep Client Journey detail page consistent with V27 light language */
.client-journey-card{
  border-radius:11px!important;
  box-shadow:0 7px 20px rgba(29,52,53,.04)!important;
}
.client-journey-current{
  background:linear-gradient(135deg,#24474c,#2f6266)!important;
}
.client-journey-current.complete{background:linear-gradient(135deg,#466b55,#688354)!important}

/* Mobile */
@media(max-width:980px){
 .pcd-hero{grid-template-columns:1fr 220px}
 .pcd-main-grid{grid-template-columns:1fr 1fr}
 .pcd-actions-panel{grid-column:1/-1}
 .pcd-lower-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
 .client-main{padding-top:18px!important}
 .pcd-hero{
  grid-template-columns:1fr;
  padding:20px;
  border-radius:10px;
 }
 .pcd-title-row h1{font-size:25px}
 .pcd-progress-card{padding:14px}
 .pcd-process-card{overflow:hidden;padding:16px}
 .pcd-section-head{margin-bottom:14px}
 .pcd-process-line{
  display:flex;
  overflow-x:auto;
  gap:8px;
  padding:4px 2px 8px;
  scroll-snap-type:x proximity;
 }
 .pcd-process-step{
  min-width:112px;
  padding:0 4px;
  scroll-snap-align:start;
 }
 .pcd-process-step:before{display:none}
 .pcd-main-grid{grid-template-columns:1fr}
 .pcd-actions-panel{grid-column:auto}
 .pcd-lower-grid{grid-template-columns:1fr}
 .pcd-quick-strip{grid-template-columns:1fr}
 .pcd-meta-grid{grid-template-columns:1fr}
 .pcd-hero:before,.pcd-hero:after{display:none}
}


/* =========================================================
   V27.1 — CLIENT LAYOUT HOTFIX + GREEN DARK MODE
   ========================================================= */

/* ---------- structural fix: never allow task forms to escape their grid cell ---------- */
.pcd-main-grid,
.pcd-main-grid > *,
.pcd-actions-panel,
.pcd-action-list,
.client-action-item,
.client-task-control,
.client-access-action,
.client-access-task-form,
.client-access-grid,
.client-access-grid .field,
.client-access-grid input,
.client-access-grid textarea{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.pcd-actions-panel{
  overflow:hidden;
}
.client-task-control{
  width:100%!important;
  overflow:hidden!important;
}
.client-access-action{
  width:100%!important;
  overflow:hidden!important;
}
.client-access-task-form{
  width:100%!important;
  margin:0!important;
  padding:12px!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.client-access-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
}
.client-access-grid .field{
  width:100%!important;
}
.client-access-grid input,
.client-access-grid textarea{
  width:100%!important;
}
.client-access-form-head{
  width:100%;
}
.client-access-safe-note{
  width:100%;
  box-sizing:border-box;
}
.client-access-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  width:100%;
}
.client-access-compact{
  width:100%;
  border:1px solid #dbe5e1;
  border-radius:7px;
  background:#fff;
  overflow:hidden;
}
.client-access-compact>summary{
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:9px 11px;
  cursor:pointer;
  background:#f7faf8;
  color:#4d625d;
  font-size:8px;
  font-weight:700;
}
.client-access-compact>summary::-webkit-details-marker{display:none}
.client-access-compact>summary b{
  font-size:7px;
  color:#277982;
}
.client-access-compact[open]>summary{
  border-bottom:1px solid #dfe7e3;
}
.client-access-compact-body{
  width:100%;
  padding:9px;
  box-sizing:border-box;
  background:#fff;
  animation:gc-reveal var(--motion-base) var(--motion-ease) both;
}
.client-access-compact-body .client-access-task-form{
  border:0!important;
  padding:0!important;
  background:transparent!important;
}
.pcd-action-list .client-access-action{
  padding:10px!important;
}
.pcd-action-list .client-access-action .client-task-copy{
  width:100%;
}
.pcd-action-list .client-access-action .client-task-control{
  width:100%;
}

/* ---------- theme toggle ---------- */
.client-theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:30px;
  padding:5px 8px;
  border:1px solid #d8e1dd;
  border-radius:6px;
  background:#f7f9f7;
  color:#66756f;
  font:inherit;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s var(--motion-ease);
}
.client-theme-toggle:hover{
  transform:translateY(-1px);
  border-color:#bccac5;
}
.client-theme-toggle span{font-size:10px}
.client-theme-toggle b{font-size:7px;letter-spacing:.04em}

/* ---------- premium green dark mode ---------- */
.client-app[data-client-theme="dark"]{
  --pcd-ink:#edf6f1;
  --pcd-muted:#91a39b;
  --pcd-line:#203a36;
  --pcd-soft:#0e1b19;
  --pcd-soft-2:#12221f;
  --pcd-teal:#42c2c0;
  --pcd-teal-dark:#7ed9d6;
  --pcd-green:#a6bc62;
  --pcd-green-soft:#17251a;
  --pcd-amber:#c59a53;
  --pcd-shadow:0 20px 55px rgba(0,0,0,.30);
  background:
    radial-gradient(circle at 10% -10%,rgba(56,178,170,.12),transparent 31%),
    radial-gradient(circle at 96% 8%,rgba(151,178,73,.08),transparent 28%),
    linear-gradient(180deg,#07110f 0%,#0a1513 50%,#091210 100%)!important;
  color:#edf6f1!important;
}
.client-app[data-client-theme="dark"] .client-header{
  background:rgba(8,18,16,.94)!important;
  border-bottom-color:#1a302c!important;
  color:#edf6f1!important;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.client-app[data-client-theme="dark"] .client-nav{
  background:rgba(9,20,18,.95)!important;
  border-bottom-color:#1a302c!important;
}
.client-app[data-client-theme="dark"] .client-nav button{
  color:#8fa29b!important;
}
.client-app[data-client-theme="dark"] .client-nav button:hover,
.client-app[data-client-theme="dark"] .client-nav button.active{
  color:#f1f7f4!important;
}
.client-app[data-client-theme="dark"] .client-nav button.active:after{
  background:linear-gradient(90deg,#44c6c2,#9fb85a)!important;
}
.client-app[data-client-theme="dark"] .client-account-copy span,
.client-app[data-client-theme="dark"] .client-brand-sub{
  color:#688079!important;
}
.client-app[data-client-theme="dark"] .client-account-copy strong,
.client-app[data-client-theme="dark"] .client-brand{
  color:#ecf5f1!important;
}
.client-app[data-client-theme="dark"] .client-theme-toggle{
  border-color:#28423d;
  background:#10211e;
  color:#b7c9c1;
}
.client-app[data-client-theme="dark"] .client-theme-toggle:hover{
  background:#152a26;
  border-color:#3a5a53;
}
.client-app[data-client-theme="dark"] .client-header .btn.secondary{
  background:#0f211e!important;
  border-color:#29433e!important;
  color:#d7e5df!important;
}
.client-app[data-client-theme="dark"] .client-main{
  color:#eef6f2!important;
}

/* Hero */
.client-app[data-client-theme="dark"] .pcd-hero{
  border-color:#1e3934;
  background:
    radial-gradient(circle at 80% 8%,rgba(66,194,192,.12),transparent 36%),
    radial-gradient(circle at 102% 110%,rgba(166,188,98,.08),transparent 36%),
    linear-gradient(135deg,#0c1a18 0%,#0e201d 58%,#10251f 100%);
  box-shadow:0 22px 60px rgba(0,0,0,.32);
}
.client-app[data-client-theme="dark"] .pcd-hero:before{
  border-color:rgba(66,194,192,.10);
}
.client-app[data-client-theme="dark"] .pcd-hero:after{
  border-color:rgba(166,188,98,.11);
}
.client-app[data-client-theme="dark"] .pcd-brand-row{
  color:#76aaa5;
}
.client-app[data-client-theme="dark"] .pcd-project-label,
.client-app[data-client-theme="dark"] .pcd-hero p{
  color:#8ea19a;
}
.client-app[data-client-theme="dark"] .pcd-title-row h1{
  color:#f2f7f5;
}
.client-app[data-client-theme="dark"] .pcd-status{
  border-color:#276a6c;
  background:#0d302f;
  color:#7ed9d6;
}
.client-app[data-client-theme="dark"] .pcd-chip{
  border-color:#29423d;
  background:#10211e;
  color:#a7bab2;
}
.client-app[data-client-theme="dark"] .pcd-chip.attention{
  border-color:#5f4930;
  background:#281f14;
  color:#d1aa6f;
}
.client-app[data-client-theme="dark"] .pcd-progress-card{
  border-color:#26423d;
  background:rgba(12,29,26,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.client-app[data-client-theme="dark"] .pcd-progress-card span,
.client-app[data-client-theme="dark"] .pcd-progress-card small{
  color:#82958d;
}
.client-app[data-client-theme="dark"] .pcd-progress-card strong{
  color:#f0f7f4;
}
.client-app[data-client-theme="dark"] .pcd-progress-track{
  background:#152824;
}
.client-app[data-client-theme="dark"] .pcd-progress-track span{
  background:linear-gradient(90deg,#34b7b4,#55cfbf 58%,#a4bb5c);
  box-shadow:0 0 16px rgba(55,189,183,.22);
}

/* Process */
.client-app[data-client-theme="dark"] .pcd-process-card,
.client-app[data-client-theme="dark"] .pcd-panel,
.client-app[data-client-theme="dark"] .client-card,
.client-app[data-client-theme="dark"] .pcd-links-reveal{
  border-color:#1f3934!important;
  background:linear-gradient(180deg,#0d1b19,#0b1816)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
  color:#edf5f2!important;
}
.client-app[data-client-theme="dark"] .pcd-section-head h2,
.client-app[data-client-theme="dark"] .pcd-panel-head h3{
  color:#eff7f3;
}
.client-app[data-client-theme="dark"] .pcd-kicker{
  color:#6f9b91;
}
.client-app[data-client-theme="dark"] .pcd-live{
  border-color:#29423c;
  background:#10211e;
  color:#a1b4ac;
}
.client-app[data-client-theme="dark"] .pcd-process-step:before{
  background:#213933;
}
.client-app[data-client-theme="dark"] .pcd-process-step.done:before,
.client-app[data-client-theme="dark"] .pcd-process-step.active:before{
  background:linear-gradient(90deg,#91a94f,#31aaa9);
}
.client-app[data-client-theme="dark"] .pcd-process-node{
  border-color:#2a4540;
  background:#10201e;
  color:#7f958d;
}
.client-app[data-client-theme="dark"] .pcd-process-step.done .pcd-process-node{
  border-color:#607b36;
  background:#172719;
  color:#aec66a;
}
.client-app[data-client-theme="dark"] .pcd-process-step.active .pcd-process-node{
  border-color:#42c2c0;
  background:#0d2928;
  color:#7ae1db;
  box-shadow:0 0 0 6px rgba(66,194,192,.07),0 0 26px rgba(66,194,192,.10);
}
.client-app[data-client-theme="dark"] .pcd-process-step strong{
  color:#eaf3ef;
}
.client-app[data-client-theme="dark"] .pcd-process-step small{
  color:#72877f;
}

/* Panels/cards */
.client-app[data-client-theme="dark"] .pcd-count{
  border-color:#2a433e;
  background:#10201d;
  color:#9fb2aa;
}
.client-app[data-client-theme="dark"] .pcd-count.attention{
  border-color:#604a30;
  background:#281f14;
  color:#d8ac6c;
}
.client-app[data-client-theme="dark"] .pcd-panel-intro{
  color:#81928b;
}
.client-app[data-client-theme="dark"] .pcd-action-list .client-action-item{
  border-color:#223b36!important;
  background:#0f1e1b!important;
}
.client-app[data-client-theme="dark"] .pcd-action-list .client-action-item:hover{
  border-color:#31534c!important;
}
.client-app[data-client-theme="dark"] .client-task-copy strong{
  color:#eef6f2!important;
}
.client-app[data-client-theme="dark"] .muted{
  color:#80948b!important;
}
.client-app[data-client-theme="dark"] .pcd-done-state{
  border-color:#2b493c;
  background:#102019;
}
.client-app[data-client-theme="dark"] .pcd-done-state>span{
  background:#193124;
  color:#8eb49b;
}
.client-app[data-client-theme="dark"] .pcd-done-state strong{
  color:#e7f0ec;
}
.client-app[data-client-theme="dark"] .pcd-done-state small{
  color:#83968d;
}

/* Upload / files */
.client-app[data-client-theme="dark"] .pcd-upload-cta{
  border-color:#2d5a55;
  background:linear-gradient(135deg,#0e211f,#102824);
  color:#e7f2ee;
}
.client-app[data-client-theme="dark"] .pcd-upload-cta:hover{
  border-color:#3e8580;
  background:#122d29;
}
.client-app[data-client-theme="dark"] .pcd-upload-icon{
  background:#133634;
  color:#65d6d1;
}
.client-app[data-client-theme="dark"] .pcd-upload-cta small{
  color:#7e958c;
}
.client-app[data-client-theme="dark"] .pcd-upload-cta b{
  color:#6fb4ab;
}
.client-app[data-client-theme="dark"] .pcd-file-mini,
.client-app[data-client-theme="dark"] .pcd-approval-mini{
  border-top-color:#1d332f;
}
.client-app[data-client-theme="dark"] .pcd-file-mini strong,
.client-app[data-client-theme="dark"] .pcd-approval-mini strong{
  color:#e7f0ec;
}
.client-app[data-client-theme="dark"] .pcd-file-mini small,
.client-app[data-client-theme="dark"] .pcd-approval-mini small{
  color:#758a82;
}
.client-app[data-client-theme="dark"] .pcd-file-mini>span{
  color:#6d9991;
}
.client-app[data-client-theme="dark"] .pcd-approval-mini>span.done{
  background:#163022;
  color:#8fbc9a;
}
.client-app[data-client-theme="dark"] .pcd-approval-mini>span.pending{
  background:#2b2115;
  color:#d2a564;
}
.client-app[data-client-theme="dark"] .pcd-approval-mini>span.neutral{
  background:#192421;
  color:#92a39d;
}
.client-app[data-client-theme="dark"] .pcd-empty-mini{
  border-color:#29413c;
  background:#0e1c19;
}
.client-app[data-client-theme="dark"] .pcd-empty-mini strong{
  color:#e5eeea;
}
.client-app[data-client-theme="dark"] .pcd-empty-mini span{
  color:#788c84;
}

/* Updates / meta */
.client-app[data-client-theme="dark"] .client-update-row{
  border-top-color:#1c322e;
}
.client-app[data-client-theme="dark"] .client-update-icon{
  border-color:#28423d;
  background:#10201d;
  color:#8eaaa0;
}
.client-app[data-client-theme="dark"] .client-update-copy strong{
  color:#edf5f1;
}
.client-app[data-client-theme="dark"] .client-update-copy p,
.client-app[data-client-theme="dark"] .client-update-copy time{
  color:#7e9289;
}
.client-app[data-client-theme="dark"] .pcd-meta-grid>div{
  border-color:#203a35;
  background:#0e1d1a;
}
.client-app[data-client-theme="dark"] .pcd-meta-grid span{
  color:#6f8980;
}
.client-app[data-client-theme="dark"] .pcd-meta-grid strong{
  color:#e6efeb;
}
.client-app[data-client-theme="dark"] .pcd-note{
  border-left-color:#4c8f83;
  background:#10221e;
}
.client-app[data-client-theme="dark"] .pcd-note span{
  color:#76a298;
}
.client-app[data-client-theme="dark"] .pcd-note p{
  color:#91a49c;
}

/* Quick actions */
.client-app[data-client-theme="dark"] .pcd-quick-strip>button{
  border-color:#213b36;
  background:#0d1b18;
  color:#e8f1ed;
}
.client-app[data-client-theme="dark"] .pcd-quick-strip>button:hover{
  border-color:#355a52;
  background:#10221e;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}
.client-app[data-client-theme="dark"] .pcd-quick-strip>button>span{
  background:#142b26;
  color:#74b5a8;
}
.client-app[data-client-theme="dark"] .pcd-quick-strip small{
  color:#788b83;
}
.client-app[data-client-theme="dark"] .pcd-quick-strip b{
  color:#72968d;
}

/* Access form */
.client-app[data-client-theme="dark"] .client-access-compact{
  border-color:#29413c;
  background:#0d1b18;
}
.client-app[data-client-theme="dark"] .client-access-compact>summary{
  background:#10211e;
  color:#a9bbb4;
}
.client-app[data-client-theme="dark"] .client-access-compact>summary b{
  color:#71c4be;
}
.client-app[data-client-theme="dark"] .client-access-compact[open]>summary{
  border-bottom-color:#243d38;
}
.client-app[data-client-theme="dark"] .client-access-compact-body{
  background:#0b1816;
}
.client-app[data-client-theme="dark"] .client-access-task-form{
  background:#0d1b18!important;
  border-color:#223b36!important;
}
.client-app[data-client-theme="dark"] .client-access-safe-note{
  border-color:#2e4f48!important;
  background:#102622!important;
  color:#9db5ac!important;
}
.client-app[data-client-theme="dark"] .field label{
  color:#8ea099!important;
}
.client-app[data-client-theme="dark"] .field input,
.client-app[data-client-theme="dark"] .field textarea,
.client-app[data-client-theme="dark"] .field select,
.client-app[data-client-theme="dark"] .inline-input{
  border-color:#29423d!important;
  background:#0a1715!important;
  color:#e8f1ed!important;
}
.client-app[data-client-theme="dark"] .field input::placeholder,
.client-app[data-client-theme="dark"] .field textarea::placeholder{
  color:#51665e!important;
}
.client-app[data-client-theme="dark"] .field input:focus,
.client-app[data-client-theme="dark"] .field textarea:focus,
.client-app[data-client-theme="dark"] .field select:focus{
  border-color:#3d8e87!important;
  box-shadow:0 0 0 2px rgba(66,194,192,.08)!important;
}

/* Buttons in dark */
.client-app[data-client-theme="dark"] .btn{
  background:#e7efeb!important;
  border-color:#e7efeb!important;
  color:#10201c!important;
}
.client-app[data-client-theme="dark"] .btn:hover{
  background:#fff!important;
  border-color:#fff!important;
}
.client-app[data-client-theme="dark"] .btn.secondary{
  background:#10211e!important;
  border-color:#29423d!important;
  color:#c7d7d0!important;
}
.client-app[data-client-theme="dark"] .btn.secondary:hover{
  background:#172a26!important;
  border-color:#3b5a53!important;
}

/* Files page / reveals / general client blocks */
.client-app[data-client-theme="dark"] .zf-reveal,
.client-app[data-client-theme="dark"] .client-direct-upload-card,
.client-app[data-client-theme="dark"] .client-password-setup,
.client-app[data-client-theme="dark"] .onboarding-client-hero,
.client-app[data-client-theme="dark"] .onboarding-step-card,
.client-app[data-client-theme="dark"] .zf-fast-confirm{
  border-color:#203a35!important;
  background:#0d1b18!important;
  color:#eaf2ee!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.client-app[data-client-theme="dark"] .zf-reveal summary{
  color:#dce8e3!important;
}
.client-app[data-client-theme="dark"] .client-file,
.client-app[data-client-theme="dark"] .client-link-card,
.client-app[data-client-theme="dark"] .client-upload-folder-grid button{
  border-color:#213b36!important;
  background:#0f1e1b!important;
  color:#e8f1ed!important;
}
.client-app[data-client-theme="dark"] .client-file:hover,
.client-app[data-client-theme="dark"] .client-link-card:hover,
.client-app[data-client-theme="dark"] .client-upload-folder-grid button:hover,
.client-app[data-client-theme="dark"] .client-upload-folder-grid button.selected{
  border-color:#345b53!important;
  background:#122520!important;
}
.client-app[data-client-theme="dark"] .client-folder-icon{
  background:#173028!important;
  color:#7ab4a6!important;
}

/* Journey page in dark */
.client-app[data-client-theme="dark"] .client-journey-current{
  background:linear-gradient(135deg,#0d2624,#17413d)!important;
  border-color:#24514c!important;
}
.client-app[data-client-theme="dark"] .client-journey-stage:before{
  background:#203934!important;
}
.client-app[data-client-theme="dark"] .client-journey-dot{
  background:#0f201d!important;
  border-color:#2b4640!important;
  color:#82968d!important;
}
.client-app[data-client-theme="dark"] .client-journey-stage.done .client-journey-dot{
  background:#213a23!important;
  border-color:#607b3d!important;
  color:#b5cd72!important;
}
.client-app[data-client-theme="dark"] .client-journey-stage.active .client-journey-dot{
  background:#102825!important;
  border-color:#47c2bd!important;
  color:#7bdfd9!important;
}
.client-app[data-client-theme="dark"] .client-journey-three>div{
  border-color:#213b36!important;
  background:#0e1c19!important;
}
.client-app[data-client-theme="dark"] .client-journey-three>div.active{
  border-color:#31544d!important;
  background:#11231f!important;
  box-shadow:inset 2px 0 0 #4aa099!important;
}
.client-app[data-client-theme="dark"] .client-journey-three strong,
.client-app[data-client-theme="dark"] .client-journey-detail strong{
  color:#e9f2ee!important;
}
.client-app[data-client-theme="dark"] .client-journey-three span,
.client-app[data-client-theme="dark"] .client-journey-detail p{
  color:#7d9188!important;
}

/* Dark scrollbar */
.client-app[data-client-theme="dark"]{
  scrollbar-color:#29453f #0a1513;
}
.client-app[data-client-theme="dark"] *::-webkit-scrollbar{
  width:10px;height:10px;
}
.client-app[data-client-theme="dark"] *::-webkit-scrollbar-track{
  background:#091512;
}
.client-app[data-client-theme="dark"] *::-webkit-scrollbar-thumb{
  background:#29453f;
  border:2px solid #091512;
  border-radius:999px;
}

/* ---------- mobile structural fallback ---------- */
@media(max-width:980px){
 .client-access-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
}
@media(max-width:700px){
 .client-account{
  gap:5px!important;
 }
 .client-theme-toggle b{
  display:none;
 }
 .client-theme-toggle{
  width:30px;
  padding:5px;
  justify-content:center;
 }
 .client-access-compact>summary{
  padding:9px;
 }
}


/* =========================================================
   V27.2 — MOBILE OPTIMIZATION
   Client dashboard only. No functional behavior changes.
   ========================================================= */

@media (max-width:760px){

  /* ---------- mobile app shell ---------- */
  .client-app{
    min-width:0!important;
    overflow-x:hidden!important;
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
  }

  .client-header{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 12px!important;
    gap:8px!important;
    backdrop-filter:blur(16px)!important;
  }

  .client-brand-lockup{
    min-width:0!important;
    gap:8px!important;
  }

  .client-logo{
    flex:0 0 auto!important;
    width:29px!important;
    height:29px!important;
  }

  .client-brand{
    font-size:11px!important;
    letter-spacing:.045em!important;
  }

  .client-brand-sub{
    font-size:6px!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
  }

  .client-account{
    flex:0 0 auto!important;
    gap:5px!important;
  }

  .client-account-copy{
    display:none!important;
  }

  .client-theme-toggle,
  .client-header .btn.smallbtn{
    min-width:38px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .client-theme-toggle b{
    display:none!important;
  }

  .client-theme-toggle span{
    font-size:13px!important;
  }

  .client-header .btn.smallbtn{
    font-size:9px!important;
  }

  /* bottom navigation behaves like a mobile app */
  .client-nav{
    position:fixed!important;
    z-index:70!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    top:auto!important;
    display:flex!important;
    min-height:62px!important;
    height:auto!important;
    gap:3px!important;
    padding:5px!important;
    overflow:visible!important;
    border:1px solid rgba(97,126,118,.20)!important;
    border-radius:16px!important;
    background:rgba(250,252,250,.95)!important;
    box-shadow:0 14px 38px rgba(22,43,42,.17)!important;
    backdrop-filter:blur(18px)!important;
  }

  .client-nav button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-rows:19px auto!important;
    place-items:center!important;
    gap:2px!important;
    padding:5px 3px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    font-size:8px!important;
    font-weight:650!important;
    line-height:1.1!important;
    color:#6e7c77!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  .client-nav button:after{
    display:none!important;
  }

  .client-nav button.active{
    background:#e9f2ef!important;
    color:#1d625f!important;
  }

  .client-nav-icon{
    display:block!important;
    font-size:15px!important;
    line-height:1!important;
    color:#438780!important;
  }

  /* ---------- main canvas ---------- */
  .client-main{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:14px 10px 22px!important;
    gap:10px!important;
    overflow:visible!important;
  }

  .pcd-dashboard{
    width:100%!important;
    min-width:0!important;
    gap:10px!important;
  }

  /* ---------- hero ---------- */
  .pcd-hero{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:17px!important;
    border-radius:12px!important;
  }

  .pcd-brand-row{
    margin-bottom:14px!important;
    font-size:7px!important;
  }

  .pcd-project-label{
    font-size:8px!important;
  }

  .pcd-title-row{
    align-items:flex-start!important;
    gap:8px!important;
  }

  .pcd-title-row h1{
    width:100%!important;
    min-width:0!important;
    font-size:23px!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
  }

  .pcd-status{
    min-height:23px!important;
    font-size:7px!important;
  }

  .pcd-hero p{
    margin-top:8px!important;
    font-size:10px!important;
    line-height:1.55!important;
  }

  .pcd-hero-chips{
    gap:5px!important;
    margin-top:12px!important;
  }

  .pcd-chip{
    min-height:26px!important;
    padding:5px 7px!important;
    font-size:7px!important;
  }

  .pcd-progress-card{
    width:100%!important;
    padding:13px!important;
    gap:8px!important;
    border-radius:9px!important;
  }

  .pcd-progress-card strong{
    font-size:27px!important;
  }

  /* ---------- five-stage process: all 5 stay visible ---------- */
  .pcd-process-card{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:14px 10px 15px!important;
    border-radius:11px!important;
  }

  .pcd-section-head{
    gap:9px!important;
    margin-bottom:15px!important;
  }

  .pcd-section-head h2{
    max-width:240px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }

  .pcd-live{
    flex:0 0 auto!important;
    padding:5px 7px!important;
    font-size:6px!important;
  }

  .pcd-process-line{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }

  .pcd-process-step{
    min-width:0!important;
    width:auto!important;
    gap:5px!important;
    padding:0 2px!important;
    scroll-snap-align:none!important;
  }

  .pcd-process-step:before{
    display:block!important;
    top:13px!important;
    height:1px!important;
  }

  .pcd-process-step:first-child:before{
    display:none!important;
  }

  .pcd-process-node{
    width:27px!important;
    height:27px!important;
    font-size:8px!important;
  }

  .pcd-process-step.active .pcd-process-node{
    box-shadow:0 0 0 4px rgba(31,142,154,.065)!important;
  }

  .pcd-process-step.active .pcd-process-node:after{
    inset:-6px!important;
  }

  .pcd-process-step strong{
    font-size:7px!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }

  .pcd-process-step small{
    display:none!important;
  }

  /* ---------- dashboard cards ---------- */
  .pcd-main-grid,
  .pcd-lower-grid{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }

  .pcd-actions-panel{
    grid-column:auto!important;
  }

  .pcd-panel,
  .pcd-lower-grid .client-updates-card{
    width:100%!important;
    min-width:0!important;
    padding:14px!important;
    border-radius:10px!important;
  }

  .pcd-panel-head{
    margin-bottom:9px!important;
  }

  .pcd-panel-head h3{
    font-size:14px!important;
  }

  .pcd-panel-intro{
    font-size:8px!important;
  }

  .pcd-count{
    min-width:27px!important;
    height:27px!important;
  }

  /* ---------- tasks / approvals ---------- */
  .client-action-item{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:11px!important;
    gap:9px!important;
    overflow:hidden!important;
  }

  .client-task-copy,
  .client-task-control{
    width:100%!important;
    min-width:0!important;
  }

  .client-task-copy strong{
    display:block!important;
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }

  .client-task-copy .muted.small{
    font-size:8px!important;
    line-height:1.4!important;
  }

  .client-task-control .row,
  .client-action-item>.row,
  .client-access-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }

  .client-task-control .btn,
  .client-action-item>.row .btn,
  .client-access-actions .btn{
    width:100%!important;
    min-height:42px!important;
  }

  .client-access-compact{
    width:100%!important;
    min-width:0!important;
  }

  .client-access-compact>summary{
    min-height:44px!important;
    padding:9px 10px!important;
  }

  .client-access-compact-body{
    padding:8px!important;
  }

  .client-access-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  .client-access-form-head{
    gap:7px!important;
  }

  .client-access-safe-note{
    font-size:8px!important;
    line-height:1.45!important;
  }

  /* iOS: 16px input font avoids viewport zoom */
  .client-app input,
  .client-app textarea,
  .client-app select{
    max-width:100%!important;
    font-size:16px!important;
  }

  .client-app textarea{
    min-height:88px!important;
  }

  /* ---------- upload / files ---------- */
  .pcd-upload-cta{
    min-height:58px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    padding:10px!important;
  }

  .pcd-file-mini{
    min-width:0!important;
    grid-template-columns:19px minmax(0,1fr) 14px!important;
    gap:6px!important;
  }

  .pcd-file-mini strong{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }

  .client-file{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .client-file strong{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* ---------- approvals ---------- */
  .pcd-approval-mini{
    align-items:flex-start!important;
    gap:8px!important;
  }

  .pcd-approval-mini>div{
    min-width:0!important;
  }

  .pcd-approval-mini strong{
    overflow-wrap:anywhere!important;
  }

  /* ---------- updates ---------- */
  .client-update-row{
    grid-template-columns:27px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px 0!important;
  }

  .client-update-copy>div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:2px!important;
  }

  .client-update-copy strong{
    overflow-wrap:anywhere!important;
  }

  .client-update-copy time{
    white-space:normal!important;
  }

  /* ---------- project details ---------- */
  .pcd-meta-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }

  .pcd-meta-grid>div{
    min-width:0!important;
    padding:9px!important;
  }

  .pcd-meta-grid strong{
    overflow-wrap:anywhere!important;
  }

  /* ---------- quick actions ---------- */
  .pcd-quick-strip{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
  }

  .pcd-quick-strip>button{
    min-width:0!important;
    min-height:64px!important;
    grid-template-columns:29px minmax(0,1fr)!important;
    grid-template-areas:"icon copy"!important;
    gap:8px!important;
    padding:10px!important;
  }

  .pcd-quick-strip>button>span{
    grid-area:icon!important;
  }

  .pcd-quick-strip>button>div{
    grid-area:copy!important;
    min-width:0!important;
  }

  .pcd-quick-strip>button>b{
    display:none!important;
  }

  .pcd-quick-strip strong,
  .pcd-quick-strip small{
    overflow-wrap:anywhere!important;
  }

  /* ---------- reveals / links ---------- */
  .pcd-links-reveal,
  .zf-reveal{
    min-width:0!important;
    overflow:hidden!important;
  }

  .client-link-card-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .client-link-card{
    width:100%!important;
    min-width:0!important;
  }

  /* ---------- standalone files page ---------- */
  .client-upload-folder-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
  }

  .client-upload-folder-grid button{
    min-width:0!important;
    min-height:76px!important;
    padding:10px!important;
  }

  .client-direct-file-label{
    min-height:48px!important;
  }

  /* ---------- onboarding ---------- */
  .onboarding-client-shell,
  .onboarding-step-card,
  .onboarding-client-hero,
  .zf-fast-confirm{
    min-width:0!important;
    max-width:100%!important;
  }

  .onboarding-client-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .onboarding-client-hero h1{
    font-size:23px!important;
    line-height:1.12!important;
  }

  .onboarding-confirm-grid,
  .onboarding-goal-grid,
  .onboarding-step-card .two{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .onboarding-client-actions{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .onboarding-client-actions .row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }

  .onboarding-client-actions .btn{
    width:100%!important;
    min-height:44px!important;
  }

  /* ---------- dark mobile navigation ---------- */
  .client-app[data-client-theme="dark"] .client-nav{
    border-color:rgba(89,132,120,.27)!important;
    background:rgba(7,18,15,.95)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
  }

  .client-app[data-client-theme="dark"] .client-nav button{
    color:#728b82!important;
  }

  .client-app[data-client-theme="dark"] .client-nav button.active{
    background:#102d27!important;
    color:#d9ece5!important;
  }

  .client-app[data-client-theme="dark"] .client-nav-icon{
    color:#64b3a6!important;
  }
}

/* Extra-small phones */
@media (max-width:420px){

  .client-header{
    padding:0 9px!important;
  }

  .client-brand-sub{
    display:none!important;
  }

  .client-theme-toggle,
  .client-header .btn.smallbtn{
    min-width:36px!important;
    width:auto!important;
    padding:0 8px!important;
  }

  .pcd-title-row h1{
    font-size:21px!important;
  }

  .pcd-process-card{
    padding-left:7px!important;
    padding-right:7px!important;
  }

  .pcd-process-node{
    width:25px!important;
    height:25px!important;
  }

  .pcd-process-step strong{
    font-size:6.5px!important;
  }

  .pcd-meta-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .pcd-quick-strip{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .client-upload-folder-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .client-nav{
    left:6px!important;
    right:6px!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
  }

  .client-nav button{
    font-size:7.5px!important;
  }

  .client-nav-icon{
    font-size:14px!important;
  }
}

/* Touch devices: remove desktop hover movement that can feel jumpy */
@media (hover:none) and (pointer:coarse){
  .pcd-upload-cta:hover,
  .pcd-quick-strip>button:hover,
  .zf-quick-action:hover,
  .client-file:hover,
  .client-link-card:hover,
  .btn:hover:not(:disabled){
    transform:none!important;
  }

  .pcd-upload-cta,
  .pcd-quick-strip>button,
  .client-action-item,
  .client-file,
  .client-link-card,
  .client-theme-toggle{
    -webkit-tap-highlight-color:transparent;
  }
}


/* =========================================================
   V27.2.1 — TRAFFIC HUB MOBILE HOTFIX
   Embedded resource containment only. No functional changes.
   ========================================================= */
@media (max-width:760px){
  /* The client app switches to mobile at 760px. Traffic HUB must do the same. */
  .resource-content-card.resource-embedded{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .resource-embedded .gc-hub,
  .resource-embedded .gc-hub .gc-topbar,
  .resource-embedded .gc-hub .gc-topbar-inner,
  .resource-embedded .gc-hub .gc-shell,
  .resource-embedded .gc-hub .gc-main,
  .resource-embedded .gc-hub .gc-hero,
  .resource-embedded .gc-hub .gc-hero-box,
  .resource-embedded .gc-hub .gc-section,
  .resource-embedded .gc-hub .gc-section-head,
  .resource-embedded .gc-hub .gc-card,
  .resource-embedded .gc-hub .gc-canva-box,
  .resource-embedded .gc-hub .gc-rhythm-box{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Critical fix: no 2-column topbar in the app's mobile range. */
  .resource-embedded .gc-hub .gc-top-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }

  .resource-embedded .gc-hub .gc-search-wrap{
    grid-column:auto!important;
    order:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .resource-embedded .gc-hub .gc-search{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .resource-embedded .gc-hub .gc-top-btn{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    white-space:normal!important;
    text-align:center!important;
  }

  /* Nav may scroll inside itself, never the whole page. */
  .resource-embedded .gc-hub .gc-nav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .resource-embedded .gc-hub .gc-nav a{
    flex:0 0 auto!important;
  }

  /* All content grids collapse before they can create intrinsic overflow. */
  .resource-embedded .gc-hub .gc-hero-grid,
  .resource-embedded .gc-hub .gc-grid,
  .resource-embedded .gc-hub .gc-mini-grid,
  .resource-embedded .gc-hub .gc-timeline-grid,
  .resource-embedded .gc-hub .gc-calc-grid,
  .resource-embedded .gc-hub .gc-platform-grid,
  .resource-embedded .gc-hub .gc-month-grid,
  .resource-embedded .gc-hub .gc-quick-grid,
  .resource-embedded .gc-hub .gc-value-strip,
  .resource-embedded .gc-hub .gc-time-grid,
  .resource-embedded .gc-hub .gc-tracker-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .resource-embedded .gc-hub .gc-copy-card,
  .resource-embedded .gc-hub .gc-copy-head,
  .resource-embedded .gc-hub .gc-copy-meta,
  .resource-embedded .gc-hub .gc-step-item,
  .resource-embedded .gc-hub .gc-platform-card,
  .resource-embedded .gc-hub .gc-mini-box,
  .resource-embedded .gc-hub .gc-time-card,
  .resource-embedded .gc-hub .gc-timeline-card,
  .resource-embedded .gc-hub .gc-field{
    max-width:100%!important;
    min-width:0!important;
  }

  .resource-embedded .gc-hub .gc-copy-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .resource-embedded .gc-hub .gc-copy-btn{
    width:100%!important;
    max-width:100%!important;
  }

  /* Tables keep their useful internal width but scroll only in the table wrapper. */
  .resource-embedded .gc-hub .gc-table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* =========================================================
   V27.3 · CLIENT HUB / RESOURCE LIBRARY
   Business-level resources + useful post-project dashboard
   ========================================================= */

/* Director · Client Hub setup */
.director-hub-config{
  padding:16px;
  border:1px solid #dbe6e2;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfdfc,#f5f9f7);
}
.director-hub-toggles{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.director-resource-empty{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px;margin-bottom:14px;border:1px dashed #b9d8d0;border-radius:13px;
  background:#f5fbf9;
}
.director-resource-empty>div{display:grid;gap:4px}
.director-resource-empty strong{font-size:13px;color:#20312f}
.director-resource-empty span{font-size:11px;color:#71827d}
.director-resource-manager{display:grid;gap:14px}
.director-resource-group-add{display:flex;gap:8px;align-items:center}
.director-resource-group-add input{
  flex:1;min-width:0;min-height:38px;padding:8px 11px;border:1px solid #d7e1de;border-radius:9px;background:#fff;font:inherit
}
.director-resource-add{padding:14px;border:1px solid #dfe7e4;border-radius:13px;background:#fff}
.director-resource-add-grid{display:grid;grid-template-columns:.9fr 1.15fr 1.35fr .8fr;gap:10px}
.director-resource-groups{display:grid;gap:9px}
.director-resource-group{border:1px solid #dce6e2;border-radius:13px;background:#fff;overflow:hidden}
.director-resource-group>summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;background:#f8fbfa
}
.director-resource-group>summary::-webkit-details-marker{display:none}
.director-resource-group>summary>div{display:flex;align-items:baseline;gap:9px;min-width:0}
.director-resource-group>summary strong{font-size:12px;color:#1f302d}
.director-resource-group>summary span{font-size:10px;color:#81908c}
.director-resource-group-body{padding:12px 14px 14px;border-top:1px solid #e6ecea}
.director-resource-group-edit{display:grid;grid-template-columns:minmax(180px,1fr) 92px auto auto;gap:8px;align-items:center;margin-bottom:11px}
.director-resource-group-edit input,
.director-resource-edit input,
.director-resource-edit select,
.director-hub-task-row input,
.director-hub-task-row select{
  min-width:0;min-height:36px;padding:8px 10px;border:1px solid #d8e2df;border-radius:8px;background:#fff;font:inherit
}
.director-resource-rows{display:grid;gap:7px}
.director-resource-row{border:1px solid #e3e9e7;border-radius:10px;background:#fbfcfc;overflow:hidden}
.director-resource-row>summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;cursor:pointer
}
.director-resource-row>summary::-webkit-details-marker{display:none}
.director-resource-row>summary>div{display:flex;align-items:center;gap:9px;min-width:0}
.director-resource-row>summary>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#edf6f3;color:#33786f;font-size:12px;flex:0 0 28px}
.director-resource-row>summary>div>div{display:grid;gap:2px;min-width:0}
.director-resource-row>summary strong{font-size:11px;color:#263633}
.director-resource-row>summary small{font-size:9px;color:#81908c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}
.director-resource-edit{padding:12px;border-top:1px solid #e5ebe9;background:#fff}
.director-hub-task-add{padding:14px;border:1px solid #dfe7e4;border-radius:13px;background:#fff;margin-bottom:10px}
.director-hub-task-list{display:grid;gap:7px}
.director-hub-task-row{
  display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e0e8e5;border-radius:11px;background:#fff
}
.director-hub-task-row.done{opacity:.68;background:#f8faf9}
.director-hub-task-main{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(180px,1.2fr);gap:8px}
.director-hub-task-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.director-hub-task-meta input[type="date"]{width:138px}.director-hub-task-meta input[type="number"]{width:72px}.director-hub-task-meta select{width:96px}

/* Client · resource library */
.client-resource-library{overflow:hidden}
.client-custom-resource-groups{display:grid;gap:10px}
.client-custom-resource-group{
  border:1px solid #dce5e2;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease
}
.client-custom-resource-group[open]{border-color:#c7dcd6;box-shadow:0 12px 34px rgba(12,28,24,.05)}
.client-custom-resource-group>summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;background:linear-gradient(180deg,#fff,#fafcfb)
}
.client-custom-resource-group>summary::-webkit-details-marker{display:none}
.client-custom-resource-group>summary>div{display:flex;align-items:center;gap:10px;min-width:0}
.client-resource-folder-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf6f3;color:#3a7d73;font-size:13px}
.client-custom-resource-group>summary strong{font-size:13px;color:#21312e}
.client-custom-resource-group>summary>span:last-child{min-width:27px;height:27px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#eef3f1;color:#71827d;font-size:10px;font-weight:800}
.client-custom-resource-list{display:grid;border-top:1px solid #e5ebe9}
.client-custom-resource-link{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 15px;color:inherit;text-decoration:none;border-bottom:1px solid #edf1ef;transition:background .16s ease
}
.client-custom-resource-link:last-child{border-bottom:0}
.client-custom-resource-link:hover{background:#f7faf9}
.client-custom-resource-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#10211e;color:#86d5cb;font-size:14px}
.client-custom-resource-link>div{display:grid;gap:2px;min-width:0}
.client-custom-resource-link small{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#81918b;font-weight:800}
.client-custom-resource-link strong{font-size:12px;color:#23332f;line-height:1.35}
.client-custom-resource-link p{margin:2px 0 0;font-size:10px;line-height:1.45;color:#72817d}
.client-custom-resource-link>b{font-size:10px;color:#4c7771;white-space:nowrap}
.client-custom-resource-groups.compact .client-custom-resource-group>summary{padding:13px 14px}
.client-custom-resource-groups.compact .client-custom-resource-group:not(:first-child){margin-top:0}

/* Client · lifecycle-aware Hub */
.client-hub-dashboard{display:grid;gap:14px}
.client-hub-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;
  padding:30px 32px;border:1px solid #dce7e3;border-radius:20px;background:
  radial-gradient(circle at 90% 0%,rgba(83,185,173,.10),transparent 35%),linear-gradient(145deg,#fff,#f7faf8)
}
.client-hub-hero:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.client-hub-hero h1{max-width:790px;margin:6px 0 8px;font-size:31px;line-height:1.05;letter-spacing:-.045em;color:#172421}
.client-hub-hero p{max-width:760px;margin:0;color:#72827d;font-size:12px;line-height:1.65}
.client-hub-hero-status{display:grid;gap:5px;justify-items:end;text-align:right}
.client-hub-hero-status span{font-size:8px;letter-spacing:.14em;color:#729088;font-weight:800}
.client-hub-hero-status strong{font-size:12px;color:#263a35}
.client-hub-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.client-hub-summary-card{
  appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;text-align:left;padding:13px 14px;border:1px solid #dfe7e4;border-radius:13px;background:#fff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.client-hub-summary-card:hover{transform:translateY(-1px);border-color:#c7dcd5;box-shadow:0 10px 24px rgba(8,27,22,.05)}
.client-hub-summary-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf6f3;color:#3f887c;font-size:13px}
.client-hub-summary-card>div{display:grid;gap:2px}.client-hub-summary-card small{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#85938e;font-weight:800}.client-hub-summary-card strong{font-size:11px;color:#253530}
.client-hub-section{padding:20px!important}.client-hub-section-count{min-width:30px;height:30px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:#eef5f2;color:#4f786f;font-size:10px;font-weight:850}
.client-hub-task-list{display:grid;gap:8px}
.client-hub-task{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;border:1px solid #e2e9e6;border-radius:12px;background:#fbfcfb}
.client-hub-task.done{opacity:.62}.client-hub-task-check{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf5f2;color:#477f74;font-size:13px}
.client-hub-task>div:nth-child(2){display:grid;gap:3px}.client-hub-task strong{font-size:11px;color:#263733}.client-hub-task p{margin:0;color:#75847f;font-size:10px;line-height:1.45}.client-hub-task small{font-size:9px;color:#8a9692}
.client-hub-resource-empty{display:grid;gap:4px;padding:15px;border:1px dashed #d1dfda;border-radius:12px;background:#fafcfb}.client-hub-resource-empty strong{font-size:11px;color:#2b3b37}.client-hub-resource-empty span{font-size:10px;color:#7d8c87}
.client-hub-request-list{display:grid;gap:7px}.client-hub-request-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e5ebe9;border-radius:10px;background:#fbfcfb}.client-hub-request-list>div>div{display:grid;gap:2px}.client-hub-request-list strong{font-size:10px;color:#2a3935}.client-hub-request-list small{max-width:650px;font-size:9px;color:#7d8a86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-hub-archive{border:1px solid #dde6e3;border-radius:14px;background:#fff;overflow:hidden}
.client-hub-archive>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer}.client-hub-archive>summary::-webkit-details-marker{display:none}.client-hub-archive>summary>div{display:grid;gap:2px}.client-hub-archive>summary span{font-size:7px;letter-spacing:.12em;color:#8b9894;font-weight:850}.client-hub-archive>summary strong{font-size:11px;color:#293934}.client-hub-archive>summary>b{width:27px;height:27px;display:grid;place-items:center;border-radius:999px;background:#eef4f2;color:#6b817a;font-size:9px}
.client-hub-archive>div{display:grid;border-top:1px solid #e8edeb}.client-hub-archive>div>button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:12px 15px;border:0;border-bottom:1px solid #edf1ef;background:#fff;cursor:pointer}.client-hub-archive>div>button:last-child{border-bottom:0}.client-hub-archive>div>button:hover{background:#f8faf9}.client-hub-archive>div>button>div{display:grid;gap:2px}.client-hub-archive>div>button strong{font-size:10px;color:#2b3935}.client-hub-archive>div>button small{font-size:9px;color:#87938f}.client-hub-archive>div>button>span{font-size:9px;color:#517a72;white-space:nowrap}

/* Dark mode · exact Graycape premium green language */
.client-app[data-client-theme="dark"] .client-hub-hero{
  border-color:#203a36!important;
  background:
    radial-gradient(circle at 82% -12%,rgba(66,194,192,.15),transparent 36%),
    radial-gradient(circle at 8% 120%,rgba(166,188,98,.08),transparent 32%),
    linear-gradient(145deg,#0c1916,#0e1d1a)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.24)
}
.client-app[data-client-theme="dark"] .client-hub-hero:before{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.client-app[data-client-theme="dark"] .client-hub-hero h1{color:#edf6f1!important}
.client-app[data-client-theme="dark"] .client-hub-hero p{color:#91a39b!important}
.client-app[data-client-theme="dark"] .client-hub-hero-status span{color:#688079!important}
.client-app[data-client-theme="dark"] .client-hub-hero-status strong{color:#d9e7e0!important}
.client-app[data-client-theme="dark"] .client-hub-summary-card,
.client-app[data-client-theme="dark"] .client-custom-resource-group,
.client-app[data-client-theme="dark"] .client-hub-archive{
  border-color:#203a36!important;background:#0e1b19!important;color:#edf6f1!important;box-shadow:none
}
.client-app[data-client-theme="dark"] .client-hub-summary-card:hover,
.client-app[data-client-theme="dark"] .client-custom-resource-link:hover,
.client-app[data-client-theme="dark"] .client-hub-archive>div>button:hover{background:#12231f!important;border-color:#31514a!important}
.client-app[data-client-theme="dark"] .client-hub-summary-card>span,
.client-app[data-client-theme="dark"] .client-resource-folder-icon,
.client-app[data-client-theme="dark"] .client-hub-task-check{
  background:#132823!important;color:#7ed9d6!important
}
.client-app[data-client-theme="dark"] .client-hub-summary-card small,
.client-app[data-client-theme="dark"] .client-custom-resource-link small,
.client-app[data-client-theme="dark"] .client-hub-task small,
.client-app[data-client-theme="dark"] .client-hub-archive>summary span{color:#6f877f!important}
.client-app[data-client-theme="dark"] .client-hub-summary-card strong,
.client-app[data-client-theme="dark"] .client-custom-resource-group>summary strong,
.client-app[data-client-theme="dark"] .client-custom-resource-link strong,
.client-app[data-client-theme="dark"] .client-hub-task strong,
.client-app[data-client-theme="dark"] .client-hub-request-list strong,
.client-app[data-client-theme="dark"] .client-hub-archive>summary strong,
.client-app[data-client-theme="dark"] .client-hub-archive>div>button strong{color:#e4efe9!important}
.client-app[data-client-theme="dark"] .client-custom-resource-group>summary{
  background:linear-gradient(180deg,#10201d,#0f1c1a)!important
}
.client-app[data-client-theme="dark"] .client-custom-resource-group[open]{border-color:#2a4942!important;box-shadow:0 16px 38px rgba(0,0,0,.16)}
.client-app[data-client-theme="dark"] .client-custom-resource-group>summary>span:last-child,
.client-app[data-client-theme="dark"] .client-hub-section-count,
.client-app[data-client-theme="dark"] .client-hub-archive>summary>b{background:#142621!important;color:#82a198!important}
.client-app[data-client-theme="dark"] .client-custom-resource-list,
.client-app[data-client-theme="dark"] .client-hub-archive>div{border-color:#203a36!important}
.client-app[data-client-theme="dark"] .client-custom-resource-link,
.client-app[data-client-theme="dark"] .client-hub-task,
.client-app[data-client-theme="dark"] .client-hub-request-list>div,
.client-app[data-client-theme="dark"] .client-hub-archive>div>button{
  border-color:#1c332f!important;background:#0f1d1a!important;color:#eaf4ef!important
}
.client-app[data-client-theme="dark"] .client-custom-resource-icon{background:#142925!important;color:#7ed9d6!important;border:1px solid #23443d}
.client-app[data-client-theme="dark"] .client-custom-resource-link p,
.client-app[data-client-theme="dark"] .client-hub-task p,
.client-app[data-client-theme="dark"] .client-hub-request-list small,
.client-app[data-client-theme="dark"] .client-hub-resource-empty span,
.client-app[data-client-theme="dark"] .client-hub-archive>div>button small{color:#82968e!important}
.client-app[data-client-theme="dark"] .client-custom-resource-link>b,
.client-app[data-client-theme="dark"] .client-hub-archive>div>button>span{color:#79cfc7!important}
.client-app[data-client-theme="dark"] .client-hub-resource-empty{border-color:#29443e!important;background:#0d1a18!important}
.client-app[data-client-theme="dark"] .client-hub-resource-empty strong{color:#dbe8e2!important}

@media(max-width:900px){
  .director-resource-add-grid{grid-template-columns:1fr 1fr}
  .director-hub-task-row{grid-template-columns:1fr}.director-hub-task-meta{justify-content:flex-start}
}
@media(max-width:760px){
  .director-resource-empty{align-items:flex-start;flex-direction:column}.director-resource-empty .btn{width:100%}
  .director-resource-group-add{align-items:stretch;flex-direction:column}.director-resource-group-add .btn{width:100%}
  .director-resource-add-grid,.director-resource-group-edit,.director-hub-task-main{grid-template-columns:1fr}
  .director-resource-group-edit .btn{width:100%}
  .director-resource-row>summary small{max-width:220px}
  .director-hub-task-meta{display:grid;grid-template-columns:1fr 1fr}.director-hub-task-meta input[type="date"],.director-hub-task-meta input[type="number"],.director-hub-task-meta select{width:100%}.director-hub-task-meta .btn{width:100%}

  .client-hub-dashboard{gap:10px}
  .client-hub-hero{grid-template-columns:1fr;gap:18px;align-items:start;padding:22px 20px;border-radius:16px}
  .client-hub-hero h1{font-size:25px;line-height:1.08}.client-hub-hero p{font-size:11px}.client-hub-hero-status{justify-items:start;text-align:left}
  .client-hub-summary-grid{grid-template-columns:1fr;gap:7px}.client-hub-summary-card{padding:11px 12px}
  .client-hub-section{padding:15px!important}
  .client-custom-resource-group>summary{padding:13px}.client-custom-resource-link{grid-template-columns:34px minmax(0,1fr);padding:12px 13px}.client-custom-resource-icon{width:34px;height:34px}.client-custom-resource-link>b{grid-column:2;justify-self:start}
  .client-hub-task{grid-template-columns:28px minmax(0,1fr);padding:11px}.client-hub-task>.btn,.client-hub-task>.pill{grid-column:2;justify-self:start}.client-hub-task-check{width:28px;height:28px}
  .client-hub-request-list>div{align-items:flex-start;flex-direction:column}.client-hub-request-list small{max-width:100%;white-space:normal}
  .client-hub-archive>div>button{align-items:flex-start;flex-direction:column;gap:5px}.client-hub-archive>div>button>span{white-space:normal}
}


/* =========================================================
   V27.4 — DIRECTOR MANUAL REMINDERS
   ========================================================= */
.attention-summary-v274{grid-template-columns:repeat(5,minmax(0,1fr))}
.attention-item.attention-later{border-left:3px solid #77939a;background:#fbfdfd}
.attention-item.attention-manual{box-shadow:inset 0 0 0 1px rgba(47,132,135,.025)}
.reminder-create-hint{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;background:linear-gradient(135deg,rgba(46,136,132,.07),rgba(89,154,173,.035))}
.reminder-create-hint>div{display:grid;gap:4px}
.reminder-create-hint>div>strong{font-size:14px}
.reminder-create-hint>div>span{font-size:12px;color:#738085;line-height:1.5}
.director-reminder-modal{width:min(720px,100%)}
.reminder-quick-dates{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 16px}
.reminder-quick-dates button{appearance:none;border:1px solid #d7e3e0;border-radius:999px;background:#f8fbfa;color:#426067;padding:7px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}
.reminder-quick-dates button:hover,.reminder-quick-dates button.active{border-color:#6caeaa;background:#eaf6f3;color:#194a49}
.reminder-private-note{padding:10px 12px;border:1px solid #e1e9e7;border-radius:10px;background:#f8fbfa;color:#718083;font-size:11px;line-height:1.45}
body.client-theme-dark .reminder-create-hint{background:linear-gradient(135deg,rgba(79,158,151,.10),rgba(70,128,143,.06))}
body.client-theme-dark .reminder-quick-dates button{border-color:rgba(159,202,196,.18);background:#10221f;color:#aec5c1}
body.client-theme-dark .reminder-quick-dates button:hover,
body.client-theme-dark .reminder-quick-dates button.active{border-color:#6baea6;background:#17312c;color:#eef9f6}
body.client-theme-dark .reminder-private-note{border-color:rgba(159,202,196,.14);background:#0d1c19;color:#90aaa5}

@media(max-width:900px){
 .attention-summary-v274{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
 .attention-summary-v274{grid-template-columns:1fr 1fr}
 .reminder-create-hint{align-items:stretch;flex-direction:column}
 .reminder-create-hint .btn{width:100%}
 .director-reminder-modal .three{grid-template-columns:1fr}
}
@media(max-width:420px){
 .attention-summary-v274{grid-template-columns:1fr}
 .reminder-quick-dates{display:grid;grid-template-columns:1fr 1fr}
 .reminder-quick-dates button:last-child{grid-column:1/-1}
}

/* V27.5 · Simplified client lifecycle */
.client-type-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.client-type-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line,#d9ddd9);padding:16px;cursor:pointer;background:var(--panel,#fff)}
.client-type-card input{margin-top:4px}
.client-type-card span{display:flex;flex-direction:column;gap:5px}
.client-type-card strong{font-size:14px}
.client-type-card small{font-size:12px;line-height:1.5;color:var(--muted,#6f7672)}
.client-type-card:has(input:checked){outline:2px solid currentColor;outline-offset:-2px}
@media(max-width:720px){.client-type-choice{grid-template-columns:1fr}.client-type-card{padding:14px}}

/* v27.6 — truthful manual progress + stage controls */
.project-truth-controls{align-items:start}
.project-progress-control{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:center}
.progress-percent-input{position:relative}
.progress-percent-input input{width:100%;padding-right:30px}
.progress-percent-input span{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--muted,#6b726d);pointer-events:none}
.manual-flow-grid .flow-stat{min-height:92px}
.manual-stage-list{display:grid;gap:10px;margin-top:14px}
.milestone-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.stage-editor-main{display:grid;gap:8px;min-width:0}
.stage-editor-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stage-editor-meta select{min-width:150px}
.compact-check{margin:0;white-space:nowrap}
.manual-stage-add{display:flex;gap:10px;align-items:center;margin-top:12px}
.manual-stage-add input{flex:1;min-width:0}
@media(max-width:760px){
 .project-progress-control{grid-template-columns:1fr}
 .milestone-editor{grid-template-columns:1fr}
 .milestone-editor>.row{justify-content:flex-start}
 .stage-editor-meta{align-items:stretch;flex-direction:column}
 .stage-editor-meta select{width:100%}
 .manual-stage-add{align-items:stretch;flex-direction:column}
}

/* v27.7 — destructive business actions */
.table-actions{text-align:right;white-space:nowrap}
@media(max-width:760px){.table-actions{min-width:92px}.table-actions .btn{width:100%}}

/* V27.8 — Google Drive folder conflict guard */
.drive-conflict-modal{width:min(720px,100%)}
.drive-conflict-body{padding:20px 22px;display:grid;gap:14px}
.drive-conflict-list{display:grid;gap:10px}
.drive-conflict-item,.drive-conflict-new{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #dfe7e4;border-radius:12px;background:#fbfcfc}
.drive-conflict-item>div:first-child,.drive-conflict-new>div:first-child{display:grid;gap:4px;min-width:0}
.drive-conflict-item strong,.drive-conflict-new strong{font-size:13px;color:#17201d}
.drive-conflict-item span,.drive-conflict-new span{font-size:10px;line-height:1.5;color:#71807b}
.drive-conflict-new{background:#f4f8f7;border-style:dashed}
@media(max-width:640px){.drive-conflict-item,.drive-conflict-new{align-items:stretch;flex-direction:column}.drive-conflict-item .row,.drive-conflict-new .btn{width:100%}.drive-conflict-item .row .btn{flex:1;text-align:center}}

/* V27.8.2 · Explicit client portal access */
.business-portal-access-panel{scroll-margin-top:18px}
.portal-access-ready,.portal-access-empty{display:grid;gap:14px}
.portal-access-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;border:1px solid var(--line,#d9ddd9);border-radius:13px;background:var(--panel,#fff)}
.portal-access-summary>div,.portal-access-copy{display:grid;gap:5px}
.portal-access-summary strong,.portal-access-copy strong{font-size:14px}
.portal-access-summary small,.portal-access-copy span,.portal-access-note span,.portal-access-user span{font-size:12px;line-height:1.55;color:var(--muted,#6f7672)}
.portal-access-users{display:grid;gap:8px}
.portal-access-user{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line,#d9ddd9);border-radius:11px}
.portal-access-user>div:first-child{display:grid;gap:3px;min-width:0}
.portal-access-note{display:flex;gap:8px;align-items:baseline;padding:11px 13px;border-radius:10px;background:rgba(85,184,208,.07)}
.portal-access-form{margin-top:2px}
@media(max-width:720px){.portal-access-summary,.portal-access-user,.portal-access-note{align-items:flex-start;flex-direction:column}.portal-access-summary .btn,.portal-access-user .row{width:100%}.portal-access-user .row .btn{flex:1}}

/* V27.8.3 · Editable client login data */
.portal-access-user-manage{display:block}
.portal-access-user-main{display:flex;align-items:center;justify-content:space-between;gap:14px}
.portal-access-edit-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line,#d9ddd9)}
.portal-access-edit-form[hidden]{display:none!important}
.portal-access-edit-note{font-size:12px;line-height:1.55;color:var(--muted,#6f7672);margin:-2px 0 10px}
.client-access-edit-msg .notice{display:inline-block;margin:0}
@media(max-width:720px){.portal-access-user-main{align-items:flex-start;flex-direction:column}.portal-access-user-main .row{width:100%}.portal-access-edit-form .row{align-items:stretch}.portal-access-edit-form .row .btn{width:100%}}

/* V27.9 · Project Templates + Next Best Action + task links */
.project-template-create{margin-bottom:18px;scroll-margin-top:18px}
.project-template-create[hidden]{display:none!important}
.project-template-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 6px}
.project-template-card{display:grid;gap:5px;text-align:left;border:1px solid var(--line,#d9ddd9);border-radius:12px;padding:13px 14px;background:var(--panel,#fff);cursor:pointer;color:inherit}
.project-template-card strong{font-size:13px}
.project-template-card span{font-size:11px;line-height:1.45;color:var(--muted,#6f7672)}
.project-template-card.active{outline:2px solid currentColor;outline-offset:-2px;background:rgba(85,184,208,.06)}
.next-action-panel{margin-bottom:16px}
.next-action-list{display:grid;gap:8px}
.next-action-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:12px 14px;border:1px solid var(--line,#d9ddd9);border-radius:11px;background:var(--panel,#fff);cursor:pointer;color:inherit}
.next-action-row>div{display:grid;gap:3px;min-width:0}
.next-action-row small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#6f7672)}
.next-action-row strong{font-size:13px}
.next-action-row span{font-size:11px;line-height:1.45;color:var(--muted,#6f7672)}
.next-action-row b{font-size:18px;font-weight:400}
.business-next-action-panel{padding:16px 18px}
.business-next-action{display:flex;justify-content:space-between;align-items:center;gap:18px}
.business-next-action>div{display:grid;gap:4px;min-width:0}
.business-next-action h2{margin:0;font-size:18px}
.business-next-action p{margin:0}
.task-direct-link{display:inline-flex;margin-top:7px;font-size:11px;font-weight:700;text-decoration:none}
.task-link-edit{border:0;background:transparent;padding:0;margin:7px 0 0 10px;font:inherit;font-size:10px;font-weight:700;color:var(--muted,#6f7672);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.client-task-link{display:inline-flex!important;margin-top:9px;width:max-content}
.director-hub-task-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:900px){.project-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.project-template-cards{grid-template-columns:1fr}.business-next-action{align-items:stretch;flex-direction:column}.business-next-action .btn{width:100%}.next-action-row{align-items:flex-start}.director-hub-task-main{grid-template-columns:1fr}}


/* V27.9.1 — visible task links + direct help requests */
.client-task-copy .client-task-link{display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;margin-top:10px;padding:8px 11px!important;text-decoration:none!important}
.client-help-modal{width:min(620px,100%)}
.client-help-context{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line,#dfe5e2);border-radius:10px;background:var(--soft,#f7f9f8)}
.client-help-context span{font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#71807b)}
.client-help-context strong{font-size:13px}
.client-help-context a{width:max-content;max-width:100%;font-size:11px;font-weight:700;text-decoration:none}
@media(max-width:640px){.client-task-copy .client-task-link{width:100%;box-sizing:border-box}.client-help-modal{width:100%}}

.inbox-client_help .inbox-detail{white-space:pre-line}


/* =========================================================
   V28.0 — CLIENT ACTION CENTER
   Functional layer over the existing V27 premium dashboard.
   ========================================================= */
.pcd-action-center{
  padding:19px 22px 21px;
  border:1px solid #d9e4e0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(31,55,56,.045);
}
.pcd-action-center-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.pcd-action-center-head h2{
  margin:0;
  font-family:Syne,Inter,sans-serif;
  font-size:17px;
  font-weight:620;
  letter-spacing:-.025em;
  color:var(--pcd-ink,#172126);
}
.pcd-action-center-percent{display:grid;justify-items:end;gap:1px}
.pcd-action-center-percent span{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#84928d;font-weight:800}
.pcd-action-center-percent strong{font-family:Syne,Inter,sans-serif;font-size:18px;line-height:1;color:#29443f;font-weight:650;letter-spacing:-.03em}
.pcd-action-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pcd-action-center-card{
  min-width:0;
  display:grid;
  align-content:start;
  gap:7px;
  padding:15px 16px;
  border:1px solid #e0e8e5;
  border-radius:11px;
  background:#fafcfb;
}
.pcd-action-center-card.client-side.needs-action{border-color:#e6d9c7;background:#fffaf5}
.pcd-action-center-card.client-side.all-clear{border-color:#d8e7df;background:#f7fbf8}
.pcd-action-center-card.graycape-side.working{border-color:#d7e6e2;background:linear-gradient(145deg,#f9fcfb,#f3f8f6)}
.pcd-action-center-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pcd-action-center-card-top>span{font-size:7px;font-weight:850;letter-spacing:.12em;color:#7f8f89}
.pcd-action-center-card-top>b{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#eef4f2;color:#5f7d75;font-size:9px;font-weight:850}
.pcd-action-center-card.client-side.needs-action .pcd-action-center-card-top>b{background:#f5eadb;color:#8b673a}
.pcd-action-center-card.client-side.all-clear .pcd-action-center-card-top>b{background:#e9f3ec;color:#54785e}
.pcd-action-center-card-top>b.live-dot{min-width:8px;width:8px;height:8px;padding:0;background:#5d8e7f;box-shadow:0 0 0 5px rgba(93,142,127,.09);animation:gc-dot-pulse 2.8s ease-in-out infinite}
.pcd-action-center-card>strong{font-family:Syne,Inter,sans-serif;font-size:14px;line-height:1.25;font-weight:620;letter-spacing:-.02em;color:#243530}
.pcd-action-center-card>p{margin:0;min-height:31px;font-size:9px;line-height:1.55;color:#74837e}
.pcd-action-center-preview{display:grid;gap:5px;margin-top:2px;padding-top:8px;border-top:1px solid #e7ecea}
.pcd-action-center-preview>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center}
.pcd-action-center-preview>div>span{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#f1f5f3;color:#648078;font-size:8px}
.pcd-action-center-preview>div>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;color:#465a54}
.pcd-action-center-preview>small{font-size:8px;color:#899691;padding-left:24px}
.pcd-action-center-link{width:max-content;margin-top:2px;padding:0;border:0;background:transparent;color:#42776f;font:inherit;font-size:9px;font-weight:800;cursor:pointer}
.pcd-action-center-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:baseline;margin-top:auto;padding-top:9px;border-top:1px solid #e4ebe8}
.pcd-action-center-next span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#8a9692;font-weight:800}
.pcd-action-center-next b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#4d615b;font-weight:650;text-align:right}

.client-app[data-client-theme="dark"] .pcd-action-center{
  border-color:#203a36!important;
  background:#0e1b19!important;
  box-shadow:none!important;
}
.client-app[data-client-theme="dark"] .pcd-action-center-head h2,
.client-app[data-client-theme="dark"] .pcd-action-center-card>strong{color:#e5f0ea!important}
.client-app[data-client-theme="dark"] .pcd-action-center-percent strong{color:#8dd6cd!important}
.client-app[data-client-theme="dark"] .pcd-action-center-card{
  border-color:#1f3833!important;
  background:#0f1d1a!important;
}
.client-app[data-client-theme="dark"] .pcd-action-center-card.client-side.needs-action{border-color:#4c3f2b!important;background:#1a1813!important}
.client-app[data-client-theme="dark"] .pcd-action-center-card.client-side.all-clear{border-color:#264239!important;background:#101f1a!important}
.client-app[data-client-theme="dark"] .pcd-action-center-card.graycape-side.working{border-color:#24423c!important;background:linear-gradient(145deg,#10201d,#0e1b19)!important}
.client-app[data-client-theme="dark"] .pcd-action-center-card>p,
.client-app[data-client-theme="dark"] .pcd-action-center-preview>small,
.client-app[data-client-theme="dark"] .pcd-action-center-next span{color:#7e918a!important}
.client-app[data-client-theme="dark"] .pcd-action-center-preview,
.client-app[data-client-theme="dark"] .pcd-action-center-next{border-color:#203732!important}
.client-app[data-client-theme="dark"] .pcd-action-center-preview>div>span,
.client-app[data-client-theme="dark"] .pcd-action-center-card-top>b{background:#142722!important;color:#85b3a8!important}
.client-app[data-client-theme="dark"] .pcd-action-center-preview>div>strong,
.client-app[data-client-theme="dark"] .pcd-action-center-next b{color:#b7c8c1!important}
.client-app[data-client-theme="dark"] .pcd-action-center-link{color:#7ed4ca!important}

@media(max-width:760px){
  .pcd-action-center{padding:15px!important}
  .pcd-action-center-grid{grid-template-columns:1fr}
  .pcd-action-center-head{align-items:flex-start}
  .pcd-action-center-card>p{min-height:0}
}

/* =========================================================
   V28.1 — ARCHIVE SYSTEM
   Same visual language, clear Current / Archive separation.
   ========================================================= */
.project-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.project-archive-tabs{display:flex;gap:7px;padding:4px;border:1px solid #deded9;border-radius:11px;background:#fff}
.project-archive-tabs button{display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;padding:8px 11px;color:#666;font-weight:750}
.project-archive-tabs button span{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#efefec;font-size:10px;color:#555}
.project-archive-tabs button.active{background:#111;color:#fff}
.project-archive-tabs button.active span{background:#2c2c2c;color:#fff}
#projectArchiveSearch{width:min(340px,100%);border:1px solid #d8d8d2;border-radius:10px;background:#fff;padding:10px 12px;color:#111}
.project-archive-year{display:grid;gap:10px;margin-bottom:18px}
.project-archive-year-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:4px 2px}
.project-archive-year-head h2{margin:2px 0 0;font-size:22px}
.project-archive-empty{display:grid;justify-items:start;gap:5px;padding:22px;border:1px dashed #d6d6d0;border-radius:12px;background:#fafaf8;color:#696965}
.project-archive-empty strong{color:#222;font-size:15px}
.archive-topbar{margin-bottom:16px}
.archive-readonly-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:16px;padding:20px 22px;border:1px solid #d6e1dd;border-radius:14px;background:linear-gradient(145deg,#fff,#f6faf8)}
.archive-readonly-banner>div:first-child{display:grid;gap:5px}
.archive-readonly-banner>div:first-child>span{font-size:9px;font-weight:850;letter-spacing:.12em;color:#6c817a}
.archive-readonly-banner strong{font-size:18px}
.archive-readonly-banner p{margin:0;max-width:760px;color:#697670;line-height:1.55;font-size:13px}
.archive-percent{display:grid;justify-items:end;gap:2px}
.archive-percent strong{font-size:34px;line-height:1;font-weight:780;letter-spacing:-.04em}
.archive-percent span{font-size:10px;color:#78847f}
.archive-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
.archive-summary-grid>div,.archive-info-grid>div{display:grid;gap:5px;padding:13px 14px;border:1px solid #e1e5e2;border-radius:11px;background:#fff}
.archive-summary-grid span,.archive-info-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#84908b;font-weight:800}
.archive-summary-grid strong,.archive-info-grid strong,.archive-info-grid a{font-size:12px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.archive-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.archive-stack{gap:14px}
.archive-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.archive-stage-list,.archive-task-list,.archive-link-list,.archive-history-list{display:grid;gap:8px}
.archive-readonly-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid #e6e8e5;border-radius:10px;background:#fbfcfb}
.archive-readonly-row>div{display:grid;gap:4px;min-width:0}
.archive-readonly-row strong{font-size:13px}
.archive-readonly-row small{font-size:11px;line-height:1.45;color:#737d79}
.archive-readonly-row a{width:max-content;max-width:100%;font-size:11px;font-weight:750;text-decoration:none}
.archive-link-list>a,.archive-link-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #e5e8e5;border-radius:10px;background:#fbfcfb;text-decoration:none}
.archive-link-list>a>div,.archive-link-list>div>div{display:grid;gap:3px;min-width:0}
.archive-link-list strong{font-size:12px}
.archive-link-list small{font-size:10px;color:#77817d}
.archive-link-list b,.archive-link-list>div>span{font-size:10px;color:#64736d;white-space:nowrap}
.archive-history-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #eceeea}
.archive-history-list>div:last-child{border-bottom:0}
.archive-history-list span{font-size:10px;color:#818b87}
.archive-history-list strong{font-size:12px}
.archive-history-list p{grid-column:2;margin:0;font-size:11px;color:#6c7772}

.client-archive-page{display:grid;gap:16px}
.client-archive-year-section{padding:20px!important}
.client-archive-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.client-archive-project-card{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:15px 16px;border:1px solid #dfe7e3;border-radius:11px;background:#fff;color:inherit}
.client-archive-project-card>div:first-child{display:grid;gap:4px;min-width:0}
.client-archive-project-card>div:first-child>span{font-size:7px;font-weight:850;letter-spacing:.12em;color:#7d9088}
.client-archive-project-card strong{font-family:Syne,Inter,sans-serif;font-size:14px;color:#25352f}
.client-archive-project-card small{font-size:9px;color:#7c8984}
.client-archive-project-progress{display:grid;justify-items:end;gap:5px}
.client-archive-project-progress strong{font-size:17px;color:#31564e}
.client-archive-project-progress span{font-size:9px;color:#55796f;white-space:nowrap}
.client-archive-dashboard{display:grid;gap:14px}
.client-archive-hero{border-color:#dbe6e2!important;background:linear-gradient(145deg,#fff,#f5faf7)!important}
.pcd-status.archive{background:#e8f0ed!important;color:#536c64!important}
.client-archive-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.client-archive-meta>div{display:grid;gap:4px;padding:12px 13px;border:1px solid #dfe7e3;border-radius:10px;background:#fff}
.client-archive-meta span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#83908b;font-weight:800}
.client-archive-meta strong{font-size:11px;color:#344841}
.client-archive-task-list,.client-archive-link-list{display:grid;gap:8px}
.client-archive-task{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e2e8e5;border-radius:10px;background:#fafcfb}
.client-archive-task>div{display:grid;gap:5px;min-width:0}
.client-archive-task strong{font-size:11px;color:#344841}
.client-archive-task p{margin:0;font-size:9px;line-height:1.5;color:#76847f}
.client-archive-link-list>a,.client-archive-link-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e2e8e5;border-radius:10px;background:#fafcfb;text-decoration:none}
.client-archive-link-list>a>div,.client-archive-link-list>div>div{display:grid;gap:3px;min-width:0}
.client-archive-link-list strong{font-size:11px;color:#344841}
.client-archive-link-list small{font-size:9px;color:#788680}
.client-archive-link-list b,.client-archive-link-list>div>span{font-size:9px;color:#55796f;white-space:nowrap}
.client-hub-archive-years{display:grid!important;gap:12px!important}
.client-hub-archive-year{display:grid;gap:7px}
.client-hub-archive-year-head{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 5px;border-bottom:1px solid #e3e9e6}
.client-hub-archive-year-head strong{font-size:12px!important}
.client-hub-archive-year-head span{font-size:9px;color:#7f8d87}

.client-app[data-client-theme="dark"] .client-archive-project-card,
.client-app[data-client-theme="dark"] .client-archive-meta>div,
.client-app[data-client-theme="dark"] .client-archive-task,
.client-app[data-client-theme="dark"] .client-archive-link-list>a,
.client-app[data-client-theme="dark"] .client-archive-link-list>div{background:#0f1d1a!important;border-color:#213933!important}
.client-app[data-client-theme="dark"] .client-archive-hero{background:linear-gradient(145deg,#10201d,#0e1b19)!important;border-color:#24423c!important}
.client-app[data-client-theme="dark"] .client-archive-project-card strong,
.client-app[data-client-theme="dark"] .client-archive-meta strong,
.client-app[data-client-theme="dark"] .client-archive-task strong,
.client-app[data-client-theme="dark"] .client-archive-link-list strong{color:#dce9e3!important}
.client-app[data-client-theme="dark"] .client-archive-project-card small,
.client-app[data-client-theme="dark"] .client-archive-meta span,
.client-app[data-client-theme="dark"] .client-archive-task p,
.client-app[data-client-theme="dark"] .client-archive-link-list small{color:#7f928a!important}

@media(max-width:1050px){.archive-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-two-col{grid-template-columns:1fr}}
@media(max-width:760px){
 .project-archive-toolbar{align-items:stretch;flex-direction:column}.project-archive-tabs{width:100%}.project-archive-tabs button{flex:1;justify-content:center}#projectArchiveSearch{width:100%}
 .archive-readonly-banner{grid-template-columns:1fr}.archive-percent{justify-items:start}.archive-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-info-grid{grid-template-columns:1fr}.archive-readonly-row{align-items:flex-start;flex-direction:column}.archive-history-list>div{grid-template-columns:1fr}.archive-history-list p{grid-column:1}
 .client-archive-project-grid{grid-template-columns:1fr}.client-archive-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.client-archive-task{flex-direction:column}.client-archive-project-card{align-items:flex-start}.client-archive-project-progress{justify-items:start}
}

/* =========================================================
   V28.2 — COMPLETION SNAPSHOTS + PROJECT CONTINUATIONS
   Functional layer only; preserves the existing dashboard.
   ========================================================= */
.project-continuation-mini{margin-top:4px;font-size:10px;color:#75817c}
.project-continuation-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 15px;border:1px solid #d8e3df;border-radius:11px;background:#f7faf8}
.project-continuation-banner>div{display:grid;gap:3px}
.project-continuation-banner span{font-size:8px;font-weight:850;letter-spacing:.1em;color:#6e827a}
.project-continuation-banner strong{font-size:14px}
.project-continuation-banner small{font-size:10px;color:#748078}
.archive-editable-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:16px;padding:20px 22px;border:1px solid #d6e1dd;border-radius:14px;background:linear-gradient(145deg,#fff,#f6faf8)}
.archive-editable-banner>div:first-child{display:grid;gap:5px}
.archive-editable-banner>div:first-child>span{font-size:9px;font-weight:850;letter-spacing:.12em;color:#6c817a}
.archive-editable-banner strong{font-size:18px}
.archive-editable-banner p{margin:0;max-width:800px;color:#697670;line-height:1.55;font-size:13px}
.completion-snapshot-panel{border-color:#d8e3df!important;background:linear-gradient(145deg,#fff,#fafcfb)!important}
.completion-snapshot-card{display:grid;gap:12px;padding:16px;border:1px solid #dfe7e3;border-radius:12px;background:#fff}
.completion-snapshot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.completion-snapshot-head>div{display:grid;gap:3px}
.completion-snapshot-head span{font-size:8px;font-weight:850;letter-spacing:.1em;color:#70857c}
.completion-snapshot-head strong{font-size:12px}
.completion-snapshot-head>b{font-size:28px;line-height:1;color:#31564e}
.completion-snapshot-card p{margin:0;line-height:1.6;color:#66746e;font-size:12px}
.completion-snapshot-card>a{width:max-content;max-width:100%;font-size:11px;font-weight:800;text-decoration:none}
.completion-snapshot-counts{display:flex;flex-wrap:wrap;gap:7px}
.completion-snapshot-counts span{padding:6px 8px;border-radius:999px;background:#f0f4f2;color:#63746d;font-size:9px;font-weight:700}
.completion-snapshot-card>small{font-size:9px;color:#87918d}
.project-completion-modal{width:min(760px,calc(100vw - 28px))}
.completion-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.completion-check-grid>div{display:grid;gap:5px;padding:11px 12px;border-radius:10px;border:1px solid #e1e5e2;background:#fafbfa}
.completion-check-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7d8984;font-weight:800}
.completion-check-grid strong{font-size:14px}
.completion-check-grid .ok{border-color:#d8e7e1;background:#f7fbf9}
.completion-check-grid .warn{border-color:#eadfc7;background:#fffaf1}
.completion-note{padding:10px 12px;border-radius:9px;background:#f4f6f5;color:#66716d;font-size:10px;line-height:1.5}
.client-completion-snapshot{border-color:#dbe6e2!important}
.client-completion-snapshot>p{margin:0 0 12px;color:#667a72;line-height:1.6;font-size:11px}

.client-app[data-client-theme="dark"] .client-completion-snapshot{background:#0f1d1a!important;border-color:#213933!important}
.client-app[data-client-theme="dark"] .client-completion-snapshot>p{color:#8da098!important}

@media(max-width:760px){
 .project-continuation-banner{align-items:flex-start;flex-direction:column}
 .archive-editable-banner{grid-template-columns:1fr}
 .completion-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================
   V28.2 — GRAYCAPE PET
   Small ambient mascot; visual only and never blocks actions.
   ========================================================= */
.graycape-pet{
 position:fixed;
 right:18px;
 bottom:16px;
 z-index:140;
 width:82px;
 height:82px;
 display:grid;
 place-items:end center;
 pointer-events:none;
 filter:drop-shadow(0 12px 20px rgba(17,30,27,.18));
 animation:graycapePetFloat 5.6s ease-in-out infinite;
 transform-origin:50% 100%;
}
.graycape-pet-video{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center bottom;
 background:transparent;
 border:0;
}
.graycape-pet-life{
 position:absolute;
 right:5px;
 bottom:6px;
 width:7px;
 height:7px;
 border-radius:50%;
 background:#75a99a;
 border:2px solid rgba(255,255,255,.92);
 box-shadow:0 0 0 4px rgba(117,169,154,.13);
 animation:graycapePetPulse 2.8s ease-in-out infinite;
}
@keyframes graycapePetFloat{
 0%,100%{transform:translateY(0) rotate(0deg)}
 50%{transform:translateY(-4px) rotate(.7deg)}
}
@keyframes graycapePetPulse{
 0%,100%{opacity:.62;transform:scale(.86)}
 50%{opacity:1;transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
 .graycape-pet,.graycape-pet-life{animation:none!important}
}
@media(max-width:760px){
 .graycape-pet{width:60px;height:60px;right:10px;bottom:10px;filter:drop-shadow(0 8px 14px rgba(17,30,27,.16))}
 .graycape-pet-life{width:6px;height:6px;right:3px;bottom:3px}
}


/* =========================================================
   V28.2.3 — MASCOT POSITION / LIFECYCLE + DARK LOGIN
   Functional override only; dashboard layout remains unchanged.
   ========================================================= */
.login-wrap{
 min-height:100vh;
 background:
   radial-gradient(circle at 72% 18%,rgba(85,184,208,.17),transparent 25rem),
   radial-gradient(circle at 22% 82%,rgba(117,169,154,.10),transparent 24rem),
   linear-gradient(135deg,#050d0f,#08171b 52%,#061214)!important;
 color:#eef7f5;
}
.login-stage{
 width:min(430px,100%);
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
}
.login-stage .login{width:100%}
.login{
 background:rgba(8,21,24,.94)!important;
 color:#eef7f5!important;
 border:1px solid rgba(142,212,227,.20)!important;
 box-shadow:0 28px 80px rgba(0,0,0,.36)!important;
 backdrop-filter:blur(16px);
}
.login h1{color:#f4fbfa!important}
.login .muted{color:#8ea39f!important}
.login .field label,.login .label{color:#d5e3df!important}
.login .field input,.login .field textarea,.login .field select{
 background:#0c2024!important;
 color:#f2f8f7!important;
 border-color:#294247!important;
 caret-color:#8ed4e3;
}
.login .field input::placeholder{color:#718783!important}
.login .field input:focus,.login .field textarea:focus,.login .field select:focus{
 border-color:#66bfd1!important;
 box-shadow:0 0 0 3px rgba(85,184,208,.14)!important;
}
.login .btn{
 background:#8ed4e3!important;
 border-color:#8ed4e3!important;
 color:#061316!important;
}
.login .btn.secondary{
 background:transparent!important;
 border-color:#355359!important;
 color:#e1edeb!important;
}
.login-divider{color:#7f9692!important}
.login-divider:before,.login-divider:after{background:#294046!important}
.login .notice{background:#10282c!important;color:#dfeae8!important}
.login .notice.error{background:#32191b!important;color:#ffcccf!important}
.login .notice.success{background:#123027!important;color:#c9f2dc!important}
.graycape-login-pet{
 width:116px;
 height:116px;
 margin-top:18px;
 display:grid;
 place-items:center;
 pointer-events:none;
 filter:drop-shadow(0 18px 25px rgba(0,0,0,.26));
 animation:graycapeLoginPetFloat 5.8s ease-in-out infinite;
}
.graycape-login-pet-video{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 background:transparent;
 mix-blend-mode:screen;
 filter:brightness(1.04) contrast(1.04);
}
@keyframes graycapeLoginPetFloat{
 0%,100%{transform:translateY(0)}
 50%{transform:translateY(-5px)}
}

/* Floating mascot: deliberately higher on both desktop and mobile. */
.graycape-pet{
 right:24px!important;
 bottom:92px!important;
 width:88px!important;
 height:88px!important;
 opacity:1;
 transition:opacity .46s ease,transform .46s ease!important;
 will-change:opacity,transform;
}
.graycape-pet.is-hidden{
 opacity:0!important;
 transform:translateY(14px) scale(.94)!important;
}
.graycape-pet-video{
 mix-blend-mode:screen;
 filter:brightness(1.04) contrast(1.04);
}
@media(max-width:760px){
 .login-wrap{padding:24px 18px 34px!important}
 .login{padding:24px!important}
 .graycape-login-pet{width:96px;height:96px;margin-top:14px}
 .graycape-pet{
   width:66px!important;
   height:66px!important;
   right:14px!important;
   bottom:calc(env(safe-area-inset-bottom,0px) + 108px)!important;
   filter:drop-shadow(0 9px 15px rgba(17,30,27,.18))!important;
 }
}
@supports (-webkit-touch-callout:none){
 @media(max-width:760px){
  .graycape-pet{bottom:calc(env(safe-area-inset-bottom,0px) + 118px)!important}
 }
}
@media (prefers-reduced-motion:reduce){
 .graycape-login-pet{animation:none!important}
 .graycape-pet{transition:none!important}
}


/* =========================================================
   V28.2.4 — SAFARI / IOS TRUE-ALPHA MASCOT FALLBACK
   WebKit does not reliably decode VP9/WebM alpha. On Apple
   WebKit the markup uses a real transparent PNG instead of
   trying to blend away a black video plane.
   ========================================================= */
.graycape-pet-image,
.graycape-login-pet-image{
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center bottom;
 background:transparent!important;
 border:0;
 mix-blend-mode:normal!important;
 filter:none!important;
 -webkit-user-select:none;
 user-select:none;
}
.graycape-login-pet-image{object-position:center}
.graycape-pet.uses-alpha-fallback,
.graycape-login-pet.uses-alpha-fallback{
 background:transparent!important;
 isolation:auto!important;
}
.graycape-pet.uses-alpha-fallback .graycape-pet-life{display:none}


/* V28.2.5 — iPhone mascot is suppressed in JS; no visual changes elsewhere. */


/* =========================================================
   V28.2.6 — MOBILE LOGOUT + BRAND ICON
   Mobile-only Director logout hardening. Client logout stays visible.
   ========================================================= */
.mobile-logout-btn{
  display:none;
  appearance:none;
  border:1px solid rgba(142,212,227,.2);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:9px;
  font:inherit;
  cursor:pointer;
}
@media(max-width:980px){
  .sidebar{
    grid-template-columns:minmax(0,1fr) auto!important;
    overflow:visible!important;
  }
  .mobile-logout-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:36px;
    padding:7px 10px;
    align-self:center;
    justify-self:end;
    font-size:10px;
    font-weight:700;
    white-space:nowrap;
    z-index:2;
  }
  .mobile-logout-btn span:first-child{font-size:13px;line-height:1}
  /* Hide the legacy absolute account strip on mobile; the explicit button above replaces it. */
  .sidebar .bottom{display:none!important}
}
@media(max-width:420px){
  .mobile-logout-btn{min-width:38px;width:38px;padding:0}
  .mobile-logout-btn span:last-child{display:none}
}
@media(max-width:760px){
  /* Client logout must never be collapsed away on phones. */
  #clientLogout{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:42px!important;
    position:relative!important;
    z-index:2!important;
  }
}

/* =========================================================
   V28.2.7 — DARK MODE SYSTEM AUDIT + MASCOT CONTROLS
   Systemic client dark-theme coverage. This layer intentionally
   fixes all reusable client surfaces instead of one-off screens.
   ========================================================= */

/* ---------- Mascot controls ---------- */
.mascot-toggle{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(142,212,227,.18);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.76);
  font:inherit;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.mascot-toggle:hover{
  background:rgba(142,212,227,.10);
  border-color:rgba(142,212,227,.34);
  color:#fff;
  transform:translateY(-1px);
}
.mascot-toggle>span{font-size:12px;line-height:1;color:#8ed4e3}
.mascot-toggle>b{font-size:8px;letter-spacing:.035em;font-weight:750;white-space:nowrap}
.mascot-toggle.is-off{opacity:.62}
.mascot-toggle.is-off>span{color:#70817d}
.graycape-pet.is-disabled,
.graycape-login-pet.is-disabled{display:none!important}
.mobile-shell-actions{display:none}
.sidebar .bottom .sidebar-mascot-toggle{width:100%;margin-top:7px}
.client-mascot-toggle{
  min-width:36px;
  min-height:34px;
  padding:6px 9px;
  border-color:#d7dfdc;
  background:#fff;
  color:#566761;
}
.client-mascot-toggle:hover{background:#f5f9f7;border-color:#b8cac4;color:#253b35}
.client-mascot-toggle>span{color:#4fa7a4}
.client-app[data-client-theme="dark"] .client-mascot-toggle{
  border-color:#28423d!important;
  background:#10211e!important;
  color:#b7c9c1!important;
}
.client-app[data-client-theme="dark"] .client-mascot-toggle:hover{
  border-color:#3a5a53!important;
  background:#152a26!important;
  color:#edf6f1!important;
}
@media(max-width:980px){
  .mobile-shell-actions{
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    align-self:center;
    justify-self:end;
    min-width:0;
  }
  .mobile-shell-actions .mobile-logout-btn{display:inline-flex!important;position:static!important}
  .mobile-mascot-toggle{min-width:36px;height:36px;padding:0 8px}
  .mobile-mascot-toggle b{display:none}
  .sidebar .bottom .sidebar-mascot-toggle{display:none!important}
}
@media(max-width:760px){
  .client-mascot-toggle{
    min-width:38px!important;
    width:38px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:9px!important;
  }
  .client-mascot-toggle b{display:none!important}
  .client-mascot-toggle>span{font-size:13px!important}
}
@media(max-width:390px){
  .client-account{gap:4px!important}
  .client-mascot-toggle,.client-theme-toggle,#clientLogout{min-width:36px!important;width:36px!important;padding:0!important}
  #clientLogout{font-size:0!important}
  #clientLogout:after{content:'↗';font-size:12px!important}
}

/* ---------- Global client dark tokens ---------- */
.client-app[data-client-theme="dark"]{
  color-scheme:dark;
  --gc-dark-bg:#091310;
  --gc-dark-surface:#0d1b18;
  --gc-dark-surface-2:#10211d;
  --gc-dark-surface-3:#132722;
  --gc-dark-border:#203a34;
  --gc-dark-border-strong:#31534b;
  --gc-dark-text:#edf6f1;
  --gc-dark-muted:#81958c;
  --gc-dark-subtle:#6e827a;
  --gc-dark-teal:#7ed9d6;
  --gc-dark-green:#a6bc62;
  --gc-dark-amber:#d0a661;
}

/* Native fields: one authoritative dark treatment everywhere in client UI. */
.client-app[data-client-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.client-app[data-client-theme="dark"] textarea,
.client-app[data-client-theme="dark"] select{
  background:#0c1b18!important;
  color:var(--gc-dark-text)!important;
  border-color:#29433c!important;
  -webkit-text-fill-color:var(--gc-dark-text)!important;
  caret-color:#7ed9d6!important;
  box-shadow:none;
}
.client-app[data-client-theme="dark"] input::placeholder,
.client-app[data-client-theme="dark"] textarea::placeholder{color:#60756d!important;-webkit-text-fill-color:#60756d!important}
.client-app[data-client-theme="dark"] input:focus,
.client-app[data-client-theme="dark"] textarea:focus,
.client-app[data-client-theme="dark"] select:focus{
  border-color:#4f8f85!important;
  box-shadow:0 0 0 3px rgba(66,194,192,.10)!important;
  outline:none!important;
}
.client-app[data-client-theme="dark"] input:disabled,
.client-app[data-client-theme="dark"] textarea:disabled,
.client-app[data-client-theme="dark"] select:disabled{background:#0b1715!important;color:#6f837b!important;opacity:1!important}
.client-app[data-client-theme="dark"] option{background:#0c1b18!important;color:#edf6f1!important}
.client-app[data-client-theme="dark"] input:-webkit-autofill,
.client-app[data-client-theme="dark"] input:-webkit-autofill:hover,
.client-app[data-client-theme="dark"] input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #0c1b18 inset!important;
  -webkit-text-fill-color:#edf6f1!important;
  transition:background-color 9999s ease-out 0s;
}

/* Generic feedback states. */
.client-app[data-client-theme="dark"] .notice{
  background:#10231f!important;
  border-color:#29463f!important;
  color:#c9dad3!important;
}
.client-app[data-client-theme="dark"] .notice.error{
  background:#2a1718!important;
  border-color:#5a3031!important;
  color:#f0c4c5!important;
}
.client-app[data-client-theme="dark"] .notice.success{
  background:#11271e!important;
  border-color:#28543f!important;
  color:#b8e4cc!important;
}

/* ---------- Onboarding: complete dark treatment ---------- */
.client-app[data-client-theme="dark"] .onboarding-progress-line{background:#1a302a!important}
.client-app[data-client-theme="dark"] .onboarding-progress-copy strong{color:#dfeae5!important}
.client-app[data-client-theme="dark"] .onboarding-progress-copy span{color:#748a81!important}
.client-app[data-client-theme="dark"] .onboarding-step-card,
.client-app[data-client-theme="dark"] .onboarding-step-card.optional-step{
  background:linear-gradient(180deg,#0d1c19,#0b1816)!important;
  border-color:#234039!important;
  box-shadow:0 14px 36px rgba(0,0,0,.20)!important;
}
.client-app[data-client-theme="dark"] .onboarding-step-number{
  background:#132c2b!important;
  color:#7ed9d6!important;
  border:1px solid #244743!important;
}
.client-app[data-client-theme="dark"] .onboarding-step-head h2{color:#edf6f1!important}
.client-app[data-client-theme="dark"] .onboarding-step-head>div>span,
.client-app[data-client-theme="dark"] .onboarding-step-head p{color:#6f8b82!important}
.client-app[data-client-theme="dark"] .onboarding-text-btn{color:#6fc5c1!important}
.client-app[data-client-theme="dark"] .onboarding-text-btn:hover{color:#a0e3de!important}
.client-app[data-client-theme="dark"] .onboarding-confirm-field{
  background:#10201d!important;
  border-color:#28423c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.client-app[data-client-theme="dark"] .onboarding-confirm-field small{color:#70867e!important}
.client-app[data-client-theme="dark"] .onboarding-confirm-field strong{color:#dce8e3!important}
.client-app[data-client-theme="dark"] .onboarding-confirm-field.has-value>span{background:#153227!important;color:#8fc9a8!important}
.client-app[data-client-theme="dark"] .onboarding-confirm-field.needs-value>span{background:#302516!important;color:#d3a965!important}
.client-app[data-client-theme="dark"] .onboarding-corrections,
.client-app[data-client-theme="dark"] .onboarding-specifics{border-top-color:#29423c!important}
.client-app[data-client-theme="dark"] .onboarding-current-goal{
  background:#102421!important;
  border-left-color:#4db9b7!important;
}
.client-app[data-client-theme="dark"] .onboarding-current-goal span{color:#6e9189!important}
.client-app[data-client-theme="dark"] .onboarding-current-goal strong{color:#e3eee9!important}
.client-app[data-client-theme="dark"] .onboarding-goal-grid button{
  background:#0f1e1b!important;
  border-color:#28413b!important;
  color:#a5b8b0!important;
}
.client-app[data-client-theme="dark"] .onboarding-goal-grid button:hover,
.client-app[data-client-theme="dark"] .onboarding-goal-grid button.selected{
  background:#12302f!important;
  border-color:#4bb8b5!important;
  color:#8ee0dc!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}
.client-app[data-client-theme="dark"] .onboarding-client-actions,
.client-app[data-client-theme="dark"] .zf-fast-confirm,
.client-app[data-client-theme="dark"] .client-onboarding-banner,
.client-app[data-client-theme="dark"] .onboarding-complete-banner{
  background:linear-gradient(135deg,#10231f,#0d1d1a)!important;
  border-color:#2b4d45!important;
}
.client-app[data-client-theme="dark"] .onboarding-client-actions strong,
.client-app[data-client-theme="dark"] .zf-fast-confirm strong,
.client-app[data-client-theme="dark"] .client-onboarding-banner strong,
.client-app[data-client-theme="dark"] .onboarding-complete-banner strong{color:#dfeae5!important}
.client-app[data-client-theme="dark"] .onboarding-client-actions span,
.client-app[data-client-theme="dark"] .zf-fast-confirm span,
.client-app[data-client-theme="dark"] .client-onboarding-banner small,
.client-app[data-client-theme="dark"] .onboarding-complete-banner span{color:#788f86!important}
.client-app[data-client-theme="dark"] .client-onboarding-banner b{color:#79cfc7!important}

/* ---------- Reusable client cards missed by older dark overrides ---------- */
.client-app[data-client-theme="dark"] .client-empty,
.client-app[data-client-theme="dark"] .client-direct-file-label,
.client-app[data-client-theme="dark"] .client-direct-progress,
.client-app[data-client-theme="dark"] .zf-client-welcome,
.client-app[data-client-theme="dark"] .zf-client-hero,
.client-app[data-client-theme="dark"] .zf-progress,
.client-app[data-client-theme="dark"] .zf-quick-action,
.client-app[data-client-theme="dark"] .zf-detail-grid>div,
.client-app[data-client-theme="dark"] .project-client-note-editor,
.client-app[data-client-theme="dark"] .client-report-list-item,
.client-app[data-client-theme="dark"] .client-report-card,
.client-app[data-client-theme="dark"] .project-client-link-row,
.client-app[data-client-theme="dark"] .client-type-card,
.client-app[data-client-theme="dark"] .client-help-context,
.client-app[data-client-theme="dark"] .client-done-state{
  background:#0f1e1b!important;
  border-color:#243f39!important;
  color:#e5efea!important;
  box-shadow:none!important;
}
.client-app[data-client-theme="dark"] .zf-quick-action:hover,
.client-app[data-client-theme="dark"] .zf-quick-action.primary{
  background:#132822!important;
  border-color:#31534a!important;
}
.client-app[data-client-theme="dark"] .zf-quick-action>span{background:#17302a!important;color:#83c9b5!important}
.client-app[data-client-theme="dark"] .zf-quick-action small,
.client-app[data-client-theme="dark"] .zf-detail-grid span{color:#71877e!important}
.client-app[data-client-theme="dark"] .zf-detail-grid strong{color:#dce8e3!important}
.client-app[data-client-theme="dark"] .client-updates-count{
  background:#10201d!important;
  border-color:#29423c!important;
  color:#a6b8b0!important;
}
.client-app[data-client-theme="dark"] .client-milestone-dot{
  background:#10221f!important;
  border-color:#315049!important;
  color:#91aaa0!important;
}
.client-app[data-client-theme="dark"] .client-attention-chip{background:#2a2117!important;color:#d4aa69!important;border-color:#57442d!important}
.client-app[data-client-theme="dark"] .client-journey-target{background:#10211d!important}
.client-app[data-client-theme="dark"] .client-journey-target span{color:#70867d!important}
.client-app[data-client-theme="dark"] .client-journey-target strong{color:#dce8e3!important}

/* Links/reports keep their semantic distinction without flashing white. */
.client-app[data-client-theme="dark"] .client-link-invoice,
.client-app[data-client-theme="dark"] .client-link-whiteboard,
.client-app[data-client-theme="dark"] .client-link-canva_design,
.client-app[data-client-theme="dark"] .client-link-contract{
  background:linear-gradient(180deg,#10201d,#0e1b18)!important;
  border-color:#29423c!important;
}
.client-app[data-client-theme="dark"] .client-report-sections .client-report-next{background:#10231f!important;border-color:#29483f!important}

/* Password setup and raw file controls were browser-white on some mobile engines. */
.client-app[data-client-theme="dark"] .client-password-setup{
  background:linear-gradient(135deg,#0d1f1b,#102822)!important;
  border-color:#2c4a42!important;
  color:#edf6f1!important;
}
.client-app[data-client-theme="dark"] .client-password-setup h2{color:#edf6f1!important}
.client-app[data-client-theme="dark"] .client-password-setup p{color:#80958c!important}
.client-app[data-client-theme="dark"] .client-password-form input,
.client-app[data-client-theme="dark"] .client-upload-control input[type=file]{
  background:#0c1b18!important;
  border-color:#29433c!important;
  color:#dce8e3!important;
}
.client-app[data-client-theme="dark"] .client-upload-control input[type=file]::file-selector-button{
  background:#17302a!important;
  border:0!important;
  color:#cfe3db!important;
  border-radius:7px!important;
  padding:7px 9px!important;
}

/* Read-only / status surfaces. */
.client-app[data-client-theme="dark"] .client-readonly-preview:before{
  background:#10201d!important;
  border-color:#29423c!important;
  color:#82978e!important;
}
.client-app[data-client-theme="dark"] .approval-client-comment{
  background:#211c14!important;
  border-color:#4d402d!important;
  color:#d9bb87!important;
}

/* Generic client tables, if a future/legacy screen uses them. */
.client-app[data-client-theme="dark"] .table-wrap,
.client-app[data-client-theme="dark"] table{
  background:#0d1b18!important;
  border-color:#203a34!important;
  color:#dce8e3!important;
}
.client-app[data-client-theme="dark"] th{
  background:#10211d!important;
  color:#7f958c!important;
  border-color:#203a34!important;
}
.client-app[data-client-theme="dark"] td{border-color:#1e342f!important;color:#c9d8d1!important}
.client-app[data-client-theme="dark"] tbody tr:hover{background:#10211d!important}

/* Mobile visual polish: no accidental white flash around client content. */
@media(max-width:760px){
  .client-app[data-client-theme="dark"],
  .client-app[data-client-theme="dark"] .client-main{background-color:#091310!important}
  .client-app[data-client-theme="dark"] .onboarding-client-shell{background:transparent!important}
  .client-app[data-client-theme="dark"] .onboarding-step-card{box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
}

/* v28.2.8 — dedicated password recovery state */
.password-recovery-card{max-width:560px}
.password-recovery-card .client-eyebrow{margin-bottom:10px;color:#6fd8e6;letter-spacing:.16em;font-size:.72rem;font-weight:800}
.password-recovery-card h1{margin-bottom:8px}
.password-recovery-form{margin-top:24px}
.password-recovery-form .btn{width:100%}
.password-recovery-form .btn.secondary{margin-top:2px}
.password-recovery-form #passwordRecoveryMsg{margin-top:8px}
@media (max-width:640px){
 .password-recovery-card{width:min(100%,calc(100vw - 28px));padding:26px 20px}
}

/* =========================================================
   V28.2.9 — VISIBLE FILE LIBRARY
   Client upload history + clearer director file provenance.
   ========================================================= */
.client-upload-library{
  margin-top:18px;
  border:1px solid #d8e1de!important;
  background:linear-gradient(180deg,#fbfdfc 0%,#f6faf8 100%)!important;
  overflow:hidden;
}
.client-upload-library-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid #e2e9e6;
}
.client-upload-library-head h2{margin:3px 0 5px;font-size:20px}
.client-upload-library-head p{margin:0;max-width:720px;color:#65716d;font-size:13px;line-height:1.55}
.client-upload-total{
  min-width:78px;
  display:grid;
  place-items:center;
  align-content:center;
  padding:11px 14px;
  border:1px solid #d7e3df;
  border-radius:12px;
  background:#fff;
}
.client-upload-total strong{font-family:'Syne',sans-serif;font-size:24px;line-height:1;color:#183c34}
.client-upload-total span{margin-top:4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#74807c}
.client-upload-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.client-upload-category{
  min-width:0;
  border:1px solid #dfe7e4;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.client-upload-category-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
}
.client-upload-category-head>div{display:flex;align-items:center;gap:10px;min-width:0}
.client-upload-category-head>div>div{display:grid;gap:2px;min-width:0}
.client-upload-category-head strong{font-size:13px;color:#18201e}
.client-upload-category-head small{font-size:11px;color:#76817d}
.client-upload-category-head>b{
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:#edf4f1;
  color:#365f55;
  font-size:12px;
}
.client-uploaded-list{border-top:1px solid #e7ecea}
.client-uploaded-file{
  width:100%;
  border:0;
  border-bottom:1px solid #edf1ef;
  background:transparent;
  color:inherit;
  padding:11px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  text-align:left;
  cursor:pointer;
  transition:background-color .16s ease;
}
.client-uploaded-file:last-child{border-bottom:0}
.client-uploaded-file:hover{background:#f5f9f7}
.client-uploaded-file-main{display:grid;gap:3px;min-width:0}
.client-uploaded-file-main strong{font-size:12px;overflow-wrap:anywhere;color:#18201e}
.client-uploaded-file-main span{font-size:10px;color:#7a8581}
.client-uploaded-open{flex:0 0 auto;font-size:10px;font-weight:700;color:#3e6c61}
.client-upload-category-empty{
  border-top:1px solid #edf1ef;
  padding:12px 14px 14px;
  color:#8a9490;
  font-size:11px;
  line-height:1.45;
}
.client-upload-confirmed{
  margin-top:14px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #a7cfc2;
  border-radius:10px;
  background:#eff8f4;
  color:#17483c;
}
.client-upload-confirmed>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#d8eee6;
  font-weight:800;
}
.client-upload-confirmed>div{display:grid;gap:2px;min-width:0}
.client-upload-confirmed strong{font-size:12px}
.client-upload-confirmed small{font-size:10px;color:#53766d;overflow-wrap:anywhere}
.director-file-library-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.director-file-library-head>div{display:flex;align-items:baseline;gap:8px}
.director-file-library-head strong{font-size:13px}
.director-file-library-head span{font-size:11px;color:#7a7a74}
.director-file-row .file-main .muted{line-height:1.45}

.client-app[data-client-theme="dark"] .client-upload-library{
  border-color:#203a35!important;
  background:linear-gradient(180deg,#0d1b18 0%,#0a1714 100%)!important;
}
.client-app[data-client-theme="dark"] .client-upload-library-head{border-color:#203a35}
.client-app[data-client-theme="dark"] .client-upload-library-head h2,
.client-app[data-client-theme="dark"] .client-upload-category-head strong,
.client-app[data-client-theme="dark"] .client-uploaded-file-main strong{color:#eaf2ee!important}
.client-app[data-client-theme="dark"] .client-upload-library-head p,
.client-app[data-client-theme="dark"] .client-upload-category-head small,
.client-app[data-client-theme="dark"] .client-uploaded-file-main span,
.client-app[data-client-theme="dark"] .client-upload-category-empty{color:#88a099!important}
.client-app[data-client-theme="dark"] .client-upload-total{
  border-color:#28433d;
  background:#10211e;
}
.client-app[data-client-theme="dark"] .client-upload-total strong{color:#9bd6c8}
.client-app[data-client-theme="dark"] .client-upload-total span{color:#7f9991}
.client-app[data-client-theme="dark"] .client-upload-category{
  border-color:#213b36;
  background:#0f1e1b;
}
.client-app[data-client-theme="dark"] .client-upload-category-head>b{
  background:#173028;
  color:#9bd6c8;
}
.client-app[data-client-theme="dark"] .client-uploaded-list,
.client-app[data-client-theme="dark"] .client-uploaded-file,
.client-app[data-client-theme="dark"] .client-upload-category-empty{border-color:#1e3530}
.client-app[data-client-theme="dark"] .client-uploaded-file:hover{background:#122520}
.client-app[data-client-theme="dark"] .client-uploaded-open{color:#8cc8ba}
.client-app[data-client-theme="dark"] .client-upload-confirmed{
  border-color:#315e52;
  background:#10251f;
  color:#b7eadc;
}
.client-app[data-client-theme="dark"] .client-upload-confirmed>span{background:#183c32;color:#a4dfcf}
.client-app[data-client-theme="dark"] .client-upload-confirmed small{color:#8fb4aa}

@media(max-width:760px){
  .client-upload-library-head{align-items:center}
  .client-upload-library-head p{font-size:12px}
  .client-upload-category-grid{grid-template-columns:1fr}
  .client-upload-total{min-width:64px;padding:9px 10px}
  .client-upload-total strong{font-size:20px}
  .client-uploaded-file{padding:12px}
}


/* v28.2.10 — mobile nav availability guard. Hidden client modules must stay hidden even when mobile buttons use display:grid!important. */
.client-nav button[hidden]{display:none!important;}


/* =========================================================
   V28.3 — STABILITY & PREMIUM POLISH
   Systemic interaction, file-library and mobile QA layer.
   ========================================================= */

/* Premium confirmation modal replaces browser-native confirms for core OS actions. */
.gc-premium-modal-backdrop{
 position:fixed;inset:0;z-index:9998;
 display:grid;place-items:center;padding:20px;
 background:rgba(5,12,13,.62);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.gc-premium-modal{
 width:min(520px,100%);
 padding:26px;
 border:1px solid rgba(118,193,177,.25);
 border-radius:22px;
 background:linear-gradient(180deg,#0b191a 0%,#091415 100%);
 color:#edf6f2;
 box-shadow:0 30px 90px rgba(0,0,0,.38);
 display:grid;gap:18px;
}
.gc-premium-modal-mark{
 width:42px;height:42px;border-radius:13px;
 display:grid;place-items:center;
 background:rgba(91,202,177,.13);border:1px solid rgba(91,202,177,.26);
 color:#8dd9c7;font-weight:800;font-size:18px;
}
.gc-premium-modal-mark.danger{
 background:rgba(224,104,104,.10);border-color:rgba(224,104,104,.28);color:#f0a0a0;
}
.gc-premium-modal-copy{display:grid;gap:7px}
.gc-premium-modal-copy>span{
 font-size:10px;letter-spacing:.16em;font-weight:800;color:#75b9a9;
}
.gc-premium-modal-copy h2{font:750 22px/1.15 Syne,Inter,sans-serif;margin:0;color:#fff}
.gc-premium-modal-copy p{
 margin:0;color:#a9bcb6;font-size:13px;line-height:1.65;white-space:pre-line;
}
.gc-premium-modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.gc-premium-modal .btn.secondary{
 background:#102120;color:#dce9e5;border-color:#29413c;
}
.gc-premium-modal .danger-btn{
 background:#a44444;color:#fff;border-color:#b65050;
}
.gc-premium-modal .danger-btn:hover{background:#b84d4d}
.gc-premium-modal button:focus-visible,
.gc-premium-modal input:focus-visible{
 outline:2px solid #78c8b6;outline-offset:2px;
}
.gc-confirm-input{display:grid;gap:8px}
.gc-confirm-input>span{font-size:12px;color:#b9c9c4}
.gc-confirm-input input{
 width:100%;border:1px solid #2a403b;border-radius:11px;padding:12px 13px;
 background:#071110;color:#f1f7f5;
}
.gc-confirm-input small{font-size:10px;color:#718781}
.gc-confirm-input small.ok{color:#76c9b6}
.gc-premium-modal .btn:disabled{opacity:.38;cursor:not-allowed}

/* Director file library: searchable and useful after months of accumulated material. */
.file-library-tools{
 display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;
 gap:9px;align-items:end;margin:0 0 12px;
 padding:11px;border:1px solid #e5e8e4;border-radius:12px;background:#fafbf9;
}
.file-library-tools label{display:grid;gap:5px;min-width:0}
.file-library-tools label>span,.file-library-result span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7b837f;font-weight:750}
.file-library-tools input,.file-library-tools select{
 width:100%;min-width:0;border:1px solid #d9dfda;border-radius:9px;background:#fff;padding:9px 10px;color:#17201d;
}
.file-library-result{
 min-width:70px;height:38px;border:1px solid #dce5e0;border-radius:10px;background:#fff;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.file-library-result strong{font-size:14px;line-height:1;color:#315f55}
.director-file-row[hidden]{display:none!important}
.file-filter-empty{padding:20px!important;text-align:center}

/* Client file library search. */
.client-file-searchbar{
 margin:14px 0 0;
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;
 border:1px solid #dde7e2;border-radius:12px;background:#f8fbf9;padding:7px 10px;
}
.client-file-searchbar>span{font-size:17px;color:#5b8177}
.client-file-searchbar input{
 width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;
 padding:7px 0!important;color:#17201d!important;
}
.client-file-searchbar small{font-size:10px;color:#73807c;white-space:nowrap}
.client-upload-category[hidden],
.client-uploaded-file[hidden]{display:none!important}
.client-file-search-empty{
 margin-top:10px;padding:13px;border:1px dashed #d7e1dc;border-radius:10px;
 text-align:center;color:#77827e;font-size:12px;
}
.client-app[data-client-theme="dark"] .client-file-searchbar{
 background:#0d201c;border-color:#1e3932;
}
.client-app[data-client-theme="dark"] .client-file-searchbar input{color:#eaf2ee!important}
.client-app[data-client-theme="dark"] .client-file-searchbar small{color:#7f9991}
.client-app[data-client-theme="dark"] .client-file-search-empty{border-color:#1d3730;color:#80978f}

/* Global high-end interaction polish. */
.btn,.nav button,.client-nav button,.client-file,.client-uploaded-file{
 transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.btn:not(:disabled):active,.client-uploaded-file:not(:disabled):active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:2px solid rgba(64,151,132,.72);outline-offset:2px;
}
.empty,.client-empty{
 line-height:1.55;
}
.notice{line-height:1.55}
.loading{letter-spacing:.015em}

/* Mobile QA: safe areas, long labels, and no iOS form zoom. */
@media(max-width:760px){
 input,select,textarea{font-size:16px!important}
 .client-main{
  padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;
 }
 .client-nav{
  max-width:calc(100vw - 16px)!important;
 }
 .client-nav button{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 .file-library-tools{
  grid-template-columns:1fr!important;
  padding:9px!important;
 }
 .file-library-result{
  min-height:42px;flex-direction:row;gap:6px;
 }
 .client-file-searchbar{
  grid-template-columns:auto minmax(0,1fr)!important;
 }
 .client-file-searchbar small{grid-column:2;white-space:normal}
 .gc-premium-modal-backdrop{
  align-items:end;padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px));
 }
 .gc-premium-modal{
  padding:20px;border-radius:20px;
  max-height:min(82vh,720px);overflow:auto;
 }
 .gc-premium-modal-actions{
  display:grid;grid-template-columns:1fr 1fr;
 }
 .gc-premium-modal-actions .btn{min-height:44px}
}

/* =========================================================
   V28.4 — Business Notes / Client Timeline
   ========================================================= */
.business-notes-panel{overflow:hidden}
.business-note-compose{display:grid;gap:14px;padding:18px;border:1px solid #dfe6e2;border-radius:14px;background:linear-gradient(180deg,#fbfcfa 0%,#f6f9f6 100%)}
.business-note-compose-top{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(240px,1.3fr);gap:12px}
.business-note-compose textarea{min-height:104px}
.business-note-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.business-note-client-toggle{padding:9px 12px;border:1px solid #dce5e0;border-radius:10px;background:#fff;color:#44514b}
.business-note-tools{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:12px;margin:18px 0 12px}
.business-notes-timeline{position:relative;display:grid;gap:12px;padding:4px 0 4px 22px}
.business-notes-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,#9cc4bb 0%,#d9e5e0 100%)}
.business-note-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 16px 15px 0;border:1px solid #e2e7e3;border-radius:13px;background:#fff;box-shadow:0 7px 24px rgba(28,52,45,.04)}
.business-note-card[hidden]{display:none!important}
.business-note-rail{display:flex;justify-content:center}
.business-note-rail span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eef6f3;border:1px solid #cfe2dc;color:#345f56;font-size:13px;font-weight:800;transform:translateX(-15px);box-shadow:0 0 0 5px #fff}
.business-note-card.type-decision .business-note-rail span{background:#edf6e8;border-color:#d7e7c7;color:#526d2c}
.business-note-card.type-important .business-note-rail span{background:#fff3e8;border-color:#efd6b9;color:#8d5b23}
.business-note-card.type-conversation .business-note-rail span{background:#edf6f8;border-color:#cfe2e6;color:#396b73}
.business-note-main{min-width:0}
.business-note-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.business-note-meta time{font-size:11px;color:#77827d}
.business-note-type,.business-note-project,.business-note-visible,.business-note-internal{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:760;letter-spacing:.02em}
.business-note-type{background:#eef2ef;color:#34423d}
.business-note-project{background:#f2f4f1;color:#5a6761}
.business-note-visible{background:#e8f6ef;color:#2e6d53}
.business-note-internal{background:#f4f4f1;color:#7b817d}
.business-note-main p{margin:0;color:#202723;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.business-note-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.business-notes-empty{display:flex;align-items:center;gap:12px;padding:18px;border:1px dashed #d9e2dd;border-radius:12px;color:#65716b;background:#fbfcfb}
.business-notes-empty>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef4f1}
.business-notes-empty strong,.business-notes-empty small{display:block}.business-notes-empty small{margin-top:3px;color:#87918c}
.business-activity-details{margin-top:18px;border-top:1px solid #e4e8e5;padding-top:4px}
.business-activity-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;color:#4f5b56}
.business-activity-details summary::-webkit-details-marker{display:none}
.business-activity-details summary div strong,.business-activity-details summary div span{display:block}
.business-activity-details summary div span{font-size:11px;color:#8a928e;margin-top:3px}
.business-activity-details summary b{min-width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#eef1ef;font-size:11px}
.business-activity-body{padding:0 2px 4px}

.client-visible-notes{position:relative;overflow:hidden}
.client-visible-notes:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#45c3bd,#9daf5b)}
.client-visible-note-list{display:grid;gap:10px}
.client-visible-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px;border:1px solid #e0e8e4;border-radius:12px;background:#fbfdfc}
.client-visible-note>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf6f3;color:#3c6a5f;font-weight:800}
.client-visible-note>div>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.client-visible-note strong{font-size:12px}.client-visible-note time{font-size:10px;color:#87948e}.client-visible-note p{margin:5px 0 0;line-height:1.5;color:#35423d;white-space:pre-wrap;overflow-wrap:anywhere}
.client-visible-note.type-important>span{background:#fff2e6;color:#97622a}.client-visible-note.type-decision>span{background:#edf6e8;color:#5a7131}

.client-app[data-client-theme="dark"] .client-visible-notes{background:#0e1b19!important;border-color:#203a36!important}
.client-app[data-client-theme="dark"] .client-visible-note{background:#10211e!important;border-color:#29423d!important}
.client-app[data-client-theme="dark"] .client-visible-note>span{background:#17302b!important;color:#72d2cb!important}
.client-app[data-client-theme="dark"] .client-visible-note strong{color:#eaf4ef!important}
.client-app[data-client-theme="dark"] .client-visible-note time{color:#768b83!important}
.client-app[data-client-theme="dark"] .client-visible-note p{color:#b8c9c2!important}
.client-app[data-client-theme="dark"] .client-visible-note.type-important>span{background:#302419!important;color:#d7a461!important}
.client-app[data-client-theme="dark"] .client-visible-note.type-decision>span{background:#1d2d1d!important;color:#b0c56a!important}

@media(max-width:760px){
 .business-note-compose-top,.business-note-tools{grid-template-columns:1fr}
 .business-note-compose-actions{align-items:stretch;flex-direction:column}
 .business-note-compose-actions .btn{width:100%}
 .business-note-client-toggle{width:100%}
 .business-notes-timeline{padding-left:14px}
 .business-notes-timeline:before{left:4px}
 .business-note-card{grid-template-columns:28px minmax(0,1fr);padding-right:12px}
 .business-note-rail span{width:27px;height:27px;transform:translateX(-11px)}
 .business-note-actions{display:grid;grid-template-columns:1fr 1fr}
 .business-note-actions .btn{width:100%}
 .client-visible-note{grid-template-columns:30px minmax(0,1fr);padding:12px 10px}
}


/* =========================================================
   V28.5 — TASK RESULTS + CRM SMOOTH MOVE + CENTERED MODALS
   ========================================================= */

/* CRM stage changes are optimistic; keep interactions visually stable. */
.crm-lead-card,
.crm-column-body{contain:layout style}
.crm-column.drag-over{
 border-color:#79b9aa;
 box-shadow:0 0 0 3px rgba(91,170,151,.10);
}

/* Task result history. */
.task-row-copy{min-width:0}
.task-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.task-result-edit{
 border:0;background:transparent;color:#2f7566;font:700 11px/1 Inter,sans-serif;
 cursor:pointer;padding:5px 0;
}
.task-result-edit:hover{text-decoration:underline}
.task-result-preview{
 margin-top:10px;padding:11px 12px;border:1px solid #dce8e3;border-radius:11px;
 background:linear-gradient(180deg,#f8fbf9 0%,#f3f8f5 100%);
 display:grid;gap:5px;
}
.task-result-preview>span,.archive-task-result>span{
 font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#4b8a7b;
}
.task-result-preview p,.archive-task-result p{margin:0;color:#30413b;font-size:12px;line-height:1.55;white-space:pre-wrap}
.task-result-preview small{color:#77857f;font-size:10px}
.archive-task-result{
 margin-top:8px;padding:10px 11px;border-left:2px solid #75ad9f;background:#f6faf8;border-radius:0 9px 9px 0;
 display:grid;gap:4px;
}

/* Dedicated result dialog: always viewport-centered. */
.task-result-modal-backdrop{
 position:fixed;inset:0;z-index:10020;display:grid;place-items:center;
 padding:24px;background:rgba(4,12,13,.66);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.task-result-modal{
 width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;
 border:1px solid rgba(119,193,176,.24);border-radius:22px;
 background:linear-gradient(180deg,#0b191a 0%,#081314 100%);
 color:#edf5f2;box-shadow:0 32px 100px rgba(0,0,0,.42);
}
.task-result-head{
 padding:22px 22px 17px;display:flex;justify-content:space-between;gap:18px;
 border-bottom:1px solid rgba(123,174,162,.16);
}
.task-result-head>div{display:grid;gap:5px}
.task-result-head span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#72b5a6}
.task-result-head h2{margin:0;color:#fff;font:750 22px/1.18 Syne,Inter,sans-serif}
.task-result-head p{margin:0;color:#91a8a1;font-size:12px;line-height:1.55}
.task-result-modal .crm-modal-close{
 flex:0 0 auto;background:#0d211f!important;border-color:#244039!important;color:#cfe0da!important;
}
.task-result-body{display:grid;gap:12px;padding:20px 22px}
.task-result-body .field{display:grid;gap:8px}
.task-result-body .field>span{font-size:11px;font-weight:750;color:#d8e6e1}
.task-result-body .field em{font-style:normal;font-weight:500;color:#758d86}
.task-result-body textarea{
 width:100%;box-sizing:border-box;resize:vertical;min-height:132px;
 border:1px solid #28413b;border-radius:12px;background:#071110;color:#eef6f3;padding:13px 14px;line-height:1.55;
}
.task-result-meta{
 padding:10px 12px;border:1px solid #19312c;border-radius:10px;background:#091816;
 display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.task-result-meta span,.task-result-meta small{font-size:10px;color:#80988f}
.task-result-actions{
 padding:0 22px 22px;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;
}
.task-result-modal .btn.secondary{background:#102220;color:#dceae5;border-color:#29443d}

/* Permanent centering override for every OS modal, including mobile Safari. */
.crm-modal-backdrop,
.gc-premium-modal-backdrop,
.task-result-modal-backdrop{
 place-items:center!important;
 align-items:center!important;
 justify-items:center!important;
}
@media(max-width:760px){
 .crm-modal-backdrop,
 .gc-premium-modal-backdrop,
 .task-result-modal-backdrop{
  padding:
   calc(12px + env(safe-area-inset-top,0px))
   10px
   calc(12px + env(safe-area-inset-bottom,0px))!important;
  align-items:center!important;
 }
 .crm-modal{
  width:min(100%,680px)!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  border-radius:18px!important;
 }
 .gc-premium-modal,
 .task-result-modal{
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  border-radius:20px!important;
 }
 .task-result-actions{display:grid;grid-template-columns:1fr 1fr}
 .task-result-actions .btn{min-height:44px}
}

/* v28.5.1 CRM true in-place stage movement */
.crm-lead-card{will-change:transform}
.crm-column-title span,.crm-column-head small,.crm-stat strong,.crm-column-progress span{transition:all .2s cubic-bezier(.2,.8,.2,1)}
.crm-column-body{scroll-behavior:smooth}


/* =========================================================
   V28.6 — COMMAND CENTER + CRM SPEED + UNIFIED TIMELINE
   ========================================================= */

/* Body-level overlay root: never put transforms on this node.
   This is the permanent fix for viewport centering of CRM dialogs. */
#gcGlobalOverlayRoot{
 position:relative;
 z-index:15000;
}
#gcGlobalOverlayRoot:empty{display:none}
#gcGlobalOverlayRoot .crm-modal-backdrop,
#gcGlobalOverlayRoot .gc-command-backdrop{
 position:fixed!important;
 inset:0!important;
 z-index:15010!important;
 margin:0!important;
 transform:none!important;
 display:grid!important;
 place-items:center!important;
 padding:24px!important;
 box-sizing:border-box;
}

/* Sidebar command center */
.sidebar-command-row{
 display:grid;
 grid-template-columns:minmax(0,1fr) 42px;
 gap:8px;
 margin:12px 8px 2px;
}
.sidebar-command-search,
.sidebar-command-add{
 min-height:42px;
 border:1px solid rgba(119,181,169,.22);
 border-radius:11px;
 background:rgba(255,255,255,.025);
 color:#dce9e5;
 cursor:pointer;
 transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.sidebar-command-search:hover,
.sidebar-command-add:hover{
 border-color:rgba(91,193,214,.55);
 background:rgba(75,173,194,.08);
}
.sidebar-command-search{
 display:grid;
 grid-template-columns:auto 1fr auto;
 align-items:center;
 gap:8px;
 padding:0 10px;
 text-align:left;
}
.sidebar-command-search>span{color:#5bc0d8;font-weight:800}
.sidebar-command-search>b{font-size:11px;font-weight:700}
.sidebar-command-search kbd{
 border:1px solid rgba(255,255,255,.12);
 border-radius:6px;
 padding:2px 5px;
 color:#7f9790;
 background:rgba(0,0,0,.22);
 font:600 9px/1.3 Inter,sans-serif;
}
.sidebar-command-add{font-size:21px;line-height:1}

/* Floating Quick Actions */
.gc-quick-fab{
 position:fixed;
 right:26px;
 bottom:26px;
 z-index:680;
 width:50px;
 height:50px;
 border:1px solid rgba(99,203,222,.48);
 border-radius:16px;
 background:linear-gradient(145deg,#55c0d8,#4cae9b);
 color:#071413;
 box-shadow:0 14px 36px rgba(20,66,70,.24);
 font:700 27px/1 Inter,sans-serif;
 cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease;
}
.gc-quick-fab:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(20,66,70,.30)}

/* Command palette */
.gc-command-backdrop{
 background:rgba(3,10,11,.64);
 backdrop-filter:blur(16px);
 -webkit-backdrop-filter:blur(16px);
}
.gc-command-palette,
.gc-quick-panel,
.gc-quick-form-panel{
 width:min(720px,calc(100vw - 36px));
 max-height:min(760px,calc(100dvh - 48px));
 overflow:hidden;
 border:1px solid rgba(109,183,170,.24);
 border-radius:22px;
 background:linear-gradient(180deg,#0c1718 0%,#081213 100%);
 color:#e9f2ef;
 box-shadow:0 34px 110px rgba(0,0,0,.46);
}
.gc-command-palette{display:flex;flex-direction:column}
.gc-command-input-row{
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;
 gap:12px;
 padding:16px 18px;
 border-bottom:1px solid rgba(124,172,162,.14);
}
.gc-command-input-row>span{font-size:24px;color:#64bfd1}
.gc-command-input-row input{
 width:100%;
 border:0!important;
 outline:0!important;
 box-shadow:none!important;
 background:transparent!important;
 color:#f4f8f7!important;
 padding:4px 0!important;
 font-size:17px!important;
}
.gc-command-input-row input::placeholder{color:#758b86!important}
.gc-command-input-row kbd{
 border:1px solid rgba(255,255,255,.13);
 border-radius:7px;
 background:#0d1e1d;
 color:#829891;
 padding:4px 7px;
 font:700 9px/1 Inter,sans-serif;
}
.gc-command-hint{
 padding:8px 18px;
 color:#637b75;
 font-size:9px;
 letter-spacing:.05em;
 border-bottom:1px solid rgba(124,172,162,.09);
}
.gc-command-results{
 padding:8px;
 overflow:auto;
 overscroll-behavior:contain;
}
.gc-command-empty,
.gc-command-loading{
 padding:30px 20px;
 display:grid;
 gap:6px;
 text-align:center;
 color:#81958f;
}
.gc-command-empty strong{color:#d6e2de;font-size:13px}
.gc-command-empty span{font-size:11px}
.gc-search-result{
 width:100%;
 border:1px solid transparent;
 border-radius:12px;
 background:transparent;
 color:inherit;
 padding:10px 11px;
 display:grid;
 grid-template-columns:34px minmax(0,1fr) 24px;
 align-items:center;
 gap:10px;
 text-align:left;
 cursor:pointer;
}
.gc-search-result:hover,.gc-search-result.active{
 border-color:rgba(92,190,207,.30);
 background:linear-gradient(90deg,rgba(63,164,185,.12),rgba(76,168,145,.05));
}
.gc-search-result-icon{
 width:32px;height:32px;border-radius:10px;
 display:grid;place-items:center;
 background:#102422;color:#62c0d3;
 font-size:14px;font-weight:800;
}
.gc-search-result-copy{min-width:0;display:grid;gap:2px}
.gc-search-result-copy small{
 color:#5eaa9a;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase
}
.gc-search-result-copy strong{
 color:#eaf3f0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.gc-search-result-copy em{
 color:#7e928d;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.gc-search-result>b{color:#617872;font-size:11px}

/* Quick actions */
.gc-quick-panel{padding:0 0 16px}
.gc-quick-form-panel{overflow:auto}
.gc-quick-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
 padding:20px 22px 16px;border-bottom:1px solid rgba(121,174,161,.14)
}
.gc-quick-head>div{display:grid;gap:4px}
.gc-quick-head span{color:#68bdad;font-size:8px;font-weight:800;letter-spacing:.15em}
.gc-quick-head h2{margin:0;color:#f3f7f6;font:750 21px/1.2 Syne,Inter,sans-serif}
.gc-quick-grid{
 padding:16px;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;
}
.gc-quick-grid>button{
 border:1px solid rgba(119,177,164,.17);
 border-radius:14px;
 background:rgba(255,255,255,.025);
 color:#e3ece9;
 min-height:76px;
 padding:14px;
 display:grid;
 grid-template-columns:36px minmax(0,1fr);
 align-items:center;
 gap:10px;
 text-align:left;
 cursor:pointer;
 transition:.18s ease;
}
.gc-quick-grid>button:hover{border-color:rgba(92,190,207,.42);background:rgba(69,163,181,.08);transform:translateY(-1px)}
.gc-quick-grid>button>span{
 width:34px;height:34px;border-radius:11px;background:#102624;color:#62bfd0;display:grid;place-items:center;font-weight:800
}
.gc-quick-grid>button div{display:grid;gap:3px}
.gc-quick-grid>button strong{font-size:12px}
.gc-quick-grid>button small{color:#78908a;font-size:9px;line-height:1.35}
.gc-quick-form{padding:18px 22px 22px;display:grid;gap:13px}
.gc-quick-form .field{display:grid;gap:6px}
.gc-quick-form .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.gc-quick-form input,.gc-quick-form select,.gc-quick-form textarea{
 background:#071211!important;color:#e8f1ee!important;border-color:#29413c!important
}
.gc-quick-form textarea{resize:vertical}

/* Toasts */
#gcToastHost{
 position:fixed;right:24px;top:22px;z-index:18000;
 display:grid;gap:8px;pointer-events:none;
}
.gc-toast{
 min-width:220px;max-width:min(420px,calc(100vw - 32px));
 border:1px solid rgba(103,184,168,.28);
 border-radius:12px;
 background:#0b1b19;color:#e4efeb;
 box-shadow:0 18px 50px rgba(0,0,0,.26);
 padding:11px 14px;
 font-size:11px;font-weight:650;
 opacity:0;transform:translateY(-8px);
 transition:.2s ease;
}
.gc-toast.error{border-color:rgba(210,112,112,.34);background:#251516}
.gc-toast.show{opacity:1;transform:translateY(0)}

/* CRM faster controls + history */
.crm-next-button{
 width:100%;border:0;border-radius:9px;background:#f3f7f5;color:#4a5b56;
 padding:8px 9px;text-align:left;cursor:pointer;
 transition:background .16s ease,border-color .16s ease;
}
.crm-next-button:hover{background:#e9f4f0}
.crm-next-button span{display:block;color:#87958f;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.crm-next-button strong{display:block;margin-top:2px;color:#1a2724;font-size:10px}
.crm-followup-date{
 border:0;background:transparent;color:#83928d;font-size:9px;cursor:pointer;padding:4px 0;
}
.crm-followup-date:hover{color:#397c6e}
.crm-followup-modal{width:min(540px,calc(100vw - 32px))}
.crm-lead-history{
 margin:2px 0 12px;
 border:1px solid #dfe7e4;border-radius:12px;background:#f8faf9;
 padding:12px;
}
.crm-history-title{
 display:flex;align-items:center;justify-content:space-between;margin-bottom:8px
}
.crm-history-title strong{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#65736f}
.crm-history-row{
 position:relative;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;
 padding:8px 0;border-bottom:1px solid #e8eeeb;
}
.crm-history-row:last-child{border-bottom:0}
.crm-history-dot{width:7px;height:7px;border-radius:50%;background:#63b5a4;margin-top:4px}
.crm-history-row>div{display:grid;gap:2px}
.crm-history-row strong{font-size:10px;color:#293632}
.crm-history-row small{font-size:9px;color:#7d8b86}
.crm-history-row time{font-size:8px;color:#94a19d;white-space:nowrap}
.crm-history-empty{padding:8px;color:#84918d;font-size:9px;text-align:center}

/* Unified director timeline */
.unified-timeline-panel .section-head{align-items:flex-start}
.unified-timeline-row{position:relative}
.unified-timeline-row.kind-task .business-note-rail span{background:#e8f4ef;color:#2e7564}
.unified-timeline-row.kind-file .business-note-rail span{background:#e9f4f7;color:#2e7080}
.unified-timeline-row.kind-approval .business-note-rail span{background:#eef0fa;color:#5c63a4}
.unified-timeline-row.kind-request .business-note-rail span{background:#f7f0e6;color:#9a6b2c}
.unified-timeline-row.kind-project .business-note-rail span{background:#e9f4ef;color:#2c725f}
.unified-timeline-row.kind-crm .business-note-rail span{background:#eef4f6;color:#477483}
.unified-timeline-title{
 display:block;margin:4px 0 5px;color:#1c2926;font-size:12px;line-height:1.4
}
.unified-timeline-row .business-note-main>p{margin-top:2px}
.unified-timeline-row[hidden]{display:none!important}

/* Client-facing unified timeline */
.client-unified-timeline{overflow:hidden}
.client-unified-list{display:grid;gap:0;margin-top:8px}
.client-unified-row{
 display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;
 padding:12px 0;border-bottom:1px solid rgba(124,169,158,.16)
}
.client-unified-row:last-child{border-bottom:0}
.client-unified-icon{
 width:31px;height:31px;border-radius:10px;display:grid;place-items:center;
 background:rgba(91,176,158,.10);color:#70c0ae;font-weight:800
}
.client-unified-row>div{display:grid;gap:4px;min-width:0}
.client-unified-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.client-unified-meta strong{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#67b3a2}
.client-unified-meta time,.client-unified-meta span{font-size:8px;color:#748c85}
.client-unified-row b{font-size:11px;color:var(--client-text,#e7efec);line-height:1.35}
.client-unified-row p{margin:0;color:var(--client-muted,#8fa39d);font-size:10px;line-height:1.5}
.client-unified-row .btn{justify-self:start;margin-top:3px}

/* Smart Inbox */
.smart-inbox-panel{
 border-color:#cde5df!important;
 background:linear-gradient(180deg,#fbfefd 0%,#f5fbf8 100%)!important;
}
.smart-signal-list .attention-item{background:#fff}
.smart-signal-list .attention-overdue{border-left:3px solid #b66d66}
.smart-signal-list .attention-today{border-left:3px solid #69ad9e}

/* Small premium refinements */
.gc-command-backdrop .crm-modal-close{
 background:#0e201f!important;border-color:#28413b!important;color:#dbe8e4!important
}
.crm-modal-backdrop .crm-modal{
 margin:auto!important;
}

/* Responsive */
@media(max-width:900px){
 .gc-quick-fab{right:16px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:15px}
 .sidebar-command-row{display:none}
 .gc-quick-grid{grid-template-columns:1fr}
 .gc-quick-form .two{grid-template-columns:1fr}
}
@media(max-width:760px){
 #gcGlobalOverlayRoot .crm-modal-backdrop,
 #gcGlobalOverlayRoot .gc-command-backdrop{
  padding:
   calc(12px + env(safe-area-inset-top,0px))
   10px
   calc(12px + env(safe-area-inset-bottom,0px))!important;
 }
 .gc-command-palette,.gc-quick-panel,.gc-quick-form-panel{
  width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  border-radius:18px
 }
 .gc-command-input-row{padding:14px}
 .gc-command-input-row input{font-size:16px!important}
 #gcToastHost{left:12px;right:12px;top:calc(12px + env(safe-area-inset-top,0px))}
 .gc-toast{min-width:0;max-width:none}
 .business-note-tools{grid-template-columns:1fr!important}
 .unified-timeline-row .business-note-actions{grid-template-columns:1fr 1fr}
 .client-unified-row{grid-template-columns:30px minmax(0,1fr)}
 .smart-signal-list .attention-item{grid-template-columns:1fr!important}
}


/* =========================================================
   V28.6.1 — QUICK FAB / MASCOT SPACING
   UI-only patch. Keep mascot position unchanged; move the
   Quick Actions FAB lower so both elements remain distinct.
   ========================================================= */
.gc-quick-fab{
 bottom:12px!important;
}
@media(max-width:900px){
 .gc-quick-fab{
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
 }
}

/* V29 Content Management */
.content-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid #d8d8d2;background:#fff;color:#111}
.content-plan-badge.premium{background:#111;color:#fff;border-color:#111}.content-plan-badge.custom{background:#eef5f4;border-color:#b9d6d2;color:#174e4f}.content-plan-badge.economy{background:#f7f7f4}
.content-client-list{display:grid;gap:10px}.content-client-row{width:100%;display:grid;grid-template-columns:minmax(220px,1fr) 1.4fr auto;gap:18px;align-items:center;text-align:left;border:1px solid #e4e4df;background:#fff;border-radius:12px;padding:14px 16px}.content-client-row:hover{border-color:#111}.content-client-row>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content-client-row>div:nth-child(2){display:flex;gap:16px;flex-wrap:wrap;color:#666;font-size:12px}.content-client-row>b{font-size:12px}
.content-settings-panel{margin-bottom:16px}.content-toggle{display:flex;align-items:center;gap:8px;font-weight:750}.content-settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:12px}.content-settings-grid small{display:block;margin-top:5px;color:#777}
.content-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.content-tabs button{border:1px solid #d9d9d4;background:#fff;padding:9px 12px;border-radius:9px;font-weight:750}.content-tabs button.active{background:#111;color:#fff;border-color:#111}.content-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}.content-month-controls{display:flex;align-items:center;gap:10px}.content-month-controls strong{text-transform:capitalize}
.content-calendar{border:1px solid #e1e1dc;border-radius:14px;overflow:hidden;background:#fff}.content-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f7f7f4;border-bottom:1px solid #e5e5df}.content-weekdays span{padding:9px;text-align:center;font-size:10px;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.05em}.content-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.content-day{min-height:150px;border-right:1px solid #ecece8;border-bottom:1px solid #ecece8;padding:8px;background:#fff}.content-day:nth-child(7n){border-right:0}.content-day.is-empty{background:#fafaf8}.content-day.drag-over{background:#f0f8f6}.content-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.content-day-head strong{font-size:12px}.content-day-head span{font-size:9px;color:#999}.content-day-list{display:grid;gap:7px}
.content-post-card{border:1px solid #deded9;border-radius:10px;padding:8px;background:#fff;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.03)}.content-post-card.dragging{opacity:.45}.content-post-card strong{display:block;font-size:11px;margin:6px 0 3px}.content-post-card small{display:block;color:#777;font-size:9px}.content-post-card p{margin:6px 0 0;font-size:9px;line-height:1.4;color:#555}.content-card-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.content-card-top>span:first-child{font-size:9px;font-weight:800}.content-status{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 5px;border-radius:999px;background:#f1f1ee;color:#555}.status-approved{border-color:#9bc7a0}.status-changes_requested{border-color:#ddc88f}.status-rejected{border-color:#d7a4a4}.status-scheduled{border-color:#8fb6c7}.status-published{opacity:.7}.content-thumb{width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:7px;margin-top:6px;background:#eee}
.content-context-toolbar,.content-context-head,.content-client-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.content-context-toolbar{margin-bottom:14px}.content-context-toolbar h2,.content-context-client-intro h2{margin:0 0 4px}.content-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-context-box{border:1px solid #e2e2dd;border-radius:12px;padding:14px;background:#fff}.content-context-box.north-star{grid-column:1/-1;border-color:#111;background:#111;color:#fff}.content-context-box h3{margin:2px 0 8px;font-size:15px}.content-context-box textarea{width:100%;min-height:125px;border:1px solid #dadad5;border-radius:9px;padding:10px;resize:vertical;background:#fff;color:#111}.content-context-box.north-star textarea{background:#151515;color:#fff;border-color:#333}.content-context-head{margin-bottom:10px}.content-visibility,.content-star{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#777}.content-context-box.north-star .content-visibility,.content-context-box.north-star .content-star{color:#bdbdbd}.content-context-box .btn{margin-top:8px}
.content-approval-list{display:grid;gap:9px}.content-approval-list article{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid #e4e4df;border-radius:11px;padding:12px;background:#fff}.content-approval-list article div{display:grid;gap:3px}.content-approval-list article span{font-size:11px;color:#777}.content-disabled-state{display:grid;gap:5px;padding:14px 0}.content-disabled-state span{color:#777}.content-post-modal{max-width:760px}.content-modal-body{padding:18px}.content-modal-body textarea{min-height:100px}.content-client-summary{display:grid;grid-template-columns:180px 180px 1fr;gap:10px;align-items:stretch;margin-bottom:14px}.content-client-summary>div{border:1px solid var(--pcd-border,#e5e5df);border-radius:12px;padding:12px;background:var(--pcd-surface,#fff);display:grid;gap:2px}.content-client-summary strong{font-size:22px}.content-client-summary span{font-size:10px;color:var(--pcd-muted,#777)}.content-client-summary .btn{justify-self:end;align-self:center}.content-client-creative{display:inline-flex;margin:0 0 12px;font-weight:750;text-decoration:none}.content-client-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.client-app[data-client-theme="dark"] .content-calendar,.client-app[data-client-theme="dark"] .content-day,.client-app[data-client-theme="dark"] .content-post-card,.client-app[data-client-theme="dark"] .content-context-box,.client-app[data-client-theme="dark"] .content-client-summary>div{background:#0d1918;color:#f4f8f7;border-color:#24413e}.client-app[data-client-theme="dark"] .content-weekdays{background:#10211f;border-color:#24413e}.client-app[data-client-theme="dark"] .content-day.is-empty{background:#0a1413}.client-app[data-client-theme="dark"] .content-post-card p,.client-app[data-client-theme="dark"] .content-post-card small,.client-app[data-client-theme="dark"] .content-day-head span,.client-app[data-client-theme="dark"] .content-client-summary span{color:#8fa8a3}.client-app[data-client-theme="dark"] .content-tabs button{background:#0d1918;color:#dce9e6;border-color:#24413e}.client-app[data-client-theme="dark"] .content-tabs button.active{background:#dff6f1;color:#0a1614;border-color:#dff6f1}.client-app[data-client-theme="dark"] .content-context-box textarea{background:#0a1413;color:#eef8f5;border-color:#284642}.client-app[data-client-theme="dark"] .content-context-box.north-star{background:#071211;border-color:#37605a}.client-app[data-client-theme="dark"] .content-plan-badge{background:#132522;color:#dff6f1;border-color:#2d4c47}
.client-theme-dark .client-content-modal{background:#0d1918;color:#eef8f5;border:1px solid #284642}.client-theme-dark .client-content-modal .crm-modal-head{background:#0b1716;border-color:#284642}.client-theme-dark .client-content-modal input,.client-theme-dark .client-content-modal textarea,.client-theme-dark .client-content-modal select{background:#091311;color:#eef8f5;border-color:#284642}.client-theme-dark .client-content-modal label{color:#d7e7e3}.client-theme-dark .client-content-modal .btn.secondary{background:#12231f;color:#e7f4f1;border-color:#31534e}
@media(max-width:1000px){.content-settings-grid{grid-template-columns:1fr 1fr}.content-calendar{overflow:auto}.content-calendar-grid,.content-weekdays{min-width:900px}.content-client-row{grid-template-columns:1fr}.content-context-grid{grid-template-columns:1fr}.content-client-summary{grid-template-columns:1fr 1fr}.content-client-summary .btn{grid-column:1/-1;justify-self:stretch}}
@media(max-width:650px){.content-settings-grid,.content-client-summary{grid-template-columns:1fr}.content-calendar-head,.content-context-toolbar,.content-client-head{align-items:flex-start;flex-direction:column}.content-calendar{border-radius:12px}.content-calendar-grid,.content-weekdays{min-width:820px}.content-approval-list article{grid-template-columns:1fr}.content-client-summary .btn{grid-column:auto}.content-client-actions{justify-content:stretch}.content-client-actions .btn{flex:1}.content-plan-badge{font-size:9px}}

/* =========================================================
   V29.1 — BUSINESS QUICK SERVICE SETTINGS
   Fast per-client switches for Client Hub and Social Media.
   ========================================================= */
.business-quick-settings-panel{
 margin-bottom:16px;
 border-color:#d8dfdc;
 background:linear-gradient(180deg,#ffffff 0%,#fafcfb 100%);
}
.business-quick-settings-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;
}
.business-quick-settings-head h2{margin:2px 0 4px}
.business-quick-save-state{
 flex:0 0 auto;padding:7px 10px;border-radius:999px;border:1px solid #dfe5e2;background:#f7f9f8;color:#65736f;font-size:10px;font-weight:750;
}
.business-quick-save-state.saving{color:#2a6760;border-color:#bad6d0;background:#f1faf8}
.business-quick-save-state.success{color:#24634f;border-color:#b9d9c9;background:#f1faf5}
.business-quick-save-state.error{color:#8f3939;border-color:#e6bbbb;background:#fff4f4}
.business-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.business-feature-card{
 border:1px solid #dfe4e1;border-radius:14px;padding:14px;background:#fff;display:grid;gap:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.business-feature-card.is-on{border-color:#9fc9bf;box-shadow:0 7px 22px rgba(45,100,89,.07)}
.business-feature-card.is-off{background:#fbfbfa}
.business-feature-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center}
.business-feature-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eff5f3;color:#25665f;font-weight:900;font-size:15px}
.business-feature-card.is-off .business-feature-icon{background:#f2f2ef;color:#818985}
.business-feature-top>div:nth-child(2){display:grid;gap:3px}
.business-feature-top strong{font-size:14px}
.business-feature-top small{font-size:10px;color:#78827f;line-height:1.4}
.business-feature-switch{display:grid;grid-template-columns:34px auto;grid-template-rows:20px;align-items:center;column-gap:8px;cursor:pointer;user-select:none}
.business-feature-switch input{position:absolute;opacity:0;pointer-events:none}
.business-feature-switch span{grid-column:1;width:34px;height:20px;border-radius:999px;background:#d8ddda;position:relative;transition:.18s ease}
.business-feature-switch span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s ease}
.business-feature-switch input:checked+span{background:#3f8f83}
.business-feature-switch input:checked+span:after{transform:translateX(14px)}
.business-feature-switch input:disabled+span{opacity:.55}
.business-feature-switch b{grid-column:2;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#77807d}
.business-feature-card.is-on .business-feature-switch b{color:#34766d}
.business-feature-actions,.business-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.business-feature-bottom>label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#68736f}
.business-feature-bottom select{min-width:138px;border:1px solid #d7ddda;border-radius:8px;background:#fff;color:#181b1a;padding:7px 28px 7px 9px;font-size:11px;font-weight:700}
.business-feature-bottom select:disabled{opacity:.5;cursor:not-allowed}
.client-hub-master-toggle{padding:11px 12px;border:1px solid #dce3e0;border-radius:10px;background:#f8fbfa;margin-bottom:4px;font-weight:800}
.client-limited-home{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}
.client-limited-home>div{display:grid;gap:4px}.client-limited-home>div span{color:var(--client-muted,#7c8d88);font-size:11px;line-height:1.5}
.client-app[data-client-theme="dark"] .client-limited-home{background:#0d1918;color:#f4f8f7;border-color:#24413e}

@media(max-width:1050px){
 .business-feature-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
 .business-quick-settings-head{flex-direction:column}
 .business-quick-save-state{align-self:flex-start}
 .business-feature-top{grid-template-columns:38px minmax(0,1fr)}
 .business-feature-switch{grid-column:1/-1;justify-self:start}
 .business-feature-actions,.business-feature-bottom,.client-limited-home{align-items:stretch;flex-direction:column}
 .business-feature-actions .btn,.business-feature-bottom .btn,.client-limited-home .btn{width:100%}
 .business-feature-bottom>label{justify-content:space-between;width:100%}
 .business-feature-bottom select{flex:1}
}

/* V29.2 Content workflow */
.content-plan-guardrail{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 16px;margin:0 0 16px;border:1px solid #deded8;border-radius:13px;background:#fbfbf8}.content-plan-guardrail>div:first-child{display:grid;gap:3px;max-width:820px}.content-plan-guardrail>div:first-child>span{font-size:9px;font-weight:850;letter-spacing:.08em;color:#777}.content-plan-guardrail strong{font-size:14px}.content-plan-guardrail p{margin:0;color:#666;font-size:12px;line-height:1.5}.content-plan-guardrail small{margin-top:3px;color:#444}.content-plan-guardrail.premium{border-color:#b9b9b1;background:#f4f4f0}.content-plan-guardrail.custom{border-color:#b9d6d2;background:#f3f9f8}.content-plan-guardrail.is-over{border-color:#c58c8c;background:#fff7f7}.content-capacity{display:grid;justify-items:end;min-width:120px}.content-capacity strong{font-size:22px}.content-capacity span{font-size:10px;color:#777}.content-capacity b{font-size:9px;color:#9a3636;margin-top:4px}
.content-cycle-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:12px;border:1px solid #dcdcd6;border-radius:11px;background:#fafaf7}.content-cycle-banner>div{display:grid;gap:2px}.content-cycle-banner strong{font-size:12px}.content-cycle-banner span,.content-cycle-banner small{font-size:10px;color:#74746e}.content-cycle-banner.is-active{border-color:#a9c7b1;background:#f5faf6}.content-cycle-banner.is-overdue{border-color:#d4a1a1;background:#fff6f6}.content-cycle-banner.is-overdue strong{color:#8d3030}
.content-calendar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.content-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;margin:0 0 10px;border:1px solid #cacac4;border-radius:10px;background:#f7f7f3}.content-bulk-toolbar[hidden]{display:none}.content-bulk-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.content-bulk-toolbar strong{font-size:11px}.content-post-card{position:relative}.content-select-wrap{position:absolute;top:7px;left:7px;z-index:3;width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.92);border:1px solid #d8d8d2;cursor:pointer}.content-select-wrap input{position:absolute;opacity:0;pointer-events:none}.content-select-wrap span{width:9px;height:9px;border-radius:3px;border:1px solid #777;background:#fff}.content-select-wrap input:checked+span{background:#111;border-color:#111;box-shadow:inset 0 0 0 2px #fff}.content-thumb-empty{display:flex;align-items:center;justify-content:center;color:#999;font-size:9px;border:1px dashed #d7d7d1}.content-missing{margin-top:6px;padding:4px 6px;border-radius:6px;background:#fff2e7;color:#8b5427;font-size:8px;font-weight:750}
.content-attention-panel{margin-bottom:14px}.content-attention-list,.content-waiting-list{display:grid;gap:8px}.content-attention-list button,.content-waiting-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:12px 13px;border:1px solid #e1e1dc;background:#fff;border-radius:11px}.content-attention-list button:hover,.content-waiting-list button:hover{border-color:#111}.content-attention-list button>div,.content-waiting-list button>div{display:grid;gap:2px}.content-attention-list strong,.content-waiting-list strong{font-size:11px;color:#777}.content-attention-list span,.content-waiting-list span{font-size:13px;font-weight:800}.content-attention-list small,.content-waiting-list small{font-size:10px;color:#777}.content-waiting-list button>b{font-size:9px;color:#777}.content-waiting-list button.is-overdue{border-color:#d8a2a2;background:#fff8f8}.content-waiting-list button.is-overdue>b{color:#993d3d}
.content-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.content-library-item{display:flex;flex-direction:column;border:1px solid #e1e1dc;border-radius:12px;background:#fff;padding:12px;min-height:220px}.content-library-item>img{width:100%;aspect-ratio:1.55/1;object-fit:cover;border-radius:8px;margin:8px 0}.content-library-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-library-head span{font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.content-library-head small{font-size:9px;color:#888}.content-library-item h3{font-size:14px;margin:10px 0 4px}.content-library-item p{font-size:11px;line-height:1.5;color:#666;margin:0 0 12px}.content-library-meta{display:grid;gap:2px;margin-top:auto;color:#888;font-size:9px}.content-library-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.content-modal-plan-note{display:grid;gap:3px;padding:10px 12px;margin-bottom:12px;border:1px solid #deded8;border-radius:9px;background:#f8f8f5}.content-modal-plan-note strong{font-size:11px}.content-modal-plan-note span{font-size:10px;color:#6f6f69;line-height:1.45}.content-drive-field{grid-column:span 2}.content-plan-notes-field{grid-column:span 2}.content-duplicate-modal{max-width:560px}
.client-app[data-client-theme="dark"] .content-cycle-banner{background:#0d1918;border-color:#284642}.client-app[data-client-theme="dark"] .content-cycle-banner span,.client-app[data-client-theme="dark"] .content-cycle-banner small{color:#8fa8a3}.client-app[data-client-theme="dark"] .content-cycle-banner.is-active{background:#10211f;border-color:#31534e}.client-app[data-client-theme="dark"] .content-cycle-banner.is-overdue{background:#251717;border-color:#6f3f3f}.client-app[data-client-theme="dark"] .content-cycle-banner.is-overdue strong{color:#f0b3b3}.client-app[data-client-theme="dark"] .content-thumb-empty{background:#0a1413;border-color:#284642;color:#79938e}.client-app[data-client-theme="dark"] .content-missing{background:#2b2117;color:#efc496}
@media(max-width:1100px){.content-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-plan-guardrail{align-items:flex-start}.content-calendar-actions{justify-content:flex-start}.content-drive-field,.content-plan-notes-field{grid-column:span 1}}
@media(max-width:700px){.content-library-grid{grid-template-columns:1fr}.content-plan-guardrail,.content-cycle-banner,.content-bulk-toolbar{align-items:stretch;flex-direction:column}.content-capacity{justify-items:start}.content-bulk-toolbar>div,.content-calendar-actions{width:100%}.content-bulk-toolbar .btn,.content-calendar-actions .btn{flex:1}.content-select-wrap{width:24px;height:24px}.content-drive-field,.content-plan-notes-field{grid-column:auto}}

/* V29.2 Drive + cleanup */
.content-drive-control{display:flex;align-items:center;gap:8px}.content-drive-control input{min-width:0;flex:1}.content-drive-control .btn{flex:0 0 auto}
.content-cleanup-list{display:grid;gap:9px}.content-cleanup-list article,.content-cleanup-dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e1e1dc;border-radius:11px;background:#fff;padding:12px 13px}.content-cleanup-list article>div:first-child,.content-cleanup-dashboard-row>div:first-child{display:grid;gap:3px;min-width:0}.content-cleanup-list article strong,.content-cleanup-dashboard-row strong{font-size:12px}.content-cleanup-list article span,.content-cleanup-dashboard-row span{font-size:10px;color:#777}.content-cleanup-list article a{font-size:10px;font-weight:750;text-decoration:none;color:#245d57}.content-cleanup-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.content-cleanup-dashboard-row .row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.content-drive-control,.content-cleanup-list article,.content-cleanup-dashboard-row{align-items:stretch;flex-direction:column}.content-drive-control .btn,.content-cleanup-actions .btn,.content-cleanup-dashboard-row .row .btn,.content-cleanup-dashboard-row .row a{width:100%}.content-cleanup-actions,.content-cleanup-dashboard-row .row{justify-content:stretch}}

/* =========================================================
   V29.3 — Content Operations / quick service setup
   ========================================================= */
.business-feature-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.business-quick-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.business-setup-panel{max-width:760px}
.business-setup-toggles,.copy-setup-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #e0e4e1;border-radius:11px;background:#f8faf8}
.business-setup-toggles .switchline,.copy-setup-options .check{min-height:42px;padding:9px 10px;border:1px solid #e0e4e1;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.gc-quick-list{display:grid;gap:8px;padding:4px 0}
.gc-quick-client{width:100%;border:1px solid #e0e4e1;border-radius:11px;background:#fff;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:#141816}
.gc-quick-client:hover{border-color:#6f918a;background:#f8fbfa}
.gc-quick-client strong{font-size:13px}.gc-quick-client span{font-size:10px;color:#6e7c78;font-weight:700}

.content-wide{grid-column:1/-1}
.content-month-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.content-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid #e5e5df;background:#f7f7f4}
.content-calendar-weekdays span{padding:9px;text-align:center;font-size:10px;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.05em}
.content-card-category,.content-client-category{display:inline-flex;width:max-content;max-width:100%;margin-top:6px;padding:3px 6px;border-radius:999px;background:#f0f3f1;color:#596965;font-size:8px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.content-client-note{margin-top:7px;padding:7px 8px;border-radius:8px;background:#fff7df;border:1px solid #ecdca5;color:#715d21;font-size:9px;line-height:1.45}
.content-client-preview{display:grid;gap:10px;padding:12px;border:1px solid #e1e5e2;border-radius:11px;background:#fafbf9}

.content-drive-assets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
.content-drive-asset{min-width:0;display:flex;flex-direction:column;gap:6px;padding:9px;border:1px solid #e0e4e1;border-radius:11px;background:#fff;cursor:grab;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.content-drive-asset:hover{border-color:#7fa69f;transform:translateY(-1px);box-shadow:0 8px 24px rgba(7,19,22,.06)}
.content-drive-asset:active{cursor:grabbing}
.content-drive-asset img,.content-drive-file-icon{width:100%;aspect-ratio:1.2/1;border-radius:8px;object-fit:cover;background:#edf2f0}
.content-drive-file-icon{display:grid;place-items:center;font-size:22px;color:#60736e}
.content-drive-asset strong{font-size:10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-drive-asset small{font-size:8px;color:#7b8985;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-drive-calendar{display:grid;gap:9px}.content-drive-calendar>h3{margin:0;font-size:13px}

.content-library-card{display:flex;flex-direction:column;gap:9px;min-height:170px;padding:13px;border:1px solid #e0e4e1;border-radius:12px;background:#fff}
.content-library-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.content-library-card>div:first-child span{font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:#5f7771}
.content-library-card>div:first-child strong{font-size:12px;text-align:right}
.content-library-card p{margin:0;color:#65736f;font-size:10px;line-height:1.55;white-space:pre-wrap}
.content-library-card>small{margin-top:auto;font-size:9px;color:#82908c}
.content-library-card .row{margin-top:2px}

.content-work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.content-work-head h2{margin:3px 0 5px}.content-work-head p{margin:0}
.content-timer{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:11px 12px;border:1px solid #dfe5e2;border-radius:11px;background:#f8faf9;min-width:200px}
.content-timer strong{font-size:20px;grid-row:1/3}.content-timer span{font-size:9px;color:#788681}.content-timer .btn{grid-column:1/-1;margin-top:5px}
.content-work-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.content-work-kpis>div{display:grid;gap:2px;padding:12px;border:1px solid #e0e4e1;border-radius:11px;background:#fff}
.content-work-kpis strong{font-size:22px}.content-work-kpis span{font-size:9px;color:#778681}
.content-list-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.content-list-view .content-post-card{height:100%}
.content-meta-queue{display:grid;gap:10px}
.content-meta-card{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(280px,1.4fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #dfe4e1;border-radius:11px;background:#fff}
.content-meta-card>div:first-child{display:grid;gap:3px}.content-meta-card>div:first-child span{font-size:8px;font-weight:850;color:#70807b}.content-meta-card>div:first-child strong{font-size:12px}.content-meta-card>div:first-child small{font-size:9px;color:#7c8985}
.content-meta-card textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #dfe3e0;border-radius:9px;padding:9px 10px;background:#fafbf9;color:#2a302e;font-size:10px;line-height:1.5}
.content-meta-card>.row{justify-content:flex-end}

.content-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.content-report-grid article{display:grid;gap:4px;padding:14px;border:1px solid #dfe4e1;border-radius:12px;background:#fff}
.content-report-grid span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:#788680}
.content-report-grid strong{font-size:24px;letter-spacing:-.03em}.content-report-grid small{font-size:9px;color:#7d8a86;line-height:1.45}

.client-app[data-client-theme="dark"] .content-card-category,
.client-app[data-client-theme="dark"] .content-client-category{background:#152925;color:#a8c9c2}
.client-app[data-client-theme="dark"] .content-client-note{background:#2b2517;border-color:#66582e;color:#e6cf8b}
.client-app[data-client-theme="dark"] .content-client-preview{background:#0a1413;border-color:#284642}
.client-app[data-client-theme="dark"] .content-calendar-weekdays{background:#10211f;border-color:#24413e}
.client-app[data-client-theme="dark"] .content-calendar-weekdays span{color:#91aaa5}

@media(max-width:1180px){
 .business-feature-grid-three{grid-template-columns:1fr}
 .content-drive-assets{grid-template-columns:repeat(4,minmax(0,1fr))}
 .content-list-view{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content-meta-card{grid-template-columns:1fr}
 .content-meta-card>.row{justify-content:flex-start}
 .content-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .business-quick-head-actions{justify-content:flex-start}
 .business-setup-toggles,.copy-setup-options{grid-template-columns:1fr}
 .content-drive-assets{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content-work-head{flex-direction:column}
 .content-timer{width:100%}
 .content-work-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content-list-view{grid-template-columns:1fr}
}
@media(max-width:520px){
 .content-drive-assets,.content-report-grid,.content-work-kpis{grid-template-columns:1fr}
 .gc-quick-client{align-items:flex-start;flex-direction:column}
 .content-library-card>div:first-child{display:grid}.content-library-card>div:first-child strong{text-align:left}
}

/* V29.3.4 — Calendar + Work Timer hotfix */
.content-calendar-shell{
  width:100%;
  overflow:auto;
  border:1px solid #e1e1dc;
  border-radius:14px;
  background:#fff;
  -webkit-overflow-scrolling:touch;
}
.content-calendar-shell .content-calendar-weekdays,
.content-calendar-shell .content-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(120px,1fr));
  min-width:840px;
}
.content-calendar-shell .content-calendar-weekdays{
  position:sticky;
  top:0;
  z-index:5;
  border-bottom:1px solid #e5e5df;
  background:#f7f7f4;
}
.content-calendar-shell .content-calendar{
  border:0;
  border-radius:0;
  overflow:visible;
  background:#fff;
}
.content-calendar-shell .content-day{
  min-width:0;
  min-height:158px;
}
.content-calendar-shell .content-day-list{
  display:grid;
  gap:7px;
  min-width:0;
}
.content-calendar-shell .content-post-card{
  min-width:0;
  overflow:hidden;
}
.content-calendar-shell .content-post-card strong,
.content-calendar-shell .content-post-card p,
.content-calendar-shell .content-post-card small{
  overflow-wrap:anywhere;
}
.content-calendar-shell .content-thumb{
  max-height:120px;
}

.content-timer{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  min-width:250px;
  padding:12px;
}
.content-timer-total,
.content-timer-live{
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
}
.content-timer-total strong{
  font-size:18px;
  line-height:1.1;
}
.content-timer-live{
  padding:9px 10px;
  border:1px solid #dfe5e2;
  border-radius:9px;
  background:#fff;
}
.content-timer-live strong{
  font-variant-numeric:tabular-nums;
  font-size:24px;
  line-height:1;
  letter-spacing:.03em;
}
.content-timer-total span,
.content-timer-live span{
  font-size:9px;
  color:#788681;
}
.content-timer.is-running .content-timer-live{
  border-color:#93b8ad;
  box-shadow:0 0 0 2px rgba(69,122,109,.08);
}
.content-timer .btn{
  grid-column:auto;
  margin-top:0;
  width:100%;
}

.client-app[data-client-theme="dark"] .content-calendar-shell{
  background:#0d1918;
  border-color:#24413e;
}
.client-app[data-client-theme="dark"] .content-calendar-shell .content-calendar{
  background:#0d1918;
}
.client-app[data-client-theme="dark"] .content-calendar-shell .content-calendar-weekdays{
  background:#10211f;
  border-color:#24413e;
}

@media(max-width:1000px){
  .content-calendar-shell .content-calendar-weekdays,
  .content-calendar-shell .content-calendar{min-width:840px}
}
@media(max-width:650px){
  .content-calendar-shell{border-radius:12px}
  .content-calendar-shell .content-calendar-weekdays,
  .content-calendar-shell .content-calendar{min-width:805px;grid-template-columns:repeat(7,minmax(115px,1fr))}
  .content-calendar-shell .content-day{min-height:145px}
  .content-timer{width:100%;min-width:0}
}


/* V29.3.5 — Meta-style content planner + client live social preview */
.gc-publishing-schedule{grid-column:1/-1;padding:14px;border:1px solid #dce3df;border-radius:13px;background:linear-gradient(180deg,#fbfcfb,#f5f8f6)}
.gc-schedule-head,.gc-schedule-actions,.gc-meta-ready-head,.gc-client-preview-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.gc-schedule-head label{font-size:12px;font-weight:850}.gc-schedule-head small{max-width:720px}.gc-meta-window{padding:6px 9px;border-radius:999px;background:#111;color:#fff;font-size:8px;font-weight:850;letter-spacing:.08em;white-space:nowrap}.gc-schedule-presets{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.gc-schedule-rows{display:grid;gap:7px}.gc-schedule-row{display:grid;grid-template-columns:28px minmax(170px,1fr) 125px 40px;gap:8px;align-items:center}.gc-schedule-row select,.gc-schedule-row input{min-width:0}.gc-schedule-index{display:flex;width:26px;height:26px;border-radius:8px;align-items:center;justify-content:center;background:#e9efec;font-size:10px;font-weight:850}.gc-schedule-actions{margin-top:10px;padding-top:10px;border-top:1px solid #e1e7e4}.gc-schedule-actions>span{font-size:10px;color:#66756f;font-weight:700}
.gc-planner-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px;padding:12px 14px;border:1px solid #dfe5e2;border-radius:12px;background:#f7f9f8}.gc-planner-bar>div:first-child{display:grid;gap:2px}.gc-planner-bar strong{text-transform:capitalize}.gc-planner-kicker{font-size:8px;font-weight:850;letter-spacing:.1em;color:#6f7e79}.gc-planner-schedule{display:grid;justify-items:end;gap:2px}.gc-planner-schedule span{font-size:8px;color:#7a8883;text-transform:uppercase;font-weight:800}.gc-planner-schedule b{font-size:10px;font-weight:750}.content-day.is-preferred-day{background:linear-gradient(180deg,rgba(229,241,236,.55),#fff 38%)}.content-day.is-preferred-day .content-day-head span{color:#477264;font-weight:800}.content-post-card.status-approved{box-shadow:inset 3px 0 0 #4f8c72,0 3px 12px rgba(0,0,0,.03)}
.gc-meta-ready-head{align-items:flex-start;margin-bottom:14px}.gc-meta-ready-kpis{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gc-meta-ready-kpis>div{display:grid;min-width:84px;padding:9px 12px;border:1px solid #dfe5e2;border-radius:10px;background:#fff}.gc-meta-ready-kpis strong{font-size:18px}.gc-meta-ready-kpis span{font-size:8px;color:#77847f}.gc-meta-ready-list{display:grid;gap:14px}.gc-meta-ready-item{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(330px,1.1fr);gap:18px;padding:16px;border:1px solid #dce3df;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(25,45,39,.05)}.gc-meta-preview-col,.gc-meta-control-col{min-width:0}.gc-meta-order{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.gc-meta-order span{font-size:9px;font-weight:850;color:#78857f}.gc-meta-order strong{font-size:11px}.gc-meta-control-col{display:flex;flex-direction:column;gap:10px}.gc-meta-control-col h3{margin:5px 0 0}.gc-meta-control-col>label{font-size:9px;font-weight:800;color:#6e7c77;text-transform:uppercase}.gc-meta-control-col textarea{min-height:150px;resize:vertical;border:1px solid #dfe5e2;border-radius:11px;padding:11px;background:#f9fbfa;font:inherit;font-size:11px;line-height:1.55}.gc-meta-copy-actions,.gc-meta-final-actions,.gc-meta-platform-pills,.gc-preview-platforms{display:flex;gap:7px;flex-wrap:wrap}.gc-meta-final-actions{margin-top:auto}.gc-meta-platform-pills span{padding:4px 7px;border-radius:999px;background:#eef3f1;font-size:8px;font-weight:800}.gc-preview-platforms{margin-bottom:8px}.gc-preview-platforms button{appearance:none;border:1px solid #dce2df;background:#fff;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;cursor:pointer}.gc-preview-platforms button.active{background:#111;color:#fff;border-color:#111}.gc-scheduled-meta{margin-top:18px}
.gc-social-preview{overflow:hidden;border:1px solid #d9dfdc;border-radius:14px;background:#fff;color:#202322;box-shadow:0 8px 24px rgba(25,40,35,.06);font-family:Inter,Arial,sans-serif}.gc-social-preview header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:11px 12px}.gc-social-preview header>div{display:grid}.gc-social-preview header strong{font-size:11px}.gc-social-preview header small{font-size:8px;color:#7c8582}.gc-social-preview header>b{font-size:12px;letter-spacing:1px}.gc-social-avatar{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#152421;color:#fff;font-weight:850}.gc-social-caption{padding:9px 12px 11px;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.gc-social-media{display:block;width:100%;max-height:420px;object-fit:cover;background:#eff2f1}.gc-social-media-empty{aspect-ratio:1.2/1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#74817d;background:linear-gradient(135deg,#eef3f1,#f8faf9)}.gc-social-media-empty span{font-size:12px;font-weight:800}.gc-social-media-empty small{font-size:8px;margin-top:4px}.gc-facebook-stats{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #edf0ef;color:#747e7a;font-size:8px}.gc-facebook-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 6px}.gc-facebook-actions span{text-align:center;font-size:9px;font-weight:700;color:#555e5b}.gc-social-preview.instagram .gc-social-media{aspect-ratio:1/1;max-height:none}.gc-instagram-actions{display:flex;gap:12px;align-items:center;padding:9px 12px 3px;font-size:18px}.gc-instagram-actions .spacer{flex:1}.gc-social-preview.instagram .gc-social-caption{padding-top:5px}.gc-social-preview.instagram .gc-social-caption strong{margin-right:4px}
.gc-client-post-review{width:min(1100px,calc(100vw - 28px));max-width:1100px}.gc-client-review-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(340px,1.1fr);gap:18px;padding:16px}.gc-client-editor{display:flex;flex-direction:column;gap:12px}.gc-client-preview-pane{min-width:0;padding:13px;border-radius:14px;background:#f3f6f4;border:1px solid #e0e6e3}.gc-client-preview-title{align-items:flex-start}.gc-client-preview-title>div:first-child{display:grid;gap:2px}.gc-client-preview-title span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#6b7a75}.gc-client-preview-title strong{font-size:12px}.gc-client-schedule-preview{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;padding:9px 10px;border-radius:9px;background:#fff;border:1px solid #dfe5e2}.gc-client-schedule-preview span{font-size:8px;color:#71807b;text-transform:uppercase;font-weight:800}.gc-client-schedule-preview strong{font-size:10px}.gc-client-review-actions{padding:14px 16px;border-top:1px solid #e1e6e4}.gc-client-review-actions .spacer{flex:1}
.client-app[data-client-theme="dark"] .gc-client-preview-pane{background:#091412;border-color:#284642}.client-app[data-client-theme="dark"] .gc-client-schedule-preview,.client-app[data-client-theme="dark"] .gc-social-preview{background:#0f1c1a;color:#eef7f5;border-color:#2a4641}.client-app[data-client-theme="dark"] .gc-social-preview header small,.client-app[data-client-theme="dark"] .gc-facebook-actions span,.client-app[data-client-theme="dark"] .gc-facebook-stats{color:#95aaa5}.client-app[data-client-theme="dark"] .gc-facebook-stats{border-color:#25403b}.client-app[data-client-theme="dark"] .gc-social-media-empty{background:#122320;color:#9fb4af}.client-app[data-client-theme="dark"] .gc-preview-platforms button{background:#0d1918;color:#dce9e6;border-color:#284642}.client-app[data-client-theme="dark"] .gc-preview-platforms button.active{background:#dff6f1;color:#081210;border-color:#dff6f1}
@media(max-width:980px){.gc-meta-ready-item,.gc-client-review-grid{grid-template-columns:1fr}.gc-meta-ready-head,.gc-planner-bar{align-items:flex-start;flex-direction:column}.gc-meta-ready-kpis{justify-content:flex-start}.gc-planner-schedule{justify-items:start}.gc-social-media{max-height:520px}}
@media(max-width:650px){.gc-schedule-head,.gc-schedule-actions,.gc-client-preview-title{align-items:flex-start;flex-direction:column}.gc-schedule-row{grid-template-columns:28px minmax(0,1fr) 105px 36px}.gc-meta-window{white-space:normal}.gc-client-review-grid{padding:10px}.gc-client-review-actions{align-items:stretch;flex-direction:column}.gc-client-review-actions .spacer{display:none}.gc-meta-copy-actions .btn,.gc-meta-final-actions .btn,.gc-meta-final-actions a{flex:1}.gc-meta-ready-item{padding:11px}}


/* V29.3.5 individual post preview — calendar stays compact, post opens full preview */
.gc-admin-preview-modal{width:min(1160px,calc(100vw - 28px));max-width:1160px}
.gc-admin-review-grid{display:grid!important;grid-template-columns:minmax(420px,1fr) minmax(360px,.9fr);gap:18px;align-items:start}
.gc-admin-post-editor{min-width:0;display:flex;flex-direction:column;gap:12px}
.gc-admin-preview-pane{position:sticky;top:14px;min-width:0;padding:14px;border:1px solid #dfe5e2;border-radius:14px;background:#f3f6f4}
.gc-admin-preview-pane .gc-client-preview-title{margin-bottom:10px}
.gc-preview-note{margin:10px 2px 0}
@media(max-width:980px){.gc-admin-review-grid{grid-template-columns:1fr}.gc-admin-preview-pane{position:static}.gc-admin-preview-modal{width:min(760px,calc(100vw - 20px))}}
@media(max-width:650px){.gc-admin-review-grid{gap:10px}.gc-admin-preview-pane{padding:10px}.gc-admin-preview-modal{width:calc(100vw - 12px)}}

/* V29.3.6 — mobile content planner polish */
.gc-mobile-agenda{display:none}
.gc-schedule-mobile-label{display:none}

@media(max-width:650px){
  /* Use a native mobile agenda instead of squeezing a 7-column desktop calendar. */
  .content-calendar-shell{display:none!important}
  .gc-mobile-agenda{display:grid;gap:10px;margin-top:10px}
  .gc-mobile-agenda-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 2px 4px}
  .gc-mobile-agenda-title span{font-size:8px;letter-spacing:.1em;font-weight:850;color:#71807a}
  .gc-mobile-agenda-title strong{font-size:13px}
  .gc-mobile-agenda-day{overflow:hidden;border:1px solid #dde4e0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(25,45,39,.04)}
  .gc-mobile-agenda-day.is-preferred-day{border-color:#c9ddd6}
  .gc-mobile-agenda-day.is-blackout{background:#faf7f5;border-color:#eadbd4}
  .gc-mobile-agenda-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #edf1ef;background:#f9fbfa}
  .gc-mobile-agenda-head>div{display:grid;gap:2px}
  .gc-mobile-agenda-head>div:last-child{justify-items:end}
  .gc-mobile-agenda-head span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#75837e;text-transform:uppercase}
  .gc-mobile-agenda-head strong{font-size:14px}
  .gc-mobile-agenda-head b{font-size:12px}
  .gc-mobile-agenda-head small{font-size:8px;color:#7c8984}
  .gc-mobile-agenda-head em{font-style:normal;font-size:8px;font-weight:800;color:#9a624c}
  .gc-mobile-agenda-posts{display:grid;gap:8px;padding:9px}
  .gc-mobile-agenda-posts .content-post-card{display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:10px;align-items:start;min-height:0;padding:9px}
  .gc-mobile-agenda-posts .content-card-top{grid-column:2;grid-row:1}
  .gc-mobile-agenda-posts .content-thumb{grid-column:1;grid-row:1 / span 6;width:74px;height:74px;min-height:74px;border-radius:10px;object-fit:cover;margin:0}
  .gc-mobile-agenda-posts .content-card-category,
  .gc-mobile-agenda-posts .content-post-card>strong,
  .gc-mobile-agenda-posts .content-post-card>small,
  .gc-mobile-agenda-posts .content-missing,
  .gc-mobile-agenda-posts .content-client-note,
  .gc-mobile-agenda-posts .content-post-card>p{grid-column:2}
  .gc-mobile-agenda-posts .content-post-card>strong{font-size:12px;line-height:1.25;margin-top:2px}
  .gc-mobile-agenda-posts .content-post-card>p{font-size:9px;line-height:1.4;margin:3px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .gc-mobile-agenda-posts .content-card-category{margin-top:3px}
  .gc-mobile-empty-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}
  .gc-mobile-empty-slot>div{display:grid;gap:3px}
  .gc-mobile-empty-slot strong{font-size:11px}
  .gc-mobile-empty-slot span{font-size:9px;color:#75827d}
  .gc-mobile-empty-slot .btn{flex:0 0 auto}

  /* Publishing schedule becomes a clear vertical editor on phones. */
  .gc-schedule-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:12px;border:1px solid #e0e6e3;border-radius:12px;background:#fafcfb}
  .gc-schedule-mobile-label{display:block;grid-column:1/-1;font-size:9px;font-weight:850;letter-spacing:.05em;color:#66756f;text-transform:uppercase}
  .gc-schedule-index{display:none}
  .gc-schedule-row select{grid-column:1/-1;width:100%;min-height:42px}
  .gc-schedule-row input[data-gc-slot-time]{grid-column:1;min-height:42px;width:100%}
  .gc-schedule-row [data-gc-remove-slot]{grid-column:2;width:44px;min-width:44px;min-height:42px;margin:0}
  .gc-schedule-presets{display:grid;grid-template-columns:1fr;gap:7px}
  .gc-schedule-presets .btn{width:100%;justify-content:center}
  .gc-schedule-actions{width:100%;gap:10px}
  .gc-schedule-actions>span{line-height:1.45}
  .gc-schedule-actions .btn{width:100%}

  /* Planner actions remain usable with one thumb. */
  .content-calendar-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;width:100%}
  .content-calendar-actions .btn{width:100%;min-width:0;justify-content:center}
  .content-calendar-actions #contentPrepareNext,
  .content-calendar-actions #contentSendReview{grid-column:1/-1}
}

.client-app[data-client-theme="dark"] .gc-mobile-agenda-day{background:#0d1918;color:#f4f8f7;border-color:#24413e}
.client-app[data-client-theme="dark"] .gc-mobile-agenda-head{background:#10211f;border-color:#24413e}
.client-app[data-client-theme="dark"] .gc-mobile-agenda-head span,
.client-app[data-client-theme="dark"] .gc-mobile-agenda-head small,
.client-app[data-client-theme="dark"] .gc-mobile-empty-slot span{color:#91aaa5}
.client-app[data-client-theme="dark"] .gc-mobile-agenda-day.is-blackout{background:#171311;border-color:#4c332b}


/* V29.3.7 — creative source picker, exact Drive month folder and next-slot assist */
.gc-creative-source-panel{display:grid;gap:11px;padding:13px;border:1px solid #dce4e0;border-radius:13px;background:#f8faf9}
.gc-creative-source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gc-creative-source-head>div:first-child{display:grid;gap:2px}.gc-creative-source-head span{font-size:8px;font-weight:850;letter-spacing:.1em;color:#708079}.gc-creative-source-head strong{font-size:12px}.gc-creative-source-tabs{display:flex;gap:6px;flex-wrap:wrap}
.gc-creative-drive-pane,.gc-creative-external-pane{display:grid;gap:9px}.gc-creative-folder-actions{display:flex;gap:7px;flex-wrap:wrap}.gc-creative-folder-status,.gc-external-preview-status,.gc-selected-creative,.gc-next-slot-hint{font-size:9px;line-height:1.45;color:#687872}.gc-creative-folder-status a{font-weight:800}.gc-creative-external-pane label{font-size:10px;font-weight:800}.gc-creative-external-pane small{font-size:9px;color:#74837d;line-height:1.45}
.gc-creative-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:2px}.gc-creative-asset{appearance:none;display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;text-align:left;padding:7px;border:1px solid #dfe5e2;border-radius:11px;background:#fff;color:inherit;cursor:pointer}.gc-creative-asset:hover{border-color:#a9c4bb}.gc-creative-asset.selected{border-color:#497d6d;box-shadow:0 0 0 2px rgba(73,125,109,.1)}.gc-creative-asset-media{display:flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#edf2f0}.gc-creative-asset-media img{width:100%;height:100%;object-fit:cover}.gc-creative-asset-media b{font-size:18px}.gc-creative-asset>span:last-child{display:grid;gap:3px;min-width:0}.gc-creative-asset strong{font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.gc-creative-asset small{font-size:8px;color:#778680}.gc-selected-creative{font-weight:750;color:#466c60}.gc-external-url-field>small{display:none}.gc-social-video{background:#111;object-fit:contain}.gc-social-preview.instagram .gc-social-video{aspect-ratio:1/1;max-height:none}
@media(max-width:900px){.gc-creative-assets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.gc-creative-source-head{flex-direction:column}.gc-creative-source-tabs,.gc-creative-folder-actions{width:100%;display:grid;grid-template-columns:1fr}.gc-creative-source-tabs .btn,.gc-creative-folder-actions .btn{width:100%}.gc-creative-assets{grid-template-columns:1fr;max-height:360px}.gc-creative-asset{grid-template-columns:64px minmax(0,1fr)}.gc-creative-asset-media{width:64px;height:64px}.gc-next-slot-hint{display:block;margin-top:5px}}

.gc-social-video-poster{position:relative;background:#111}.gc-social-video-poster>span{position:absolute;left:50%;top:50%;display:flex;width:46px;height:46px;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:18px;padding-left:2px}.gc-social-video-poster>small{position:absolute;left:10px;right:10px;bottom:10px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:8px;text-align:center}


/* V29.3.9 — True Social Preview only */
.gc-social-preview-stage{width:100%;margin:0 auto}.gc-social-preview-stage.gc-preview-facebook[data-preview-size="desktop"]{max-width:680px}.gc-social-preview-stage.gc-preview-facebook[data-preview-size="mobile"],.gc-social-preview-stage.gc-preview-instagram[data-preview-size="mobile"]{max-width:390px}.gc-social-preview-stage.gc-preview-instagram[data-preview-size="post"]{max-width:470px}.gc-preview-size-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 0 7px;font-family:Inter,Arial,sans-serif}.gc-preview-size-controls>span{margin-right:2px;color:#7b8582;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.gc-preview-size-controls button{appearance:none;border:1px solid #d9dfdc;background:#fff;color:#4b5552;border-radius:999px;padding:5px 8px;font:700 8px/1 Inter,Arial,sans-serif;cursor:pointer}.gc-preview-size-controls button.active{background:#111;color:#fff;border-color:#111}
.gc-social-preview-v2939{overflow:hidden;border:1px solid #d8dadf;border-radius:10px;background:#fff!important;color:#080809!important;box-shadow:0 1px 2px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.gc-social-preview-v2939 header{padding:12px 12px 10px}.gc-social-preview-v2939 .gc-social-avatar{width:40px;height:40px;border:0;background:linear-gradient(145deg,#182522,#31443f);color:#fff;font-size:15px}.gc-social-preview-v2939 .gc-preview-icon-btn,.gc-social-preview-v2939 .gc-instagram-actions button,.gc-social-preview-v2939 .gc-facebook-actions button,.gc-social-preview-v2939 .gc-see-more{appearance:none;border:0;background:transparent;color:inherit;cursor:default;padding:0}.gc-meta-icon{display:block;flex:none}.gc-preview-placeholder{color:#8a8d91}.gc-preview-link{color:#0866ff;overflow-wrap:anywhere}
.gc-fb-post-head,.gc-ig-post-head{display:grid!important;grid-template-columns:40px minmax(0,1fr) 32px!important;gap:9px!important;align-items:center!important}.gc-fb-profile,.gc-ig-profile{display:grid!important;gap:2px;min-width:0}.gc-fb-profile strong,.gc-ig-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#050505;font-size:14px!important;line-height:1.2;font-weight:650}.gc-fb-profile small{display:flex!important;align-items:center;gap:4px;color:#65676b!important;font-size:11px!important;line-height:1.2}.gc-fb-profile small svg{width:12px;height:12px}.gc-ig-profile small{color:#737373!important;font-size:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-preview-icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%!important;color:#65676b!important}.gc-preview-icon-btn:hover{background:#f2f3f5}
.gc-social-preview-v2939 .gc-social-caption{overflow-wrap:anywhere}.gc-fb-caption{padding:0 12px 12px!important;color:#050505;font-size:14px!important;line-height:1.38!important}.gc-fb-caption .gc-see-more{margin-left:4px;font-size:14px;font-weight:600;color:#050505}.gc-v2939-media-wrap{position:relative;overflow:hidden;background:#f0f2f5;border-top:1px solid #e4e6eb;border-bottom:1px solid #e4e6eb}.gc-v2939-media-wrap .gc-social-media{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#f0f2f5}.gc-v2939-media-wrap.is-video{background:#000}.gc-v2939-media-wrap.is-video .gc-social-media{object-fit:contain;background:#000}.gc-v2939-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.58);color:#fff}.gc-v2939-video-label{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;font-weight:700}.gc-v2939-empty{aspect-ratio:1.3/1;background:#f0f2f5!important;color:#65676b!important;border-top:1px solid #e4e6eb;border-bottom:1px solid #e4e6eb}.gc-v2939-empty span{font-size:14px}.gc-v2939-empty small{font-size:10px}
.gc-fb-link-card{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:92px;background:#f0f2f5;border-top:1px solid #e4e6eb;border-bottom:1px solid #e4e6eb}.gc-fb-link-placeholder{display:grid;place-items:center;background:#e4e6eb}.gc-fb-link-placeholder span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#fff;color:#65676b;font-weight:800}.gc-fb-link-copy{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 12px;min-width:0}.gc-fb-link-copy small{font-size:10px;color:#65676b}.gc-fb-link-copy strong{font-size:13px;line-height:1.25;color:#050505;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-fb-link-copy span{font-size:10px;color:#65676b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-v2939-facebook-stats{display:flex!important;align-items:center;justify-content:space-between;padding:9px 12px!important;color:#65676b!important;font-size:11px!important;border-bottom:1px solid #ced0d4!important}.gc-fb-reactions{display:flex;align-items:center;gap:6px}.gc-fb-like-dot{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0866ff;color:#fff}.gc-v2939-facebook-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 8px!important}.gc-v2939-facebook-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:6px!important;color:#65676b!important;font-size:12px;font-weight:650}.gc-v2939-facebook-actions button:hover{background:#f2f3f5}
.gc-social-preview-v2939.instagram{border-color:#dbdbdb;border-radius:8px}.gc-social-preview-v2939.instagram .gc-social-media{aspect-ratio:auto!important;max-height:620px!important;object-fit:contain!important;background:#000}.gc-v2939-instagram-actions{display:flex!important;align-items:center;justify-content:space-between;padding:10px 12px 4px!important;color:#000;font-size:inherit!important}.gc-v2939-instagram-actions>div{display:flex;align-items:center;gap:14px}.gc-v2939-instagram-actions button{color:#000!important}.gc-ig-likes{padding:5px 12px 0;color:#000;font-size:12px;font-weight:650}.gc-ig-caption{padding:5px 12px 0!important;color:#000;font-size:12px!important;line-height:1.45!important}.gc-ig-caption>strong{margin-right:4px;font-size:12px;font-weight:650}.gc-ig-caption .gc-see-more{margin-left:4px;color:#737373;font-size:12px}.gc-ig-comments{padding:5px 12px 0;color:#737373;font-size:11px}.gc-ig-add-comment{display:flex;align-items:center;gap:7px;padding:8px 12px 0;color:#a8a8a8;font-size:11px}.gc-mini-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#263b35;color:#fff;font-size:9px;font-weight:800}.gc-ig-date{padding:7px 12px 12px;color:#737373;font-size:9px;text-transform:uppercase;letter-spacing:.02em}
.client-app[data-client-theme="dark"] .gc-social-preview-v2939{background:#fff!important;color:#080809!important;border-color:#d8dadf!important}.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-fb-profile strong,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-ig-profile strong,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-fb-caption,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-ig-caption,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-ig-likes{color:#050505!important}.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-fb-profile small,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-ig-profile small,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-v2939-facebook-stats,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-v2939-facebook-actions button,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-ig-comments,.client-app[data-client-theme="dark"] .gc-social-preview-v2939 .gc-ig-date{color:#65676b!important}.client-app[data-client-theme="dark"] .gc-preview-size-controls button{background:#0d1918;color:#dce9e6;border-color:#284642}.client-app[data-client-theme="dark"] .gc-preview-size-controls button.active{background:#dff6f1;color:#081210;border-color:#dff6f1}
@media(max-width:650px){.gc-preview-size-controls{justify-content:flex-start}.gc-social-preview-stage[data-preview-size="desktop"],.gc-social-preview-stage[data-preview-size="post"]{max-width:100%!important}.gc-social-preview-v2939 .gc-social-avatar{width:36px;height:36px}.gc-fb-post-head,.gc-ig-post-head{grid-template-columns:36px minmax(0,1fr) 30px!important}.gc-fb-profile strong,.gc-ig-profile strong{font-size:13px!important}.gc-fb-caption{font-size:13px!important}.gc-v2939-facebook-actions button span{font-size:11px}.gc-fb-link-card{grid-template-columns:92px minmax(0,1fr)}}

/* V29.3.9 · prominent client Drive shortcut */
.business-drive-top-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.business-drive-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 88%,var(--accent) 12%));box-shadow:0 10px 30px rgba(0,0,0,.06)}
.business-drive-hero-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:800;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.business-drive-hero-copy{min-width:0}
.business-drive-hero-copy h2{margin:3px 0 4px;font-size:18px;line-height:1.2}
.business-drive-hero-copy p{margin:0;color:var(--muted);font-size:13px}
.business-drive-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:760px){
 .business-drive-hero{grid-template-columns:auto minmax(0,1fr);padding:15px;gap:12px}
 .business-drive-hero-icon{width:42px;height:42px;border-radius:12px;font-size:19px}
 .business-drive-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;justify-content:stretch}
 .business-drive-hero-actions .btn{width:100%;justify-content:center}
 .business-drive-top-btn{order:-1}
}

/* V29.3.10 · folders and external resources */
.business-storage-hub{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 92%,var(--accent) 8%));box-shadow:0 10px 30px rgba(0,0,0,.05)}
.business-storage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.business-storage-head h2{margin:2px 0 3px;font-size:18px}.business-storage-head p{margin:0;color:var(--muted);font-size:12px}.business-storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}.business-storage-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.business-storage-card>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;color:inherit;text-decoration:none}.business-storage-card>a:hover{background:color-mix(in srgb,var(--panel) 93%,var(--accent) 7%)}.business-storage-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--accent) 17%,var(--panel));color:var(--accent);font-weight:800}.business-storage-card-icon.google{background:#eef5ff;color:#1a73e8}.business-storage-card>a>div{display:grid;gap:2px;min-width:0}.business-storage-card small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.06em}.business-storage-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.business-storage-card a span:not(.business-storage-card-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.business-storage-card a>b{color:var(--muted);font-size:10px;white-space:nowrap}.business-storage-card-tools{display:flex;gap:6px;padding:0 12px 10px 62px}.business-storage-card-tools .btn{font-size:8px}.business-storage-empty{appearance:none;display:grid;place-items:center;gap:4px;min-height:96px;padding:16px;border:1px dashed var(--line);border-radius:14px;background:transparent;color:inherit;cursor:pointer}.business-storage-empty:hover{border-color:var(--accent);background:color-mix(in srgb,var(--panel) 93%,var(--accent) 7%)}.business-storage-empty>span{font-size:22px;color:var(--accent)}.business-storage-empty strong{font-size:11px}.business-storage-empty small{color:var(--muted);font-size:9px;text-align:center}.business-folder-modal{max-width:620px}
.client-storage-shortcuts{margin:14px 0;padding:14px;border:1px solid var(--client-border,#dce6e2);border-radius:14px;background:var(--client-card,#fff)}.client-storage-shortcuts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.client-storage-shortcuts-head>div{display:grid;gap:2px}.client-storage-shortcuts-head span{font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--client-muted,#718079)}.client-storage-shortcuts-head strong{font-size:14px}.client-storage-shortcuts-head>small{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--client-soft,#eef5f2);font-size:9px;font-weight:800}.client-storage-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.client-storage-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--client-border,#dce6e2);border-radius:12px;background:var(--client-card,#fff);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}.client-storage-card:hover{transform:translateY(-1px);border-color:#9fc5ba;background:var(--client-soft,#f6faf8)}.client-storage-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef5ff;color:#1a73e8;font-size:14px;font-weight:800}.client-storage-card>div{display:grid;gap:2px;min-width:0}.client-storage-card small{font-size:7px;font-weight:800;letter-spacing:.07em;color:var(--client-muted,#718079)}.client-storage-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.client-storage-card p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--client-muted,#718079);font-size:8px}.client-storage-card>b{font-size:8px;color:var(--client-muted,#718079);white-space:nowrap}.client-app[data-client-theme="dark"] .client-storage-shortcuts,.client-app[data-client-theme="dark"] .client-storage-card{background:#0d1918;border-color:#24413d}.client-app[data-client-theme="dark"] .client-storage-card:hover{background:#132321;border-color:#3b6b63}.client-app[data-client-theme="dark"] .client-storage-shortcuts-head>small{background:#17302b}.client-app[data-client-theme="dark"] .client-storage-icon{background:#163459;color:#89b8ff}
@media(max-width:760px){.business-storage-hub{padding:14px}.business-storage-head{align-items:stretch;flex-direction:column}.business-storage-head .btn{width:100%;justify-content:center}.business-storage-grid{grid-template-columns:1fr}.business-storage-card>a{grid-template-columns:38px minmax(0,1fr) auto;padding:12px}.business-storage-card-tools{padding-left:60px}.client-storage-shortcuts{padding:12px}.client-storage-shortcuts-grid{grid-template-columns:1fr}.client-storage-card{grid-template-columns:36px minmax(0,1fr) auto}.client-storage-icon{width:36px;height:36px}}

/* V29.3.11 — AI Content Planner */
.gc-ai-settings-hero,.gc-ai-planner-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.gc-ai-provider-status{min-width:190px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);display:flex;flex-direction:column;gap:4px}
.gc-ai-provider-status strong{font-size:15px}.gc-ai-provider-status span{font-size:12px;color:var(--muted)}
.gc-ai-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gc-ai-provider-card{border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-soft)}
.gc-ai-provider-card.active{box-shadow:0 0 0 1px var(--accent) inset}
.gc-ai-provider-card>div{display:flex;flex-direction:column;gap:4px}.gc-ai-provider-card span:not(.pill){font-size:12px;color:var(--muted)}
.gc-client-ai-instructions textarea{min-height:92px}
.gc-ai-planner-head{margin-bottom:18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),var(--panel-soft))}
.gc-ai-planner-head h2{margin:4px 0 6px}.gc-ai-planner-head p{max-width:760px;margin:0}
.gc-ai-planner-input textarea{resize:vertical}.gc-ai-planner-input #gcAiPlannerSource{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}
.gc-ai-plan-result{margin-top:18px}.gc-ai-plan-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.gc-ai-plan-post{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:16px;padding:13px;background:var(--panel-soft)}
.gc-ai-plan-check{padding-top:6px}.gc-ai-plan-check input{width:18px;height:18px}
.gc-ai-plan-main{min-width:0}.gc-ai-plan-row{display:grid;grid-template-columns:34px minmax(180px,1fr) auto;gap:8px;align-items:center}
.gc-ai-plan-row input{width:100%;font-weight:700}.gc-ai-order{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:12px;font-weight:800}
.gc-ai-plan-schedule{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:10px 0}.gc-ai-plan-schedule label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.gc-ai-plan-schedule input{min-width:145px}.gc-ai-plan-schedule>span{font-size:12px;color:var(--muted);padding:9px 0}
.gc-ai-plan-assets{display:flex;gap:6px;align-items:center;margin:6px 0 10px}.gc-ai-plan-assets a,.gc-ai-plan-assets span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);font-size:11px;font-weight:700;text-decoration:none;color:var(--text)}
.gc-ai-plan-post details{border-top:1px solid var(--line);padding-top:9px}.gc-ai-plan-post summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted)}.gc-ai-plan-post details textarea{width:100%;margin-top:8px}
.gc-ai-plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:760px){
 .gc-ai-settings-hero,.gc-ai-planner-head{flex-direction:column}.gc-ai-provider-status{width:100%}.gc-ai-provider-grid{grid-template-columns:1fr}.gc-ai-plan-post{grid-template-columns:28px minmax(0,1fr);padding:11px}.gc-ai-plan-row{grid-template-columns:30px minmax(0,1fr)}.gc-ai-plan-row .pill{grid-column:2}.gc-ai-plan-schedule{display:grid;grid-template-columns:1fr 1fr}.gc-ai-plan-schedule label,.gc-ai-plan-schedule input{min-width:0;width:100%}.gc-ai-plan-schedule>span{grid-column:1/-1;padding:0}.gc-ai-plan-actions{display:grid;grid-template-columns:1fr}.gc-ai-plan-actions .btn{width:100%}
}
.gc-v29311-carousel{position:relative}.gc-v29311-carousel-count{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.68);color:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.gc-v29311-carousel-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:4px;background:rgba(0,0,0,.2);padding:4px 6px;border-radius:999px}.gc-v29311-carousel-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55)}.gc-v29311-carousel-dots i.active{background:#fff}
.gc-v29311-fb-grid{display:grid;gap:2px;background:#fff;overflow:hidden}.gc-v29311-fb-grid.count-2{grid-template-columns:1fr 1fr}.gc-v29311-fb-grid.count-3,.gc-v29311-fb-grid.count-4{grid-template-columns:1fr 1fr}.gc-v29311-fb-cell{position:relative;min-height:180px;background:#eef0f3;overflow:hidden}.gc-v29311-fb-cell img{width:100%;height:100%;object-fit:cover;display:block}.gc-v29311-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.52);color:#fff;font-size:34px;font-weight:700}.gc-meta-multi-creatives{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gc-meta-multi-creatives>span{font-size:12px;color:var(--muted);font-weight:700}
@media(max-width:760px){.gc-v29311-fb-cell{min-height:135px}.gc-meta-multi-creatives{width:100%}}


/* V29.3.14 — AI prompt examples */
.gc-ai-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.gc-ai-field-head label{margin:0}
.gc-ai-prompt-library{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}
.gc-ai-prompt-library-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.gc-ai-prompt-library-head>div{display:flex;flex-direction:column;gap:2px}.gc-ai-prompt-library-head strong{font-size:14px}.gc-ai-prompt-library-head span{font-size:12px;color:var(--muted)}
.gc-ai-prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gc-ai-prompt-card{appearance:none;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:12px;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-height:108px;transition:border-color .16s ease,transform .16s ease,background .16s ease}.gc-ai-prompt-card:hover{transform:translateY(-1px);border-color:var(--accent)}.gc-ai-prompt-card.active,.gc-ai-prompt-card.recommended{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.gc-ai-prompt-card span{font-size:13px;font-weight:800}.gc-ai-prompt-card small{font-size:11px;color:var(--muted);line-height:1.35;flex:1}.gc-ai-prompt-card b{font-size:11px;color:var(--accent);font-weight:800}
.gc-ai-prompt-recipe{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.45}.gc-ai-prompt-recipe strong{white-space:nowrap}.gc-ai-prompt-recipe span{color:var(--muted)}
@media(max-width:900px){.gc-ai-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.gc-ai-field-head,.gc-ai-prompt-library-head{align-items:stretch;flex-direction:column}.gc-ai-field-head .btn,.gc-ai-prompt-library-head .btn{width:100%}.gc-ai-prompt-grid{grid-template-columns:1fr}.gc-ai-prompt-card{min-height:auto}.gc-ai-prompt-recipe{flex-direction:column}.gc-ai-prompt-recipe strong{white-space:normal}}


/* V29.3.14 — Document → Calendar Approval Pipeline */
.gc-v29314-import-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.gc-v29314-import-kpis>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-soft,#f7f7f5);display:flex;flex-direction:column;gap:2px}.gc-v29314-import-kpis strong{font-size:22px}.gc-v29314-import-kpis span{font-size:12px;color:var(--muted)}
.gc-v29314-one-click{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid rgba(31,122,86,.24);background:rgba(31,122,86,.06);border-radius:14px;margin:14px 0 18px}.gc-v29314-one-click>div{display:flex;flex-direction:column;gap:4px}.gc-v29314-one-click span{font-size:13px;color:var(--muted);max-width:720px}
.gc-v29314-review-card{transition:border-color .18s ease,opacity .18s ease,background .18s ease}.gc-v29314-review-card.is-imported{border-color:rgba(31,122,86,.38);background:rgba(31,122,86,.045);opacity:.78}.gc-v29314-import-state{font-size:12px;color:#287759;font-weight:700}
.gc-v29314-plan-media{display:flex;gap:8px;overflow-x:auto;padding:10px 0 6px;scrollbar-width:thin}.gc-v29314-plan-media-item{position:relative;flex:0 0 118px;height:82px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#111;text-decoration:none}.gc-v29314-plan-media-item img,.gc-v29314-plan-media-item video{width:100%;height:100%;object-fit:cover;display:block}.gc-v29314-plan-media-item b{position:absolute;right:6px;bottom:6px;min-width:20px;height:20px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;display:grid;place-items:center;font-size:10px;padding:0 5px}.gc-v29314-plan-media-item>span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:24px;text-shadow:0 2px 8px #000}.gc-v29314-plan-media-item.is-link{background:var(--panel-soft,#f4f4f2);color:var(--text)}.gc-v29314-plan-media-item.is-link>span{color:var(--text);text-shadow:none}.gc-v29314-plan-media-more{flex:0 0 62px;height:82px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;font-weight:700}.gc-v29314-no-media{margin:10px 0;padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.gc-v29314-media-summary{display:flex;gap:12px;color:var(--muted);font-size:12px;margin-bottom:7px}
.gc-v29314-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.gc-v29314-social-preview{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.gc-v29314-copy textarea{width:100%;margin-top:8px}
.content-thumb.gc-v29314-calendar-media{height:112px;padding:0;position:relative;overflow:hidden;background:#111;border-radius:9px}.content-thumb.gc-v29314-calendar-media img,.content-thumb.gc-v29314-calendar-media video{width:100%;height:100%;object-fit:cover;display:block}.content-thumb.gc-v29314-calendar-media>b{position:absolute;right:7px;top:7px;background:rgba(0,0,0,.72);color:white;border-radius:999px;padding:4px 7px;font-size:10px}.gc-v29314-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 8px #000}.gc-v29314-calendar-link{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px}.gc-v29314-calendar-link>span{font-size:24px}
.gc-v29314-mixed-carousel{position:relative}.gc-v29314-media-type{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.72);color:#fff;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:800}.gc-v29314-mixed-grid .gc-v29311-fb-cell{position:relative}.gc-v29314-mixed-grid video{width:100%;height:100%;object-fit:cover;display:block}.gc-v29314-grid-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 8px #000;pointer-events:none}
@media(max-width:720px){.gc-v29314-import-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-v29314-one-click{align-items:stretch;flex-direction:column}.gc-v29314-one-click .btn{width:100%}.gc-v29314-plan-media-item{flex-basis:96px;height:72px}.gc-v29314-card-actions .btn{flex:1 1 160px}.content-thumb.gc-v29314-calendar-media{height:150px}}

/* V29.3.15 — AI progress + bonus invoice tool */
.business-feature-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.gc-bonus-tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--border);background:linear-gradient(135deg,var(--panel),var(--panel2));margin-bottom:16px}
.gc-bonus-tool-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:23px;font-weight:800;background:var(--accent-soft);color:var(--accent)}
.gc-bonus-tool-copy{display:grid;gap:3px}.gc-bonus-tool-copy>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted)}.gc-bonus-tool-copy>strong{font-size:17px}.gc-bonus-tool-copy>small{color:var(--muted);font-size:13px}.gc-bonus-tool-btn{white-space:nowrap}
.gc-external-resource{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;text-decoration:none!important;color:inherit!important;align-items:center}.gc-external-resource>b{font-size:12px;white-space:nowrap;color:var(--muted)}
.gc-ai-progress-v29315{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel2);display:grid;gap:12px}.gc-ai-progress-v29315[hidden]{display:none!important}.gc-ai-progress-head,.gc-ai-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.gc-ai-progress-head>div{display:grid;gap:3px}.gc-ai-progress-head span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.gc-ai-progress-head strong{font-size:15px}.gc-ai-progress-head>b{font-size:12px;color:var(--muted);white-space:nowrap}.gc-ai-progress-foot>span{font-size:12px;color:var(--muted)}
.gc-ai-progress-track{height:9px;border-radius:999px;overflow:hidden;background:var(--border)}.gc-ai-progress-track>span{display:block;height:100%;width:3%;border-radius:inherit;background:currentColor;color:var(--accent);position:relative;transition:width .35s ease}.gc-ai-progress-track>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:gcAiProgressShimmer 1.4s linear infinite}@keyframes gcAiProgressShimmer{to{transform:translateX(100%)}}
.gc-ai-progress-v29315.is-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.gc-ai-progress-v29315.is-error .gc-ai-progress-track>span{color:var(--danger)}.gc-ai-progress-v29315.is-success .gc-ai-progress-track>span{color:var(--success)}
@media(max-width:1100px){.business-feature-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.business-feature-grid-four{grid-template-columns:1fr}.gc-bonus-tool-card{grid-template-columns:auto 1fr}.gc-bonus-tool-btn{grid-column:1/-1;width:100%;justify-content:center}.gc-ai-progress-head,.gc-ai-progress-foot{align-items:flex-start;flex-direction:column}.gc-ai-progress-foot button{width:100%}}


/* =========================================================
   V29.3.16 — AUTH FOOTER / MASCOT BREATHING ROOM
   Mirrors the public Graycape footer content on auth screens.
   Dashboard/client portal styles are intentionally untouched.
   ========================================================= */
.login-wrap{
 min-height:100vh!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 justify-content:flex-start!important;
 place-items:unset!important;
 padding:0!important;
 overflow-x:hidden;
}
.login-main{
 flex:1 0 auto;
 width:100%;
 display:grid;
 place-items:center;
 padding:clamp(38px,6vh,76px) 20px 0;
}
.login-main .login-stage{
 width:min(430px,100%);
 margin:0 auto;
}
.login-main .graycape-login-pet{
 margin-top:28px!important;
 margin-bottom:72px!important;
}
.graycape-public-footer{
 width:100%;
 flex:0 0 auto;
 position:relative;
 z-index:1;
 background:#030a0c;
 color:#dce8e6;
 border-top:1px solid rgba(142,212,227,.16);
 box-shadow:0 -18px 50px rgba(0,0,0,.14);
}
.graycape-public-footer-inner{
 width:min(1180px,calc(100% - 40px));
 margin:0 auto;
 padding:42px 0 32px;
 display:grid;
 grid-template-columns:minmax(230px,1.35fr) minmax(220px,1fr) minmax(260px,1.2fr);
 gap:38px;
 align-items:start;
}
.graycape-public-footer-logo{
 display:inline-flex;
 width:190px;
 max-width:100%;
 text-decoration:none;
}
.graycape-public-footer-logo img{
 display:block;
 width:100%;
 height:auto;
 object-fit:contain;
 filter:none;
}
.graycape-public-footer-brand p{
 max-width:390px;
 margin:16px 0 0;
 color:#8fa5a1;
 font-size:13px;
 line-height:1.65;
}
.graycape-public-footer-nav{
 display:grid;
 gap:9px;
 padding-top:2px;
}
.graycape-public-footer-nav a,
.graycape-public-footer-legal a{
 width:max-content;
 max-width:100%;
 color:#c9d8d5;
 text-decoration:none;
 font-size:13px;
 line-height:1.45;
 transition:color .18s ease;
}
.graycape-public-footer-nav a:hover,
.graycape-public-footer-legal a:hover{color:#8ed4e3}
.graycape-public-footer-legal{display:grid;gap:13px}
.graycape-public-footer-legal strong{
 color:#eef7f5;
 font-size:12px;
 letter-spacing:.07em;
 text-transform:uppercase;
}
.graycape-public-footer-legal>div{display:grid;gap:9px}
.graycape-public-footer-bottom{
 width:min(1180px,calc(100% - 40px));
 margin:0 auto;
 padding:20px 0 24px;
 border-top:1px solid rgba(142,212,227,.10);
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:20px;
 color:#6f8581;
 font-size:11px;
 line-height:1.5;
}
@media(max-width:760px){
 .login-main{padding:30px 18px 0!important}
 .login-main .graycape-login-pet{margin-top:22px!important;margin-bottom:48px!important}
 .graycape-public-footer-inner{
  width:min(100% - 32px,560px);
  padding:32px 0 25px;
  grid-template-columns:1fr;
  gap:25px;
 }
 .graycape-public-footer-logo{width:164px}
 .graycape-public-footer-nav{grid-template-columns:1fr 1fr;gap:10px 18px}
 .graycape-public-footer-bottom{
  width:min(100% - 32px,560px);
  padding:18px 0 22px;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
 }
}

/* v29.3.17 · Client Eye granular control bar */
.client-eye-btn{background:linear-gradient(135deg,#d7ff4f,#9cf4cf)!important;color:#071316!important;border-color:transparent!important;font-weight:800}
.director-client-preview{position:fixed;inset:0;z-index:9998;background:#061012;overflow:auto}
.director-client-preview-toolbar{position:sticky;top:0;z-index:10004;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;background:rgba(4,12,14,.97);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}
.director-client-preview-toolbar>div{display:flex;align-items:center;gap:12px;min-width:0}.director-client-preview-toolbar span{font-size:10px;letter-spacing:.15em;color:#9cf4cf;font-weight:800}.director-client-preview-toolbar strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.director-client-preview-stage{min-height:100vh}.director-client-control-strip{position:sticky;top:54px;z-index:10003;display:flex;align-items:center;gap:14px;padding:10px 14px;background:rgba(10,24,27,.98);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.director-client-control-title{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding-right:10px;border-right:1px solid rgba(255,255,255,.1)}.director-client-control-title span{font-size:9px;letter-spacing:.14em;color:#9cf4cf}.director-client-control-title strong{font-size:12px}
.director-client-control-items{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:1px 3px 4px;flex:1}.director-client-mini-toggle{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);cursor:pointer;user-select:none}.director-client-mini-toggle input{position:absolute;opacity:0;pointer-events:none}.director-client-mini-toggle span{width:25px;height:14px;border-radius:999px;background:#334247;position:relative;transition:.18s}.director-client-mini-toggle span:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;left:2px;top:2px;background:#b3bec0;transition:.18s}.director-client-mini-toggle input:checked+span{background:#9cf4cf}.director-client-mini-toggle input:checked+span:after{left:13px;background:#071316}.director-client-mini-toggle b{font-size:10px;font-weight:700;white-space:nowrap}.director-client-mini-toggle:has(input:checked){border-color:rgba(156,244,207,.4);background:rgba(156,244,207,.07)}.director-client-mini-toggle:has(input:disabled){opacity:.55;cursor:wait}
.director-client-control-save{flex:0 0 auto;font-size:10px;font-weight:800;color:#9cf4cf;min-width:62px;text-align:right}.director-preview-client-nav{position:sticky;top:104px;z-index:10001}
.client-readonly-preview button:not([data-client-view]),.client-readonly-preview input,.client-readonly-preview textarea,.client-readonly-preview select{pointer-events:none}
@media(max-width:900px){.director-client-preview-toolbar{padding:8px 10px}.director-client-preview-toolbar strong{font-size:12px}.director-client-control-strip{top:49px;padding:8px}.director-client-control-title{display:none}.director-client-control-save{display:none}.director-preview-client-nav{top:94px}.director-client-mini-toggle{padding:5px 7px}.director-client-mini-toggle b{font-size:9px}}


/* v29.3.18 · Client Eye readability fix */
.director-client-preview{color:#e8f5f3}
.director-client-preview-toolbar strong{color:#f3fbfa}
.director-client-control-title strong{color:#f3fbfa}
.director-client-control-title span{color:#9cf4cf}
.director-client-mini-toggle{color:#dbecea}
.director-client-mini-toggle b{color:#dbecea}
.director-client-mini-toggle:not(:has(input:checked)) b{color:#9fb3b0}
.director-client-mini-toggle:hover b{color:#f7fffd}
.director-client-control-save{color:#cffff0}
.director-client-preview .client-topnav button{color:#b8cbc7}
.director-client-preview .client-topnav button.active{color:#f6fbfa}
.director-client-preview .client-topnav .client-nav-icon{color:inherit}
.director-client-preview .notice,.director-client-preview .muted{color:#b3c5c1}


/* v29.3.19 · Client Eye reliable controls + compact preview chrome */
.director-client-preview-stage{
  background:#061012!important;
  scroll-padding-top:104px;
}
.director-client-control-strip{
  top:0!important;
  margin:0!important;
  min-height:50px;
}
.preview-client-app .client-header{
  display:none!important;
}
.preview-client-app{
  min-height:calc(100vh - 108px)!important;
  background:transparent!important;
}
.director-preview-client-nav{
  top:49px!important;
  margin:0!important;
  z-index:10002!important;
  background:rgba(9,20,18,.985)!important;
  border-top:0!important;
}
.director-client-mini-toggle{
  appearance:none;
  font:inherit;
  color:#dbecea!important;
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  cursor:pointer;
  user-select:none;
  transition:border-color .16s ease,background .16s ease,opacity .16s ease;
}
.director-client-mini-toggle:hover{border-color:rgba(156,244,207,.42);background:rgba(156,244,207,.07)}
.director-client-mini-toggle:disabled{opacity:.55;cursor:wait}
.director-client-mini-toggle b{font-size:10px;font-weight:750;white-space:nowrap;color:#dbecea!important}
.director-client-mini-toggle.is-off b{color:#8fa5a1!important}
.director-client-mini-switch{
  width:25px;height:14px;border-radius:999px;background:#334247;position:relative;display:block;flex:0 0 auto;transition:.18s ease;
}
.director-client-mini-switch i{
  position:absolute;width:10px;height:10px;border-radius:50%;left:2px;top:2px;background:#b3bec0;transition:.18s ease;
}
.director-client-mini-toggle.is-on{border-color:rgba(156,244,207,.42);background:rgba(156,244,207,.075)}
.director-client-mini-toggle.is-on .director-client-mini-switch{background:#9cf4cf}
.director-client-mini-toggle.is-on .director-client-mini-switch i{left:13px;background:#071316}
.director-client-control-save.is-error{color:#ff9f9f!important}
.director-client-preview .client-readonly-preview:before{margin-top:0!important}
@media(max-width:900px){
  .director-client-control-strip{top:0!important;min-height:44px}
  .director-preview-client-nav{top:43px!important}
}


/* v29.3.20 · Client Eye fixed chrome / stable scroll container */
.director-client-preview{
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.director-client-preview-toolbar{
  position:relative!important;
  top:auto!important;
  z-index:10020!important;
  flex:0 0 auto!important;
  min-height:54px!important;
}
.director-client-preview-toolbar #closeClientPreview{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:10021!important;
  white-space:nowrap!important;
}
.director-client-preview-stage{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  position:relative!important;
  overscroll-behavior:contain;
  scroll-padding-top:102px!important;
}
.director-client-control-strip{
  position:sticky!important;
  top:0!important;
  z-index:10015!important;
  min-height:50px!important;
}
.director-preview-client-nav{
  position:sticky!important;
  top:50px!important;
  z-index:10014!important;
}
@media(max-width:900px){
  .director-client-preview-toolbar{min-height:49px!important}
  .director-client-control-strip{top:0!important;min-height:45px!important}
  .director-preview-client-nav{top:45px!important}
  .director-client-preview-stage{scroll-padding-top:94px!important}
}

/* v29.3.21 · Client Notification Center */
.client-notification-bell{
 position:relative;width:38px;height:38px;min-width:38px;padding:0;border:1px solid rgba(88,126,119,.24);border-radius:11px;background:#f5f9f7;color:#35534c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease
}
.client-notification-bell>span{font-size:16px;line-height:1}
.client-notification-bell:hover,.client-notification-bell.active{background:#eaf4f0;border-color:#8bb7aa;color:#153c33}
.client-notification-bell.has-unread{border-color:#8bcbb8;background:#eefaf6}
.client-notification-bell>b{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#173f36;color:#fff;border:2px solid #fff;font-size:9px;line-height:14px;font-weight:850;text-align:center;box-sizing:border-box}
.client-notification-bell>b[hidden]{display:none!important}
.client-app[data-client-theme="dark"] .client-notification-bell{background:#0d1918;border-color:#29443f;color:#a8c2bd}
.client-app[data-client-theme="dark"] .client-notification-bell:hover,.client-app[data-client-theme="dark"] .client-notification-bell.active,.client-app[data-client-theme="dark"] .client-notification-bell.has-unread{background:#14302b;border-color:#4f897a;color:#e9f7f3}
.client-app[data-client-theme="dark"] .client-notification-bell>b{background:#9cf4cf;color:#071316;border-color:#07110f}

.client-notifications-head{align-items:center}
.client-notification-center{display:grid;gap:10px;max-width:980px;margin:0 auto 36px}
.client-notification-item{position:relative;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:15px 17px;text-align:left;border:1px solid #dde5e1;border-radius:14px;background:#fff;color:#20322e;cursor:pointer;transition:.18s ease;box-shadow:0 5px 18px rgba(28,57,50,.035)}
.client-notification-item:hover{transform:translateY(-1px);border-color:#a7c8be;box-shadow:0 9px 24px rgba(28,57,50,.07)}
.client-notification-item.is-unread{background:#f6fcf9;border-color:#b8ddd1}
.client-notification-item.is-unread:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:3px;border-radius:0 4px 4px 0;background:#438f7e}
.client-notification-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf4f1;border:1px solid #dbe8e3;color:#326c5f;font-size:16px;font-weight:800}
.client-notification-item.is-unread .client-notification-icon{background:#e2f5ee;border-color:#bfe0d5;color:#256353}
.client-notification-copy{display:grid;gap:4px;min-width:0}
.client-notification-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.client-notification-copy small{font-size:9px;letter-spacing:.09em;font-weight:850;color:#578277}
.client-notification-copy time{font-size:9px;color:#8a9995;white-space:nowrap}
.client-notification-copy strong{font-size:13px;line-height:1.35;color:#20322e}
.client-notification-copy p{margin:0;color:#64736f;font-size:11px;line-height:1.5}
.client-notification-copy b{margin-top:3px;font-size:9px;color:#3b7064;font-weight:800}
.client-notification-item>i{position:absolute;right:12px;bottom:12px;width:7px;height:7px;border-radius:50%;background:#438f7e;box-shadow:0 0 0 4px rgba(67,143,126,.09)}
.client-notification-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:42px 20px;border:1px dashed #d9e3df;border-radius:16px;background:#fbfdfc;color:#65736f}
.client-notification-empty>span{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf6f2;color:#438f7e;font-size:18px}
.client-notification-empty strong{font-size:14px;color:#34453f}.client-notification-empty p{margin:0;font-size:11px}
.client-app[data-client-theme="dark"] .client-notification-item{background:#0d1716;border-color:#233d38;color:#eaf4f1;box-shadow:none}
.client-app[data-client-theme="dark"] .client-notification-item:hover{border-color:#3f6f63;background:#10201d}
.client-app[data-client-theme="dark"] .client-notification-item.is-unread{background:#10251f;border-color:#315e52}
.client-app[data-client-theme="dark"] .client-notification-icon{background:#13221f;border-color:#28463f;color:#9fc5bb}
.client-app[data-client-theme="dark"] .client-notification-item.is-unread .client-notification-icon{background:#17362e;border-color:#376a5e;color:#baf4e0}
.client-app[data-client-theme="dark"] .client-notification-copy small{color:#80b5a7}.client-app[data-client-theme="dark"] .client-notification-copy time{color:#708984}.client-app[data-client-theme="dark"] .client-notification-copy strong{color:#eef8f5}.client-app[data-client-theme="dark"] .client-notification-copy p{color:#91a7a1}.client-app[data-client-theme="dark"] .client-notification-copy b{color:#8ed0bd}
.client-app[data-client-theme="dark"] .client-notification-empty{background:#0b1514;border-color:#28443e;color:#819792}.client-app[data-client-theme="dark"] .client-notification-empty>span{background:#142723;color:#9cf4cf}.client-app[data-client-theme="dark"] .client-notification-empty strong{color:#e8f3f0}

@media(max-width:760px){
 .client-notification-bell{width:36px;height:36px;min-width:36px;border-radius:10px}
 .client-notification-bell>b{right:-4px;top:-4px}
 .client-notifications-head{align-items:stretch}
 .client-notifications-head>.btn{width:100%}
 .client-notification-center{gap:8px;margin-bottom:24px}
 .client-notification-item{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px 12px;border-radius:12px}
 .client-notification-icon{width:34px;height:34px;border-radius:9px;font-size:14px}
 .client-notification-copy>div{align-items:flex-start;flex-direction:column;gap:2px}
 .client-notification-copy strong{font-size:12px}
 .client-notification-copy p{font-size:10px}
}


/* v29.3.22 · Optional email notification mirror */
.client-notification-email-state{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:3px 6px;border:1px solid #c9ddd6;border-radius:999px;background:#f4faf7;color:#467267;font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.client-notification-email-state.sent{background:#edf8f4;border-color:#b9ddcf;color:#2f6e5b}
.client-notification-email-state.failed{background:#fff2f2;border-color:#e5c0c0;color:#9a4444}
.client-notification-email-state.queued,.client-notification-email-state.processing{background:#f5f4ec;border-color:#ddd7b5;color:#756b35}
.client-app[data-client-theme="dark"] .client-notification-email-state{background:#11201d;border-color:#315049;color:#a9cbc2}
.client-app[data-client-theme="dark"] .client-notification-email-state.sent{background:#10271f;border-color:#346352;color:#b8e8d6}
.client-app[data-client-theme="dark"] .client-notification-email-state.failed{background:#2b1717;border-color:#643d3d;color:#efb2b2}


/* v29.3.23 · Director Email Center */
.business-email-top-btn{border-color:#b8d8d1!important;background:#f4fbf8!important;color:#204f47!important;font-weight:800}
.director-email-center{width:min(900px,100%);max-height:94vh}
.director-email-tabs{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid #e3e9e7;background:#f8faf9}
.director-email-tabs button{appearance:none;border:1px solid #d9e2de;background:#fff;border-radius:999px;padding:8px 13px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;color:#53605b}
.director-email-tabs button.active{background:#15201d;color:#fff;border-color:#15201d}
.director-email-body{padding:20px 22px}
.director-email-body textarea{resize:vertical;min-height:180px}
.director-email-attachments{margin-top:4px;padding:14px;border:1px solid #e0e6e3;border-radius:12px;background:#fafbf9}
.director-email-attachments h3,.director-email-history-wrap h3{margin:0 0 3px;font-size:14px}
.director-email-files-list{display:grid;gap:7px;max-height:230px;overflow:auto;margin-top:10px;padding-right:3px}
.director-email-file-row{display:grid;grid-template-columns:auto 30px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid #e0e5e2;border-radius:10px;background:#fff;cursor:pointer}
.director-email-file-row:hover{border-color:#9fc8bd}.director-email-file-row input{width:16px;height:16px}.director-email-file-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#edf5f2;color:#356e62;font-weight:850}
.director-email-file-row>div{display:grid;gap:2px;min-width:0}.director-email-file-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.director-email-file-row small{font-size:9px;color:#7b8782}
.director-email-files-empty{padding:14px;text-align:center;color:#78837e;font-size:11px}
.director-email-portal-link{margin:14px 0}
.director-email-signature-preview{display:flex;gap:18px;align-items:flex-start;padding:13px 15px;border:1px dashed #cfdad6;border-radius:10px;background:#fbfcfb;color:#5c6863;font-size:11px;line-height:1.55}.director-email-signature-preview>span{font-size:8px;letter-spacing:.12em;color:#7d9690;font-weight:850}.director-email-signature-preview strong{color:#1a2622}
.director-email-pref-master{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 15px;border:1px solid #cfe0db;border-radius:12px;background:#f5faf8}.director-email-pref-master>div{display:grid;gap:3px}.director-email-pref-master>div>span{font-size:8px;letter-spacing:.12em;color:#4f8278;font-weight:850}.director-email-pref-master strong{font-size:14px}.director-email-pref-master small{font-size:10px;color:#6f7b76;line-height:1.45}
.director-email-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.director-email-pref-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:11px;border:1px solid #e0e5e2;border-radius:10px;background:#fff;cursor:pointer}.director-email-pref-item input{margin-top:2px}.director-email-pref-item span{display:grid;gap:3px}.director-email-pref-item strong{font-size:11px}.director-email-pref-item small{font-size:9px;line-height:1.45;color:#75807b}
.director-email-history{display:grid;gap:8px}.director-email-history article{padding:12px 13px;border:1px solid #e0e5e2;border-radius:11px;background:#fff}.director-email-history-main{display:grid;gap:5px}.director-email-history-main>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.director-email-history-main strong{font-size:12px}.director-email-history-main small,.director-email-history-main span{font-size:9px;color:#74807b}.director-email-history-main em{font-size:9px;color:#9a4242;font-style:normal}
.director-client-email-settings-btn{flex:0 0 auto;border:1px solid rgba(156,244,207,.35);background:rgba(156,244,207,.08);color:#d9fff0;border-radius:999px;padding:7px 10px;font:inherit;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}.director-client-email-settings-btn:hover{background:rgba(156,244,207,.16)}
@media(max-width:700px){.director-email-body{padding:14px}.director-email-tabs{padding:10px 12px;overflow:auto}.director-email-pref-grid{grid-template-columns:1fr}.director-email-pref-master{align-items:flex-start;flex-direction:column}.director-email-file-row{grid-template-columns:auto 28px minmax(0,1fr)}.director-client-email-settings-btn{display:none}}

.director-email-history-divider{height:1px;background:#e2e7e4;margin:20px 0}.director-email-history.auto article{background:#fafcfb}


/* v29.3.24 · Client documents, invoices and contracts */
.file-upload-grid{grid-template-columns:minmax(190px,.72fr) minmax(190px,.65fr) minmax(260px,1.2fr)}
.director-file-doc-select{min-width:126px;font-size:11px;padding:7px 9px}
.client-document-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.client-document-summary>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:13px 14px;border:1px solid var(--client-border,#dce6e2);border-radius:13px;background:var(--client-card,#fff)}
.client-document-summary>div>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid currentColor;font-size:14px;opacity:.75}
.client-document-summary strong{font-size:18px;line-height:1}.client-document-summary small{font-size:10px;color:var(--client-muted,#7c8d88);margin-top:4px}
.client-document-group{margin-bottom:12px}.client-document-list{display:grid;gap:8px}.client-document-row{width:100%}
.client-document-empty{padding:18px;border:1px dashed var(--client-border,#dce6e2);border-radius:11px;color:var(--client-muted,#7c8d88);font-size:12px;text-align:center}
.client-app[data-client-theme="dark"] .client-document-summary>div{background:#0d1918;border-color:#284642;color:#f2f8f6}
.client-app[data-client-theme="dark"] .client-document-empty{border-color:#284642;color:#8fa8a3}
@media(max-width:980px){.file-upload-grid{grid-template-columns:1fr 1fr}.file-upload-grid>.field:last-child{grid-column:1/-1}}
@media(max-width:720px){.file-upload-grid{grid-template-columns:1fr}.file-upload-grid>.field:last-child{grid-column:auto}.client-document-summary{grid-template-columns:1fr}}

/* v29.3.25 · UX polish: attention, safety, setup health, document filters */
.gc-toast{display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:auto}
.gc-toast>span{min-width:0;line-height:1.45}
.gc-toast.warn{border-color:rgba(218,181,92,.34);background:#292112}
.gc-toast.undo{min-width:300px;border-color:rgba(122,201,181,.4);background:#0c1e1b}
.gc-toast.undo button{appearance:none;border:1px solid rgba(178,236,220,.38);border-radius:8px;background:rgba(178,236,220,.08);color:#dff8f0;padding:6px 9px;font:inherit;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}
.gc-toast.undo button:hover{background:rgba(178,236,220,.16)}
.gc-toast.undo button:disabled{opacity:.55;cursor:wait}

.gc-page-skeleton{display:grid;gap:18px;min-height:540px;align-content:start;animation:gcSkeletonFade .22s ease}
.gc-skeleton-head{display:grid;gap:10px;padding:4px 0 6px}
.gc-skeleton-head span{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,#e9ebe7 25%,#f5f6f3 45%,#e9ebe7 65%);background-size:220% 100%;animation:gcShimmer 1.25s linear infinite}
.gc-skeleton-head span:first-child{width:min(320px,55%);height:27px}.gc-skeleton-head span:last-child{width:min(520px,78%);height:12px}
.gc-skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gc-page-skeleton.dashboard .gc-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gc-skeleton-card,.gc-skeleton-wide{border:1px solid #e4e7e2;border-radius:14px;background:#fff;padding:18px;overflow:hidden}
.gc-skeleton-card{display:grid;gap:10px;min-height:115px}.gc-skeleton-card i,.gc-skeleton-card b,.gc-skeleton-card em,.gc-skeleton-wide span{display:block;border-radius:7px;background:linear-gradient(90deg,#eceeea 25%,#f7f8f5 45%,#eceeea 65%);background-size:220% 100%;animation:gcShimmer 1.25s linear infinite}
.gc-skeleton-card i{width:32px;height:32px;border-radius:10px}.gc-skeleton-card b{width:58%;height:14px}.gc-skeleton-card em{width:82%;height:10px}
.gc-skeleton-wide{display:grid;gap:12px;min-height:180px}.gc-skeleton-wide span{height:13px}.gc-skeleton-wide span:nth-child(1){width:38%}.gc-skeleton-wide span:nth-child(2){width:92%}.gc-skeleton-wide span:nth-child(3){width:74%}
@keyframes gcShimmer{0%{background-position:100% 0}100%{background-position:-120% 0}}
@keyframes gcSkeletonFade{from{opacity:.55}to{opacity:1}}

.gc-empty-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:110px;padding:22px;border:1px dashed #d9dfda;border-radius:13px;background:#fbfcfa;color:#65716c;text-align:left}
.gc-empty-icon{width:38px;height:38px;flex:0 0 38px;border:1px solid #d2ded9;border-radius:11px;display:grid;place-items:center;background:#f2f7f4;color:#4b756b;font-size:16px;font-weight:800}
.gc-empty-state>div{display:grid;gap:4px}.gc-empty-state strong{color:#2c3733;font-size:13px}.gc-empty-state small{color:#79837f;font-size:10px;line-height:1.45}

.home-attention-now{margin-bottom:14px;border-color:#dbe7e2;background:linear-gradient(180deg,#fff,#fbfdfc)}
.home-attention-now.is-clear{border-color:#dce9df;background:#fbfdfb}
.home-attention-list{display:grid;gap:7px}
.home-attention-row{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;border:1px solid #e2e8e4;border-radius:11px;background:#fff;padding:11px 12px;color:#1c2623;transition:.16s ease}
.home-attention-row:hover{border-color:#a9c9c0;transform:translateY(-1px);box-shadow:0 8px 22px rgba(30,62,54,.06)}
.home-attention-row.overdue{border-color:#ead4d1;background:#fffafa}
.home-attention-dot{width:7px;height:7px;border-radius:50%;background:#5d9d8e}.home-attention-row.overdue .home-attention-dot{background:#b95c55}
.home-attention-row>div{display:grid;gap:2px;min-width:0}.home-attention-row small{font-size:9px;color:#7a8883}.home-attention-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-attention-row em{font-size:9px;color:#68756f;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-attention-row>b{font-size:9px;color:#4a746a;white-space:nowrap}.home-attention-row.overdue>b{color:#a14e48}

.client-setup-health{margin:14px 0;border:1px solid #dce5e1;border-radius:13px;background:#f8fbf9;overflow:hidden}
.client-setup-health-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #e2e8e5}
.client-setup-health-head>div{display:flex;align-items:center;gap:9px}.client-setup-health-head small{font-size:8px;letter-spacing:.12em;font-weight:850;color:#64867d}.client-setup-health-head strong{font-size:11px;color:#26352f}.client-setup-health-head>span{font-size:9px;color:#6e7d77}
.client-setup-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.client-setup-health-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px 11px;border-right:1px solid #e3e8e5;background:#fff}
.client-setup-health-item:last-child{border-right:0}.client-setup-health-item>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f0f3f1;color:#77817d;font-size:11px}.client-setup-health-item.ready>span{background:#e9f5f0;color:#397264}
.client-setup-health-item>div{display:grid;gap:1px;min-width:0}.client-setup-health-item small{font-size:8px;color:#7c8984}.client-setup-health-item strong{font-size:9px;color:#394742;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-setup-health-item>b{font-size:10px;color:#a4aaa7}.client-setup-health-item.ready>b{color:#3f8a77}

.business-quick-panel{width:min(720px,calc(100vw - 28px))}.business-quick-grid button:disabled{opacity:.42;cursor:not-allowed}.business-quick-grid button:disabled:hover{transform:none;border-color:#29413c;background:#0d1b19}

.director-file-statuses{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 4px}
.gc-mini-status{display:inline-flex;align-items:center;width:max-content;border:1px solid #dce3df;border-radius:999px;background:#f7f9f8;color:#6f7c77;padding:3px 6px;font-size:8px;font-weight:800;letter-spacing:.02em}
.gc-mini-status.shared{border-color:#bedfd3;background:#edf8f4;color:#347061}.gc-mini-status.internal{border-color:#ddd9cc;background:#f8f6ef;color:#746b4d}.gc-mini-status.document{border-color:#cfded9;background:#f1f7f5;color:#456e64}.gc-mini-status.source{background:#fafafa;color:#7e8582}
.file-visibility-btn{white-space:nowrap}

.client-document-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:8px;border:1px solid var(--client-border,#dce6e2);border-radius:13px;background:var(--client-card,#fff)}
.client-document-tabs{display:flex;gap:5px;flex-wrap:wrap}.client-document-tabs button{appearance:none;border:1px solid var(--client-border,#dce6e2);border-radius:999px;background:transparent;color:var(--client-muted,#6f817b);padding:7px 10px;font:inherit;font-size:9px;font-weight:800;cursor:pointer}.client-document-tabs button.active{background:var(--client-text,#263631);border-color:var(--client-text,#263631);color:var(--client-card,#fff)}
.client-document-search{display:grid;grid-template-columns:auto minmax(120px,220px);align-items:center;gap:7px;border:1px solid var(--client-border,#dce6e2);border-radius:10px;padding:6px 9px;background:var(--client-bg,#f8fbf9)}.client-document-search>span{color:var(--client-muted,#6f817b)}.client-document-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:inherit!important;font-size:10px;padding:2px!important}
.client-document-filter-empty{margin-bottom:12px}.client-document-group[hidden],.client-document-row[hidden]{display:none!important}
.client-document-row-title{display:flex;align-items:center;gap:7px;min-width:0}.client-document-row-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.client-document-shared{display:inline-flex;flex:0 0 auto;border:1px solid #c8ddd6;border-radius:999px;padding:2px 5px;color:#4a7469;background:#f1f8f5;font-size:7px;font-weight:850;letter-spacing:.06em}
.client-app[data-client-theme="dark"] .client-document-tools{background:#0d1918;border-color:#284642}.client-app[data-client-theme="dark"] .client-document-tabs button{border-color:#31504a;color:#98aaa5}.client-app[data-client-theme="dark"] .client-document-tabs button.active{background:#dff6ed;border-color:#dff6ed;color:#10211d}.client-app[data-client-theme="dark"] .client-document-search{background:#091311;border-color:#31504a}.client-app[data-client-theme="dark"] .client-document-shared{background:#112720;border-color:#315c50;color:#a9d7ca}.client-app[data-client-theme="dark"] .gc-empty-state{background:#0b1514;border-color:#29443e;color:#8ba19b}.client-app[data-client-theme="dark"] .gc-empty-state strong{color:#e3f0ec}.client-app[data-client-theme="dark"] .gc-empty-state small{color:#849891}.client-app[data-client-theme="dark"] .gc-empty-icon{background:#13241f;border-color:#315047;color:#9dd2c3}

@media(max-width:1050px){.client-setup-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-setup-health-item{border-bottom:1px solid #e3e8e5}.client-setup-health-item:nth-child(2n){border-right:0}.client-setup-health-item:last-child{grid-column:1/-1}}
@media(max-width:760px){
 #gcToastHost{left:12px;right:12px;top:12px}.gc-toast.undo{min-width:0;width:100%}
 .gc-skeleton-grid,.gc-page-skeleton.dashboard .gc-skeleton-grid{grid-template-columns:1fr 1fr}.gc-skeleton-card:nth-child(n+5){display:none}
 .home-attention-row{grid-template-columns:8px minmax(0,1fr)}.home-attention-row>b{grid-column:2}.home-attention-row strong,.home-attention-row em{white-space:normal}
 .client-setup-health-grid{grid-template-columns:1fr}.client-setup-health-item,.client-setup-health-item:nth-child(2n){border-right:0;border-bottom:1px solid #e3e8e5}.client-setup-health-item:last-child{grid-column:auto;border-bottom:0}
 .client-document-tools{align-items:stretch;flex-direction:column}.client-document-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.client-document-tabs button{white-space:nowrap}.client-document-search{grid-template-columns:auto 1fr}
 .director-file-statuses{margin-top:6px}.file-visibility-btn{width:100%}
}
@media(max-width:520px){.gc-skeleton-grid,.gc-page-skeleton.dashboard .gc-skeleton-grid{grid-template-columns:1fr}.gc-skeleton-card:nth-child(n+4){display:none}.client-setup-health-head{align-items:flex-start;flex-direction:column}}

/* v29.3.27 · Subs + internal finance */
.subs-toolbar,.finance-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);background:var(--panel)}
.subs-toolbar .field,.finance-toolbar .field{min-width:220px;margin:0}
.subs-toolbar-note{font-size:12px;color:var(--muted);padding:10px 0}
.subs-business-toggle{display:flex;align-items:center;gap:12px;min-width:300px;padding:10px 12px;border:1px solid var(--line);background:var(--panel2);cursor:pointer}
.subs-business-toggle>span{display:flex;flex:1;flex-direction:column;gap:2px}.subs-business-toggle small{font-size:9px;letter-spacing:.11em;color:var(--muted)}.subs-business-toggle strong{font-size:13px}
.subs-business-toggle input{position:absolute;opacity:0;pointer-events:none}.subs-business-toggle i{position:relative;width:42px;height:23px;border-radius:999px;background:var(--line);transition:.18s}.subs-business-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:var(--text);transition:.18s}.subs-business-toggle input:checked+i{background:var(--accent)}.subs-business-toggle input:checked+i:after{transform:translateX(19px);background:#fff}.subs-business-toggle b{font-size:10px;letter-spacing:.08em;min-width:24px}
.subs-metrics,.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.subs-metrics>div,.finance-metrics>div{padding:16px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:5px;min-height:112px}.subs-metrics span,.finance-metrics span{font-size:11px;color:var(--muted)}.subs-metrics strong,.finance-metrics strong{font-size:25px;line-height:1.1}.subs-metrics small,.finance-metrics small{font-size:10px;color:var(--muted)}
.subs-list{display:grid;gap:10px}.subs-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;border:1px solid var(--line);background:var(--panel);align-items:center}.subs-card.is-muted{opacity:.68}.subs-card-main{min-width:0}.subs-card-kicker{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px}.subs-card-kicker>span:first-child{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.subs-card h3{margin:0 0 9px;font-size:18px}.subs-card-money{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.subs-card-money strong{font-size:21px}.subs-card-money span{font-size:11px;color:var(--muted)}.subs-card-meta{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:10px;font-size:10px;color:var(--muted)}.subs-card-meta .attention{color:var(--warning,#d09c46);font-weight:700}.subs-card p{font-size:11px;color:var(--muted);margin:9px 0 0}.subs-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:330px}
.subs-editor{max-width:700px}.subs-notify-box{display:grid;gap:8px;padding:14px;border:1px solid var(--line);background:var(--panel2)}.subs-notify-box>strong{font-size:12px}.subs-notify-box small{font-size:10px;line-height:1.5;color:var(--muted)}
.finance-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.finance-client-panel,.finance-entry-panel{min-width:0}.finance-client-table{display:grid}.finance-client-row{display:grid;grid-template-columns:minmax(150px,1.35fr) repeat(3,minmax(95px,.7fr));gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);text-align:left;color:inherit;background:transparent;border-left:0;border-right:0;border-top:0;width:100%}.finance-client-row:not(.head){cursor:pointer}.finance-client-row:not(.head):hover{background:var(--panel2)}.finance-client-row.head{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:default}.finance-client-row>span:first-child{display:flex;flex-direction:column;gap:2px}.finance-client-row strong{font-size:12px}.finance-client-row small{font-size:9px;color:var(--muted)}.finance-client-row b{font-size:12px;font-weight:700}
.finance-entry-list{display:grid;gap:8px}.finance-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);background:var(--panel2)}.finance-entry.cancelled{opacity:.55}.finance-entry-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.finance-entry-top>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.finance-entry>div>strong{display:block;font-size:13px}.finance-entry>div>small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.finance-entry p{font-size:10px;color:var(--muted);margin:7px 0 0}.finance-entry-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.finance-entry-side>b{font-size:17px}.finance-entry-editor{max-width:650px}
@media(max-width:1100px){.subs-metrics,.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-layout{grid-template-columns:1fr}.subs-card{grid-template-columns:1fr}.subs-card-actions{justify-content:flex-start;max-width:none}}
@media(max-width:720px){.subs-toolbar,.finance-toolbar{align-items:stretch}.subs-toolbar .field,.finance-toolbar .field,.subs-business-toggle{min-width:100%;width:100%}.subs-metrics,.finance-metrics{grid-template-columns:1fr 1fr}.subs-metrics>div,.finance-metrics>div{min-height:96px;padding:13px}.subs-metrics strong,.finance-metrics strong{font-size:20px}.subs-card{padding:14px}.subs-card-actions .btn{flex:1}.finance-client-row{grid-template-columns:1fr 1fr}.finance-client-row.head span:nth-child(3),.finance-client-row.head span:nth-child(4){display:none}.finance-client-row:not(.head)>b:nth-child(3),.finance-client-row:not(.head)>b:nth-child(4){font-size:11px}.finance-entry{grid-template-columns:1fr}.finance-entry-side{align-items:flex-start}.finance-entry-side .row{width:100%;flex-wrap:wrap}}
@media(max-width:430px){.subs-metrics,.finance-metrics{grid-template-columns:1fr}.finance-client-row{grid-template-columns:1fr 1fr;gap:6px}.finance-client-row>span:first-child{grid-column:1/-1}.finance-client-row.head{display:none}}

/* v29.3.27 · separate service completion from actual payment */
.finance-pay-badge{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.finance-pay-badge.paid{border-color:rgba(69,151,109,.38);background:rgba(69,151,109,.09);color:#4f9c76}.finance-pay-badge.unpaid{border-color:rgba(208,156,70,.38);background:rgba(208,156,70,.08);color:var(--warning,#d09c46)}
.finance-entry.is-unpaid{border-left:2px solid rgba(208,156,70,.55)}.finance-entry.is-paid{border-left:2px solid rgba(69,151,109,.5)}.finance-metric-paid strong,.finance-received-value{color:#4f9c76}.finance-metric-unpaid strong,.finance-metric-overdue strong,.finance-unpaid-value{color:var(--warning,#d09c46)}.finance-payment-note{font-size:11px;line-height:1.55}

/* v29.3.28 · quick business creation from Subs / Projects / Finance */
.business-picker-line{display:flex;gap:10px;align-items:stretch}
.business-picker-line select{min-width:0;flex:1}
.business-picker-add{flex:0 0 auto;white-space:nowrap}
.quick-business-create-host .crm-modal-backdrop{z-index:12000}
.quick-business-modal{width:min(620px,calc(100vw - 28px))}
@media (max-width:720px){
 .business-picker-line{flex-direction:column}
 .business-picker-add{width:100%}
}

/* v29.3.29 · Management Intelligence · director-only by default */
.internal-default-note{display:flex;align-items:flex-start;gap:9px;min-height:48px;padding:10px 11px;border:1px solid var(--line);background:var(--panel2)}
.internal-default-note strong{flex:0 0 auto;font-size:10px;letter-spacing:.04em;color:var(--text)}
.internal-default-note span{font-size:9px;line-height:1.45;color:var(--muted)}
.report-visibility-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.report-visibility-badge.internal{border-color:rgba(208,156,70,.34);background:rgba(208,156,70,.08);color:var(--warning,#d09c46)}
.report-visibility-badge.shared{border-color:rgba(69,151,109,.38);background:rgba(69,151,109,.09);color:#4f9c76}

.management-brief{margin-bottom:16px;overflow:hidden}
.management-brief.is-loading{min-height:130px}
.management-brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.management-brief-grid>div{display:flex;min-width:0;min-height:104px;flex-direction:column;justify-content:center;gap:4px;padding:15px 16px;border-right:1px solid var(--line);background:var(--panel2)}
.management-brief-grid>div:last-child{border-right:0}.management-brief-grid span{font-size:9px;line-height:1.3;letter-spacing:.04em;color:var(--muted)}.management-brief-grid strong{font-size:23px;line-height:1.1}.management-brief-grid small{font-size:8px;line-height:1.4;color:var(--muted)}
.management-brief-grid .warn strong{color:var(--warning,#d09c46)}.management-brief-grid .danger strong{color:#c7665e}

.intel-topbar{align-items:flex-end}.intel-year-select{min-width:110px}.intel-year-select label{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.intel-year-select select{min-width:110px}
.intel-tabs{display:flex;gap:6px;overflow:auto;margin:-4px 0 18px;padding:4px 0 7px;scrollbar-width:thin}
.intel-tabs button{appearance:none;flex:0 0 auto;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:9px 12px;font:inherit;font-size:9px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.15s ease}
.intel-tabs button:hover{border-color:var(--accent);color:var(--text)}.intel-tabs button.active{border-color:var(--text);background:var(--text);color:var(--bg)}
.intel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.intel-kpis>div{display:flex;min-width:0;min-height:116px;flex-direction:column;justify-content:center;gap:5px;padding:16px;border:1px solid var(--line);background:var(--panel)}
.intel-kpis span{font-size:9px;line-height:1.35;color:var(--muted)}.intel-kpis strong{font-size:24px;line-height:1.1}.intel-kpis small{font-size:8px;line-height:1.4;color:var(--muted)}.intel-kpis .risk strong{color:#c7665e}
.intel-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.intel-focus-list{display:grid;gap:7px}.intel-focus-list>button{appearance:none;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);background:var(--panel2);color:inherit;text-align:left;cursor:pointer;transition:.15s ease}.intel-focus-list>button:hover{border-color:var(--accent);transform:translateY(-1px)}.intel-focus-list>button>div{display:grid;gap:2px;min-width:0}.intel-focus-list strong{font-size:11px}.intel-focus-list small{font-size:8px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-focus-list>button>b{font-size:10px;color:var(--muted)}
.intel-health{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:54px;padding:5px 7px;border:1px solid var(--line);font-size:8px;font-weight:850;letter-spacing:.05em}.intel-health.healthy{border-color:rgba(69,151,109,.38);background:rgba(69,151,109,.09);color:#4f9c76}.intel-health.attention{border-color:rgba(208,156,70,.4);background:rgba(208,156,70,.08);color:var(--warning,#d09c46)}.intel-health.risk{border-color:rgba(199,102,94,.4);background:rgba(199,102,94,.08);color:#c7665e}
.intel-upsell-list{display:grid;gap:7px}.intel-upsell-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);background:var(--panel2)}.intel-upsell-list article>div{display:grid;gap:3px;min-width:0}.intel-upsell-list strong{font-size:11px}.intel-upsell-list span{font-size:8px;line-height:1.4;color:var(--muted)}

.intel-client-list{display:grid;gap:9px}.intel-client-row{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(360px,1fr) auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-left-width:3px;background:var(--panel)}
.intel-client-row.healthy{border-left-color:#4f9c76}.intel-client-row.attention{border-left-color:var(--warning,#d09c46)}.intel-client-row.risk{border-left-color:#c7665e}
.intel-client-main{display:grid;gap:5px;min-width:0}.intel-client-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.intel-client-title>strong{font-size:13px}.intel-client-main>small{font-size:8px;line-height:1.45;color:var(--muted)}
.intel-reasons,.intel-upsell-mini{display:flex;gap:5px;flex-wrap:wrap}.intel-reasons span,.intel-upsell-mini span{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid var(--line);background:var(--panel2);font-size:7px;line-height:1.25;color:var(--muted)}.intel-upsell-mini span{border-color:rgba(79,156,118,.28);color:#4f9c76}
.intel-client-numbers{display:grid;grid-template-columns:repeat(5,minmax(66px,1fr));gap:6px}.intel-client-numbers>div{display:grid;gap:3px;min-width:0;padding:8px 9px;border-left:1px solid var(--line)}.intel-client-numbers span{font-size:7px;line-height:1.25;color:var(--muted)}.intel-client-numbers b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger-text{color:#c7665e!important}
.intel-client-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap;max-width:220px}

.intel-cash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.intel-cash-grid>div{display:grid;gap:5px;padding:16px;border:1px solid var(--line);background:var(--panel)}.intel-cash-grid span{font-size:9px;color:var(--muted)}.intel-cash-grid strong{font-size:22px}.intel-cash-grid small{font-size:8px;line-height:1.4;color:var(--muted)}
.intel-cash-explain{padding:16px}.intel-three-layer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line)}.intel-three-layer>div{display:grid;gap:6px;padding:15px;border-right:1px solid var(--line);background:var(--panel2)}.intel-three-layer>div:last-child{border-right:0}.intel-three-layer span{font-size:9px;color:var(--muted)}.intel-three-layer strong{font-size:20px}.intel-three-layer small{font-size:8px;line-height:1.45;color:var(--muted)}

.intel-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.intel-service-table{display:grid}.intel-service-row{display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(3,minmax(80px,.7fr));gap:10px;align-items:center;padding:10px 3px;border-bottom:1px solid var(--line)}.intel-service-row.head{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.intel-service-row strong{font-size:11px}.intel-service-row span,.intel-service-row b{font-size:10px}.intel-service-row b{text-align:right}

.intel-reports{padding-bottom:14px}.intel-report-list{display:grid;gap:7px}.intel-report-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);background:var(--panel2)}.intel-report-list article>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;align-items:center;min-width:0}.intel-report-list strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-report-list small{grid-column:2;font-size:8px;color:var(--muted)}
.intel-small-modal{width:min(560px,calc(100vw - 28px))}.intel-work-modal{width:min(680px,calc(100vw - 28px))}.intel-report-generator{width:min(760px,calc(100vw - 28px))}.worklog-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.worklog-presets button{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:6px 8px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}.worklog-presets button:hover{border-color:var(--accent);color:var(--text)}
.report-section-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.report-section-picker label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);background:var(--panel2);font-size:9px;cursor:pointer}.report-section-picker input{accent-color:var(--accent)}

@media(max-width:1180px){.intel-client-row{grid-template-columns:minmax(240px,1fr) minmax(330px,1fr)}.intel-client-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}.intel-client-numbers{grid-template-columns:repeat(5,minmax(72px,1fr))}.management-brief-grid,.intel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.management-brief-grid>div:nth-child(2){border-right:0}.management-brief-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:900px){.intel-overview-grid,.intel-service-grid{grid-template-columns:1fr}.intel-client-row{grid-template-columns:1fr}.intel-client-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.intel-client-actions{grid-column:auto}.intel-cash-grid{grid-template-columns:1fr 1fr}.intel-three-layer{grid-template-columns:1fr}.intel-three-layer>div{border-right:0;border-bottom:1px solid var(--line)}.intel-three-layer>div:last-child{border-bottom:0}}
@media(max-width:680px){.intel-topbar{align-items:stretch}.intel-topbar>.row{width:100%;flex-wrap:wrap}.intel-year-select{width:100%}.intel-year-select select{width:100%}.management-brief-grid,.intel-kpis,.intel-cash-grid{grid-template-columns:1fr}.management-brief-grid>div,.management-brief-grid>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.management-brief-grid>div:last-child{border-bottom:0}.intel-client-row{padding:13px}.intel-client-numbers{grid-template-columns:1fr 1fr}.intel-client-numbers>div{border-left:0;border-top:1px solid var(--line)}.intel-client-actions .btn{flex:1}.intel-service-row{grid-template-columns:minmax(110px,1fr) repeat(2,minmax(60px,.7fr))}.intel-service-row>*:nth-child(4){display:none}.intel-report-list article{align-items:flex-start;flex-direction:column}.report-section-picker{grid-template-columns:1fr}}


/* ===== v29.3.30 · Graycape Internal + Secure Credentials ===== */
.business-credentials-panel{scroll-margin-top:90px}.credential-grid,.client-credential-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.credential-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:18px;display:grid;gap:14px}.credential-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.credential-card-head span:first-child{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.credential-card-head h3{margin:4px 0 0;font-size:18px}.credential-fields{display:grid;gap:11px}.credential-fields>div{display:grid;gap:5px}.credential-fields small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.credential-fields code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.credential-copy-line,.credential-secret-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:rgba(0,0,0,.12)}.credential-copy{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:11px}.credential-login-link{font-weight:700;text-decoration:none}.credential-notes span{font-size:12px;line-height:1.5}.credential-actions{display:flex;gap:8px;justify-content:flex-end}.credentials-center{width:min(980px,calc(100vw - 30px));max-height:90vh;overflow:auto}.credentials-center-bar{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:14px}.credentials-center-bar>div{display:grid;gap:3px}.credentials-center-bar span{font-size:11px;color:var(--muted)}.credential-editor{width:min(760px,calc(100vw - 30px));max-height:90vh;overflow:auto}.credential-client-toggle{display:flex;gap:12px;border:1px solid var(--line);padding:13px;border-radius:12px;align-items:flex-start}.credential-client-toggle span{display:grid;gap:3px}.credential-client-toggle small{color:var(--muted);font-size:11px}.client-credential-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.client-credential-card{background:var(--client-card,#fff)}
.graycape-internal-top{align-items:flex-start}.graycape-tabs{display:flex;gap:7px;overflow:auto;padding:3px 0 16px}.graycape-tabs button,.library-folder-strip button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:9px 13px;white-space:nowrap;cursor:pointer;font:inherit;font-size:12px}.graycape-tabs button.active,.library-folder-strip button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.graycape-command-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.graycape-command-kpis>div{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:5px;background:var(--panel)}.graycape-command-kpis span{font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.graycape-command-kpis strong{font-size:24px}.graycape-command-kpis small{color:var(--muted)}.graycape-command-kpis .warn{border-color:rgba(255,170,70,.55)}.graycape-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.graycape-attention-list,.graycape-best-list{display:grid;gap:8px}.graycape-attention-list>button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;background:transparent;color:inherit;border:1px solid var(--line);border-radius:12px;padding:11px;cursor:pointer}.graycape-attention-list>button div{display:grid;gap:2px}.graycape-attention-list small{color:var(--muted)}.graycape-best-list article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.graycape-best-list article>b{font-size:24px;color:var(--muted)}.graycape-best-list article>div{display:grid;gap:3px}.graycape-best-list span,.graycape-best-list small{font-size:11px;color:var(--muted)}.graycape-portfolio-summary{margin-bottom:14px}.graycape-portfolio-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.graycape-portfolio-bars button{display:grid;gap:4px;text-align:left;background:transparent;color:inherit;border:1px solid var(--line);border-radius:13px;padding:13px;cursor:pointer}.graycape-portfolio-bars strong{font-size:22px}.graycape-portfolio-bars small{color:var(--muted)}.graycape-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.graycape-item-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:17px;display:grid;gap:12px}.graycape-item-head{display:flex;justify-content:space-between;gap:12px}.graycape-item-head span:first-child{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.graycape-item-head h3{margin:4px 0 0;font-size:18px}.graycape-item-status{display:flex;gap:8px;flex-wrap:wrap}.graycape-item-status span{border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px}.graycape-item-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.graycape-score-row,.graycape-money-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.graycape-money-row{grid-template-columns:repeat(3,1fr)}.graycape-score-row span,.graycape-money-row span{border:1px solid var(--line);border-radius:10px;padding:8px;font-size:10px;color:var(--muted);display:grid;gap:3px}.graycape-score-row b,.graycape-money-row b{font-size:13px;color:var(--text)}.graycape-next-action{border-left:3px solid var(--text);padding:8px 10px;display:grid;gap:3px}.graycape-next-action small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.graycape-item-actions{display:flex;gap:7px;flex-wrap:wrap}.graycape-item-editor,.graycape-decision-editor,.library-asset-editor,.library-versions-modal,.library-usage-modal,.graycape-tasks-modal{width:min(900px,calc(100vw - 30px));max-height:92vh;overflow:auto}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gray-task-add{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;margin-bottom:14px}.gray-task-list{display:grid;gap:7px}.gray-task-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:11px}.gray-task-list article.done{opacity:.58}.gray-task-list article.done strong{text-decoration:line-through}.gray-task-list article div{display:grid;gap:2px}.gray-task-list small{color:var(--muted)}.gray-task-check{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}.graycape-decision-list{display:grid;gap:10px}.graycape-decision-list article{display:grid;grid-template-columns:90px 1fr auto;gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px}.graycape-decision-list article>div:nth-child(2){display:grid;gap:5px}.graycape-decision-list h3{margin:0}.graycape-decision-list p{margin:3px 0;color:var(--muted)}.graycape-decision-date{font-weight:700}.graycape-criteria,.graycape-result{font-size:11px;padding:8px;border-radius:9px;background:rgba(255,255,255,.035)}.library-folder-strip{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.library-asset-card{border:1px solid var(--line);border-radius:18px;padding:17px;background:var(--panel);display:grid;gap:10px}.library-asset-head{display:flex;justify-content:space-between;gap:10px}.library-asset-head>div>span{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.library-asset-head h3{margin:3px 0 0}.library-folder-name{color:var(--muted)}.library-asset-card p{margin:0;color:var(--muted);font-size:12px}.library-tags{display:flex;flex-wrap:wrap;gap:5px}.library-tags span{font-size:9px;border:1px solid var(--line);padding:4px 7px;border-radius:999px}.library-current-version{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);padding:10px;border-radius:11px}.library-current-version span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.library-current-version strong{font-size:18px}.library-current-version small{color:var(--muted)}.library-asset-links,.library-asset-foot,.library-asset-foot .row{display:flex;gap:7px;flex-wrap:wrap}.library-asset-foot{justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px}.library-asset-foot>span{font-size:10px;color:var(--muted)}.library-version-form,.library-usage-form{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.version-current-check{align-self:end;margin-bottom:8px}.library-version-list,.library-usage-list{display:grid;gap:8px}.library-version-list article,.library-usage-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px}.library-version-list article.current{border-color:rgba(110,220,170,.5)}.library-version-list article>div:first-child,.library-usage-list article>div:first-child{display:grid;gap:3px}.library-version-list small,.library-usage-list span,.library-usage-list small{color:var(--muted);font-size:10px}
@media(max-width:900px){.graycape-command-kpis,.graycape-portfolio-bars{grid-template-columns:repeat(2,1fr)}.graycape-command-grid{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,1fr)}.credentials-center-bar{grid-template-columns:1fr}.graycape-score-row{grid-template-columns:repeat(2,1fr)}.graycape-decision-list article{grid-template-columns:1fr}.gray-task-add{grid-template-columns:1fr 1fr}.library-version-list article,.library-usage-list article{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.graycape-command-kpis,.graycape-portfolio-bars,.four,.graycape-money-row{grid-template-columns:1fr}.graycape-items-grid,.library-grid,.credential-grid,.client-credential-grid{grid-template-columns:1fr}.gray-task-add{grid-template-columns:1fr}.credential-copy-line,.credential-secret-line{align-items:flex-start;flex-direction:column}.graycape-item-actions .btn{flex:1 1 46%}}


/* v29.3.31 — Social Media plan selector: editable everywhere + instant save */
.gc-content-title-row{gap:12px;flex-wrap:wrap}
.gc-content-plan-inline{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.gc-content-plan-inline select,.gc-planner-plan select{min-width:138px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text);padding:8px 30px 8px 10px;font:inherit;text-transform:none;letter-spacing:0;font-weight:700;cursor:pointer}
.gc-content-plan-inline select:disabled,.gc-planner-plan select:disabled{opacity:.65;cursor:wait}
.gc-instant-save-label{display:inline-block;margin-left:5px;font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.gc-planner-plan{display:flex;flex-direction:column;gap:4px;min-width:150px}
.gc-planner-plan>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}
@media(max-width:720px){.gc-content-plan-inline{width:100%;justify-content:space-between}.gc-content-plan-inline select{flex:1;max-width:220px}.gc-planner-plan{width:100%}.gc-planner-plan select{width:100%}}


/* v29.3.32 — Internal module Back navigation */
.sidebar-command-row{
 grid-template-columns:42px minmax(0,1fr) 42px;
}
.sidebar-command-back{
 min-height:42px;
 border:1px solid rgba(119,181,169,.22);
 border-radius:11px;
 background:rgba(255,255,255,.025);
 color:#dce9e5;
 cursor:pointer;
 font:700 18px/1 Inter,sans-serif;
 transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .18s ease;
}
.sidebar-command-back:hover:not(:disabled){
 border-color:rgba(91,193,214,.55);
 background:rgba(75,173,194,.08);
 transform:translateX(-1px);
}
.sidebar-command-back:disabled,
.sidebar-command-back.is-disabled{
 opacity:.28;
 cursor:default;
}
.mobile-internal-back{display:none}
@media(max-width:980px){
 .mobile-internal-back{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:36px;
  padding:7px 10px;
  border:1px solid rgba(142,212,227,.2);
  border-radius:9px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font:700 10px/1 Inter,sans-serif;
  cursor:pointer;
  white-space:nowrap;
 }
 .mobile-internal-back:disabled{opacity:.3;cursor:default}
 .mobile-internal-back:not(:disabled):active{transform:translateX(-1px)}
}
@media(max-width:420px){
 .mobile-internal-back{min-width:38px;width:38px;padding:0}
 .mobile-internal-back span:last-child{display:none}
}


/* =========================================================
   V29.3.33 — WORDPRESS-STYLE MOBILE LEFT DRAWER
   Mobile/tablet navigation lives in a dedicated off-canvas
   sidebar. Desktop sidebar remains unchanged.
   ========================================================= */
.mobile-director-bar,.mobile-menu-backdrop,.mobile-drawer-close,.mobile-nav-label,.mobile-drawer-tools-label{display:none}
@media(max-width:980px){
 html.gc-mobile-menu-open,html.gc-mobile-menu-open body{overflow:hidden!important;overscroll-behavior:none}
 .shell{display:grid!important;grid-template-columns:1fr!important;min-height:100dvh}
 .mobile-director-bar{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;
  position:sticky;top:0;z-index:980;height:60px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;
  background:rgba(6,19,22,.97);border-bottom:1px solid rgba(142,212,227,.14);
  box-shadow:0 10px 28px rgba(3,14,17,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
 }
 .mobile-menu-trigger,.mobile-top-back{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(142,212,227,.19);
  border-radius:10px;background:rgba(255,255,255,.055);color:#f3f8f7;cursor:pointer
 }
 .mobile-menu-trigger{font-size:20px}.mobile-top-back{font-size:18px}
 .mobile-top-back:disabled{opacity:.28;cursor:default}
 .mobile-director-brand{min-width:0;display:grid;gap:2px}
 .mobile-director-brand b{font-size:11px;letter-spacing:.15em;color:#fff;white-space:nowrap}
 .mobile-director-brand span{font-size:9px;color:#8ed4e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-menu-backdrop{
  display:block!important;position:fixed;inset:0;z-index:998;background:rgba(2,10,12,.58);
  opacity:0;pointer-events:none;transition:opacity .22s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)
 }
 .mobile-menu-backdrop.show{opacity:1;pointer-events:auto}
 .sidebar{
  position:fixed!important;z-index:1000!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;
  width:min(88vw,326px)!important;height:100dvh!important;max-height:100dvh!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;
  padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  transform:translateX(-104%);transition:transform .24s cubic-bezier(.2,.75,.2,1);box-shadow:none
 }
 .sidebar.mobile-open{transform:translateX(0);box-shadow:24px 0 70px rgba(0,0,0,.36)}
 .premium-brand{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:2px 4px 14px!important}
 .premium-brand>div{min-width:0}.premium-brand small,.premium-brand .version{display:block!important}
 .mobile-drawer-close{
  display:grid!important;place-items:center;width:38px;height:38px;border:1px solid rgba(142,212,227,.18);border-radius:10px;
  background:rgba(255,255,255,.05);color:#fff;font-size:24px;line-height:1;cursor:pointer
 }
 .sidebar-command-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;margin:0 2px 2px!important}
 .sidebar-command-search kbd{display:none}.sidebar-command-search{grid-template-columns:auto 1fr!important}
 .mobile-shell-actions{
  display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-items:stretch!important;justify-items:stretch!important;
  margin:0 2px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)
 }
 .mobile-drawer-tools-label{display:block!important;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#6d8d87;font-weight:800}
 .mobile-shell-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .mobile-shell-actions .mobile-mascot-toggle,.mobile-shell-actions .mobile-logout-btn{display:inline-flex!important;width:100%!important;min-width:0!important;height:38px!important;justify-content:center!important;position:static!important}
 .mobile-shell-actions .mobile-mascot-toggle b{display:inline!important}
 .nav{display:grid!important;width:100%!important;gap:4px!important;overflow:visible!important;padding:0 2px 4px}
 .nav button{width:100%!important;white-space:normal!important;min-height:43px!important;flex:0 0 auto!important}
 .mobile-nav-label{display:block!important;padding:14px 10px 5px;font-size:8px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#66837e}
 .mobile-nav-label:first-child{padding-top:4px}
 .sidebar .bottom{display:grid!important;margin-top:auto!important;padding:14px 5px 0!important;border-top:1px solid rgba(255,255,255,.08)!important}
 .sidebar .bottom .sidebar-mascot-toggle{display:none!important}
 .sidebar .bottom .btn{display:none!important}
 .main{width:100%!important;min-width:0!important;padding:20px 16px calc(76px + env(safe-area-inset-bottom,0px))!important}
 .gc-quick-fab{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:520px){
 .sidebar{width:min(91vw,316px)!important}
 .mobile-director-bar{grid-template-columns:40px minmax(0,1fr) 40px;padding-left:10px;padding-right:10px}
 .mobile-menu-trigger,.mobile-top-back{width:40px;height:40px}
 .main{padding-left:12px!important;padding-right:12px!important}
}

/* =========================================================
   V29.3.38 — DESKTOP COMMAND ROW FIT FIX
   Keep the mobile drawer untouched. On desktop the Back +
   Search + Quick Action controls get the full sidebar width
   and the redundant keyboard hint is hidden so nothing clips.
   ========================================================= */
@media(min-width:981px){
  .sidebar-command-row{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:6px!important;
    margin:12px 0 2px!important;
    width:100%!important;
  }
  .sidebar-command-back,.sidebar-command-add{
    width:40px!important;
    min-width:40px!important;
    min-height:42px!important;
  }
  .sidebar-command-search{
    min-width:0!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:6px!important;
    padding:0 8px!important;
    overflow:hidden!important;
  }
  .sidebar-command-search>b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .sidebar-command-search kbd{display:none!important}
  .premium-brand>div{min-width:0}
}


/* v29.3.38 · Expenses + internal investment notes */
.finance-top-actions{flex-wrap:wrap;justify-content:flex-end}.finance-metrics-expanded{grid-template-columns:repeat(6,minmax(0,1fr))}.finance-metric-expense strong,.finance-expense-value{color:#c98264}.finance-metric-net strong,.finance-net-value{color:#74a98c}.finance-metric-net.negative strong,.finance-metric-expense-due.negative strong{color:var(--danger,#d36d6d)}
.finance-expenses-panel,.finance-investments-panel{margin-top:14px}.finance-expense-list,.finance-investment-list{display:grid;gap:8px}.finance-expense{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);background:var(--panel2);border-left:2px solid rgba(208,156,70,.55)}.finance-expense.is-paid{border-left-color:rgba(69,151,109,.5);opacity:.88}.finance-expense.is-overdue{border-left-color:var(--danger,#d36d6d)}.finance-expense>div>strong{display:block;font-size:13px}.finance-expense>div>small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.finance-expense p{font-size:10px;color:var(--muted);margin:7px 0 0}.finance-investment-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);background:var(--panel2)}.finance-investment-note strong{font-size:13px}.finance-investment-note small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.finance-investment-note p{margin:8px 0 0;font-size:11px;line-height:1.55;color:var(--muted)}
.finance-client-table-costs .finance-client-row{grid-template-columns:minmax(145px,1.3fr) repeat(5,minmax(82px,.65fr))}
@media(max-width:1350px){.finance-metrics-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-client-table-costs{overflow-x:auto}.finance-client-table-costs .finance-client-row{min-width:760px}}
@media(max-width:720px){.finance-top-actions{width:100%;justify-content:stretch}.finance-top-actions .btn{flex:1 1 calc(50% - 6px)}.finance-metrics-expanded{grid-template-columns:1fr 1fr}.finance-expense,.finance-investment-note{grid-template-columns:1fr}.finance-expense .finance-entry-side{align-items:flex-start}.finance-client-table-costs .finance-client-row{min-width:690px}.finance-client-table-costs{padding-bottom:4px}}
@media(max-width:430px){.finance-metrics-expanded{grid-template-columns:1fr}.finance-top-actions .btn{flex-basis:100%}}
@media(max-width:720px){.finance-client-table-costs .finance-client-row.head span:nth-child(3),.finance-client-table-costs .finance-client-row.head span:nth-child(4){display:block}}

/* v29.3.38 · recurring expense split */
.finance-client-expenses{border-color:rgba(103,145,196,.28)}
.finance-client-expenses .section-head h2{display:flex;align-items:center;gap:8px}
.finance-expense.is-client-expense{border-left-color:rgba(99,142,196,.72)}
.finance-scope-badge,.finance-reimburse-badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid var(--line);font-size:8px;font-weight:800;letter-spacing:.05em;white-space:nowrap}
.finance-scope-badge.graycape{color:#bd8b72;background:rgba(185,125,91,.07)}
.finance-scope-badge.client{color:#82a7d2;background:rgba(92,136,188,.08)}
.finance-reimburse-badge.due{color:#d8a861;border-color:rgba(216,168,97,.32);background:rgba(216,168,97,.08)}
.finance-reimburse-badge.reimbursed{color:#78b296;border-color:rgba(83,157,119,.32);background:rgba(83,157,119,.08)}
.finance-reimburse-amount{display:block!important;margin:4px 0 8px!important;color:#8ba9cb!important;text-align:right}
.finance-reimburse-value,.finance-metric-reimburse strong{color:#8ba9cb}
.finance-metric-reimburse.attention strong{color:#d8a861}
.finance-metric-client-due strong{color:#8ba9cb}
[data-client-reimbursement-fields][hidden]{display:none!important}
@media(max-width:720px){.finance-reimburse-amount{text-align:left}.finance-client-expenses .section-head{align-items:flex-start}}
.finance-metrics-expanded{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1350px){.finance-metrics-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.finance-metrics-expanded{grid-template-columns:1fr}}


/* v29.3.39 · responsive polish / finance layout hardening */
.shell,.main,.main>*{min-width:0}
.main{max-width:100%;}
.panel,.card,.topbar>*,.section-head>*{min-width:0;max-width:100%}
.section-head h2,.section-head h3,.topbar h1{overflow-wrap:anywhere}

/* Finance has a six-column client summary. Keep it full-width instead of
   squeezing it beside Revenue after accounting for the desktop sidebar. */
.finance-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px;
}
.finance-client-panel,.finance-entry-panel{
  min-width:0;
  overflow:hidden;
}
.finance-client-table-costs{
  width:100%;
  min-width:0;
  overflow:visible;
}
.finance-client-table-costs .finance-client-row{
  min-width:0!important;
  grid-template-columns:minmax(170px,1.45fr) repeat(5,minmax(88px,1fr));
  gap:10px;
  padding-left:8px;
  padding-right:8px;
}
.finance-client-table-costs .finance-client-row>*{min-width:0}
.finance-client-table-costs .finance-client-row.head span{
  white-space:normal;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.finance-client-table-costs .finance-client-row:not(.head)>b{
  overflow-wrap:anywhere;
}
.finance-client-table-costs:has(> .gc-empty-state) > .finance-client-row.head{
  display:none;
}
.finance-client-table-costs>.gc-empty-state{
  width:100%;
  margin:0;
}
.finance-entry-panel>.finance-entry-list>.gc-empty-state{
  width:100%;
}

/* Top actions should wrap as controls, not squeeze their labels. */
.finance-top-actions{gap:8px;max-width:820px}
.finance-top-actions .btn{white-space:normal;text-align:center}
.finance-toolbar{min-width:0}
.finance-toolbar .field{min-width:min(220px,100%)}
.finance-metrics-expanded>div{min-width:0}
.finance-metrics-expanded span,.finance-metrics-expanded small{overflow-wrap:anywhere}
.finance-expense,.finance-investment-note,.finance-entry{min-width:0}
.finance-expense>*,.finance-investment-note>*,.finance-entry>*{min-width:0}
.finance-expense strong,.finance-expense small,.finance-expense p,
.finance-investment-note strong,.finance-investment-note small,.finance-investment-note p,
.finance-entry strong,.finance-entry small,.finance-entry p{overflow-wrap:anywhere}

@media(max-width:1180px){
  .finance-metrics-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .finance-top-actions{width:100%;max-width:none;justify-content:flex-start}
  .finance-top-actions .btn{flex:1 1 180px}
  .finance-client-table-costs .finance-client-row{
    grid-template-columns:minmax(155px,1.35fr) repeat(5,minmax(76px,1fr));
    gap:8px;
  }
}

@media(max-width:980px){
  .main{overflow-x:clip}
  .finance-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:end}
  .finance-toolbar .field{min-width:0!important;width:100%}
  .finance-toolbar .btn{grid-column:1/-1;width:100%}
  .finance-expenses-panel .section-head,
  .finance-investments-panel .section-head{gap:10px}
}

@media(max-width:720px){
  /* Finance header/actions */
  .finance-top-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:7px;
    width:100%;
  }
  .finance-top-actions .btn{
    width:100%;
    min-width:0;
    margin:0;
    padding-left:10px;
    padding-right:10px;
  }
  .finance-top-actions #newInvestmentNote{grid-column:1/-1}
  .finance-toolbar{grid-template-columns:1fr}
  .finance-toolbar .btn{grid-column:auto}
  .finance-metrics-expanded{grid-template-columns:1fr 1fr!important;gap:8px}
  .finance-metrics-expanded>div{min-height:94px;padding:12px}

  /* Replace the wide six-column client table with readable cards. */
  .finance-client-table-costs{overflow:visible!important;padding:0!important}
  .finance-client-table-costs .finance-client-row.head{display:none!important}
  .finance-client-table-costs .finance-client-row:not(.head){
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px 12px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 9px;
    padding:14px!important;
    border:1px solid var(--line)!important;
    border-radius:12px;
    background:var(--panel2);
  }
  .finance-client-table-costs .finance-client-row:not(.head)>span:first-child{
    grid-column:1/-1;
    padding:0 0 10px;
    border-bottom:1px solid var(--line);
  }
  .finance-client-table-costs .finance-client-row:not(.head)>b{
    display:grid;
    gap:3px;
    align-content:start;
    font-size:13px!important;
    text-align:left;
  }
  .finance-client-table-costs .finance-client-row:not(.head)>b::before{
    font-size:8px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.065em;
    text-transform:uppercase;
    color:var(--muted);
  }
  .finance-client-table-costs .finance-client-row:not(.head)>b:nth-child(2)::before{content:"Subs / година"}
  .finance-client-table-costs .finance-client-row:not(.head)>b:nth-child(3)::before{content:"Получено"}
  .finance-client-table-costs .finance-client-row:not(.head)>b:nth-child(4)::before{content:"Твой разход"}
  .finance-client-table-costs .finance-client-row:not(.head)>b:nth-child(5)::before{content:"Дължи разходи"}
  .finance-client-table-costs .finance-client-row:not(.head)>b:nth-child(6)::before{content:"Неплатени услуги"}

  .finance-expenses-panel,.finance-investments-panel{margin-top:10px}
  .finance-expenses-panel .section-head .btn,
  .finance-investments-panel .section-head .btn{width:100%}
  .finance-expense,.finance-investment-note,.finance-entry{
    grid-template-columns:1fr!important;
    gap:10px;
    padding:12px;
  }
  .finance-entry-side{
    width:100%;
    align-items:flex-start!important;
  }
  .finance-entry-side>.row,
  .finance-expense .finance-entry-side>.row{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .finance-entry-side>.row .btn,
  .finance-expense .finance-entry-side>.row .btn{width:100%;min-width:0}
  .finance-reimburse-amount{text-align:left!important}

  /* Finance editors remain centered but all paired fields become one column. */
  .finance-entry-editor .content-modal-body .two{grid-template-columns:1fr!important}
  .finance-entry-editor .crm-modal-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .finance-entry-editor .crm-modal-actions .spacer{display:none}
  .finance-entry-editor .crm-modal-actions .btn{width:100%}
  .gc-empty-state{min-width:0;width:100%;padding:18px 14px}
}

@media(max-width:470px){
  .finance-top-actions{grid-template-columns:1fr}
  .finance-top-actions #newInvestmentNote{grid-column:auto}
  .finance-metrics-expanded{grid-template-columns:1fr!important}
  .finance-client-table-costs .finance-client-row:not(.head){grid-template-columns:1fr!important}
  .finance-client-table-costs .finance-client-row:not(.head)>span:first-child{grid-column:auto}
  .finance-entry-side>.row,
  .finance-expense .finance-entry-side>.row,
  .finance-entry-editor .crm-modal-actions{grid-template-columns:1fr}
  .finance-expenses-panel,.finance-investments-panel,.finance-client-panel,.finance-entry-panel{padding:16px!important}
}


/* ===== v29.4.0 · Graycape Brain additive UI ===== */
.gc-daily-briefing,.gc-finance-brain,.gc-client-brain{margin-bottom:18px;overflow:hidden}
.gc-brain-head,.gc-client-brain-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.gc-brain-head h2,.gc-client-brain-head h2{margin:2px 0 5px}
.gc-brain-head p,.gc-client-brain-head p{margin:0}
.gc-brain-metrics,.gc-client-brain-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.gc-brain-metrics.finance{grid-template-columns:repeat(6,minmax(0,1fr))}
.gc-brain-metric{min-width:0;border:1px solid #e7e7e2;background:#fbfbf9;border-radius:12px;padding:13px;display:grid;gap:4px}
.gc-brain-metric span{font-size:11px;color:#6b6b6b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.gc-brain-metric strong{font-size:20px;line-height:1.15;overflow-wrap:anywhere}
.gc-brain-metric small{color:#777;font-size:11px;line-height:1.35}
.gc-brain-metric.attention{border-color:#e4c8a8;background:#fff8ef}
.gc-client-brain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.gc-client-brain-grid>section{border-top:1px solid #ecece8;padding-top:14px;min-width:0}
.gc-client-brain-grid h3{font-size:14px;margin:0 0 10px}
.gc-brain-list,.gc-followup-list,.gc-inbox-list,.gc-automation-log,.gc-rule-list{display:grid;gap:8px}
.gc-brain-list article,.gc-followup-list article,.gc-inbox-list article,.gc-automation-log article{border:1px solid #ecece8;border-radius:10px;padding:11px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;background:#fff}
.gc-brain-list article>div,.gc-followup-list article>div,.gc-inbox-list article>div,.gc-automation-log article>div{min-width:0;display:grid;gap:3px}
.gc-brain-list strong,.gc-followup-list strong,.gc-inbox-list strong,.gc-automation-log strong{font-size:13px;overflow-wrap:anywhere}
.gc-brain-list small,.gc-followup-list small,.gc-inbox-list small,.gc-automation-log small{font-size:11px;color:#777;overflow-wrap:anywhere}
.gc-brain-list p{margin:4px 0 0;font-size:12px;color:#555;line-height:1.4;overflow-wrap:anywhere}
.gc-brain-wide{width:min(1060px,calc(100vw - 28px));max-height:min(880px,calc(100vh - 28px));overflow:auto}
.gc-followup-columns,.gc-inbox-layout,.gc-automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.gc-followup-columns h3{font-size:15px;margin:0 0 10px}
.gc-inbox-layout>form{position:sticky;top:0}
.gc-inbox-capture-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gc-inbox-capture-actions .spacer{flex:1}
.gc-inbox-list article strong{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.4}
.gc-brain-command-dock{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;margin-bottom:16px;border:1px solid #dfe6ec;border-radius:14px;background:linear-gradient(135deg,#f8fbfd,#fff)}
.gc-brain-command-dock h2{margin:2px 0 4px;font-size:19px}.gc-brain-command-dock p{margin:0}
.gc-automation-page{display:grid;gap:16px}
.gc-rule-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e8e8e3;border-radius:11px;padding:12px;background:#fff}
.gc-rule-list article>div{display:grid;gap:3px;min-width:0}.gc-rule-list strong{font-size:13px}.gc-rule-list small{font-size:11px;color:#777;overflow-wrap:anywhere}
.gc-rule-toggle{position:relative;width:40px;height:24px;display:block}.gc-rule-toggle input{position:absolute;opacity:0}.gc-rule-toggle span{position:absolute;inset:0;border-radius:999px;background:#d8d8d3;transition:.18s}.gc-rule-toggle span:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s}.gc-rule-toggle input:checked+span{background:#111}.gc-rule-toggle input:checked+span:after{transform:translateX(16px)}
.gc-rule-days{display:flex;align-items:center;gap:5px;font-size:11px;color:#777}.gc-rule-days input{width:68px;border:1px solid #d8d8d2;border-radius:8px;padding:7px 8px;text-align:center;background:#fff}
.gc-assistant-prefs{display:grid;gap:10px}.gc-assistant-prefs>label{display:flex;align-items:flex-start;gap:10px;border:1px solid #e8e8e3;border-radius:11px;padding:12px}.gc-assistant-prefs input{margin-top:3px}.gc-assistant-prefs span{display:grid;gap:3px}.gc-assistant-prefs strong{font-size:13px}.gc-assistant-prefs small{font-size:11px;color:#777;line-height:1.4}.gc-assistant-prefs .danger-pref{border-color:#edd7d7;background:#fffafa}
@media(max-width:1180px){.gc-brain-metrics,.gc-client-brain-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.gc-brain-metrics.finance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gc-brain-head,.gc-client-brain-head,.gc-brain-command-dock{display:grid;grid-template-columns:1fr}.gc-brain-head>.row,.gc-client-brain-head>.row,.gc-brain-command-dock>.row{width:100%}.gc-brain-head>.row .btn,.gc-client-brain-head>.row .btn,.gc-brain-command-dock>.row .btn{flex:1}.gc-brain-metrics,.gc-client-brain-kpis,.gc-brain-metrics.finance{grid-template-columns:1fr 1fr}.gc-client-brain-grid,.gc-followup-columns,.gc-inbox-layout,.gc-automation-grid{grid-template-columns:1fr}.gc-inbox-layout>form{position:static}.gc-brain-wide{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.gc-rule-list article{grid-template-columns:auto 1fr}.gc-rule-days{grid-column:2;justify-content:flex-start}}
@media(max-width:420px){.gc-brain-metrics,.gc-client-brain-kpis,.gc-brain-metrics.finance{grid-template-columns:1fr}.gc-inbox-capture-actions .btn{width:100%}.gc-inbox-capture-actions .spacer{display:none}}

/* =========================================================
   V29.4.4 — UNIVERSAL VOICE INPUT + MOBILE HARDENING
   Applies to director and client forms. Voice is opt-in per field.
   ========================================================= */
.gc-voice-input-wrap{position:relative;min-width:0;width:100%}
.gc-voice-input-wrap>input,.gc-voice-input-wrap>textarea{padding-right:52px!important}
.gc-voice-trigger{
 position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:4;
 width:34px;height:34px;padding:0;border-radius:10px;
 border:1px solid rgba(73,142,128,.28);background:rgba(238,248,244,.94);color:#2d6d60;
 display:grid;place-items:center;font-size:15px;line-height:1;cursor:pointer;
 box-shadow:0 2px 8px rgba(22,58,50,.08);touch-action:manipulation;
 transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.gc-voice-input-wrap.is-textarea .gc-voice-trigger{top:8px;transform:none}
.gc-voice-trigger:hover{border-color:rgba(61,151,133,.55);background:#e6f5ef}
.gc-voice-trigger:focus-visible{outline:2px solid rgba(76,174,153,.45);outline-offset:2px}
.gc-voice-trigger.is-checking{opacity:.7;cursor:wait}
.gc-voice-trigger.is-listening{border-color:#57bea7;background:#0f342d;color:#dff9f1;box-shadow:0 0 0 4px rgba(87,190,167,.13)}
.gc-voice-trigger.is-listening span{font-size:11px}
.client-app[data-client-theme="dark"] .gc-voice-trigger,
.gc-quick-form .gc-voice-trigger,.gc-command-backdrop .gc-voice-trigger{
 border-color:rgba(102,190,170,.28);background:#102522;color:#75cfba;box-shadow:none
}
.client-app[data-client-theme="dark"] .gc-voice-trigger.is-listening,
.gc-quick-form .gc-voice-trigger.is-listening,.gc-command-backdrop .gc-voice-trigger.is-listening{background:#174138;color:#e7fff8;border-color:#65cbb4}
#gcVoiceSessionBanner{
 position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:19050;
 width:min(620px,calc(100vw - 32px));min-height:54px;padding:9px 10px 9px 12px;
 border:1px solid rgba(94,191,170,.38);border-radius:15px;background:rgba(8,27,24,.96);color:#e8f5f1;
 box-shadow:0 18px 55px rgba(0,0,0,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px
}
#gcVoiceSessionBanner[hidden]{display:none!important}
.gc-voice-live-dot{width:9px;height:9px;border-radius:50%;background:#65cfb6;box-shadow:0 0 0 5px rgba(101,207,182,.12);animation:gcVoicePulse 1.3s ease-in-out infinite}
.gc-voice-live-copy{display:grid;gap:2px;min-width:0}
.gc-voice-live-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-voice-live-copy span{font-size:9px;color:#8fa8a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-voice-banner-stop{min-height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#102f2a;color:#dff5ee;font-size:10px;font-weight:750;cursor:pointer;touch-action:manipulation}
@keyframes gcVoicePulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

@media(max-width:760px){
 html{max-width:100%;overflow-x:hidden}
 body{max-width:100%;overflow-x:hidden}
 .field,.question,.note-box,.gc-quick-form,.gc-quick-form-panel,.crm-modal,.client-app,.client-main,.main{min-width:0}
 .field input,.field textarea,.field select,.inline-input,.question textarea,.note-box textarea{font-size:16px!important}
 .gc-voice-trigger{width:38px;height:38px;right:6px;border-radius:11px}
 .gc-voice-input-wrap>input,.gc-voice-input-wrap>textarea{padding-right:54px!important}
 .gc-voice-input-wrap.is-textarea .gc-voice-trigger{top:7px}
 #gcVoiceSessionBanner{
  left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom,0px));transform:none;width:auto;
  grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;border-radius:14px
 }
 .gc-voice-live-copy strong{font-size:11px}.gc-voice-live-copy span{font-size:9px}
 .gc-voice-banner-stop{min-width:56px;min-height:40px}
 #gcGlobalOverlayRoot .crm-modal-backdrop,#gcGlobalOverlayRoot .gc-command-backdrop{height:100dvh;max-height:100dvh;overflow:hidden}
 .gc-command-palette,.gc-quick-panel,.gc-quick-form-panel,.crm-modal{max-width:100%;overscroll-behavior:contain}
 .gc-quick-head,.crm-modal-head{min-width:0}.gc-quick-head>div,.crm-modal-head>div{min-width:0}
 .gc-quick-head h2,.crm-modal-head h2,.notice,.gc-brain-list p,.gc-inbox-list strong,.gc-followup-list strong{overflow-wrap:anywhere;word-break:break-word}
 .gc-inbox-capture-actions{flex-wrap:wrap;gap:8px}.gc-inbox-capture-actions .muted{flex:1 1 100%}
 .gc-brain-head>.row,.gc-client-brain-head>.row,.gc-brain-command-dock>.row,.crm-modal-actions{flex-wrap:wrap}
 .gc-brain-head>.row .btn,.gc-client-brain-head>.row .btn,.gc-brain-command-dock>.row .btn{min-height:42px}
}
@media(max-width:420px){
 #gcVoiceSessionBanner{grid-template-columns:auto minmax(0,1fr)}
 #gcVoiceSessionBanner .gc-voice-banner-stop{grid-column:1/-1;width:100%}
}


/* v29.4.6 · Client content calendar, suggestions, mobile hardening + safe Client Eye navigation */
.gc-client-content-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.gc-client-month-control{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;flex-wrap:wrap}
.gc-client-month-tools{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.gc-client-month-tools label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.gc-client-month-tools input[type="month"]{min-height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:6px 9px}
.gc-client-empty-month{margin-top:14px;padding:18px;border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;gap:5px;color:var(--muted)}
.gc-client-empty-month strong{color:var(--text)}
.content-post-card.status-client_suggested{border-color:rgba(86,190,214,.58);box-shadow:inset 0 0 0 1px rgba(86,190,214,.08)}
.content-post-card.status-client_suggested .content-status{background:rgba(86,190,214,.13);color:#74d3e6;border-color:rgba(86,190,214,.34)}
.gc-client-suggestion-note{margin-top:6px}
.gc-client-suggestion-modal .gc-client-review-actions{position:sticky;bottom:0;z-index:3;background:var(--surface);border-top:1px solid var(--border)}

@media (max-width:760px){
 .content-client-head{align-items:flex-start;gap:14px}
 .gc-client-content-head-actions{width:100%;justify-content:flex-start}
 .gc-client-content-head-actions .btn{flex:1 1 180px}
 .content-client-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
 .content-client-summary>div{min-width:0}
 .content-client-summary>.btn{grid-column:1/-1;width:100%}
 .gc-client-month-control{align-items:stretch}
 .gc-client-month-control>.content-month-nav{width:100%;justify-content:space-between}
 .gc-client-month-tools{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:end}
 .gc-client-month-tools label{grid-column:1/-1}
 .gc-client-month-tools input[type="month"]{width:100%;font-size:16px}
 .gc-client-month-tools .btn{width:100%;min-height:42px}
 .client-main .content-calendar-shell{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-bottom:6px}
 .client-main .content-calendar-weekdays,.client-main .content-calendar{min-width:820px}
 .client-main .content-calendar-shell:after{content:'Плъзнете наляво и надясно за целия календар';display:block;position:sticky;left:0;width:max-content;max-width:calc(100vw - 42px);margin:7px 0 0;padding:5px 8px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:10px}
 .gc-client-suggestion-modal .gc-client-review-grid{grid-template-columns:1fr}
 .gc-client-suggestion-modal .gc-client-preview-pane{order:2}
 .gc-client-suggestion-modal .gc-client-editor{order:1}
 .gc-client-suggestion-modal .gc-client-review-actions{flex-wrap:wrap;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
 .gc-client-suggestion-modal .gc-client-review-actions .spacer{display:none}
 .gc-client-suggestion-modal .gc-client-review-actions .btn{flex:1 1 140px}
}
@media (max-width:500px){
 .content-client-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .content-client-summary>.btn{grid-column:1/-1}
}


/* v29.4.6 · Client Eye stays read-only for data changes, but calendar navigation must remain interactive */
.client-readonly-preview [data-content-month],
.client-readonly-preview [data-client-month-picker],
.client-readonly-preview [data-client-month-today],
.client-readonly-preview [data-client-month-pending],
.client-readonly-preview [data-client-content-tab]{
  pointer-events:auto!important;
  opacity:1!important;
  cursor:pointer;
}
.client-readonly-preview [data-client-month-picker]{cursor:default}
.client-readonly-preview:before{content:"Client Eye · навигацията работи, промените по данните са изключени"}

/* Graycape OS PWA base v29.5.0 */
.gc-pwa-install-notice{
 position:fixed;
 left:50%;
 bottom:calc(16px + env(safe-area-inset-bottom,0px));
 z-index:10080;
 width:min(520px,calc(100vw - 28px));
 display:grid;
 grid-template-columns:42px minmax(0,1fr) auto auto;
 align-items:center;
 gap:10px;
 padding:10px 10px 10px 11px;
 border:1px solid rgba(139,210,216,.22);
 border-radius:16px;
 background:rgba(7,19,22,.94);
 color:#eef8f7;
 box-shadow:0 16px 42px rgba(0,0,0,.24);
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
 opacity:0;
 transform:translate(-50%,14px);
 pointer-events:none;
 transition:opacity .22s ease,transform .22s ease;
}
.gc-pwa-install-notice.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.gc-pwa-install-notice img{width:42px;height:42px;border-radius:12px;object-fit:cover;display:block}
.gc-pwa-install-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.gc-pwa-install-copy strong{font-size:13px;line-height:1.25;font-weight:700;color:#f4fbfa}
.gc-pwa-install-copy span{font-size:11px;line-height:1.35;color:#a8b9b7;overflow-wrap:anywhere}
.gc-pwa-install-action,.gc-pwa-install-close{
 border:0;
 font:inherit;
 cursor:pointer;
 -webkit-tap-highlight-color:transparent;
}
.gc-pwa-install-action{
 min-height:34px;
 padding:0 11px;
 border-radius:10px;
 background:#b9d5d3;
 color:#0b1a1c;
 font-size:11px;
 font-weight:700;
}
.gc-pwa-install-close{
 width:32px;
 height:32px;
 display:grid;
 place-items:center;
 border-radius:9px;
 background:transparent;
 color:#93a6a4;
 font-size:19px;
 line-height:1;
}
.gc-pwa-install-close:hover{background:rgba(255,255,255,.06);color:#eef8f7}
@media(max-width:620px){
 .gc-pwa-install-notice{
  left:10px;
  right:10px;
  bottom:calc(10px + env(safe-area-inset-bottom,0px));
  width:auto;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:9px;
  padding:9px;
  transform:translateY(14px);
 }
 .gc-pwa-install-notice.show{transform:translateY(0)}
 .gc-pwa-install-notice img{width:38px;height:38px;border-radius:11px}
 .gc-pwa-install-action{grid-column:2;justify-self:start;margin-top:1px}
 .gc-pwa-install-close{grid-column:3;grid-row:1 / span 2;align-self:center}
}
@media(display-mode:standalone){
 html,body{min-height:100dvh}
 body{overscroll-behavior-y:none}
}

/* =========================================================
   v29.5.1 · iPhone standalone safe-area topbar fix
   The previous mobile bar used a fixed 60px border-box height
   while also adding the iOS safe-area inset as top padding.
   On Dynamic Island devices that compressed the usable bar and
   let its controls overlap the status-area / page content.
   ========================================================= */
@media(max-width:980px){
  .mobile-director-bar{
    height:calc(60px + env(safe-area-inset-top,0px))!important;
    min-height:calc(60px + env(safe-area-inset-top,0px))!important;
    padding:env(safe-area-inset-top,0px) 12px 0!important;
    align-items:center!important;
  }
}
@media(max-width:520px){
  .mobile-director-bar{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

/* =========================================================
   v29.5.5 · Director sidebar viewport + mobile drawer fix
   Keep account/logout reachable on every desktop height.
   Only the navigation area scrolls; shell controls stay fixed.
   ========================================================= */
@media(min-width:981px){
  .shell{min-height:100dvh!important}
  .sidebar{
    position:sticky!important;
    top:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    padding:20px 16px 14px!important;
  }
  .premium-brand{
    flex:0 0 auto!important;
    padding:2px 5px 13px!important;
  }
  .sidebar-command-row{
    flex:0 0 auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .sidebar .nav{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    align-content:start!important;
    padding:3px 4px 8px 0!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(142,212,227,.24) transparent;
  }
  .sidebar .nav::-webkit-scrollbar{width:5px}
  .sidebar .nav::-webkit-scrollbar-track{background:transparent}
  .sidebar .nav::-webkit-scrollbar-thumb{background:rgba(142,212,227,.22);border-radius:999px}
  .sidebar .nav button{
    min-height:40px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .sidebar .bottom{
    flex:0 0 auto!important;
    margin-top:0!important;
    padding:11px 5px 0!important;
    background:#161817;
    position:relative;
    z-index:2;
  }
  .sidebar .bottom .btn{
    min-height:38px!important;
    margin-top:7px!important;
  }
}

@media(max-width:980px){
  .sidebar{
    overflow:hidden!important;
  }
  .premium-brand,
  .sidebar-command-row,
  .mobile-shell-actions,
  .sidebar .bottom{
    flex:0 0 auto!important;
  }
  .sidebar .nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:14px!important;
    scrollbar-width:none!important;
  }
  .sidebar .nav::-webkit-scrollbar{display:none!important}
  .sidebar .nav button{
    min-height:44px!important;
  }
  .sidebar .bottom{
    margin-top:0!important;
    padding-top:10px!important;
  }
}

/* =========================================================
   v29.5.6 · Android installed-PWA vertical scroll fix
   Chrome/Android standalone can become non-scrollable when the
   root scroll container inherits the standalone overscroll lock.
   Keep normal page touch scrolling enabled while preserving the
   intentional locks for the mobile drawer and Client Eye overlay.
   ========================================================= */
@media (display-mode:standalone) and (max-width:980px){
  html:not(.gc-mobile-menu-open){
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y pinch-zoom!important;
  }
  html:not(.gc-mobile-menu-open) body:not(.client-preview-open){
    position:static!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y pinch-zoom!important;
  }
  html:not(.gc-mobile-menu-open) body:not(.client-preview-open) .shell{
    height:auto!important;
    max-height:none!important;
    min-height:100dvh!important;
    overflow:visible!important;
    touch-action:pan-y pinch-zoom!important;
  }
  html:not(.gc-mobile-menu-open) body:not(.client-preview-open) .main{
    height:auto!important;
    max-height:none!important;
    overflow-y:visible!important;
    touch-action:pan-y pinch-zoom!important;
  }
}

/* =========================================================
   v29.5.7 · Android PWA modal / Quick Actions scroll safety
   Every mobile overlay gets its own vertical touch scroll area.
   This prevents standalone Chrome from trapping swipe gestures
   inside Quick Actions or any other long dialog/sheet.
   ========================================================= */
@media (max-width:980px){
  #gcGlobalOverlayRoot .gc-command-backdrop,
  #gcGlobalOverlayRoot .crm-modal-backdrop,
  .gc-premium-modal-backdrop,
  .task-result-modal-backdrop{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;
  }

  #gcGlobalOverlayRoot .gc-quick-panel,
  #gcGlobalOverlayRoot .gc-quick-form-panel,
  #gcGlobalOverlayRoot .crm-modal,
  .gc-premium-modal,
  .task-result-modal,
  .graycape-item-editor,
  .graycape-decision-editor,
  .library-versions-modal,
  .library-usage-modal,
  .graycape-tasks-modal{
    max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;
  }

  #gcGlobalOverlayRoot .gc-command-palette{
    max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    touch-action:pan-y pinch-zoom!important;
  }
  #gcGlobalOverlayRoot .gc-command-results,
  #gcGlobalOverlayRoot .gc-quick-grid,
  #gcGlobalOverlayRoot .gc-quick-list,
  #gcGlobalOverlayRoot .content-modal-body{
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;
  }
}

@media (display-mode:standalone) and (max-width:980px){
  #gcGlobalOverlayRoot,
  #gcGlobalOverlayRoot *{
    -webkit-tap-highlight-color:transparent;
  }
  #gcGlobalOverlayRoot .gc-command-backdrop,
  #gcGlobalOverlayRoot .crm-modal-backdrop{
    height:100dvh!important;
    max-height:100dvh!important;
    touch-action:pan-y pinch-zoom!important;
  }
}

/* =========================================================
   v29.5.8 · Mobile overlay scroll ownership
   Lock the page while a global popup is open and give the
   popup itself the vertical gesture. Quick Actions keeps its
   header fixed while only the action list scrolls.
   ========================================================= */
html.gc-global-overlay-open,
body.gc-global-overlay-open{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.gc-global-overlay-open{
  position:fixed!important;
  left:0!important;
  right:0!important;
}

@media(max-width:980px){
  #gcGlobalOverlayRoot{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }

  #gcGlobalOverlayRoot .gc-command-backdrop,
  #gcGlobalOverlayRoot .crm-modal-backdrop{
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:pan-y!important;
  }

  #gcGlobalOverlayRoot .gc-quick-panel{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  }
  #gcGlobalOverlayRoot .gc-quick-panel>.gc-quick-head{
    flex:0 0 auto!important;
  }
  #gcGlobalOverlayRoot .gc-quick-panel>.gc-quick-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  #gcGlobalOverlayRoot .gc-quick-form-panel,
  #gcGlobalOverlayRoot .crm-modal,
  #gcGlobalOverlayRoot .gc-command-palette{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
}

/* ===== Graycape OS v29.6.0 · Passkeys + Personal Finance ===== */
.passkey-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin:4px 0 2px}
.passkey-login-btn span{font-size:18px;line-height:1}
.security-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:center}
.security-hero h2{margin:5px 0 8px}
.security-device-state{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--panel-soft,#f7f8fa);display:flex;flex-direction:column;gap:5px}
.security-device-state.ready strong{color:var(--success,#18794e)}
.security-device-state.blocked strong{color:var(--danger,#b42318)}
.security-device-state span{font-size:12px;color:var(--muted)}
.passkey-list{display:grid;gap:10px}
.passkey-card{border:1px solid var(--line);border-radius:14px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel,#fff)}
.passkey-card>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.passkey-card strong{font-size:14px}
.passkey-card span{font-size:12px;color:var(--muted)}
.personal-finance-topbar{align-items:flex-end}
.personal-finance-filter{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.personal-finance-filter label{font-size:11px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:5px;text-transform:uppercase;letter-spacing:.05em}
.personal-finance-filter input,.personal-finance-filter select{min-width:150px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--panel,#fff);color:var(--text);font:inherit;text-transform:none;letter-spacing:0}
.personal-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.personal-finance-metrics article{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:5px;min-width:0}
.personal-finance-metrics span{font-size:12px;color:var(--muted)}
.personal-finance-metrics strong{font-size:24px;line-height:1.1;letter-spacing:-.03em}
.personal-finance-metrics strong.income{color:var(--success,#18794e)}
.personal-finance-metrics small{font-size:11px;color:var(--muted)}
.personal-finance-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.45fr);gap:14px;align-items:start}
.personal-category-list{display:grid;gap:8px}
.personal-category-list button{width:100%;appearance:none;border:1px solid var(--line);background:var(--panel,#fff);border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;text-align:left;color:var(--text);cursor:pointer}
.personal-category-list button:hover{border-color:var(--text-soft,#a1a1aa)}
.personal-category-list button>div{display:flex;align-items:center;gap:9px;min-width:0}
.personal-category-list button>div span{width:28px;height:28px;border-radius:9px;background:var(--panel-soft,#f4f5f7);display:grid;place-items:center;flex:0 0 auto}
.personal-category-list button strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personal-category-list button b{font-size:13px}
.personal-category-list button i{grid-column:1/-1;height:5px;border-radius:999px;background:var(--panel-soft,#eef0f3);overflow:hidden;display:block}
.personal-category-list button i em{display:block;height:100%;border-radius:inherit;background:currentColor;opacity:.4}
.personal-transaction-list{display:grid;gap:8px}
.personal-transaction{border:1px solid var(--line);border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel,#fff)}
.personal-transaction-icon{width:34px;height:34px;border-radius:10px;background:var(--panel-soft,#f4f5f7);display:grid;place-items:center;font-weight:800}
.personal-transaction-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.personal-transaction-main strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personal-transaction-main span,.personal-transaction-main small{font-size:11px;color:var(--muted);line-height:1.35}
.personal-transaction-amount{font-size:14px;font-weight:800;white-space:nowrap}
.personal-transaction-amount.expense{color:var(--danger,#b42318)}
.personal-transaction-amount.income{color:var(--success,#18794e)}
.personal-transaction-amount.transfer{color:var(--muted)}
@media(max-width:1100px){.personal-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-finance-grid{grid-template-columns:1fr}.security-hero{grid-template-columns:1fr}}
@media(max-width:680px){.personal-finance-topbar{align-items:stretch}.personal-finance-filter{display:grid;grid-template-columns:1fr 1fr;width:100%}.personal-finance-filter input,.personal-finance-filter select{width:100%;min-width:0}.personal-finance-metrics{grid-template-columns:1fr 1fr;gap:8px}.personal-finance-metrics article{padding:13px}.personal-finance-metrics strong{font-size:20px}.personal-transaction{grid-template-columns:32px minmax(0,1fr);padding:10px}.personal-transaction-icon{width:32px;height:32px}.personal-transaction-amount{grid-column:2;justify-self:start}.passkey-card{align-items:flex-start;flex-direction:column}.passkey-card .btn{width:100%}}
@media(max-width:420px){.personal-finance-filter,.personal-finance-metrics{grid-template-columns:1fr}}

/* =========================================================
   V29.7.0 — GRAYCAPE PROJECTS · PROGRESS + BUILD ARCHIVE
   ========================================================= */
.gc-projects-topbar{align-items:flex-start}
.gc-projects-topbar>div:first-child{max-width:820px}
.gc-projects-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.gc-projects-kpis>div{min-width:0;background:#fff;border:1px solid #e2e2dd;border-radius:14px;padding:16px;display:grid;gap:5px}
.gc-projects-kpis span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.gc-projects-kpis strong{font-size:28px;line-height:1.05}
.gc-projects-kpis small{color:#767676}
.gc-projects-filter{display:flex;gap:7px;align-items:center;overflow:auto;padding:3px 0 13px;scrollbar-width:none}
.gc-projects-filter::-webkit-scrollbar{display:none}
.gc-projects-filter button{white-space:nowrap;border:1px solid #dddcd6;background:#fff;border-radius:999px;padding:8px 12px;font-weight:650;color:#5e625f}
.gc-projects-filter button.active{background:#111;color:#fff;border-color:#111}
.gc-projects-filter button span{display:inline-flex;min-width:21px;justify-content:center;margin-left:5px;padding:1px 6px;border-radius:999px;background:rgba(128,128,128,.14);font-size:11px}
.gc-projects-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gc-project-tracker-card,.gc-project-idea-card{min-width:0;background:#fff;border:1px solid #e2e2dd;border-radius:16px;padding:18px;box-shadow:0 8px 28px rgba(30,35,31,.035)}
.gc-project-tracker-card.needs-attention{border-color:#dccdbb}
.gc-project-tracker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.gc-project-tracker-head>div{min-width:0}
.gc-project-tracker-head h3,.gc-project-idea-card h3{font-size:20px;margin:5px 0 6px;overflow-wrap:anywhere}
.gc-project-tracker-head p,.gc-project-idea-card p{margin:0;color:#686b68;line-height:1.5}
.gc-project-tracker-eyebrow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.gc-project-tracker-eyebrow span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#727772}
.gc-project-tracker-eyebrow .attention{color:#885d32;background:#fbf5ee;border:1px solid #eadac7;border-radius:999px;padding:4px 7px}
.gc-project-progress-block{margin:18px 0 15px}
.gc-project-progress-copy,.graycape-card-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.gc-project-progress-copy span,.graycape-card-progress span{font-size:12px;color:#656965;font-weight:650}
.gc-project-progress-copy strong{font-size:20px}
.gc-project-progress-track,.graycape-progress-track{height:9px;background:#eceeea;border-radius:999px;overflow:hidden}
.gc-project-progress-track>span,.graycape-progress-track>span{display:block;height:100%;min-width:0;background:#1f5145;border-radius:999px;transition:width .25s ease}
.graycape-card-progress{margin:13px 0}
.graycape-card-progress b{font-size:12px}
.graycape-progress-track{height:6px}
.gc-project-tracker-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gc-project-tracker-meta>div{min-width:0;padding:10px 11px;background:#f8f8f5;border:1px solid #ecece7;border-radius:10px;display:grid;gap:3px}
.gc-project-tracker-meta small,.gc-project-latest-update small,.gc-project-idea-next small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#818681}
.gc-project-tracker-meta strong{font-size:12px;overflow-wrap:anywhere}
.gc-project-latest-update{margin-top:10px;padding:12px 13px;border-left:3px solid #7b958b;background:#fafbf9;border-radius:0 10px 10px 0}
.gc-project-latest-update strong{display:block;margin:3px 0 2px;font-size:13px}
.gc-project-latest-update p{margin:4px 0 0;font-size:12px;color:#676d68;line-height:1.45}
.gc-project-tracker-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.gc-project-tracker-actions .btn{padding:8px 10px;font-size:12px}
.gc-project-idea-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:210px}
.gc-project-idea-card>div:first-child>span{font-size:10px;letter-spacing:.1em;color:#818681}
.gc-project-idea-next{margin-top:14px;padding:10px 11px;background:#f8f8f5;border-radius:10px;display:grid;gap:3px}
.gc-project-idea-actions{display:flex;gap:8px;flex-wrap:wrap}
.gc-progress-input-hero{padding:18px;border:1px solid #e3e5e0;background:#f8f9f6;border-radius:13px;margin-bottom:16px}
.gc-progress-input-hero>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.gc-progress-input-hero span{font-weight:650;color:#5d625e}
.gc-progress-input-hero strong{font-size:30px}
.gc-progress-input-hero input[type="range"]{width:100%;accent-color:#1f5145}
.gc-builds-modal{width:min(920px,calc(100vw - 28px))}
.gc-build-upload-form{padding:15px;border:1px solid #e5e5e0;border-radius:13px;background:#fbfbf9;display:grid;gap:12px;margin-bottom:18px}
.gc-final-build-check{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dddeda;background:#fff;border-radius:9px;font-size:13px;font-weight:650}
.gc-final-build-check input{width:17px;height:17px}
.gc-build-upload-progress{display:grid;gap:6px;padding-top:3px}
.gc-build-upload-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#666}
.gc-build-upload-progress>div:last-child{height:7px;background:#e5e8e4;border-radius:999px;overflow:hidden}
.gc-build-upload-progress>div:last-child span{display:block;height:100%;width:0;background:#1f5145;transition:width .2s ease}
.gc-build-list{display:grid;gap:9px}
.gc-build-list>article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e7e7e2;border-radius:11px;padding:11px;background:#fff}
.gc-build-list>article.is-final{border-color:#cbdad3;background:#fbfdfb}
.gc-build-file-icon{width:42px;height:42px;border-radius:9px;background:#f0f1ee;display:grid;place-items:center;font-size:10px;font-weight:800;color:#5f6862}
.gc-build-file-main{min-width:0}
.gc-build-file-main>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.gc-build-file-main strong{overflow-wrap:anywhere}
.gc-build-file-main>span{display:block;color:#777;font-size:11px;margin-top:3px}
.gc-build-file-main p{margin:5px 0 0;color:#656965;font-size:12px;line-height:1.45}
.graycape-progress-editor{margin-top:-4px}

@media(max-width:980px){
 .gc-projects-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gc-projects-board{grid-template-columns:1fr}
}
@media(max-width:700px){
 .gc-projects-topbar{display:grid;gap:14px}
 .gc-projects-topbar>.row{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .gc-projects-topbar>.row #gcProjectsRefresh{grid-column:1/-1}
 .gc-project-tracker-meta{grid-template-columns:1fr}
 .gc-project-tracker-actions{display:grid;grid-template-columns:1fr 1fr}
 .gc-project-tracker-actions .btn{width:100%;text-align:center}
 .gc-build-list>article{grid-template-columns:38px minmax(0,1fr)}
 .gc-build-list>article>.row{grid-column:1/-1}
 .gc-build-list>article>.row .btn{width:100%}
 .gc-project-idea-actions{display:grid;grid-template-columns:1fr 1fr}
 .gc-project-idea-actions .btn{width:100%}
}
@media(max-width:470px){
 .gc-projects-kpis{grid-template-columns:1fr}
 .gc-projects-topbar>.row{grid-template-columns:1fr}
 .gc-projects-topbar>.row #gcProjectsRefresh{grid-column:auto}
 .gc-project-tracker-card,.gc-project-idea-card{padding:15px}
 .gc-project-tracker-actions,.gc-project-idea-actions{grid-template-columns:1fr}
 .gc-project-tracker-head{gap:8px}
}
\n\n/* ===== v29.7.4 · Director Tools Library ===== */\n.gc-tools-topbar{align-items:flex-end}.gc-tools-topbar .pill{white-space:nowrap}\n.gc-tools-search-panel{padding:14px 16px;margin-bottom:16px}\n.gc-tools-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}\n.gc-tools-search>span{font-size:20px;color:var(--accent)}\n.gc-tools-search input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text);font-size:14px;padding:12px 0}\n.gc-tools-search kbd{min-width:28px;padding:4px 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:9px;text-align:center}\n.gc-tools-search-hint{margin-top:9px;color:var(--muted);font-size:11px;line-height:1.5}\n.gc-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}\n.gc-tool-card{min-width:0;display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),var(--panel2));box-shadow:0 14px 40px rgba(7,19,22,.035)}\n.gc-tool-card-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px}\n.gc-tool-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-size:20px;font-weight:900}\n.gc-tool-card-head>div{min-width:0}.gc-tool-card-head small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.gc-tool-card h3{margin:3px 0 0;font-size:16px;line-height:1.2;overflow-wrap:anywhere}\n.gc-tool-badge{align-self:start;padding:4px 7px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);font-size:8px;letter-spacing:.08em}\n.gc-tool-card>p{flex:1;margin:15px 0 12px;color:var(--muted);font-size:12px;line-height:1.65}\n.gc-tool-meta{margin-bottom:14px;color:var(--muted);font-size:10px}.gc-tool-open{width:100%;justify-content:center;text-align:center;text-decoration:none}\n@media(max-width:980px){.gc-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:640px){.gc-tools-topbar{align-items:flex-start}.gc-tools-topbar .pill{margin-top:4px}.gc-tools-search-panel{padding:12px}.gc-tools-grid{grid-template-columns:1fr}.gc-tool-card{padding:15px}.gc-tool-card-head{grid-template-columns:42px minmax(0,1fr) auto}.gc-tool-icon{width:42px;height:42px}.gc-tools-search input{font-size:16px}}\n
/* V29.8.1 — Metricool Media Guard */
.gc-metricool-quota{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;margin:0 0 18px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.gc-metricool-quota>div:first-child{display:grid;gap:4px}.gc-metricool-quota span{font-size:11px;font-weight:800;letter-spacing:.09em;color:#64748b}.gc-metricool-quota strong{font-size:26px;line-height:1}.gc-metricool-quota small{color:#64748b}.gc-metricool-quota-projection{min-width:150px;padding:10px 14px;border-radius:12px;background:#f8fafc;text-align:right;display:grid;gap:2px}.gc-metricool-quota-projection b{font-size:20px}.gc-metricool-quota.ok{border-color:#cbd5e1}.gc-metricool-quota.warning{border-color:#f59e0b;background:#fffbeb}.gc-metricool-quota.danger{border-color:#ef4444;background:#fff7f7}.gc-metricool-quota.danger .gc-metricool-quota-projection{background:#fee2e2}
.gc-inline-setting{display:flex;gap:10px;align-items:center}.gc-inline-setting>input[type=number]{min-width:100px;flex:1}.gc-inline-setting .check{white-space:nowrap}
.gc-media-lab{margin-top:20px;padding:18px;border:1px solid #dbe3ec;border-radius:18px;background:#f8fafc}.gc-media-lab-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.gc-media-lab-head>div:first-child{min-width:0}.gc-media-lab-head span{font-size:11px;font-weight:800;letter-spacing:.09em;color:#64748b}.gc-media-lab-head h3{margin:4px 0 5px;font-size:18px}.gc-media-lab-head p{margin:0;color:#64748b;font-size:13px;max-width:680px}.gc-media-lab-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.gc-media-total-status,.gc-media-chip{display:inline-flex;align-items:center;border-radius:999px;font-weight:800;white-space:nowrap}.gc-media-total-status{padding:7px 10px;font-size:12px}.gc-media-chip{padding:4px 7px;font-size:10px}.gc-media-total-status.valid,.gc-media-chip.valid{background:#dcfce7;color:#166534}.gc-media-total-status.invalid,.gc-media-chip.invalid{background:#fee2e2;color:#991b1b}.gc-media-total-status.warning,.gc-media-total-status.error,.gc-media-chip.warning,.gc-media-chip.error{background:#fef3c7;color:#92400e}.gc-media-total-status.unknown,.gc-media-total-status.checking,.gc-media-chip.unknown,.gc-media-chip.checking{background:#e2e8f0;color:#475569}
.gc-media-grid{display:grid;gap:10px}.gc-media-item{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.gc-media-item.invalid{border-color:#fecaca}.gc-media-item.valid{border-color:#bbf7d0}.gc-media-position{position:absolute;top:6px;left:6px;z-index:2;padding:3px 7px;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;font-size:10px;font-weight:800}.gc-media-thumb{width:120px;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#e2e8f0}.gc-media-thumb img{width:100%;height:100%;display:block;object-fit:cover}.gc-media-info{min-width:0}.gc-media-info>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gc-media-info strong{font-size:14px}.gc-media-info small{display:block;margin-top:4px;color:#64748b}.gc-media-info p{margin:6px 0 0;font-size:12px;line-height:1.45;color:#475569}.gc-media-info em{display:block;margin-top:5px;font-size:11px;color:#0f766e;font-style:normal;font-weight:700}.gc-media-item-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.gc-media-gate-summary{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-bottom:10px;border-radius:10px;background:#f1f5f9}.gc-media-gate-summary span{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.gc-media-gate-summary strong{font-size:12px;margin-right:auto}.gc-media-gate-summary.valid{background:#ecfdf5}.gc-media-gate-summary.invalid{background:#fef2f2}.gc-media-gate-summary.warning{background:#fffbeb}
.gc-media-editor-overlay{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.66);display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.gc-media-editor{width:min(980px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,.35)}.gc-media-editor>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #e2e8f0}.gc-media-editor>header span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#64748b}.gc-media-editor>header h2{margin:4px 0}.gc-media-editor>header p{margin:0;color:#64748b;font-size:13px}.gc-media-editor-close{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#475569}.gc-media-editor-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:22px;padding:20px}.gc-media-editor-preview{display:grid;gap:10px;align-content:start}.gc-media-crop-frame{width:100%;max-height:68vh;overflow:hidden;background:#0f172a;border-radius:14px;position:relative}.gc-media-crop-frame img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;transition:transform .12s ease}.gc-media-editor-preview>small{color:#64748b;font-weight:700}.gc-media-editor-controls{display:grid;gap:14px;align-content:start}.gc-media-editor-controls .field{margin:0}.gc-media-editor-controls input[type=range]{width:100%}.gc-media-editor>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e2e8f0;background:#f8fafc;position:sticky;bottom:0}
@media(max-width:760px){.gc-metricool-quota{grid-template-columns:1fr}.gc-metricool-quota-projection{text-align:left}.gc-media-lab{padding:12px;margin-left:-2px;margin-right:-2px}.gc-media-lab-head{display:grid}.gc-media-lab-actions{justify-content:flex-start}.gc-media-item{grid-template-columns:84px minmax(0,1fr);align-items:start}.gc-media-thumb{width:84px}.gc-media-item-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}.gc-media-editor-overlay{padding:0;place-items:stretch}.gc-media-editor{width:100%;max-height:100vh;border-radius:0;min-height:100vh}.gc-media-editor-body{grid-template-columns:1fr;padding:14px;gap:16px}.gc-media-crop-frame{max-height:56vh}.gc-media-editor>header{padding:14px}.gc-media-editor>footer{padding:12px 14px}.gc-inline-setting{align-items:flex-start;flex-direction:column}}

/* v29.8.1 — media delete affordance */
.gc-media-delete{margin-left:2px}.gc-media-item-actions .gc-media-delete{white-space:nowrap}


/* ===== v29.8.2 · verified Metricool state + duplicate firewall ===== */
.content-post-card.metricool-confirmed,.content-post-card.status-published{opacity:1;border-color:#22c55e;background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 78%);box-shadow:0 0 0 1px rgba(34,197,94,.08),0 8px 24px rgba(22,163,74,.10)}
.content-post-card.metricool-confirmed .content-status,.content-post-card.status-published .content-status{background:#dcfce7;color:#166534}
.gc-metricool-card-badge{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin:7px 0 2px;padding:5px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:9px;font-weight:900;letter-spacing:.055em;line-height:1.1}
.gc-metricool-card-badge span{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#16a34a;color:#fff;font-size:9px}.gc-metricool-card-badge.scheduled{background:#d1fae5;color:#065f46}.gc-metricool-card-badge.published{background:#dcfce7;color:#166534}
.gc-media-item.invalid .gc-media-info p{color:#991b1b;font-weight:700}.gc-media-item.invalid{background:#fffafa}.gc-media-chip.invalid{box-shadow:0 0 0 1px rgba(220,38,38,.08)}
.gc-metricool-confirmed-list{border-color:#bbf7d0;background:#f7fff9}.gc-metricool-confirmed-list .content-list-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.content-post-modal #cpDelete{font-weight:850}
@media(max-width:640px){.gc-metricool-confirmed-list .content-list-view{grid-template-columns:1fr}.gc-metricool-card-badge{font-size:8px}}
.gc-status-source-note{display:block;margin-top:6px;color:#64748b;font-size:10px;line-height:1.4}


/* ===== v29.8.3 · Global Media Guard ===== */
.gc-global-media-guard{display:grid;gap:16px}
.gc-global-media-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line,#dfe3e7);border-radius:16px;background:linear-gradient(180deg,#fff,#f8faf9)}
.gc-global-media-hero span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#66736f}.gc-global-media-hero h2{margin:4px 0 6px;font-size:22px}.gc-global-media-hero p{margin:0;max-width:760px;color:#69736f;font-size:13px;line-height:1.55}
.gc-global-media-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.gc-global-media-kpis>div{padding:14px;border:1px solid #e4e8e6;border-radius:14px;background:#fff;display:grid;gap:2px}.gc-global-media-kpis strong{font-size:22px}.gc-global-media-kpis span{font-size:11px;color:#737d79}.gc-global-media-kpis .ok{border-color:#bfe6ce;background:#f3fbf6}.gc-global-media-kpis .bad{border-color:#f1c0c0;background:#fff6f6}.gc-global-media-kpis .warn{border-color:#efd9a8;background:#fffaf0}
.gc-global-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.gc-global-media-filters{display:flex;gap:6px;flex-wrap:wrap}.gc-global-media-filters button{border:1px solid #dfe4e1;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.gc-global-media-filters button.active{background:#121817;color:#fff;border-color:#121817}.gc-global-media-save-note{font-size:11px;color:#67716d}
.gc-global-media-progress{padding:12px 14px;border:1px solid #dfe4e1;border-radius:12px;background:#fff}.gc-global-media-progress>div{height:8px;border-radius:999px;background:#edf0ef;overflow:hidden}.gc-global-media-progress span{display:block;height:100%;width:0;background:#1d7d4e;transition:width .2s ease}.gc-global-media-progress small{display:block;margin-top:7px;color:#66736f}
.gc-global-media-posts{display:grid;gap:14px}.gc-global-media-post{border:1px solid #e1e5e3;border-radius:16px;background:#fff;overflow:hidden}.gc-global-media-post>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #edf0ef;background:#fbfcfb}.gc-global-media-post>header span{font-size:10px;color:#77817d;letter-spacing:.03em}.gc-global-media-post>header h3{margin:2px 0 0;font-size:15px}.gc-global-media-post-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.gc-global-media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.gc-global-media-card{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid #e4e8e6;border-radius:13px;padding:10px;background:#fff}.gc-global-media-card.valid{border-color:#bfe6ce;background:#fbfffc}.gc-global-media-card.invalid{border-color:#eab0b0;background:#fffafa}.gc-global-media-card.error,.gc-global-media-card.warning{border-color:#ead6a6;background:#fffdf7}.gc-global-media-thumb{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#eef1ef}.gc-global-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gc-global-media-thumb span{position:absolute;left:7px;top:7px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}
.gc-global-media-copy{min-width:0;display:flex;flex-direction:column}.gc-global-media-copy-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.gc-global-media-copy-head small{display:block;color:#7a837f;font-size:10px}.gc-global-media-copy-head strong{display:block;margin-top:2px;font-size:14px}.gc-global-media-meta{font-size:11px;color:#636e69;margin-top:5px}.gc-global-media-copy p{font-size:12px;line-height:1.45;margin:7px 0;color:#4f5955}.gc-global-media-copy em{font-size:10px;color:#55705f;font-style:normal}.gc-global-media-duplicate-note{color:#a43e3e!important;margin-top:4px}.gc-global-media-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:9px}
.gc-global-media-loading{display:flex;align-items:center;gap:12px;min-height:100px}.gc-media-guard-spinner{width:20px;height:20px;border:2px solid #dfe4e1;border-top-color:#111;border-radius:50%;animation:gcspin .8s linear infinite}@keyframes gcspin{to{transform:rotate(360deg)}}
@media(max-width:900px){.gc-global-media-hero{flex-direction:column}.gc-global-media-hero .btn{width:100%}.gc-global-media-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-global-media-list{grid-template-columns:1fr}.gc-global-media-toolbar{align-items:flex-start;flex-direction:column}.gc-global-media-card{grid-template-columns:110px 1fr}.gc-global-media-post>header{align-items:flex-start;flex-direction:column}.gc-global-media-post-head-actions{justify-content:flex-start}}
@media(max-width:560px){.gc-global-media-kpis{grid-template-columns:1fr 1fr}.gc-global-media-card{grid-template-columns:1fr}.gc-global-media-thumb{aspect-ratio:16/10}.gc-global-media-copy-head{align-items:flex-start}.gc-global-media-actions .btn{flex:1 1 auto}.gc-global-media-save-note{line-height:1.4}}