/* DCK site: page 44 styles. Moved out of the page content on 2026-09-28; loaded by dck-site-assets.php. */
/* DCK Dashboard page styling (page 44) */
/* monochrome theme: override plugin palette (black/white/gray, blue reserved for accents) */
.dck-profile, .dck-directory-page, .dck-form-page { --dck-brand: #111111; --dck-brand-deep: #000000; --dck-brand-soft: #EFEFEF; --dck-ink: #111111; --dck-muted: #6B6B6B; --dck-line: #E3E3E3; --dck-ground: #F6F6F6; --dck-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08); }
.page-id-44 h1 { display: none; }
.page-id-44 .dck-form-page h1 { display: block; }
.page-id-44 [class*="breadcrumb" i], .page-id-44 nav[aria-label="Breadcrumb"] { display: none; }
/* site chrome: auth nav button + modal fixes */
body:not(.logged-in) .dck-nav-account { display: none !important; }
body.logged-in .dck-nav-login { display: none !important; }
.dck-nav-btn { margin-left: 10px; }
.dck-nav-btn a, li.dck-nav-btn > a { display: inline-block; background: #111111 !important; color: #ffffff !important; border-radius: 999px; padding: 8px 18px; font-weight: 700 !important; }
.dck-nav-btn a:hover { background: linear-gradient(120deg, #1E62B4, #14406F) !important; color: #ffffff !important; text-decoration: none; }
.dck-nav-btn a span, .dck-nav-btn a div, .dck-nav-btn a * { color: #ffffff !important; font-weight: 700 !important; }
.dck-nav-btn a *, .dck-nav-btn a:hover *, .dck-nav-btn a:focus * { background: transparent !important; box-shadow: none !important; }
.dck-nav-btn a { transition: transform .15s ease, box-shadow .2s ease, background .15s ease; }
.dck-nav-btn a:hover, .dck-nav-btn a:focus { background: linear-gradient(120deg, #1E62B4, #14406F) !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.35); }
.dckx-dark-header { background: linear-gradient(120deg, #000000, #1C1C1C 70%, #14406F 170%) !important; border: 0 !important; box-shadow: 0 2px 12px rgba(0,0,0,.3); }
.dckx-dark-header > div, .dckx-dark-header nav, .dckx-dark-header ul { border: 0 !important; }
.dckx-dark-header a { color: #fff !important; }
.dckx-dark-header a:hover { color: #CFE0F5 !important; }
.dckx-dark-header a, .dckx-dark-header a span, .dckx-dark-header a div, .dckx-dark-header a * { color: #ffffff !important; font-weight: 600 !important; }
.dckx-dark-header a:hover *, .dckx-dark-header a:focus * { color: #CFE0F5 !important; }
.dckx-dark-header li:not(.dck-nav-btn) a, .dckx-dark-header li:not(.dck-nav-btn) a *, .dckx-dark-header li:not(.dck-nav-btn) a:hover, .dckx-dark-header li:not(.dck-nav-btn) a:hover *, .dckx-dark-header li:not(.dck-nav-btn) a:focus, .dckx-dark-header li:not(.dck-nav-btn) a:focus * { background: transparent !important; box-shadow: none !important; }
.dckx-dark-header li:not(.dck-nav-btn) a { transition: color .15s ease, transform .15s ease; }
.dckx-dark-header li:not(.dck-nav-btn) a:hover, .dckx-dark-header li:not(.dck-nav-btn) a:hover * { color: #7FB2E5 !important; }
.dckx-dark-header li:not(.dck-nav-btn) a:hover { transform: translateY(-1px); text-decoration: underline !important; text-underline-offset: 8px; text-decoration-thickness: 2px; text-decoration-color: #1E62B4; }
.dckx-dark-header .dck-nav-btn a { background: #fff !important; }
.dckx-dark-header .dck-nav-btn a, .dckx-dark-header .dck-nav-btn a * { color: #111111 !important; }
.dckx-dark-header .dck-nav-btn a:hover { background: #E7EFF9 !important; }
.dckx-dark-header img[alt="Decorative Concrete Kingdom"] { background: none !important; padding: 0 !important; }
.dckx-dark-header button, .dckx-dark-header svg { color: #fff !important; fill: #fff !important; }
.dckx-login-card br { display: none !important; }
.dckx-login-card .dckx-kicker { font-size: 20px; padding: 8px 20px; letter-spacing: .05em; }
body.page-id-44 { background: #F5F5F5; overflow-x: hidden; }
.page-id-44 .dck-form-page { width: 100vw; position: relative; left: 50%; margin-left: -50vw; }
.page-id-44 .dck-form-page .dck-wrap { max-width: min(1200px, 94vw); }
.page-id-44 .dck-form-page h1 { font-size: clamp(25px, 3vw, 39px); }
.page-id-44 .dck-dashboard h1::before { content: "Contractor dashboard"; display: table; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dck-brand); background: var(--dck-brand-soft); border-radius: 999px; padding: 4px 12px; margin-bottom: 12px; }
.page-id-44 .dck-card { border-radius: 16px; box-shadow: var(--dck-shadow); }
.page-id-44 .dck-stack input, .page-id-44 .dck-stack select, .page-id-44 .dck-stack textarea, .page-id-44 .dck-grid2 input, .page-id-44 .dck-grid2 select { background: var(--dck-ground); }
.page-id-44 .dck-upgrade-banner { background: linear-gradient(120deg, #000000, #1C1C1C 60%, #1E62B4 170%); border: 0; border-radius: 16px; color: #fff; padding: 20px 24px; }
.page-id-44 .dck-upgrade-banner .dck-btn { background: #fff; color: #111111 !important; }
.page-id-44 .dck-save-bar .dck-btn { padding: 14px 28px; font-size: 16px; }
.page-id-44 .dck-listing-switch a { border-radius: 999px; }
.page-id-44 .dck-dashboard .dck-card > label, .page-id-44 .dck-dashboard fieldset > label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14px; margin: 16px 0 0; }
.page-id-44 .dck-dashboard textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--dck-line); border-radius: 8px; background: var(--dck-ground); font: inherit; font-size: 16px; min-height: 130px; resize: vertical; box-sizing: border-box; }
.page-id-44 .dck-dashboard .dck-card > label input[type="file"] { font-size: 16px; font-weight: 400; }
.page-id-44 .dck-dashboard .dck-card > label:has(+ .dck-checks) { font-size: 16px; font-weight: 700; margin-top: 22px; }
/* guest / no-listing state: turn the bare notice into a hero panel */
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow { max-width: min(1200px, 94vw); background: linear-gradient(135deg, rgba(5,8,12,.93), rgba(12,32,60,.8)), url('https://incrediblecontracting.com/wp-content/uploads/2026/07/showroom-hero.webp') center/cover no-repeat; border-radius: 20px; padding: 80px 32px 72px; text-align: center; color: #fff; margin-top: 12px; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow h1 { color: #fff; font-size: clamp(31px, 3.4vw, 39px); margin: 0 0 10px; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow h1::before { content: "Contractor dashboard"; display: table; margin: 0 auto 14px; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: rgba(255,255,255,.16); border-radius: 999px; padding: 4px 14px; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow p { color: rgba(255,255,255,.88); font-size: 16px; max-width: 560px; margin: 0 auto; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow p a { display: inline-block; background: #fff; color: #111111; font-weight: 700; border-radius: 999px; padding: 11px 20px; margin: 12px 6px 0; text-decoration: none; transition: transform .15s; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow p a:hover { transform: translateY(-2px); text-decoration: none; }
/* feature row: hidden whenever the real dashboard is on the page */
body:has(.dck-dashboard) .dckx-dash-extras { display: none; }
.dckx-dash-extras .dck-wrap { max-width: min(1200px, 94vw); padding-top: 0; }
.dckx-section { margin: 8px 0 56px; }
.dckx-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.dckx-3col .dck-card { margin: 0; }
.dckx-why { border-top: 3px solid #111111; transition: transform .15s, box-shadow .15s; }
.dckx-why:hover { transform: translateY(-3px); box-shadow: var(--dck-shadow); }
.dckx-ico { width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #000000, #14406F); color: #fff; display: grid; place-items: center; margin-bottom: 14px; }
.dckx-ico svg { fill: currentColor; }
.dckx-why h3 { margin: 0 0 6px; font-size: 16px; font-weight: 700; }
.dckx-why p { margin: 0; font-size: 16px; color: var(--dck-muted); }
.dckx-kicker { display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dck-brand); background: var(--dck-brand-soft); border-radius: 999px; padding: 4px 12px; margin-bottom: 10px; }
/* login modal */
.dckx-login-overlay { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: rgba(0,0,0,.66); backdrop-filter: blur(3px); padding: 20px; }
.dckx-login-overlay[hidden] { display: none; }
.dckx-login-card { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 18px; padding: 30px 28px; box-shadow: 0 24px 64px rgba(0,0,0,.4); color: #111111; text-align: left; }
.dckx-login-card h2 { margin: 0 0 16px; font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.dckx-login-card form { display: grid; gap: 12px; margin: 0; }
.dckx-login-card form label { display: flex; flex-direction: column; gap: 5px; font-weight: 600; font-size: 14px; }
.dckx-login-card input[type="text"], .dckx-login-card input[type="password"] { padding: 11px 12px; border: 1px solid #E3E3E3; border-radius: 8px; background: #F6F6F6; font: inherit; font-size: 16px; }
.dckx-login-remember { flex-direction: row !important; align-items: center; gap: 8px; font-weight: 400 !important; }
.dckx-login-card .dck-btn { width: 100%; padding: 13px; font-size: 16px; border: 0; cursor: pointer; background: #111111; }
.dckx-login-card .dck-btn:hover { background: linear-gradient(120deg, #1E62B4, #14406F); filter: none; }
.dckx-login-x { position: absolute; top: 12px; right: 14px; background: none; border: 0; font-size: 25px; line-height: 1; color: #6B6B6B; cursor: pointer; }
.dckx-login-links { margin: 14px 0 0; text-align: center; font-size: 16px; }
@media (max-width: 800px) {
  .dckx-3col { grid-template-columns: 1fr; }
  .page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow { padding: 52px 18px 48px; }
}

.dck-dashboard .dck-save-bar{display:flex;gap:10px;align-items:center;}
.dck-dashboard .dckx-viewbtn{text-decoration:none!important;}
@media (max-width:780px){
.dck-dashboard .dck-save-bar{position:sticky;bottom:0;z-index:60;background:#fff;margin:0 -8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px rgba(16,24,40,.10);border-top:1px solid #E9EDF3;}
.dck-dashboard .dck-save-bar .dck-btn{flex:1;text-align:center;justify-content:center;}
}

/* ===== 1.21.0: these rules were also pasted into the page content. They now live only here,
   last in the file, so they still win exactly as they did from the page. ===== */
/* DCK Dashboard page styling (page 44) */
/* monochrome theme: override plugin palette (black/white/gray, blue reserved for accents) */
.dck-profile, .dck-directory-page, .dck-form-page { --dck-brand: #111111; --dck-brand-deep: #000000; --dck-brand-soft: #EFEFEF; --dck-ink: #111111; --dck-muted: #6B6B6B; --dck-line: #E3E3E3; --dck-ground: #F6F6F6; --dck-shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08); }
.page-id-44 h1 { display: none; }
.page-id-44 .dck-form-page h1 { display: block; }
.page-id-44 [class*="breadcrumb" i], .page-id-44 nav[aria-label="Breadcrumb"] { display: none; }
/* site chrome: auth nav button + modal fixes */
body:not(.logged-in) .dck-nav-account { display: none !important; }
body.logged-in .dck-nav-login { display: none !important; }
.dck-nav-btn { margin-left: 10px; }
.dck-nav-btn a, li.dck-nav-btn > a { display: inline-block; background: #111111 !important; color: #ffffff !important; border-radius: 999px; padding: 8px 18px; font-weight: 700 !important; }
.dck-nav-btn a:hover { background: linear-gradient(120deg, #1E62B4, #14406F) !important; color: #ffffff !important; text-decoration: none; }
.dck-nav-btn a span, .dck-nav-btn a div, .dck-nav-btn a * { color: #ffffff !important; font-weight: 700 !important; }
.dck-nav-btn a *, .dck-nav-btn a:hover *, .dck-nav-btn a:focus * { background: transparent !important; box-shadow: none !important; }
.dck-nav-btn a { transition: transform .15s ease, box-shadow .2s ease, background .15s ease; }
.dck-nav-btn a:hover, .dck-nav-btn a:focus { background: linear-gradient(120deg, #1E62B4, #14406F) !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.35); }
.dckx-dark-header { background: linear-gradient(120deg, #000000, #1C1C1C 70%, #14406F 170%) !important; border: 0 !important; box-shadow: 0 2px 12px rgba(0,0,0,.3); }
.dckx-dark-header > div, .dckx-dark-header nav, .dckx-dark-header ul { border: 0 !important; }
.dckx-dark-header a { color: #fff !important; }
.dckx-dark-header a:hover { color: #CFE0F5 !important; }
.dckx-dark-header a, .dckx-dark-header a span, .dckx-dark-header a div, .dckx-dark-header a * { color: #ffffff !important; font-weight: 600 !important; }
.dckx-dark-header a:hover *, .dckx-dark-header a:focus * { color: #CFE0F5 !important; }
.dckx-dark-header li:not(.dck-nav-btn) a, .dckx-dark-header li:not(.dck-nav-btn) a *, .dckx-dark-header li:not(.dck-nav-btn) a:hover, .dckx-dark-header li:not(.dck-nav-btn) a:hover *, .dckx-dark-header li:not(.dck-nav-btn) a:focus, .dckx-dark-header li:not(.dck-nav-btn) a:focus * { background: transparent !important; box-shadow: none !important; }
.dckx-dark-header li:not(.dck-nav-btn) a { transition: color .15s ease, transform .15s ease; }
.dckx-dark-header li:not(.dck-nav-btn) a:hover, .dckx-dark-header li:not(.dck-nav-btn) a:hover * { color: #7FB2E5 !important; }
.dckx-dark-header li:not(.dck-nav-btn) a:hover { transform: translateY(-1px); text-decoration: underline !important; text-underline-offset: 8px; text-decoration-thickness: 2px; text-decoration-color: #1E62B4; }
.dckx-dark-header .dck-nav-btn a { background: #fff !important; }
.dckx-dark-header .dck-nav-btn a, .dckx-dark-header .dck-nav-btn a * { color: #111111 !important; }
.dckx-dark-header .dck-nav-btn a:hover { background: #E7EFF9 !important; }
.dckx-dark-header img[alt="Decorative Concrete Kingdom"] { background: none !important; padding: 0 !important; }
.dckx-dark-header button, .dckx-dark-header svg { color: #fff !important; fill: #fff !important; }
.dckx-login-card br { display: none !important; }
.dckx-login-card .dckx-kicker { font-size: 20px; padding: 8px 20px; letter-spacing: .05em; }
body.page-id-44 { background: #F5F5F5; overflow-x: hidden; }
.page-id-44 .dck-form-page { width: 100vw; position: relative; left: 50%; margin-left: -50vw; }
.page-id-44 .dck-form-page .dck-wrap { max-width: min(1200px, 94vw); }
.page-id-44 .dck-form-page h1 { font-size: clamp(25px, 3vw, 39px); }
.page-id-44 .dck-dashboard h1::before { content: "Contractor dashboard"; display: table; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dck-brand); background: var(--dck-brand-soft); border-radius: 999px; padding: 4px 12px; margin-bottom: 12px; }
.page-id-44 .dck-card { border-radius: 16px; box-shadow: var(--dck-shadow); }
.page-id-44 .dck-stack input, .page-id-44 .dck-stack select, .page-id-44 .dck-stack textarea, .page-id-44 .dck-grid2 input, .page-id-44 .dck-grid2 select { background: var(--dck-ground); }
.page-id-44 .dck-upgrade-banner { background: linear-gradient(120deg, #000000, #1C1C1C 60%, #1E62B4 170%); border: 0; border-radius: 16px; color: #fff; padding: 20px 24px; }
.page-id-44 .dck-upgrade-banner .dck-btn { background: #fff; color: #111111 !important; }
.page-id-44 .dck-save-bar .dck-btn { padding: 14px 28px; font-size: 16px; }
.page-id-44 .dck-listing-switch a { border-radius: 999px; }
.page-id-44 .dck-dashboard .dck-card > label, .page-id-44 .dck-dashboard fieldset > label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14px; margin: 16px 0 0; }
.page-id-44 .dck-dashboard textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--dck-line); border-radius: 8px; background: var(--dck-ground); font: inherit; font-size: 16px; min-height: 130px; resize: vertical; box-sizing: border-box; }
.page-id-44 .dck-dashboard .dck-card > label input[type="file"] { font-size: 16px; font-weight: 400; }
.page-id-44 .dck-dashboard .dck-card > label:has(+ .dck-checks) { font-size: 16px; font-weight: 700; margin-top: 22px; }
/* guest / no-listing state: turn the bare notice into a hero panel */
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow { max-width: min(1200px, 94vw); background: linear-gradient(135deg, rgba(5,8,12,.93), rgba(12,32,60,.8)), url('https://incrediblecontracting.com/wp-content/uploads/2026/07/showroom-hero.webp') center/cover no-repeat; border-radius: 20px; padding: 80px 32px 72px; text-align: center; color: #fff; margin-top: 12px; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow h1 { color: #fff; font-size: clamp(31px, 3.4vw, 39px); margin: 0 0 10px; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow h1::before { content: "Contractor dashboard"; display: table; margin: 0 auto 14px; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: rgba(255,255,255,.16); border-radius: 999px; padding: 4px 14px; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow p { color: rgba(255,255,255,.88); font-size: 16px; max-width: 560px; margin: 0 auto; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow p a { display: inline-block; background: #fff; color: #111111; font-weight: 700; border-radius: 999px; padding: 11px 20px; margin: 12px 6px 0; text-decoration: none; transition: transform .15s; }
.page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow p a:hover { transform: translateY(-2px); text-decoration: none; }
/* feature row: hidden whenever the real dashboard is on the page */
body:has(.dck-dashboard) .dckx-dash-extras { display: none; }
.dckx-dash-extras .dck-wrap { max-width: min(1200px, 94vw); padding-top: 0; }
.dckx-section { margin: 8px 0 56px; }
.dckx-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.dckx-3col .dck-card { margin: 0; }
.dckx-why { border-top: 3px solid #111111; transition: transform .15s, box-shadow .15s; }
.dckx-why:hover { transform: translateY(-3px); box-shadow: var(--dck-shadow); }
.dckx-ico { width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, #000000, #14406F); color: #fff; display: grid; place-items: center; margin-bottom: 14px; }
.dckx-ico svg { fill: currentColor; }
.dckx-why h3 { margin: 0 0 6px; font-size: 16px; font-weight: 700; }
.dckx-why p { margin: 0; font-size: 16px; color: var(--dck-muted); }
.dckx-kicker { display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dck-brand); background: var(--dck-brand-soft); border-radius: 999px; padding: 4px 12px; margin-bottom: 10px; }
/* login modal */
.dckx-login-overlay { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: rgba(0,0,0,.66); backdrop-filter: blur(3px); padding: 20px; }
.dckx-login-overlay[hidden] { display: none; }
.dckx-login-card { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 18px; padding: 30px 28px; box-shadow: 0 24px 64px rgba(0,0,0,.4); color: #111111; text-align: left; }
.dckx-login-card h2 { margin: 0 0 16px; font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.dckx-login-card form { display: grid; gap: 12px; margin: 0; }
.dckx-login-card form label { display: flex; flex-direction: column; gap: 5px; font-weight: 600; font-size: 14px; }
.dckx-login-card input[type="text"], .dckx-login-card input[type="password"] { padding: 11px 12px; border: 1px solid #E3E3E3; border-radius: 8px; background: #F6F6F6; font: inherit; font-size: 16px; }
.dckx-login-remember { flex-direction: row !important; align-items: center; gap: 8px; font-weight: 400 !important; }
.dckx-login-card .dck-btn { width: 100%; padding: 13px; font-size: 16px; border: 0; cursor: pointer; background: #111111; }
.dckx-login-card .dck-btn:hover { background: linear-gradient(120deg, #1E62B4, #14406F); filter: none; }
.dckx-login-x { position: absolute; top: 12px; right: 14px; background: none; border: 0; font-size: 25px; line-height: 1; color: #6B6B6B; cursor: pointer; }
.dckx-login-links { margin: 14px 0 0; text-align: center; font-size: 16px; }
@media (max-width: 800px) {
  .dckx-3col { grid-template-columns: 1fr; }
  .page-id-44 .dck-form-page:not(.dck-dashboard) .dck-narrow { padding: 52px 18px 48px; }
}
.dck-dashboard .dck-save-bar{display:flex;gap:10px;align-items:center;}
.dck-dashboard .dckx-viewbtn{text-decoration:none!important;}
@media (max-width:780px){
.dck-dashboard .dck-save-bar{position:sticky;bottom:0;z-index:60;background:#fff;margin:0 -8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px rgba(16,24,40,.10);border-top:1px solid #E9EDF3;}
.dck-dashboard .dck-save-bar .dck-btn{flex:1;text-align:center;justify-content:center;}
}