/* CCFI ERP v2.1.230 — Unified responsive experience layer
   Presentation only: no workflow, permission, calculation, or data changes. */

.ccfi2-wrap{
  --ccfi-ui-bg:#f4f7fa;
  --ccfi-ui-surface:#ffffff;
  --ccfi-ui-surface-soft:#f8fafc;
  --ccfi-ui-text:#182230;
  --ccfi-ui-muted:#596579;
  --ccfi-ui-border:#dfe5ec;
  --ccfi-ui-border-strong:#cbd5df;
  --ccfi-ui-accent:var(--ccfi2-role,#0f5f74);
  --ccfi-ui-accent-soft:var(--ccfi2-role-soft,#eaf4f7);
  --ccfi-ui-success:#087a52;
  --ccfi-ui-success-soft:#eaf8f1;
  --ccfi-ui-warning:#a65f00;
  --ccfi-ui-warning-soft:#fff5e5;
  --ccfi-ui-danger:#b42318;
  --ccfi-ui-danger-soft:#fff0ef;
  --ccfi-ui-info:#175cd3;
  --ccfi-ui-info-soft:#eef4ff;
  --ccfi-ui-radius-sm:10px;
  --ccfi-ui-radius:16px;
  --ccfi-ui-radius-lg:22px;
  --ccfi-ui-shadow:0 8px 24px rgba(15,34,52,.07);
  --ccfi-ui-shadow-hover:0 14px 32px rgba(15,34,52,.11);
  max-width:1440px!important;
  margin:16px auto!important;
  padding:14px!important;
  border-radius:24px!important;
  background:var(--ccfi-ui-bg)!important;
  color:var(--ccfi-ui-text)!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.ccfi2-wrap *{box-sizing:border-box}
.ccfi2-wrap p,.ccfi2-wrap li,.ccfi2-wrap td,.ccfi2-wrap label,.ccfi2-wrap input,.ccfi2-wrap select,.ccfi2-wrap textarea,.ccfi2-wrap button{font-family:inherit}
.ccfi2-wrap p{margin:0 0 10px;color:var(--ccfi-ui-muted)}
.ccfi2-wrap h1,.ccfi2-wrap h2,.ccfi2-wrap h3,.ccfi2-wrap h4,.ccfi2-wrap h5{color:var(--ccfi-ui-text);letter-spacing:-.02em}
.ccfi2-wrap h2{font-size:clamp(24px,2.2vw,31px)!important;line-height:1.16!important}
.ccfi2-wrap h3{font-size:18px!important;line-height:1.28!important}
.ccfi2-wrap h4{font-size:15px!important;line-height:1.35!important}
.ccfi2-wrap small,.ccfi2-wrap .ccfi2-mini,.ccfi2-wrap .ccfi2-muted{font-size:12.5px!important;line-height:1.45!important;color:var(--ccfi-ui-muted)!important}
.ccfi2-wrap a{font-weight:650;text-underline-offset:3px}
.ccfi2-wrap a:focus-visible,.ccfi2-wrap button:focus-visible,.ccfi2-wrap input:focus-visible,.ccfi2-wrap select:focus-visible,.ccfi2-wrap textarea:focus-visible,.ccfi2-wrap summary:focus-visible{outline:3px solid color-mix(in srgb,var(--ccfi-ui-accent) 30%,transparent)!important;outline-offset:2px!important}

/* Role greeting and workspace header */
.ccfi2-wrap .ccfi2-hero,.ccfi2-wrap .ccfi2-workspace-hero,.ccfi2-wrap .ccfi2-page-hero,.ccfi2-wrap .ccfi2-project-command-hero{
  border-radius:var(--ccfi-ui-radius-lg)!important;
  padding:clamp(20px,3vw,30px)!important;
  margin:0 0 16px!important;
  color:#fff!important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--ccfi-ui-accent) 92%,#092b3a),#0d5267 58%,#087a63)!important;
  box-shadow:0 16px 38px color-mix(in srgb,var(--ccfi-ui-accent) 22%,transparent)!important;
}
.ccfi2-wrap .ccfi2-hero h1,.ccfi2-wrap .ccfi2-hero h2,.ccfi2-wrap .ccfi2-hero h3,
.ccfi2-wrap .ccfi2-workspace-hero h1,.ccfi2-wrap .ccfi2-workspace-hero h2,.ccfi2-wrap .ccfi2-workspace-hero h3,
.ccfi2-wrap .ccfi2-page-hero h1,.ccfi2-wrap .ccfi2-page-hero h2,.ccfi2-wrap .ccfi2-page-hero h3,
.ccfi2-wrap .ccfi2-project-command-hero h1,.ccfi2-wrap .ccfi2-project-command-hero h2,.ccfi2-wrap .ccfi2-project-command-hero h3{color:#fff!important;margin-top:0!important}
.ccfi2-wrap .ccfi2-hero p,.ccfi2-wrap .ccfi2-workspace-hero p,.ccfi2-wrap .ccfi2-page-hero p,.ccfi2-wrap .ccfi2-project-command-hero p{color:rgba(255,255,255,.86)!important;font-size:14px!important;max-width:850px}
.ccfi2-wrap .ccfi2-eyebrow{font-size:11px!important;letter-spacing:.12em!important;color:rgba(255,255,255,.82)!important;font-weight:800!important}

/* Top navigation: compact, touch friendly, never clipped */
.ccfi2-wrap .ccfi2-topbar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:56px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid var(--ccfi-ui-border)!important;
  border-radius:var(--ccfi-ui-radius)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 5px 18px rgba(15,34,52,.06)!important;
}
.ccfi2-wrap .ccfi2-topbar strong{font-size:14px!important;color:var(--ccfi-ui-text)!important}
.ccfi2-wrap .ccfi2-toplinks,.ccfi2-wrap .ccfi2-detail-nav,.ccfi2-wrap .ccfi2-tabs,.ccfi2-wrap .ccfi2-section-tabs,.ccfi2-wrap .ccfi2-bible-module-nav,.ccfi2-wrap .ccfi2-project-command-nav{
  display:flex!important;
  gap:7px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  padding:4px!important;
}
.ccfi2-wrap .ccfi2-toplinks>a,.ccfi2-wrap .ccfi2-detail-nav>a,.ccfi2-wrap .ccfi2-tabs>a,.ccfi2-wrap .ccfi2-section-tabs button,.ccfi2-wrap .ccfi2-bible-module-nav>a,.ccfi2-wrap .ccfi2-project-command-nav>a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  scroll-snap-align:start;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:750!important;
}

/* Cards and sections */
.ccfi2-wrap .ccfi2-card,.ccfi2-wrap .ccfi2-command-center,.ccfi2-wrap .ccfi2-control-center,.ccfi2-wrap .ccfi2-role-process-home,.ccfi2-wrap .ccfi2-modern-dashboard,.ccfi2-wrap .ccfi2-management-assistant{
  margin:12px 0!important;
  padding:18px!important;
  border:1px solid var(--ccfi-ui-border)!important;
  border-radius:var(--ccfi-ui-radius)!important;
  background:var(--ccfi-ui-surface)!important;
  box-shadow:var(--ccfi-ui-shadow)!important;
}
.ccfi2-wrap .ccfi2-card>h3:first-child,.ccfi2-wrap .ccfi2-card>h4:first-child{margin-top:0!important}
.ccfi2-wrap .ccfi2-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:12px!important}
.ccfi2-wrap .ccfi2-section-head h3,.ccfi2-wrap .ccfi2-section-head h4{margin:0!important}
.ccfi2-wrap .ccfi2-section-head p{margin:3px 0 0!important}

/* Goal/insight cards */
.ccfi2-wrap .ccfi2-grid,.ccfi2-wrap .ccfi2-command-kpis,.ccfi2-wrap .ccfi2-modern-card-grid,.ccfi2-wrap .ccfi2-client-priority-strip,.ccfi2-wrap .ccfi2-finance-priority-strip,.ccfi2-wrap .ccfi2-marketing-priority-strip,.ccfi2-wrap .ccfi2-pq-priority-strip{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
  gap:12px!important;
}
.ccfi2-wrap .ccfi2-kpi,.ccfi2-wrap .ccfi2-command-kpi,.ccfi2-wrap .ccfi2-modern-card,.ccfi2-wrap .ccfi2-client-priority-tile,.ccfi2-wrap .ccfi2-finance-priority-tile,.ccfi2-wrap .ccfi2-marketing-priority-tile,.ccfi2-wrap .ccfi2-pq-priority-tile{
  min-height:112px!important;
  padding:16px!important;
  border:1px solid var(--ccfi-ui-border)!important;
  border-left:5px solid var(--ccfi-ui-accent)!important;
  border-radius:var(--ccfi-ui-radius)!important;
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
  box-shadow:0 6px 18px rgba(15,34,52,.05)!important;
  color:var(--ccfi-ui-text)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.ccfi2-wrap a.ccfi2-kpi-link,.ccfi2-wrap a.ccfi2-modern-card,.ccfi2-wrap a.ccfi2-client-priority-tile,.ccfi2-wrap a.ccfi2-finance-priority-tile,.ccfi2-wrap a.ccfi2-marketing-priority-tile,.ccfi2-wrap a.ccfi2-pq-priority-tile{text-decoration:none!important}
.ccfi2-wrap a.ccfi2-kpi-link:hover .ccfi2-kpi,.ccfi2-wrap a.ccfi2-modern-card:hover,.ccfi2-wrap a.ccfi2-client-priority-tile:hover,.ccfi2-wrap a.ccfi2-finance-priority-tile:hover,.ccfi2-wrap a.ccfi2-marketing-priority-tile:hover,.ccfi2-wrap a.ccfi2-pq-priority-tile:hover{transform:translateY(-2px);box-shadow:var(--ccfi-ui-shadow-hover)!important}
.ccfi2-wrap .ccfi2-kpi strong,.ccfi2-wrap .ccfi2-command-kpi strong,.ccfi2-wrap .ccfi2-modern-card strong,.ccfi2-wrap .ccfi2-client-priority-tile strong,.ccfi2-wrap .ccfi2-finance-priority-tile strong,.ccfi2-wrap .ccfi2-marketing-priority-tile strong,.ccfi2-wrap .ccfi2-pq-priority-tile strong{
  display:block!important;
  font-size:clamp(23px,2vw,29px)!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
  color:var(--ccfi-ui-accent)!important;
  margin:0 0 6px!important;
}
.ccfi2-wrap .ccfi2-kpi strong[style],.ccfi2-wrap .ccfi2-command-kpi strong[style]{font-size:clamp(18px,1.8vw,24px)!important}
.ccfi2-wrap .ccfi2-kpi>span,.ccfi2-wrap .ccfi2-command-kpi>span,.ccfi2-wrap .ccfi2-modern-card>span,.ccfi2-wrap .ccfi2-client-priority-tile span,.ccfi2-wrap .ccfi2-finance-priority-tile span,.ccfi2-wrap .ccfi2-marketing-priority-tile span,.ccfi2-wrap .ccfi2-pq-priority-tile span{font-size:13px!important;line-height:1.4!important;color:var(--ccfi-ui-text)!important;font-weight:750!important}
.ccfi2-wrap .ccfi2-kpi em,.ccfi2-wrap .ccfi2-command-kpi em,.ccfi2-wrap .ccfi2-modern-card em,.ccfi2-wrap .ccfi2-client-priority-tile em,.ccfi2-wrap .ccfi2-finance-priority-tile em,.ccfi2-wrap .ccfi2-marketing-priority-tile em,.ccfi2-wrap .ccfi2-pq-priority-tile em{font-size:12.5px!important;color:var(--ccfi-ui-muted)!important;font-style:normal!important}

/* Workflow sections: visible hierarchy, one consistent visual language */
.ccfi2-wrap details.ccfi2-project-section,.ccfi2-wrap details.ccfi2-accordion,.ccfi2-wrap .ccfi2-book-workflow-section,.ccfi2-wrap .ccfi2-bible-workflow>details,.ccfi2-wrap .ccfi2-bible-form-step,.ccfi2-wrap .ccfi2-folder-card{
  margin:10px 0!important;
  border:1px solid var(--ccfi-ui-border)!important;
  border-radius:var(--ccfi-ui-radius)!important;
  overflow:hidden!important;
  background:var(--ccfi-ui-surface)!important;
  box-shadow:0 5px 17px rgba(15,34,52,.05)!important;
}
.ccfi2-wrap details.ccfi2-project-section>summary,.ccfi2-wrap details.ccfi2-accordion>summary,.ccfi2-wrap .ccfi2-book-workflow-section>summary,.ccfi2-wrap .ccfi2-bible-workflow>details>summary,.ccfi2-wrap .ccfi2-bible-form-step>summary,.ccfi2-wrap .ccfi2-folder-card>summary{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:13px 16px!important;
  cursor:pointer!important;
  color:var(--ccfi-ui-text)!important;
  background:linear-gradient(180deg,#fff,var(--ccfi-ui-surface-soft))!important;
  border-left:5px solid var(--ccfi-ui-accent)!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.ccfi2-wrap details[open]>summary{background:var(--ccfi-ui-accent-soft)!important;border-bottom:1px solid var(--ccfi-ui-border)!important}
.ccfi2-wrap details>summary::marker{color:var(--ccfi-ui-accent)}
.ccfi2-wrap .ccfi2-workflow-section-body,.ccfi2-wrap details.ccfi2-accordion>.inside,.ccfi2-wrap .ccfi2-bible-section-body,.ccfi2-wrap .ccfi2-bible-form-step>.inside,.ccfi2-wrap .ccfi2-folder-card>.inside{padding:16px!important}
.ccfi2-wrap .ccfi2-section-number{width:36px!important;height:36px!important;border-radius:11px!important;background:var(--ccfi-ui-accent)!important}
.ccfi2-wrap .ccfi2-section-title-wrap h3{font-size:16px!important;margin:0!important}
.ccfi2-wrap .ccfi2-section-title-wrap p{font-size:12.5px!important;margin:3px 0 0!important}

/* Buttons: semantic, consistent, touch friendly */
.ccfi2-wrap .ccfi2-btn,.ccfi2-wrap .ccfi2-mini-btn,.ccfi2-wrap button:not(.ccfi2-close-x),.ccfi2-wrap input[type="submit"],.ccfi2-wrap input[type="button"]{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:780!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:none!important;
  transition:filter .12s ease,transform .12s ease,box-shadow .12s ease!important;
}
.ccfi2-wrap .ccfi2-btn:hover,.ccfi2-wrap .ccfi2-mini-btn:hover,.ccfi2-wrap button:hover,.ccfi2-wrap input[type="submit"]:hover{filter:brightness(.97);transform:translateY(-1px);box-shadow:0 5px 13px rgba(15,34,52,.10)!important}
.ccfi2-wrap .ccfi2-mini-btn,.ccfi2-wrap .ccfi2-btn.secondary,.ccfi2-wrap .ccfi2-action-secondary{color:var(--ccfi-ui-text)!important;background:#fff!important;border:1px solid var(--ccfi-ui-border-strong)!important}
.ccfi2-wrap .ccfi2-action-primary{color:#fff!important;background:var(--ccfi-ui-accent)!important;border-color:var(--ccfi-ui-accent)!important}
.ccfi2-wrap .ccfi2-action-success{color:#fff!important;background:var(--ccfi-ui-success)!important;border-color:var(--ccfi-ui-success)!important}
.ccfi2-wrap .ccfi2-action-warning{color:#fff!important;background:var(--ccfi-ui-warning)!important;border-color:var(--ccfi-ui-warning)!important}
.ccfi2-wrap .ccfi2-action-danger{color:#fff!important;background:var(--ccfi-ui-danger)!important;border-color:var(--ccfi-ui-danger)!important}
.ccfi2-wrap .ccfi2-action-row,.ccfi2-wrap .ccfi2-actions,.ccfi2-wrap .ccfi2-command-actions,.ccfi2-wrap .ccfi2-section-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}

/* Forms: readable labels, reliable touch targets, clear group rhythm */
.ccfi2-wrap .ccfi2-form label,.ccfi2-wrap label{display:block;font-size:13px!important;line-height:1.35!important;font-weight:780!important;color:#344054!important;margin:9px 0 5px!important}
.ccfi2-wrap input[type="text"],.ccfi2-wrap input[type="email"],.ccfi2-wrap input[type="number"],.ccfi2-wrap input[type="date"],.ccfi2-wrap input[type="url"],.ccfi2-wrap input[type="search"],.ccfi2-wrap input[type="tel"],.ccfi2-wrap input[type="password"],.ccfi2-wrap select,.ccfi2-wrap textarea{
  width:100%;
  min-height:42px!important;
  padding:9px 11px!important;
  border:1px solid var(--ccfi-ui-border-strong)!important;
  border-radius:var(--ccfi-ui-radius-sm)!important;
  background:#fff!important;
  color:var(--ccfi-ui-text)!important;
  font-size:14px!important;
  line-height:1.35!important;
  box-shadow:inset 0 1px 2px rgba(15,34,52,.025)!important;
}
.ccfi2-wrap textarea{min-height:94px!important;resize:vertical}
.ccfi2-wrap input::placeholder,.ccfi2-wrap textarea::placeholder{color:#8b96a8!important;opacity:1}
.ccfi2-wrap input:disabled,.ccfi2-wrap select:disabled,.ccfi2-wrap textarea:disabled,.ccfi2-wrap input[readonly],.ccfi2-wrap textarea[readonly]{background:#f1f4f7!important;color:#596579!important;cursor:not-allowed}
.ccfi2-wrap .ccfi2-two,.ccfi2-wrap .ccfi2-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px!important}
.ccfi2-wrap fieldset{border:1px solid var(--ccfi-ui-border)!important;border-radius:var(--ccfi-ui-radius)!important;padding:14px!important;background:#fff!important}
.ccfi2-wrap legend{padding:0 7px!important;font-size:14px!important;font-weight:850!important;color:var(--ccfi-ui-accent)!important}

/* Tables and ledgers */
.ccfi2-wrap .ccfi2-ledger-toolbar,.ccfi2-wrap .ccfi2-ledger-head,.ccfi2-wrap .ccfi2-excel-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:11px 13px!important;
  border:1px solid var(--ccfi-ui-border)!important;
  border-radius:var(--ccfi-ui-radius)!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,34,52,.04)!important;
}
.ccfi2-wrap .ccfi2-table-wrap{margin:10px 0!important;border:1px solid var(--ccfi-ui-border)!important;border-radius:var(--ccfi-ui-radius)!important;background:#fff!important;box-shadow:0 4px 16px rgba(15,34,52,.04)!important;overflow:auto!important;-webkit-overflow-scrolling:touch}
.ccfi2-wrap .ccfi2-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;font-size:13px!important}
.ccfi2-wrap .ccfi2-table th{position:sticky!important;top:0!important;z-index:4!important;padding:11px 10px!important;background:#eef3f7!important;color:#344054!important;font-size:11.5px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-weight:850!important;border-bottom:1px solid var(--ccfi-ui-border-strong)!important;text-align:left}
.ccfi2-wrap .ccfi2-table td{padding:11px 10px!important;vertical-align:top!important;color:var(--ccfi-ui-text)!important;border-bottom:1px solid #edf1f5!important;line-height:1.42!important}
.ccfi2-wrap .ccfi2-table tbody tr:nth-child(even) td{background:#fbfcfd!important}
.ccfi2-wrap .ccfi2-table tbody tr:hover td{background:#f0f7fa!important}
.ccfi2-wrap .ccfi2-table td:first-child,.ccfi2-wrap .ccfi2-table th:first-child{padding-left:14px!important}
.ccfi2-wrap .ccfi2-table td:last-child,.ccfi2-wrap .ccfi2-table th:last-child{padding-right:14px!important}
.ccfi2-wrap .ccfi2-table input,.ccfi2-wrap .ccfi2-table select,.ccfi2-wrap .ccfi2-table textarea{min-width:120px}
.ccfi2-wrap .ccfi2-table .ccfi2-btn,.ccfi2-wrap .ccfi2-table .ccfi2-mini-btn{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}

/* Status and guidance colors. Text remains visible so color is never the only cue. */
.ccfi2-wrap .ccfi2-badge,.ccfi2-wrap .ccfi2-status,.ccfi2-wrap .ccfi2-ribbon,.ccfi2-wrap [class*="status-badge"]{
  display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:26px!important;padding:4px 8px!important;border-radius:999px!important;font-size:11.5px!important;line-height:1.25!important;font-weight:800!important;border:1px solid var(--ccfi-ui-border)!important;background:#f4f6f8!important;color:#475467!important
}
.ccfi2-wrap .ccfi2-tone-critical{background:var(--ccfi-ui-danger-soft)!important;color:#8f1710!important;border-color:#f2b8b3!important}
.ccfi2-wrap .ccfi2-tone-warning{background:var(--ccfi-ui-warning-soft)!important;color:#854a00!important;border-color:#f1cf99!important}
.ccfi2-wrap .ccfi2-tone-ready{background:var(--ccfi-ui-info-soft)!important;color:#1849a9!important;border-color:#b2ccff!important}
.ccfi2-wrap .ccfi2-tone-done{background:var(--ccfi-ui-success-soft)!important;color:#05603a!important;border-color:#a6e3c7!important}
.ccfi2-wrap .ccfi2-tone-muted{background:#eef1f4!important;color:#596579!important;border-color:#d8dee6!important}
.ccfi2-wrap .ccfi2-notice,.ccfi2-wrap .ccfi2-warning,.ccfi2-wrap .ccfi2-client-notification-strip{
  padding:12px 14px!important;border-radius:var(--ccfi-ui-radius)!important;font-size:13px!important;line-height:1.5!important;border:1px solid var(--ccfi-ui-border)!important;background:#fff!important
}
.ccfi2-wrap .ccfi2-notice{border-left:5px solid var(--ccfi-ui-info)!important;background:var(--ccfi-ui-info-soft)!important}
.ccfi2-wrap .ccfi2-warning{border-left:5px solid var(--ccfi-ui-warning)!important;background:var(--ccfi-ui-warning-soft)!important}

/* Book/project item presentation */
.ccfi2-wrap .ccfi2-project-command-view{max-width:1380px!important}
.ccfi2-wrap .ccfi2-book-hero-layout,.ccfi2-wrap .ccfi2-book-storefront,.ccfi2-wrap .ccfi2-client-project{
  border:1px solid var(--ccfi-ui-border)!important;
  border-radius:var(--ccfi-ui-radius-lg)!important;
  background:#fff!important;
  box-shadow:var(--ccfi-ui-shadow)!important;
}
.ccfi2-wrap .ccfi2-book-hero-layout{display:grid!important;grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important;gap:22px!important;padding:20px!important}
.ccfi2-wrap .ccfi2-book-cover-box{width:100%!important;max-width:220px!important;border-radius:14px!important;overflow:hidden!important;background:#eef2f5!important}
.ccfi2-wrap .ccfi2-book-cover-box img{display:block;width:100%;height:auto;border-radius:14px}
.ccfi2-wrap .ccfi2-book-detail-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important}
.ccfi2-wrap .ccfi2-book-detail-grid>div,.ccfi2-wrap .ccfi2-bible-profile-fact{padding:11px 12px!important;border:1px solid var(--ccfi-ui-border)!important;border-radius:12px!important;background:#f8fafc!important}
.ccfi2-wrap .ccfi2-formal-book-map{top:8px!important;padding:8px!important;border-radius:14px!important;background:rgba(255,255,255,.97)!important}

/* Search and filters */
.ccfi2-wrap .ccfi2-workspace-search,.ccfi2-wrap .ccfi2-ledger-sort-form{font-size:13px!important}
.ccfi2-wrap .ccfi2-workspace-search summary{min-height:48px!important;display:flex!important;align-items:center!important;padding:11px 14px!important;border:1px solid var(--ccfi-ui-border)!important;border-radius:var(--ccfi-ui-radius)!important;background:#fff!important;font-size:14px!important;font-weight:800!important;color:var(--ccfi-ui-text)!important;cursor:pointer}
.ccfi2-wrap .ccfi2-workspace-search[open] summary{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;background:var(--ccfi-ui-accent-soft)!important}

/* Desktop information density */
@media(min-width:1100px){
  .ccfi2-wrap .ccfi2-client-services-hero-grid,.ccfi2-wrap .ccfi2-accounting-hero-grid,.ccfi2-wrap .ccfi2-marketing-hero-grid,.ccfi2-wrap .ccfi2-pq-home-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:16px!important}
  .ccfi2-wrap .ccfi2-project-command-inner{grid-template-columns:minmax(0,1fr) minmax(310px,390px)!important}
}

/* Tablet */
@media(max-width:1024px){
  .ccfi2-wrap{margin:10px auto!important;padding:10px!important;border-radius:18px!important}
  .ccfi2-wrap .ccfi2-grid,.ccfi2-wrap .ccfi2-command-kpis,.ccfi2-wrap .ccfi2-modern-card-grid,.ccfi2-wrap .ccfi2-client-priority-strip,.ccfi2-wrap .ccfi2-finance-priority-strip,.ccfi2-wrap .ccfi2-marketing-priority-strip,.ccfi2-wrap .ccfi2-pq-priority-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ccfi2-wrap .ccfi2-client-services-hero-grid,.ccfi2-wrap .ccfi2-accounting-hero-grid,.ccfi2-wrap .ccfi2-marketing-hero-grid,.ccfi2-wrap .ccfi2-pq-home-grid,.ccfi2-wrap .ccfi2-project-command-inner,.ccfi2-wrap .ccfi2-project-attention{grid-template-columns:1fr!important}
  .ccfi2-wrap .ccfi2-table{min-width:780px}
}

/* Mobile */
@media(max-width:700px){
  .ccfi2-wrap{margin:0!important;padding:8px!important;border-radius:0!important;font-size:14px!important;background:#f2f5f8!important}
  .ccfi2-wrap h2{font-size:24px!important}.ccfi2-wrap h3{font-size:17px!important}
  .ccfi2-wrap .ccfi2-topbar{display:block!important;padding:10px!important;border-radius:14px!important}
  .ccfi2-wrap .ccfi2-toplinks{margin-top:8px!important;padding-bottom:6px!important}
  .ccfi2-wrap .ccfi2-hero,.ccfi2-wrap .ccfi2-workspace-hero,.ccfi2-wrap .ccfi2-page-hero,.ccfi2-wrap .ccfi2-project-command-hero{padding:20px 16px!important;border-radius:18px!important}
  .ccfi2-wrap .ccfi2-hero p,.ccfi2-wrap .ccfi2-workspace-hero p,.ccfi2-wrap .ccfi2-page-hero p,.ccfi2-wrap .ccfi2-project-command-hero p{font-size:13.5px!important}
  .ccfi2-wrap .ccfi2-card,.ccfi2-wrap .ccfi2-command-center,.ccfi2-wrap .ccfi2-control-center,.ccfi2-wrap .ccfi2-role-process-home,.ccfi2-wrap .ccfi2-modern-dashboard,.ccfi2-wrap .ccfi2-management-assistant{padding:14px!important;border-radius:14px!important;margin:9px 0!important}
  .ccfi2-wrap .ccfi2-grid,.ccfi2-wrap .ccfi2-command-kpis,.ccfi2-wrap .ccfi2-modern-card-grid,.ccfi2-wrap .ccfi2-client-priority-strip,.ccfi2-wrap .ccfi2-finance-priority-strip,.ccfi2-wrap .ccfi2-marketing-priority-strip,.ccfi2-wrap .ccfi2-pq-priority-strip,.ccfi2-wrap .ccfi2-two,.ccfi2-wrap .ccfi2-form-grid{grid-template-columns:1fr!important;gap:9px!important}
  .ccfi2-wrap .ccfi2-kpi,.ccfi2-wrap .ccfi2-command-kpi,.ccfi2-wrap .ccfi2-modern-card,.ccfi2-wrap .ccfi2-client-priority-tile,.ccfi2-wrap .ccfi2-finance-priority-tile,.ccfi2-wrap .ccfi2-marketing-priority-tile,.ccfi2-wrap .ccfi2-pq-priority-tile{min-height:0!important;padding:14px!important}
  .ccfi2-wrap .ccfi2-btn,.ccfi2-wrap .ccfi2-mini-btn,.ccfi2-wrap button:not(.ccfi2-close-x),.ccfi2-wrap input[type="submit"],.ccfi2-wrap input[type="button"]{min-height:44px!important;padding:10px 13px!important;font-size:13.5px!important}
  .ccfi2-wrap input[type="text"],.ccfi2-wrap input[type="email"],.ccfi2-wrap input[type="number"],.ccfi2-wrap input[type="date"],.ccfi2-wrap input[type="url"],.ccfi2-wrap input[type="search"],.ccfi2-wrap input[type="tel"],.ccfi2-wrap input[type="password"],.ccfi2-wrap select,.ccfi2-wrap textarea{min-height:46px!important;font-size:16px!important}
  .ccfi2-wrap details.ccfi2-project-section>summary,.ccfi2-wrap details.ccfi2-accordion>summary,.ccfi2-wrap .ccfi2-book-workflow-section>summary,.ccfi2-wrap .ccfi2-bible-workflow>details>summary,.ccfi2-wrap .ccfi2-bible-form-step>summary,.ccfi2-wrap .ccfi2-folder-card>summary{min-height:58px!important;padding:13px!important;font-size:14px!important}
  .ccfi2-wrap .ccfi2-section-actions,.ccfi2-wrap .ccfi2-actions,.ccfi2-wrap .ccfi2-command-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .ccfi2-wrap .ccfi2-section-actions>* ,.ccfi2-wrap .ccfi2-actions>* ,.ccfi2-wrap .ccfi2-command-actions>*{width:100%!important}
  .ccfi2-wrap .ccfi2-book-hero-layout{grid-template-columns:1fr!important;padding:15px!important}.ccfi2-wrap .ccfi2-book-cover-box{max-width:180px!important;margin:auto!important}
  .ccfi2-wrap .ccfi2-formal-book-map{position:static!important}
  .ccfi2-wrap .ccfi2-ledger-toolbar,.ccfi2-wrap .ccfi2-ledger-head,.ccfi2-wrap .ccfi2-excel-toolbar,.ccfi2-wrap .ccfi2-section-head{display:block!important}
  .ccfi2-wrap .ccfi2-ledger-toolbar>*+*,.ccfi2-wrap .ccfi2-ledger-head>*+*,.ccfi2-wrap .ccfi2-excel-toolbar>*+*,.ccfi2-wrap .ccfi2-section-head>*+*{margin-top:8px!important}
  .ccfi2-wrap .ccfi2-table-wrap{border-radius:12px!important;margin-left:-4px!important;margin-right:-4px!important}
  .ccfi2-wrap .ccfi2-table:not(.ccfi2-mobile-card-table){min-width:760px!important}
  .ccfi2-wrap .ccfi2-mobile-card-table{display:block!important;min-width:0!important;background:transparent!important}
  .ccfi2-wrap .ccfi2-mobile-card-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .ccfi2-wrap .ccfi2-mobile-card-table tbody,.ccfi2-wrap .ccfi2-mobile-card-table tr,.ccfi2-wrap .ccfi2-mobile-card-table td{display:block!important;width:100%!important}
  .ccfi2-wrap .ccfi2-mobile-card-table tr{margin:10px 0!important;border:1px solid var(--ccfi-ui-border)!important;border-left:5px solid var(--ccfi-ui-accent)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 15px rgba(15,34,52,.05)!important;overflow:hidden!important}
  .ccfi2-wrap .ccfi2-mobile-card-table td{display:grid!important;grid-template-columns:minmax(110px,38%) minmax(0,1fr)!important;gap:10px!important;padding:10px 12px!important;border-bottom:1px solid #edf1f5!important;background:#fff!important;word-break:break-word}
  .ccfi2-wrap .ccfi2-mobile-card-table td::before{content:attr(data-label);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#596579}
  .ccfi2-wrap .ccfi2-mobile-card-table td:last-child{border-bottom:0!important}
  .ccfi2-wrap .ccfi2-mobile-card-table td[data-label=""],.ccfi2-wrap .ccfi2-mobile-card-table td:not([data-label]){grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .ccfi2-wrap .ccfi2-mobile-card-table td{grid-template-columns:1fr!important;gap:4px!important}
  .ccfi2-wrap .ccfi2-project-command-side{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .ccfi2-wrap *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

@media print{
  .ccfi2-wrap{background:#fff!important;padding:0!important;margin:0!important;box-shadow:none!important}
  .ccfi2-wrap .ccfi2-topbar,.ccfi2-wrap .ccfi2-toplinks,.ccfi2-wrap .ccfi2-tabs,.ccfi2-wrap .ccfi2-section-tabs,.ccfi2-wrap .ccfi2-detail-nav,.ccfi2-wrap .ccfi2-formal-book-map,.ccfi2-wrap .ccfi2-actions,.ccfi2-wrap .ccfi2-command-actions{display:none!important}
  .ccfi2-wrap .ccfi2-card,.ccfi2-wrap .ccfi2-table-wrap,.ccfi2-wrap details{box-shadow:none!important;border-color:#bbb!important}
  .ccfi2-wrap .ccfi2-table th{position:static!important}
}