/* 2026-10-05 PPT: presentation only. Routes, forms and workflow remain unchanged. */
:root{--ink:#2B2D42;--muted:#555c52;--green:#2B2D42;--mint:#F3F4F6;--coral:#E07A5F;--line:#2B2D42;--cream:#F3F4F6;--shadow:0 8px 24px #2B2D4208;--theme-navy:#0A2463;--theme-blue:#3E92CC}
body{background:#F3F4F6;color:#2B2D42}
header,footer{background:#fff!important;color:#2B2D42!important;border-color:#2B2D42!important}
h1,h2,h3,h4{color:#0A2463}
.page-head p,.meta,.muted,small{color:#555c52}
.panel,.card,.record,.stat,.hint,.field,.pd-phase,.pd-subsection,.pd-folder,.photo-note-box,.photo-info-box,.pd-photo-send,.pd-caution,.project-card,.project-hub-card{border-radius:8px!important;border-color:#2B2D42!important;box-shadow:none}
.panel,.card,.record,.stat,.pd-phase,.pd-folder,.photo-note-box,.photo-info-box{background:#fff!important}
.btn,button.btn,a.btn{background:#2B2D42!important;border:1px solid #2B2D42!important;color:#F3F4F6!important;border-radius:7px!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;box-shadow:none!important}
.btn.soft,.btn.ghost{background:#fff!important;color:#0A2463!important}
.btn.danger{background:#E07A5F!important;color:#2B2D42!important}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
button:disabled{cursor:not-allowed;transform:none!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff!important;color:#0A2463!important;border-color:#2B2D42!important;border-radius:6px!important}
input[type=checkbox],input[type=radio]{accent-color:#3E92CC}
input[type=file]::file-selector-button{background:#2B2D42;color:#F3F4F6;border:0;border-radius:5px;padding:10px 16px;margin-right:14px;cursor:pointer}
:focus-visible{outline:3px solid #3E92CC!important;outline-offset:3px}
th{color:#0A2463;background:#F3F4F6!important}td,th{border-color:#2B2D42!important}
.admin-nav a.active{background:#2B2D42!important;color:#F3F4F6!important}
.premium-home.ph-simple-home{padding-top:30px;background:#F3F4F6}
.ph-simple-home .ph-service-tiles{gap:22px;margin-bottom:26px}
.ph-simple-home .ph-service-tile{background:#fff!important;border:1px solid #2B2D42!important;border-radius:10px!important;min-height:212px;padding:28px 34px!important;gap:30px;box-shadow:none!important}
.ph-simple-home .ph-service-tile b{color:#0A2463!important;font-size:clamp(22px,2.1vw,30px);font-weight:800}
.ph-simple-home .ph-service-tile small{color:#2B2D42!important;font-size:16px;line-height:1.7}
.ph-simple-home .ph-service-icon{width:140px!important;height:150px!important;flex:0 0 140px!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.ph-simple-home .ph-service-icon.icon-quote{background-image:url('/assets/ppt-theme/quote.png')!important}
.ph-simple-home .ph-service-icon.icon-plan{background-image:url('/assets/ppt-theme/plan.png')!important}
.ph-simple-home .ph-feature-grid{gap:22px}
.ph-simple-home .ph-visual{border-radius:10px!important;overflow:hidden;border:1px solid #2B2D42!important}
.ph-simple-home .ph-manjae-guide{background:#fff!important;border:1px solid #2B2D42!important;border-radius:10px!important;padding:26px!important;color:#2B2D42!important}
.ph-manjae-guide h2{color:#0A2463!important;font-size:clamp(24px,2.5vw,36px)!important}
.ph-manjae-guide p,.ph-manjae-guide span{color:#2B2D42!important}
.ph-guide-link{background:#2B2D42!important;color:#F3F4F6!important;border-radius:6px!important;padding:12px 18px!important}
.ph-simple-home .home-community-invite{background:#fff!important;border:1px solid #2B2D42!important;border-radius:10px!important;min-height:220px;padding:32px 32px 32px 300px!important;position:relative;gap:22px}
.home-community-invite:before{content:'';position:absolute;left:25px;top:25px;bottom:25px;width:245px;background:url('/assets/ppt-theme/community.png') center/contain no-repeat}
.home-community-invite h2{color:#0A2463!important;font-size:26px!important;line-height:1.5}
.home-community-invite p,.home-community-invite span{color:#2B2D42!important}
.ph-simple-home .ph-reference-reviews{background:transparent!important;border:0!important;gap:22px}
.ph-simple-home .ph-customer-heading{background:#fff!important;border:1px solid #2B2D42!important;border-radius:10px!important;color:#2B2D42!important;padding:28px!important}
.ph-customer-heading h2,.ph-customer-heading strong{color:#0A2463!important}
.ph-customer-heading p,.ph-customer-heading span{color:#2B2D42!important}
.ph-review-friend img{width:105px!important;height:105px!important;object-fit:contain}
.ph-review-list-column{background:transparent!important;border:0!important;padding:0!important}
.ph-review-line{background:#fff!important;border:1px solid #2B2D42!important;border-radius:8px!important;padding:20px!important;color:#2B2D42!important}
.ph-review-line b{color:#0A2463!important}.ph-review-kind{background:#F3F4F6!important;color:#2B2D42!important}
.ph-text-link{background:#2B2D42!important;color:#F3F4F6!important;border:1px solid #2B2D42!important;border-radius:6px!important;padding:10px 18px!important}
.ph-review-toggle{border-color:#2B2D42!important;color:#2B2D42!important;background:#fff!important;border-radius:6px!important}
.ph-billboard{border-radius:10px!important;border:1px solid #2B2D42!important}.ph-billboard h2{color:#F3F4F6!important}
.service-overview-cards .service-card{background:#fff!important;min-height:260px;border:1px solid #2B2D42!important;border-radius:10px!important}
.service-feature-card:before{background-image:url('/assets/ppt-theme/quote.png')!important;background-size:contain!important;background-color:transparent!important;border-radius:0!important}
.service-feature-card[href='#plan']:before{background-image:url('/assets/ppt-theme/plan.png')!important}
.service-feature-card[href='#quote'] .service-feature-icon{content:url('/assets/ppt-theme/quote.png');border-radius:0!important;background:transparent!important}
.service-feature-card[href='#plan'] .service-feature-icon{content:url('/assets/ppt-theme/plan.png');border-radius:0!important;background:transparent!important}
.service-feature-card h2{color:#0A2463!important}
.analysis-upload-page h1,.analysis-recent h2{display:table;background:linear-gradient(transparent 78%,#E07A5F 78%,#E07A5F 94%,transparent 94%)}
.analysis-expert-guide{border:0!important;background:transparent!important;box-shadow:none!important}
.analysis-expert-guide>.btn{background:#E07A5F!important;color:#F3F4F6!important;border-color:#E07A5F!important}
form[data-form='ai-estimate']>.check{margin:0!important;border-radius:0!important}
form[data-form='ai-estimate']>.check:first-of-type{border-radius:6px 6px 0 0!important}
form[data-form='ai-estimate']>.check+.check{border-top:0!important;border-radius:0 0 6px 6px!important;margin-bottom:20px!important}
form[data-form='ai-estimate'],.pd-intake-form{border:0!important;background:transparent!important;box-shadow:none!important}
form[data-form='ai-estimate']>.field,.pd-intake-form>.field{border:0!important;background:transparent!important;padding:0!important;margin:20px 0!important}
form[data-form='ai-estimate'] .check,.pd-intake-form .check{border-color:#2B2D42!important;background:#fff!important;border-radius:6px!important;padding:14px}
form[data-form='ai-estimate'] button[type=submit],form[data-form='ai-estimate']>button:last-of-type{background:#3E92CC!important;color:#F3F4F6!important;border-color:#3E92CC!important}
.pd-intake-form h3{color:#0A2463}.pd-page .panel{border-color:#2B2D42!important}
.pd-intake-form input,.pd-intake-form textarea,.pd-intake-form select{box-shadow:none!important}
.pd-phase>summary{background:#fff!important;color:#2B2D42!important;border-radius:7px!important}
.pd-phase.is-current>summary{background:#d9e9f5!important;color:#2B2D42!important;box-shadow:inset 5px 0 #3E92CC!important}
.pd-phase-body,.pd-subsection,.pd-cautions,.pd-folder{background:#fff!important}
.pd-caution-details,.pd-photo-send,.pd-photo-ai{background:#F3F4F6!important}
.pd-page>.pd-intake-form,.pd-page>.panel.pd-sequence{box-shadow:none!important}
.pd-photo-view img{border-radius:6px}
[data-photo-retry][hidden]{display:none!important}
/* Homepage only: centered product message and primary action inspired by flex. */
body.home-design{background:#101211}
body.home-design header{background:#111513!important;color:#fff!important;border-bottom:1px solid #ffffff18!important;box-shadow:none!important}
body.home-design header .brand{background:#fff;border-radius:7px;padding:4px 10px}
body.home-design header .nav-links a,body.home-design header .nav-group>button,body.home-design header .auth-links>a{color:#fff!important}
body.home-design header .nav-dropdown{background:#fff;color:#2B2D42}
body.home-design header .nav-dropdown a{color:#2B2D42!important}
body.home-design header .mobile-links{background:#111513}
body.home-design .ph-ai-home{background:#101211!important;padding-top:0!important;padding-bottom:60px}
.inbom-ai-hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px;display:grid;place-items:center;text-align:center;padding:90px 24px 100px;background:#815965}
.inbom-hero-glow{position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 23% 42%,#ca5d46 0,transparent 45%),radial-gradient(ellipse at 76% 66%,#dba958 0,transparent 46%),radial-gradient(ellipse at 65% 0%,#b9aac8 0,transparent 49%),linear-gradient(115deg,#b26c70,#833e45 50%,#95abc2);filter:blur(30px);transform:scale(1.05)}
.inbom-hero-copy{max-width:1000px;margin:auto;color:#fff}
.inbom-hero-results{display:flex;justify-content:center;gap:0;margin:26px auto 0;max-width:650px;color:#fff}
.inbom-hero-results>div{flex:1;min-width:0;padding:0 22px}
.inbom-hero-results>div+div{border-left:1px solid #ffffff66}
.inbom-hero-results>div>span{display:block;font-size:14px;line-height:1.5;word-break:keep-all}
.inbom-hero-results strong{display:block;font-size:42px;line-height:1.3;letter-spacing:-.04em;margin-top:6px;color:#fff!important}
.inbom-hero-results strong span{font-size:25px}
.inbom-hero-results+.inbom-hero-cta{margin-top:26px;font-size:19px;max-width:720px;width:100%;box-sizing:border-box;white-space:nowrap}
.inbom-hero-result-note{font-size:12px;line-height:1.6;color:#fff;margin:14px 0 0;word-break:keep-all}
@media(max-width:760px){.inbom-hero-results>div{padding:0 10px}.inbom-hero-results>div>span{font-size:12px}.inbom-hero-results strong{font-size:32px}.inbom-hero-results strong span{font-size:19px}.inbom-hero-results+.inbom-hero-cta{font-size:clamp(10px,3.05vw,16px);padding:18px 12px;gap:6px;letter-spacing:-.04em}.inbom-hero-results+.inbom-hero-cta span{font-size:18px;flex-shrink:0}.inbom-hero-result-note{font-size:11px}}
.inbom-hero-eyebrow{font-size:19px;font-weight:700;letter-spacing:-.03em;margin:0 0 28px;color:#fff}
.inbom-ai-hero h1{color:#fff!important;font-size:clamp(38px,4.7vw,66px);line-height:1.24;letter-spacing:-.055em;font-weight:800;margin:0 0 26px;word-break:keep-all;text-shadow:0 2px 24px #3c23231a}
.inbom-hero-description{font-size:18px;line-height:1.8;color:#fff;margin:0;word-break:keep-all}
.inbom-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:480px;margin:50px auto 0;padding:23px 32px;border:1px solid #ffffffa6;border-radius:60px;background:#35262650;backdrop-filter:blur(16px);color:#fff!important;font-size:21px;font-weight:700;text-decoration:none;box-shadow:0 16px 40px #401e1e12;transition:background .2s,transform .2s}
.inbom-hero-cta span{font-size:26px;font-weight:400;color:#fff}.inbom-hero-cta:hover{background:#30252595;transform:translateY(-3px)}
.inbom-home-steps{max-width:960px;margin:auto;display:flex;align-items:center;justify-content:center;gap:40px;padding:32px 24px;color:#b7bdb9;font-size:16px;font-weight:700;letter-spacing:.02em}
.inbom-home-steps i{width:4px;height:4px;border-radius:50%;background:#5d6560;flex-shrink:0}
.inbom-home-intro{text-align:center;padding:85px 24px 55px;color:#b7bdb9}
.inbom-home-intro h2{font-size:clamp(30px,3.4vw,48px);line-height:1.4;color:#fff!important;letter-spacing:-.05em;margin:22px 0}
.inbom-home-intro p{font-size:17px;color:#b7bdb9;margin:0;word-break:keep-all}
.ph-ai-home .ph-top-services{margin-top:0!important;margin-bottom:32px!important}
.ph-ai-home .ph-feature-grid,.ph-ai-home .home-community-invite,.ph-ai-home .ph-customer-section{margin-top:32px!important;margin-bottom:32px!important}
.ph-ai-home .ph-review-controls{padding-top:16px}.ph-ai-home .ph-review-toggle{background:#fff!important}
@media(max-width:760px){
 .inbom-ai-hero{min-height:580px;padding:75px 20px}
 .inbom-ai-hero h1{font-size:clamp(32px,8.5vw,47px);line-height:1.35;letter-spacing:-.06em}
 .inbom-hero-eyebrow{font-size:15px;margin-bottom:24px}.inbom-hero-description{font-size:15px;line-height:1.85}
 .inbom-hero-cta{margin-top:36px;padding:20px 24px;font-size:17px;width:100%;max-width:350px}
 .inbom-home-steps{gap:12px;padding:26px 12px;font-size:12px;letter-spacing:-.04em}
 .inbom-home-intro{padding:55px 22px 34px}.inbom-home-intro p{font-size:14px}
 body.home-design header .brand{padding:3px 7px}.ph-ai-home .ph-feature-grid{margin-top:22px!important}
}
/* Dark home header: retain the colored symbol, use a white wordmark. */
body.home-design header{background:#101211!important}
body.home-design header .nav .brand{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.home-design header .brand-wordmark img{filter:brightness(0) invert(1)}
body.home-design header .site-menu .nav-group>a,
body.home-design header .mobile-menu,
body.home-design header #account a{color:#F5F6F8!important}
body.home-design header .site-menu .nav-group>a:hover,
body.home-design header .site-menu .nav-group>a:focus{color:#8dc9cd!important;background:transparent!important}
body>header .site-menu .nav-submenu{background:#24272b!important;border:1px solid #44484e!important;border-radius:10px!important;padding:8px;box-shadow:0 12px 28px #0003}
body>header .site-menu .nav-submenu a{color:#fff!important;background:transparent!important;line-height:1.7}
body>header .site-menu .nav-submenu a:hover,
body>header .site-menu .nav-submenu a:focus{color:#fff!important;background:#363a40!important}
body>header .mobile-links{background:#24272b!important;border-color:#44484e!important}
body>header .mobile-links a,body>header .mobile-links b{color:#fff!important}
body>header .mobile-links a:hover,body>header .mobile-links a:focus{background:#363a40!important;color:#fff!important}
/* Show three complete review cards; rotation still cycles through all reviews. */
.ph-ai-home .ph-reference-reviews .ph-review-window{height:auto!important;max-height:none!important;overflow:visible!important;mask-image:none!important;-webkit-mask-image:none!important}
.ph-ai-home .ph-reference-reviews .ph-review-track{height:auto!important;max-height:none!important;transform:none!important;animation:none!important}
.ph-ai-home .ph-reference-reviews .ph-review-group{display:flex!important;flex-direction:column!important;gap:20px!important;height:auto!important;max-height:none!important}
.ph-ai-home .ph-reference-reviews .ph-review-group>.ph-review-line{height:auto!important;min-height:108px;flex:none!important;overflow:visible!important}
.ph-ai-home .ph-reference-reviews .ph-review-group>.ph-review-line:nth-child(n+4){display:none!important}
.ph-ai-home .ph-reference-reviews .ph-review-line-description{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important;line-height:1.7;overflow-wrap:anywhere}
.ph-ai-home .ph-reference-reviews .ph-review-list-column{overflow:visible!important}
.ph-ai-home .ph-manjae-guide h2{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.45}
.ph-ai-home .ph-manjae-guide .ph-guide-link{white-space:normal;text-align:center}
@media(max-width:760px){.ph-ai-home .ph-reference-reviews .ph-review-group{gap:16px!important}.ph-ai-home .ph-reference-reviews .ph-review-group>.ph-review-line{min-height:110px}.ph-ai-home .ph-manjae-guide h2{font-size:24px!important}}
/* Main background: coordinated charcoal surfaces, scoped to the homepage. */
body.home-design,body.home-design .ph-ai-home{background:#292c30!important}
body.home-design header{background:#24272b!important;border-bottom-color:#44484e!important}
body.home-design .inbom-ai-hero{background:#cc7068!important}
body.home-design .inbom-hero-glow{background:radial-gradient(ellipse at 36% 70%,#ce4844 0%,transparent 43%),radial-gradient(ellipse at 72% 67%,#efa927 0%,transparent 39%),radial-gradient(ellipse at 15% 27%,#e66f34 0%,transparent 35%),radial-gradient(ellipse at 50% 0%,#c7b6d0 0%,transparent 44%),radial-gradient(ellipse at 100% 86%,#cbc9e0 0%,transparent 38%),linear-gradient(115deg,#d5c6d7,#d36762 45%,#e5994e 72%,#d8c5d5)!important;filter:blur(18px);inset:-4%;transform:scale(1.04)}
body.home-design .inbom-hero-cta{background:#62392d66;border-color:#ffffffa6;color:#fff!important;box-shadow:0 14px 40px #532c261a}
body.home-design .inbom-hero-cta:hover{background:#62392d88}
body.home-design .inbom-home-steps,body.home-design .inbom-home-intro,body.home-design .ph-review-list-column{background:transparent!important}
body.home-design footer{background:#24272b!important;color:#e1e3e6!important;border-top:1px solid #44484e!important}
body.home-design footer p,body.home-design footer small,body.home-design footer a,body.home-design footer strong,body.home-design footer h2{color:#e1e3e6!important}
/* Reviews blend into the charcoal homepage, with legible white text. */
body.home-design .ph-ai-home .ph-reference-reviews .ph-customer-heading,
body.home-design .ph-ai-home .ph-reference-reviews .ph-review-line{background:#292c30!important;border-color:#51565d!important;box-shadow:none!important;color:#fff!important}
body.home-design .ph-ai-home .ph-reference-reviews h2,
body.home-design .ph-ai-home .ph-reference-reviews strong,
body.home-design .ph-ai-home .ph-reference-reviews p,
body.home-design .ph-ai-home .ph-reference-reviews span,
body.home-design .ph-ai-home .ph-reference-reviews b,
body.home-design .ph-ai-home .ph-reference-reviews time{color:#f5f6f7!important}
body.home-design .ph-ai-home .ph-reference-reviews .ph-review-kind{background:#40464d!important;color:#fff!important}
body.home-design .ph-ai-home .ph-reference-reviews .ph-text-link,
body.home-design .ph-ai-home .ph-reference-reviews .ph-review-toggle{background:#373d44!important;border:1px solid #747d88!important;color:#fff!important;box-shadow:none!important}
body.home-design .ph-ai-home .ph-reference-reviews .ph-text-link:hover,
body.home-design .ph-ai-home .ph-reference-reviews .ph-review-toggle:hover{background:#474f58!important}
body.home-design .ph-ai-home .ph-reference-reviews .ph-review-friend img{width:140px!important;height:150px!important;object-fit:contain;background:transparent!important}
@media(max-width:760px){body.home-design .ph-ai-home .ph-reference-reviews .ph-review-friend img{width:104px!important;height:112px!important}}
@media(max-width:760px){
 .premium-home.ph-simple-home{padding-top:16px}.ph-simple-home .ph-service-tiles{gap:12px}
 .ph-simple-home .ph-service-tile{min-height:155px;padding:20px!important;gap:18px}
 .ph-simple-home .ph-service-icon{width:88px!important;height:100px!important;flex-basis:88px!important}
 .ph-simple-home .ph-service-tile b{font-size:22px}.ph-simple-home .ph-service-tile small{font-size:14px}
 .ph-simple-home .home-community-invite{padding:145px 24px 24px!important;display:flex;flex-direction:column;align-items:flex-start}
 .home-community-invite:before{top:18px;left:24px;width:200px;height:115px;bottom:auto}
 .home-community-invite h2{font-size:23px!important}.home-community-invite .btn{width:100%}
 .ph-simple-home .ph-manjae-guide{padding:22px!important}.ph-customer-heading{min-width:0}
}

/* Community card: deep beetle green and coffee with Manjae. */
body.home-design .ph-ai-home .ph-manjae-guide{display:flex!important;flex-direction:column!important;align-items:stretch!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-guide-copy{width:100%!important;box-sizing:border-box;min-width:0}
body.home-design .ph-ai-home .ph-manjae-guide{background:radial-gradient(ellipse at 8% 0%,#3A3D57 0%,transparent 65%),linear-gradient(145deg,#2B2D42,#2B2D42)!important;border:1px solid #4A4D66!important;color:#F3F4F6!important;box-shadow:0 14px 32px #101c1930!important}
body.home-design .ph-ai-home .ph-manjae-guide h2,body.home-design .ph-ai-home .ph-manjae-guide p,body.home-design .ph-ai-home .ph-manjae-guide span{color:#F3F4F6!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-guide-label{background:#ffffff14!important;border:1px solid #ffffff30!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-manjae-portrait{position:relative!important;inset:auto!important;width:min(100%,310px)!important;height:250px!important;margin:4px auto!important;transform:none!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-manjae-portrait::before,body.home-design .ph-ai-home .ph-manjae-guide .ph-manjae-portrait::after{display:none!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-manjae-portrait img{display:block!important;content:normal!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;opacity:1!important;visibility:visible!important;mask:none!important;-webkit-mask:none!important;background:none!important;filter:none!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-guide-link{background:#f0eedf!important;color:#2B2D42!important;border:1px solid #e0dfcb!important;box-shadow:0 5px 15px #08241d40!important}
body.home-design .ph-ai-home .ph-manjae-guide .ph-guide-link:hover{background:#ffffff!important}
@media(max-width:760px){body.home-design .ph-ai-home .ph-manjae-guide .ph-manjae-portrait{height:230px!important}body.home-design .ph-ai-home .ph-manjae-guide .ph-guide-copy{padding-left:4px;padding-right:4px}body.home-design .ph-ai-home .ph-manjae-guide .ph-guide-bottom{padding-left:4px;padding-right:4px}}

/* Illustrated quotation story replaces the home video, without pale corner borders. */
body.home-design .ph-ai-home .ph-feature-grid .inbom-quote-story{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-width:0;min-height:0!important;padding:0!important;background:#2B2D42!important;border:1px solid #4A4D66!important;border-radius:12px!important;overflow:hidden!important;isolation:isolate;line-height:1.6;color:#F3F4F6!important;box-shadow:none!important;aspect-ratio:auto!important}
.inbom-quote-story::before,.inbom-quote-story::after{display:none!important}
.inbom-quote-story .quote-story-heading{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;font-size:14px;font-weight:700;color:#F3F4F6}
.inbom-quote-story .quote-story-stage{flex:1;min-width:0;background:#2B2D42}
.inbom-quote-story .quote-story-scene[hidden]{display:none!important}
.inbom-quote-story .quote-story-art{width:100%;aspect-ratio:3/2;background-image:url('/assets/ppt-theme/quote-story.png');background-size:200% 200%;background-repeat:no-repeat}
.inbom-quote-story .quote-story-art-0{background-position:0 0}.inbom-quote-story .quote-story-art-1{background-position:100% 0}.inbom-quote-story .quote-story-art-2{background-position:0 100%}.inbom-quote-story .quote-story-art-3{background-position:100% 100%}
.inbom-quote-story .quote-story-copy{padding:20px 26px 12px;min-height:172px;box-sizing:border-box}
.inbom-quote-story .quote-story-copy>span{font-size:13px;color:#9AA0B4!important;font-weight:700}
.inbom-quote-story .quote-story-copy h2{font-size:clamp(21px,2vw,29px)!important;line-height:1.4!important;color:#F5F6F8!important;margin:8px 0!important;letter-spacing:-.04em;word-break:keep-all}
.inbom-quote-story .quote-story-copy p{font-size:15px!important;line-height:1.7!important;color:#eff4ed!important;margin:0!important;word-break:keep-all}
.inbom-quote-story .quote-story-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 22px 14px}
.inbom-quote-story .quote-story-dots{display:flex;gap:8px}
.inbom-quote-story .quote-story-controls button{appearance:none;background:#ffffff10!important;color:#F3F4F6!important;border:1px solid #9AA0B4!important;min-height:36px;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer}
.inbom-quote-story .quote-story-dots button[aria-pressed=true]{background:#E6E8EE!important;color:#2B2D42!important;border-color:#E6E8EE!important}
.inbom-quote-story button:focus-visible,.inbom-quote-story a:focus-visible{outline:3px solid #E6E8EE;outline-offset:3px}
.inbom-quote-story .quote-story-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 22px;background:#10332b;border-top:1px solid #4A4D66}
.inbom-quote-story .quote-story-footer small{font-size:11px;color:#c3d1c7!important}
.inbom-quote-story .quote-story-footer a{font-size:14px;font-weight:700;color:#EEF0F4!important;text-decoration:none}
@media(max-width:760px){.inbom-quote-story .quote-story-copy{padding:18px 18px 10px;min-height:195px}.inbom-quote-story .quote-story-heading,.inbom-quote-story .quote-story-controls,.inbom-quote-story .quote-story-footer{padding-left:18px;padding-right:18px}}

/* Character dialogue: readable speech bubbles below the illustration. */
.inbom-quote-story .quote-story-copy{min-height:280px;padding-bottom:16px}
.inbom-quote-story .quote-story-speech{position:relative;margin:18px 0 0!important;padding:18px 20px;background:#F5F6F8;border:0;border-radius:3px 18px 18px 18px;box-shadow:0 3px 10px #071a1320}
.inbom-quote-story .quote-story-speech::before{content:'';position:absolute;top:-10px;left:25px;border-left:0 solid transparent;border-right:16px solid transparent;border-bottom:12px solid #F5F6F8}
.inbom-quote-story .quote-story-speech.is-manjae{background:#e0eddb;border-radius:18px 3px 18px 18px}
.inbom-quote-story .quote-story-speech.is-manjae::before{left:auto;right:25px;border-left:16px solid transparent;border-right:0;border-bottom-color:#e0eddb}
.inbom-quote-story .quote-story-speech .quote-story-speaker{font-size:12px;font-weight:700;color:#4A4D66!important}
.inbom-quote-story .quote-story-speech h2{color:#2B2D42!important;font-weight:800;margin:8px 0 12px!important}
.inbom-quote-story .quote-story-speech p{color:#35453c!important;font-size:16px!important;line-height:1.75!important}
@media(max-width:760px){.inbom-quote-story .quote-story-copy{min-height:345px}.inbom-quote-story .quote-story-speech{padding:16px}.inbom-quote-story .quote-story-speech h2{font-size:22px!important}}

/* Keep the complete story panel readable within a laptop or phone screen. */
body.home-design .ph-ai-home .ph-feature-grid .inbom-quote-story{align-self:start!important;scroll-margin-top:90px}
.inbom-quote-story .quote-story-art{width:100%;margin:0;max-width:none}
.inbom-quote-story .quote-story-heading{padding:10px 18px}
.inbom-quote-story .quote-story-copy{min-height:0;padding:12px 20px}
.inbom-quote-story .quote-story-speech{margin-top:12px!important;padding:12px 16px}
.inbom-quote-story .quote-story-speech h2{font-size:23px!important;line-height:1.35!important;margin:5px 0 8px!important}
.inbom-quote-story .quote-story-speech p{font-size:15px!important;line-height:1.6!important}
.inbom-quote-story .quote-story-controls{padding:4px 18px 10px}
.inbom-quote-story .quote-story-footer{padding:10px 18px;gap:6px 12px}
@media(max-width:760px){
 .inbom-quote-story .quote-story-art{width:100%;margin:0;max-width:none}
 .inbom-quote-story .quote-story-copy{min-height:0;padding:10px 14px}
 .inbom-quote-story .quote-story-speech{padding:11px 13px}
 .inbom-quote-story .quote-story-speech h2{font-size:20px!important}
 .inbom-quote-story .quote-story-heading,.inbom-quote-story .quote-story-controls,.inbom-quote-story .quote-story-footer{padding-left:14px;padding-right:14px}
}

/* October reference screens: estimate intake, results and consultation. */
body:has(.analysis-upload-page),body:has(.estimate-result-page),body:has(.consult-reference-page),body:has(.record-estimate-result){background:#fff!important}
.analysis-upload-page,.estimate-result-page,.consult-reference-page,.item-feedback-report{color:#29312e!important}
.analysis-upload-page,.estimate-result-page,.consult-reference-page{max-width:1120px;margin-left:auto;margin-right:auto;padding-top:50px!important;padding-bottom:80px!important}
.analysis-upload-page .panel,.consult-reference-page .panel,.estimate-result-page .panel,.record-estimate-result .panel,.item-feedback-report{background:#fff!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.analysis-upload-page h1,.analysis-upload-page h2,.consult-reference-page h3,.item-feedback-report h2{color:#2b2c40!important;font-weight:800}
.analysis-upload-page .quote-upload-heading h1{font-size:30px;margin:0 0 10px;color:#263439!important}
.quote-upload-heading p{font-size:14px;font-weight:700;margin-bottom:42px}
.analysis-upload-page .form-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:start}
.analysis-upload-page .panel{padding:0!important;min-width:0}
.analysis-upload-page .field,.consult-reference-page .field{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:30px;font-weight:700;color:#2b2c40!important}
.analysis-upload-page .analysis-drop{background:transparent!important;border:0!important;padding:0!important;margin-bottom:40px}
.analysis-upload-page .quote-file-title,.analysis-upload-page .analysis-recent h2{display:block;font-size:26px!important;font-weight:800;line-height:1.4;margin:0 0 10px}
.analysis-upload-page input[type=file],.analysis-upload-page textarea,.consult-reference-page input,.consult-reference-page textarea{background:#fff!important;color:#29312e!important;border:2px solid #34413c!important;border-radius:7px!important;padding:12px!important;box-shadow:none!important;font-size:15px}
.analysis-upload-page input[type=file]{font-size:13px;padding:8px!important}
.analysis-upload-page input::file-selector-button{background:#2B2D42;color:white;border:0;border-radius:3px;padding:5px 8px;margin-right:8px}
.analysis-upload-page textarea{min-height:110px!important;resize:vertical}
.analysis-upload-page .field small{font-size:12px;color:#45485c!important;line-height:1.6}
.analysis-upload-page .quote-consent-box{border:2px solid #a5a9b8;border-radius:14px;padding:10px 12px;margin:26px 0 16px}
.analysis-upload-page .check{background:none!important;border:0!important;padding:0!important;display:flex;align-items:flex-start;gap:8px;margin:0 0 9px;color:#788399!important;font-size:12px;line-height:1.65}
.analysis-upload-page .check input{flex:0 0 auto;margin-top:4px}
.analysis-upload-page .check:last-child{margin-bottom:0}
.analysis-upload-page .hint,.consult-reference-page .hint{background:none!important;border:0!important;padding:0!important;color:#34374a!important;font-size:12px;line-height:1.8;margin:14px 0}
.analysis-upload-page .btn,.consult-reference-page .btn,.reference-plan-start .btn{background:#2B2D42!important;color:white!important;border:1px solid #2B2D42!important;border-radius:5px!important;padding:14px 20px}
.analysis-upload-page .analysis-recent .list{max-height:470px;overflow:auto;scrollbar-color:#2B2D42 #fff;scrollbar-width:thin}
.analysis-upload-page .analysis-history-labels,.analysis-upload-page .analysis-history{grid-template-columns:minmax(0,1.25fr) minmax(75px,.9fr) minmax(64px,.8fr);gap:12px}
.analysis-upload-page .analysis-history-labels{border-bottom:2px solid #e4ecef;padding:0 0 14px;font-size:15px;color:#242925}
.analysis-upload-page .analysis-history{background:transparent!important;border:0!important;border-bottom:2px solid #e7eef0!important;border-radius:0!important;padding:12px 0!important;font-size:13px;color:#202822!important;min-height:70px}
.analysis-upload-page .analysis-history small{display:block;color:#8190a6!important;font-size:11px;margin-top:6px}
.analysis-upload-page .analysis-history-total{text-align:center;font-weight:700;font-size:13px}
.analysis-upload-page .analysis-history .status{background:transparent!important;color:#222!important;font-size:12px;text-align:center;padding:0!important}
.analysis-upload-page .analysis-expert-guide{margin-top:70px;padding:0!important}
.analysis-upload-page .analysis-expert-guide h2{font-size:27px;color:#263439!important;margin-bottom:26px}
.analysis-upload-page .analysis-expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.analysis-upload-page .analysis-expert-grid .record{border:0!important;background:#fff!important;border-radius:0!important;padding:8px 22px!important;margin:0!important}
.analysis-upload-page .analysis-expert-grid .record+ .record{border-left:3px solid #2c3030!important}
.analysis-upload-page .analysis-expert-grid b{font-size:16px;color:#25282b!important}
.analysis-upload-page .analysis-expert-grid p{font-size:13px;line-height:1.7;color:#45485c!important}
.analysis-upload-page .analysis-expert-guide>.meta{font-size:12px;margin:30px 0 70px}
.item-feedback-report{padding:0!important;margin:0!important}
.reference-result-actions{display:flex;justify-content:flex-end;margin-bottom:22px}
.reference-result-actions .btn,.item-feedback-report .actions .btn{border:1px solid #2B2D42!important;color:#2B2D42!important;background:#fff!important;border-radius:5px!important;padding:7px 12px!important;font-weight:700}
.item-feedback-report .actions [data-item-expand=no]{background:#2B2D42!important;color:white!important}
.item-feedback-report .reference-expert-conclusion{padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0 0 70px!important}
.reference-expert-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.reference-expert-heading h2{font-size:30px;margin:0 0 18px!important}
.reference-expert-heading .expert-fair-amount{font-size:25px;color:#2b2c40!important;word-break:keep-all}
.reference-expert-conclusion .expert-opinion-box{border:3px solid #bfc1c8!important;border-radius:14px!important;background:#fff!important;min-height:155px;padding:18px 20px!important;margin:0!important}
.reference-expert-conclusion .expert-opinion-box h3{font-size:21px;color:#2b2c40!important;margin:0 0 12px}
.reference-expert-conclusion>.meta{font-size:12px;margin:5px 12px;color:#77798a!important}
.reference-expert-conclusion .expert-sent-amount{background:#f8faf7!important;border:1px solid #ccd5ce!important;margin-top:18px;font-size:14px}
.reference-file-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.reference-file-heading h2{font-size:27px;margin:0!important;overflow-wrap:anywhere}
.reference-file-heading a{font-size:13px;color:#747780!important;text-decoration:underline}
.reference-file-heading+p{font-size:15px;color:#747780!important;line-height:1.7;margin:6px 0 12px}
.reference-item-count{font-size:17px;font-weight:800;color:#55596a;margin:12px 0 6px}
.item-feedback-report .feedback-group{background:#fff!important;border:2px solid #4A4D66!important;border-radius:17px!important;margin:14px 0 0;padding:10px 18px!important}
.item-feedback-report .feedback-group.problem-group{border-color:#c64141!important}
.item-feedback-report .feedback-group>summary{font-size:23px!important;font-weight:800;padding:9px 2px!important;color:#4A4D66!important}
.item-feedback-report .problem-group>summary{color:#ca2739!important}
.feedback-group-scroll{max-height:550px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9195a1 #fff;overscroll-behavior:contain}
.item-feedback-report .item-feedback-card{margin:0!important;border:0!important;border-top:2px solid #bac7bd!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.item-feedback-report .problem-group .item-feedback-card{border-top-color:#e7b1b4!important}
.item-feedback-report .feedback-group .item-feedback-card:first-child{border-top:2px solid #4A4D66!important}
.item-feedback-report .problem-group .item-feedback-card:first-child{border-top-color:#c64141!important}
.item-feedback-report .item-feedback-card>summary{background:#fff!important;font-size:18px!important;padding:18px 8px!important;color:#2B2D42!important;list-style:disclosure-closed inside}
.item-feedback-report .item-feedback-card[open]>summary{list-style-type:disclosure-open}
.item-feedback-report .item-feedback-card>summary span,.item-feedback-report .item-problem-badge{display:none!important}
.item-feedback-report .item-feedback-body{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);padding:18px 12px 28px;gap:34px;font-size:16px;line-height:1.65}
.item-feedback-report .item-feedback-body h3{font-size:17px;color:#2B2D42!important;margin:0 0 12px}
.item-feedback-report .item-feedback-body blockquote{background:none!important;border:0!important;padding:0!important;color:#2B2D42!important;white-space:pre-wrap}
.item-feedback-report .item-feedback-body section>p{margin:0 0 25px;color:#777e7a!important}
.item-feedback-report .item-feedback-body b{color:#2B2D42!important}
.item-feedback-report .item-contractor-question{background:none!important;border:0!important;padding:0!important;color:#777e7a!important}
.reference-plan-start{display:grid!important;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:35px;margin:65px 0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important}
.reference-manjae{background:url('/assets/ppt-theme/manjae-guide.png') center/contain no-repeat;height:285px;width:100%;padding:0!important}
.reference-plan-start h2{font-size:22px!important;color:#2b2c40!important;margin:0 0 10px}
.reference-plan-start p{font-size:15px;color:#646978!important;margin:0 0 25px}
.estimate-result-page:has(.item-feedback-report)>.analysis-detail-actions{display:none}
.record-estimate-result:has(.reference-expert-conclusion)>h2,.record-estimate-result:has(.reference-expert-conclusion)>p.meta{display:none}
.consult-reference-page>.page-title{display:none}
.consult-reference-page .form-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:80px;align-items:center;margin-top:50px}
.consult-reference-page form.panel{padding:0!important}
.consult-reference-page .field-row{gap:14px}
.consult-reference-page textarea{min-height:115px;resize:vertical}
.consult-reference-page .mascot-card{padding:0!important}
.consult-reference-page .mascot-card>div:not(.reference-manjae){padding:0!important}
.consult-reference-page .reference-manjae{height:270px;background-size:auto 340px;background-position:center top}
.consult-reference-page .mascot-card h3{font-size:26px;margin:15px 0 10px;line-height:1.25}
.consult-reference-page .mascot-card p{font-size:13px;line-height:1.75;color:#414657!important}
.analysis-upload-page h1,.analysis-upload-page .analysis-recent h2{display:block;background:none!important}
.analysis-upload-page .quote-upload-heading{position:static;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.analysis-upload-page .analysis-drop{margin-top:0!important}
body .analysis-upload-page form[data-form='ai-estimate'] button[type=submit]{background:#2B2D42!important;border-color:#2B2D42!important;color:#fff!important}
@media(max-width:760px){
 .analysis-upload-page,.estimate-result-page,.consult-reference-page{width:calc(100% - 32px);padding-top:26px!important;padding-bottom:45px!important}
 .analysis-upload-page .form-layout,.consult-reference-page .form-layout{grid-template-columns:minmax(0,1fr);gap:38px;margin-top:0}
 .analysis-upload-page .quote-upload-heading h1{font-size:25px}
 .analysis-upload-page .analysis-expert-grid{grid-template-columns:minmax(0,1fr)}
 .analysis-upload-page .analysis-expert-grid .record{padding:16px 0!important}
 .analysis-upload-page .analysis-expert-grid .record+.record{border-left:0!important;border-top:1px solid #cbd3cd!important}
 .analysis-upload-page .analysis-history-labels,.analysis-upload-page .analysis-history{gap:6px;grid-template-columns:minmax(0,1.2fr) minmax(75px,.8fr) 60px}
 .reference-expert-heading{gap:0;margin-bottom:16px}.reference-expert-heading h2{font-size:25px}.reference-expert-heading .expert-fair-amount{font-size:20px}
 .item-feedback-report .reference-expert-conclusion{margin-bottom:40px!important}
 .item-feedback-report .feedback-group{padding:8px 10px!important}.item-feedback-report .feedback-group>summary{font-size:18px!important}
 .item-feedback-report .item-feedback-body{grid-template-columns:minmax(0,1fr);gap:22px;padding:12px 6px;font-size:15px}
 .item-feedback-report .item-feedback-card>summary{font-size:16px!important}
 .feedback-group-scroll{max-height:65svh}
 .reference-plan-start{grid-template-columns:100px minmax(0,1fr);gap:14px;margin:40px 0!important}.reference-plan-start .reference-manjae{height:170px}
 .reference-plan-start h2{font-size:18px!important}.reference-plan-start p{font-size:13px}.reference-plan-start .btn{padding:10px!important;font-size:13px}
 .consult-reference-page .mascot-card{max-width:350px;margin:auto}
}

/* White, open review reading and discussion. */
body:has(.review-list-page),body:has(.review-detail-page){background:#fff!important}
.review-list-page,.review-detail-page{background:#fff!important;color:#24272b!important}
.review-list-page .page-title,.review-detail-page .page-title,.review-detail-page>article.panel{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.review-detail-page .page-title{padding-bottom:25px!important;border-bottom:1px solid #e1e4e6!important}
.review-detail-page .post-body{font-size:17px;line-height:1.9;overflow-wrap:anywhere}
.review-detail-page h1,.review-list-page h1{color:#24272b!important;background:none!important}
.review-comments{margin-top:48px;padding-top:26px;border-top:1px solid #d8dce0}
.review-comments h2{color:#24272b!important;font-size:22px}
.review-comment{padding:20px 0;border-bottom:1px solid #e5e7e9;background:none!important;box-shadow:none!important;border-radius:0!important}
.review-comment-meta{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.review-comment-meta time{color:#646b73;font-size:12px}
.review-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.review-empathy[aria-pressed=true]{background:#24272b!important;color:#fff!important;border-color:#24272b!important}
.review-comments form{margin-top:28px;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.review-comments label{display:block;font-weight:700;margin-bottom:10px}.review-comments textarea{width:100%;min-height:110px;background:#fff!important;color:#24272b!important;border:1px solid #9ca4ac!important;border-radius:6px;padding:14px;resize:vertical}
.review-comments small{display:block;margin:8px 0 14px;color:#646b73}.review-comment-empty{color:#646b73}

/* White guide page surfaces. */
body:has(.guide-white-page),.guide-white-page,.guide-white-page .page-title,.guide-white-page .panel,.guide-white-page .record{background:#fff!important}

/* White backgrounds throughout Inbom stories and article detail pages. */
body:has(.story-list-page),body:has(.story-detail-page),
.story-list-page,.story-detail-page,
.story-list-page .page-title,.story-detail-page .page-title,
.story-list-page .panel,.story-detail-page .panel,
.story-list-page .story-card,.story-list-page .story-content,
.story-list-page .story-visual,.story-list-page .paper{background:#fff!important}

/* Review banner mirrors the home community card; rows stay white. */
.review-list-page .review-text-board,.review-list-page .review-board-labels,.review-list-page .review-board-row,.review-list-page .review-board-row:hover,.review-list-page .review-board-row .tag{background:#fff!important}
.review-list-page .review-board-row{border-bottom:1px solid #e2e5e8!important}
.review-list-page .review-green-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(ellipse at 8% 0%,#3A3D57 0%,transparent 65%),linear-gradient(145deg,#2B2D42,#2B2D42)!important;border:1px solid #4A4D66;border-radius:20px;padding:32px 42px;margin-bottom:30px;overflow:hidden;box-shadow:0 14px 32px #101c1930}
.review-list-page .review-green-hero h1,.review-list-page .review-green-hero p,.review-list-page .review-hero-label{color:#F3F4F6!important;background:none!important}
.review-green-hero h1{margin:14px 0;font-size:38px}.review-green-hero p{line-height:1.8;margin:0}.review-hero-label{font-size:13px}
.review-green-hero img{width:300px;height:240px;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.review-list-page .review-green-hero{padding:24px;gap:10px;flex-direction:column;align-items:flex-start}.review-green-hero h1{font-size:30px}.review-green-hero p{font-size:14px}.review-green-hero img{width:100%;height:200px;align-self:center}}

.story-list-page .story-green-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(ellipse at 8% 0%,#3A3D57 0%,transparent 65%),linear-gradient(145deg,#2B2D42,#2B2D42)!important;border:1px solid #4A4D66;border-radius:20px;padding:30px 42px;margin-bottom:30px;overflow:hidden;box-shadow:0 14px 32px #101c1930}
.story-green-hero h1,.story-green-hero p,.story-hero-label{color:#F3F4F6!important;background:none!important}
.story-green-hero h1{font-size:36px;line-height:1.4;margin:14px 0}.story-green-hero p{margin:0;line-height:1.8}.story-hero-label{font-size:13px}
.story-green-hero img{width:210px;height:230px;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.story-list-page .story-green-hero{padding:24px;gap:12px;flex-direction:column;align-items:flex-start}.story-green-hero h1{font-size:27px}.story-green-hero p{font-size:14px}.story-green-hero img{width:155px;height:185px;align-self:center}}

/* White login surfaces, scoped to sign-in only. */
body:has(.login-white-page),body:has(.login-white-page)>header,body:has(.login-white-page)>footer,
.login-white-page,.login-white-page .auth,.login-white-page .panel,.login-white-page form,
.login-white-page .field,.login-white-page input,.login-white-page .auth-footer{background:#fff!important}
.login-white-page .panel,.login-white-page .field,.login-white-page input{border-color:#d5dadf!important}

/* Separate white estimate and construction record pages. */
body:has(.record-list-page),.record-list-page,.record-list-page .panel,.record-list-page .record,.record-list-page .tag,.record-list-page .record-published-opinion,.record-list-page .expert-sent-amount{background:#fff!important}
.record-list-page .hub-section-head h1{font-size:27px;margin:0;color:#24272b!important}
.record-list-page .hub-project-card{border:1px solid #d3d9dd!important}
.record-page-nav{display:flex;gap:0;border-bottom:1px solid #d3d9dd;margin:20px 0 16px}
.record-page-nav a{padding:15px 20px;background:#fff;color:#535b62;border-bottom:3px solid transparent;font-weight:700}
.record-page-nav a[aria-current=page]{color:#2B2D42;border-bottom-color:#2B2D42}
.record-page-nav a:focus-visible{outline:2px solid #2B2D42;outline-offset:-2px}
.record-page-description{color:#535b62;margin-bottom:24px}
.record-list-page .record-notice-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(ellipse at 8% 0%,#3A3D57 0%,transparent 65%),linear-gradient(145deg,#2B2D42,#2B2D42)!important;border:1px solid #4A4D66;border-radius:20px;padding:28px 34px;margin-bottom:30px;overflow:hidden}
.record-notice-hero>div{flex:1;min-width:0}.record-notice-hero>img{width:200px;height:220px;object-fit:contain;flex-shrink:0}
.record-list-page .record-notice-hero .amount-notices{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.record-list-page .record-notice-hero h2,.record-list-page .record-notice-hero p{color:#F3F4F6!important}
.record-list-page .record-notice-hero .amount-notice{background:#ffffff0d!important;border-color:#ffffff40!important;color:#F3F4F6!important}
.record-list-page .record-notice-hero .amount-notice h3{color:#F3F4F6!important}
.record-list-page .record-notice-hero .tag{background:transparent!important;color:#F3F4F6!important;border-color:#ffffff50!important}
@media(max-width:760px){.record-page-nav a{flex:1;text-align:center;padding:12px 6px;font-size:13px}.record-list-page .hub-section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.record-list-page .hub-section-head h1{font-size:23px}.record-list-page .record-notice-hero{padding:24px;flex-direction:column;gap:12px;align-items:flex-start}.record-notice-hero>img{align-self:center;width:155px;height:180px}}

/* Consistent white administration workspace and review screens. */
body.admin-white-design{background:#fff!important;--cream:#fff;--mint:#fff;--line:#d8dfe3;--muted:#5b6570}
body.admin-white-design #app .page{max-width:1440px;width:calc(100% - 48px);background:#fff!important}
body.admin-white-design #app .page-title{background:#fff!important;border:0!important;border-bottom:1px solid #d8dfe3!important;border-radius:0!important;padding:0 0 24px!important;margin-bottom:28px;box-shadow:none!important}
body.admin-white-design #app .page-title h1{font-size:30px;margin:12px 0}
body.admin-white-design #app h1,body.admin-white-design #app h2,body.admin-white-design #app h3,body.admin-white-design #app h4{color:#242d32}
body.admin-white-design .admin-layout{grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
body.admin-white-design #app .page .admin-nav{background:#fff!important;border:1px solid #d8dfe3!important;padding:10px;border-radius:10px;position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto}
body.admin-white-design #app .page .admin-nav>a{background:#fff!important;color:#303d44!important;border:1px solid transparent!important;font-size:14px;line-height:1.6;padding:12px 14px;margin-bottom:4px}
body.admin-white-design #app .page .admin-nav>a.active{background:#2B2D42!important;border-color:#2B2D42!important;color:#fff!important;font-weight:700}
body.admin-white-design #app .page .admin-nav>a:not(.active):hover{background:#f2f5f4!important;border-color:#d8dfe3!important}
body.admin-white-design .admin-content{min-width:0}
body.admin-white-design #app :is(.panel,.card,.record,.stat,.hint,.field,.tag,.page-title,.table-scroll,.check,.tabs,.auth-tabs,.hub-chat-log,.hub-message,.review-consumer-group,.review-job-card,.review-queue-tools,.admin-plan-card,details,summary){background:#fff!important;border-color:#d8dfe3!important;box-shadow:none!important}
body.admin-white-design #app :is(input,select,textarea){background:#fff!important;color:#26343a!important;border-color:#aebbc3!important}
body.admin-white-design #app .panel{padding:24px}
body.admin-white-design #app :is(th,td){background:#fff!important;border-color:#e0e5e8!important;padding:14px 16px;vertical-align:top;line-height:1.6}
body.admin-white-design #app th{color:#344750!important;font-size:13px;font-weight:700;border-bottom:2px solid #b8c6cd!important}
body.admin-white-design #app td small{display:block;margin-top:4px;color:#66727b}
body.admin-white-design #app .table-scroll{border:1px solid #d8dfe3;border-radius:8px;overflow-x:auto;max-width:100%}
body.admin-white-design #app .btn{color:#fff!important;background:#2B2D42!important;border-color:#2B2D42!important}
body.admin-white-design #app .btn.soft,body.admin-white-design #app .btn.ghost{background:#fff!important;color:#2B2D42!important;border-color:#9AA0B4!important}
body.admin-white-design #app .btn.danger{background:#fff!important;color:#a83a32!important;border-color:#d99892!important}
body.admin-white-design #app .stats{gap:14px}
body.admin-white-design #app .stat{border:1px solid #d8dfe3!important;padding:20px}
body.admin-white-design #app .stat strong{color:#2B2D42;font-size:30px}
body.admin-white-design #app .field{padding:12px;line-height:1.7}
body.admin-white-design #app .hint{border:1px solid #d8dfe3!important;color:#53626b!important;line-height:1.8}
body.admin-white-design #app .hint.warn{border-left:3px solid #bd8538!important}
body.admin-white-design #app .section-head{gap:16px;flex-wrap:wrap}
@media(max-width:900px){body.admin-white-design .admin-layout{grid-template-columns:minmax(0,1fr)}body.admin-white-design #app .page .admin-nav{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:6px}body.admin-white-design #app .page .admin-nav>a{margin:0;padding:10px 12px}body.admin-white-design #app .page{width:calc(100% - 28px)}body.admin-white-design #app .panel{padding:18px}body.admin-white-design #app .page-title h1{font-size:26px}}

body.admin-white-design #app :is(.review-read-status,tr.is-unread){background:#fff!important;border-color:#d8dfe3!important}
body.admin-white-design #app .review-read-status.unread{color:#a54832!important;border:1px solid #cfaa9e!important}

body.admin-white-design #app :is(.admin-chat-customer,.quote-scorecards>div,.knowledge-path){background:#fff!important;border-color:#d8dfe3!important}
body.admin-white-design #app .admin-chat-customer.active{border:2px solid #2B2D42!important;box-shadow:inset 4px 0 #2B2D42!important}

body.admin-white-design #app .admin-chat-layout p{background:#fff!important}

/* Reference administration: profile sidebar and spacious statistics. */
body.admin-white-design .admin-workspace-top{display:flex;justify-content:space-between;padding:10px 0 24px;margin-bottom:25px;border-bottom:1px solid #e4e9eb;color:#667178;font-size:13px}
body.admin-white-design #app .admin-layout{grid-template-columns:210px minmax(0,1fr);gap:55px}
body.admin-white-design #app .page .admin-nav{border:0!important;border-right:1px solid #e7ebed!important;border-radius:0;padding:0 20px 15px 0;top:105px}
.admin-profile{display:flex;align-items:center;gap:14px;padding-bottom:26px;margin-bottom:20px;border-bottom:1px solid #e7ebed}.admin-profile img{width:56px;height:65px;object-fit:contain}.admin-profile small{display:block;color:#5B6B8C}.admin-profile strong{display:block;font-size:17px;margin-top:6px}
body.admin-white-design #app .page .admin-nav>a{padding:14px 10px;border:0!important;font-size:15px}
body.admin-white-design #app .page .admin-nav>a.active{background:#fff!important;color:#2B2D42!important;border:0!important}
.reference-stat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}.reference-stat-head h1{font-size:27px;margin:0}.reference-stat-head label{display:flex;align-items:center;gap:10px;font-size:13px}.reference-stat-head select{width:125px}
.reference-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0}.reference-metric{display:flex;align-items:center;gap:15px;min-width:0}.reference-metric-icon{width:62px;height:66px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.reference-metric-icon svg{width:31px;height:34px}.reference-metric>div>span{font-size:15px;font-weight:600}.reference-metric strong{display:block;font-size:27px;line-height:1.5}.reference-metric strong small{font-size:20px;color:inherit}
.reference-statistics .blue{color:#4aabed}.reference-statistics .orange{color:#f88c46}.reference-statistics .lime{color:#70bc13}.reference-statistics .purple{color:#9b52df}.reference-metric-icon.blue{background:#e9f6ff}.reference-metric-icon.orange{background:#fff0e6}.reference-metric-icon.lime{background:#f0f9e5}.reference-metric-icon.purple{background:#f3eafa}
.reference-definition{font-size:12px;color:#69777f;line-height:1.8}.reference-stat-section{margin-top:48px}.reference-stat-section h2{font-size:23px;margin:0 0 25px}.reference-stat-section h3{font-size:17px;margin:20px 0}.visitor-metrics{grid-template-columns:repeat(2,minmax(0,260px));gap:30px}
.reference-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.reference-chart-grid>div,.reference-chart-grid>section{min-width:0}
.reference-empty{padding:35px 10px;color:#738089;border-bottom:1px solid #e4e9eb}
@media(max-width:1200px){.reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-chart-grid{gap:24px}body.admin-white-design #app .admin-layout{gap:28px}}
@media(max-width:900px){body.admin-white-design #app .admin-layout{grid-template-columns:minmax(0,1fr)}.admin-profile{width:100%;padding:0 8px 15px;margin:0}body.admin-white-design #app .page .admin-nav{border:0!important;border-bottom:1px solid #e7ebed!important;padding:8px}.reference-chart-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:500px){.reference-metrics{gap:22px 12px}.reference-metric{gap:8px}.reference-metric-icon{width:42px;height:48px}.reference-metric-icon svg{width:25px}.reference-metric>div>span{font-size:12px}.reference-metric strong{font-size:23px}.reference-metric strong small{font-size:15px}.reference-stat-head{align-items:flex-start;flex-wrap:wrap}.reference-stat-head h1{font-size:24px}.reference-stat-section{margin-top:35px}}


.review-inbox-page-head h2{margin:0 0 10px}.review-inbox-page-head p{font-size:13px;color:#66747b;line-height:1.8;margin-bottom:22px}
.review-inbox .review-inbox-summary{display:flex;align-items:center;justify-content:flex-start;gap:24px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid #d8dfe3}
.review-inbox-tabs{display:flex;gap:8px;flex-wrap:wrap}.review-inbox-tabs a{display:flex;align-items:center;gap:9px;padding:11px 16px;background:#fff;color:#48575f;border:1px solid #b8c7ce;border-radius:7px;font-size:14px}
.review-inbox-tabs a[aria-current=page]{background:#2B2D42;color:#fff;border-color:#2B2D42;font-weight:700}.review-inbox-tabs span{font-weight:700;color:inherit}
@media(max-width:760px){.review-inbox .review-inbox-summary{gap:12px}.review-inbox-tabs{width:100%}.review-inbox-tabs a{flex:1;justify-content:center;padding:10px 8px;font-size:12px}}

/* October 5 seven-screen process workspace reference. */
#app .pd-page .pd-phase.is-current .pd-subsection .btn{background:#2B2D42!important;border-color:#2B2D42!important;color:#fff!important}
#app .pd-page .pd-phase.is-current>summary{box-shadow:none!important;border-radius:0!important}
body:has(.pd-page){background:#fff!important}
#app .pd-page{background:#fff!important;color:#2c2d42;max-width:1160px}
#app .pd-page :is(h1,h2,h3,h4,h5,summary){color:#2c2d42}
#app .pd-page .pd-workspace-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:2px solid #bcbec9;padding:0 0 12px;margin-bottom:22px}
#app .pd-page .pd-estimate-assistant{display:flex;align-items:center;gap:14px;background:transparent;border:0;padding:0;margin:0}
#app .pd-page .pd-estimate-assistant img{width:54px;height:76px;object-fit:contain}
#app .pd-page .pd-estimate-assistant p{font-size:14px;line-height:1.7;margin:0}#app .pd-page .pd-estimate-assistant small{display:block;font-size:12px;color:#717383}
#app .pd-page .pd-workspace-tools>label{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;margin:0}#app .pd-page .pd-workspace-tools select{width:220px;min-height:34px;padding:4px 8px}
#app .pd-page :is(.pd-estimate,.pd-sequence,.pd-current,.pd-intake-form,.pd-folder,.pd-photo-guide){background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#app .pd-page .pd-estimate{padding:0!important}#app .pd-page .pd-estimate>summary{font-size:14px;justify-content:flex-end;padding:8px 0}#app .pd-page .pd-estimate-content{padding:0}
#app .pd-page .pd-intake-form{padding:0!important;margin:0 0 30px}#app .pd-page .pd-intake-form h3{font-size:30px;margin:10px 0 22px;font-weight:800}
#app .pd-page .pd-intake-form>.field{margin:26px 0 34px!important}#app .pd-page .field{background:#fff!important;border:0!important;padding:0!important;box-shadow:none!important;font-size:18px;font-weight:700;line-height:1.5}
#app .pd-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff!important;color:#2c2d42!important;border:2px solid #9AA0B4!important;border-radius:7px!important;font:inherit;font-size:15px;min-height:38px;padding:8px 12px}
#app .pd-page .field small{display:block;font-size:11px;font-weight:400;color:#727685;margin-top:9px;line-height:1.7}
#app .pd-page input[type=file]{font-size:12px;padding:5px 10px}#app .pd-page input[type=file]::file-selector-button{background:#2B2D42;color:#fff;padding:5px 9px;border-radius:3px;font-weight:700}
#app .pd-page :is(.btn,button.btn){background:#2B2D42!important;border-color:#2B2D42!important;color:#fff!important;border-radius:5px!important;min-height:35px;padding:8px 15px}
#app .pd-page .check{background:transparent!important;border:0!important;padding:5px 0!important;font-size:12px;line-height:1.8;color:#727685}
#app .pd-page .pd-sequence{padding:0!important;margin-top:40px}#app .pd-page .pd-sequence>summary{font-size:27px;padding:10px 0;font-weight:800}
#app .pd-page .pd-progress{display:flex;align-items:center;gap:18px;background:transparent;border:0;padding:16px 0}#app .pd-page .pd-progress strong{font-size:30px}#app .pd-page .pd-progress span{font-size:13px;color:#737582}
#app .pd-page .pd-sequence>progress{width:100%;height:8px;accent-color:#2c2d42}
#app .pd-page .pd-phase{border:3px solid #2c2d42!important;border-radius:0!important;margin:16px 0;background:#fff!important;box-shadow:none!important}
#app .pd-page .pd-phase>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px!important;background:#fff!important;color:#2c2d42!important;font-size:18px;font-weight:700;list-style:none}
#app .pd-page .pd-phase>summary::-webkit-details-marker{display:none}#app .pd-page .pd-phase>summary::before{content:none!important}#app .pd-page .pd-phase>summary>span:first-child::before{content:'+ ';margin-right:6px}#app .pd-page .pd-phase[open]>summary>span:first-child::before{content:'− '}
#app .pd-page .pd-stage-state{font-size:12px;white-space:nowrap}
#app .pd-page .pd-phase.is-completed{border-color:#999aa7!important}#app .pd-page .pd-phase.is-completed>summary{background:#d4d4d6!important;color:#60616d!important}
#app .pd-page .pd-phase.is-current,#app .pd-page .pd-phase.is-current>summary,#app .pd-page .pd-phase.is-current>.pd-phase-body{background:#2c2d42!important;border-color:#202132!important;color:#f3f4f7!important}
#app .pd-page .pd-phase.is-current>summary *,#app .pd-page .pd-phase.is-current>.pd-phase-body>.meta,#app .pd-page .pd-phase.is-current>.pd-phase-body>.pd-complete *{color:#f3f4f7!important}
#app .pd-page .pd-phase-body{padding:20px!important}
#app .pd-page .pd-phase .pd-subsection{border:2px solid #dce0e7!important;border-radius:0!important;background:#fff!important;margin:12px 0;padding:16px!important}
#app .pd-page .pd-phase .pd-subsection *{color:#2c2d42!important}
#app .pd-page .pd-phase .pd-subsection>summary{font-size:20px;padding:2px 0;font-weight:700}
#app .pd-page .pd-phase.is-current .pd-subsection:not([open]){background:transparent!important}#app .pd-page .pd-phase.is-current .pd-subsection:not([open])>summary{color:#f3f4f7!important}
#app .pd-page .pd-caution{background:#fff!important;border:3px solid #545568!important;border-radius:14px!important;padding:18px;margin:14px 0;box-shadow:none!important}
#app .pd-page .pd-caution h5{font-size:20px;margin:14px 0}#app .pd-page .pd-caution p{font-size:15px;line-height:1.8}#app .pd-page .pd-caution summary{font-size:14px}
#app .pd-page .pd-phase .tag{background:#2B2D42!important;color:#fff!important;border:0!important;border-radius:3px!important;padding:5px 8px}
#app .pd-page .pd-phase .pd-subsection .btn{color:#fff!important}#app .pd-page .pd-folder{padding:0!important}#app .pd-page .pd-photo-guide{padding:0 0 18px!important;margin-bottom:24px;border-bottom:3px solid #898989!important}
#app .pd-page .pd-photo-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app .pd-page .pd-photo-guide-list article{background:#fff!important;border:3px solid #2c2d42!important;border-radius:0!important;padding:16px}
#app .pd-page .pd-photo-guide-list dl>div{display:block;margin-top:16px}#app .pd-page .pd-photo-guide-list dt{font-weight:800;margin-bottom:4px}#app .pd-page .pd-photo-guide-list dd{margin:0;line-height:1.8}
#app .pd-page .pd-photo-guide-note{background:transparent!important;border:0!important;padding:12px 0 0;line-height:1.8}
#app .pd-page .pd-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}#app .pd-page .pd-gallery figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px 28px;background:#fff!important;border:0!important;border-radius:0!important;padding:0;margin:0}
#app .pd-page .pd-gallery .pd-photo-view{grid-row:span 2;border:0!important;background:#fff!important}#app .pd-page .pd-gallery img{width:100%;height:310px;object-fit:contain;background:#fff!important}#app .pd-page .pd-gallery figcaption{padding:0}
#app .pd-page :is(.photo-info-box,.photo-note-box){background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;margin-bottom:16px}#app .pd-page .photo-info-box{display:flex;flex-direction:column;gap:6px}#app .pd-page .photo-note-box textarea{min-height:130px;width:100%}
#app .pd-page .pd-gallery [data-plan-delete]{justify-self:end;align-self:end}#app .pd-page .pd-photo-send{background:#fff!important;border:0!important;border-top:3px solid #898989!important;padding:14px 0!important;margin-top:22px}
#app .pd-page .pd-review-results{border:3px solid #545568!important;border-radius:14px!important;padding:20px!important;background:#fff!important}
#app .pd-page .pd-phase.is-current .pd-phase-body>.plan-approval,#app .pd-page .pd-phase.is-current .pd-approval{color:#f3f4f7!important}
@media(max-width:760px){#app .pd-page .pd-workspace-tools{flex-direction:column;align-items:stretch}#app .pd-page .pd-workspace-tools>label{justify-content:flex-end}#app .pd-page .pd-intake-form h3{font-size:25px}#app .pd-page .pd-photo-guide-list,#app .pd-page .pd-gallery figure{grid-template-columns:minmax(0,1fr)}#app .pd-page .pd-phase>summary{font-size:16px;padding:14px 10px!important}#app .pd-page .pd-phase-body{padding:10px!important}#app .pd-page .pd-phase .pd-subsection{padding:12px!important}#app .pd-page .pd-phase .pd-subsection>summary{font-size:17px}#app .pd-page .pd-gallery .pd-photo-view{grid-row:auto}#app .pd-page .pd-caution{padding:14px}#app .pd-page .pd-caution h5{font-size:18px}}

/* Consistent process caution heading colors. */
body:has(.analysis-upload-page),body:has(.analysis-upload-page)>header,body:has(.analysis-upload-page)>footer,
#app .analysis-upload-page,#app .analysis-upload-page :is(.panel,.field,.check,.hint,.record,.quote-consent-box,.analysis-history,.analysis-history-labels,input,textarea){background:#fff!important}
body #app .pd-page .pd-phase.is-current .pd-subsection:not([open])>summary,
body #app .pd-page .pd-phase.is-current .pd-phase-body>.pd-complete{background:transparent!important;color:#f3f4f7!important}
body #app .pd-page .pd-phase.is-current .pd-subsection:not([open])>summary *,
body #app .pd-page .pd-phase.is-current .pd-phase-body>.pd-complete :not(input){background:transparent!important;color:#f3f4f7!important}
body #app .pd-page .pd-phase .pd-subsection[open]>summary{background:#fff!important;color:#2c2d42!important}
#app .pd-page .pd-phase .pd-subsection .pd-caution .pd-caution-reason{color:#2B2D42!important}
#app .pd-page .pd-phase .pd-subsection .pd-caution .pd-caution-question{color:#b45309!important}
#app .pd-page .pd-phase .pd-subsection .pd-caution .pd-caution-deadline{color:#c62828!important}

/* White registration surfaces; preserve the selected role indicator. */
body:has(.services-white-page),body:has(.services-white-page)>header,body:has(.services-white-page)>footer,.services-white-page{background:#fff!important}
#app .services-white-page .service-feature-card:before{display:none!important}
#app .services-white-page .service-feature-card .service-feature-icon{content:normal!important;width:240px;height:240px;object-fit:contain;align-self:center;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#app .services-white-page .service-feature-card{padding:30px;gap:16px;border-color:#d5ded9!important}
@media(max-width:650px){#app .services-white-page .service-feature-card .service-feature-icon{width:200px;height:200px}#app .services-white-page .service-feature-card{padding:24px}}
.social-auth{margin-top:28px}.social-auth-divider{display:flex;align-items:center;gap:12px;color:#69716e;font-size:13px;margin-bottom:18px}.social-auth-divider:before,.social-auth-divider:after{content:'';height:1px;background:#e2e7e4;flex:1}
#app .social-auth .social-login{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:50px;padding:12px 40px;margin:10px 0;border:0;border-radius:7px;font-size:15px;font-weight:700;cursor:pointer}
#app .social-auth .social-naver{background:#03c75a!important;color:#fff!important}#app .social-auth .social-kakao{background:#fee500!important;color:#191919!important}
.social-login b,.social-login svg{position:absolute;left:18px;width:22px;height:22px;font-size:23px;line-height:22px;fill:currentColor}.social-login:focus-visible{outline:3px solid #2B2D42;outline-offset:3px}.social-login:disabled{opacity:.65;cursor:wait}.social-auth-note{font-size:12px;color:#626d68;line-height:1.7;text-align:center}.social-auth-error{font-size:13px;line-height:1.7;color:#ae302b}
.register-white-page .check,.register-white-page .hint,.register-white-page .auth-tabs,.register-white-page .auth-tabs button:not(.active){background:#fff!important}
/* Project plan records: compact two-column construction history. */
body:has(.plan-record-page){background:#fff!important}
body #app .plan-record-page{max-width:760px;background:#fff!important;color:#2c2d42;padding:24px 24px 48px}
body #app .plan-record-page :is(h2,h3,p,summary){color:#2c2d42}
body #app .plan-record-page h2{font-size:21px;margin:18px 0 8px}
body #app .plan-record-page .record-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
body #app .plan-record-page .record-tabs .btn{min-width:0;padding:6px 4px;min-height:32px;border:2px solid #2c2d42!important;border-radius:4px;background:#fff!important;color:#2c2d42!important;font-size:14px;line-height:1.3}
body #app .plan-record-page .record-tabs [aria-current=page]{background:#2c2d42!important;color:#fff!important}
body #app .plan-record-page .record-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;gap:18px;border-radius:10px;background:#2c2d42!important;color:#fff!important;margin-bottom:22px}
body #app .plan-record-page .record-metrics :is(span,strong,small){color:#fff!important}
body #app .plan-record-page .record-metrics strong{font-size:17px}
body #app .plan-record-page .record-metrics small{font-size:11px;margin:0}
body #app .plan-record-page .record-plan-card{border:2px solid #2c2d42!important;border-radius:4px;background:#fff!important;box-shadow:none;padding:12px;margin:8px 0 14px}
body #app .plan-record-page .record-plan-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
body #app .plan-record-page .record-plan-heading h3{font-size:24px;margin:0;overflow-wrap:anywhere;flex:1 1 220px}
body #app .plan-record-page .record-plan-heading .btn{background:#2B2D42!important;color:#fff!important;border:0!important;border-radius:3px;padding:7px 10px;font-size:13px}
body #app .plan-record-page .hub-plan-content{padding:0}
body #app .plan-record-page .hub-progress-label{font-weight:700;font-size:21px}
body #app .plan-record-page .hub-progress-label strong{font-size:17px}
body #app .plan-record-page progress{display:block;height:4px;border:0;border-radius:0;margin:4px 0;accent-color:#4A4D66;background:#bfc1cc}
body #app .plan-record-page progress::-webkit-progress-bar{background:#bfc1cc}
body #app .plan-record-page progress::-webkit-progress-value{background:#4A4D66}
body #app .plan-record-page .record-plan-date{text-align:right;font-size:11px;margin:0 0 6px}
body #app .plan-record-page .hub-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:28px}
body #app .plan-record-page .hub-phases>:is(div,a){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:9px;border:2px solid #2c2d42!important;border-radius:4px;background:#fff!important;color:#2c2d42!important;font-weight:700;font-size:20px;line-height:1.3}
body #app .plan-record-page .hub-phases small{font-size:11px;white-space:nowrap;color:inherit!important}
body #app .plan-record-page .hub-phases>:is(div,a).done{border-color:#888!important;color:#888!important}
body #app .plan-record-page .hub-phases>:is(div,a).current{background:#2c2d42!important;color:#fff!important}
body #app .plan-record-page .hub-phases>:is(div,a).current span{color:#fff!important}
body #app .plan-record-page .hub-description-box{border:0!important;border-radius:4px;padding:0;margin:16px 4px 6px;background:#fff!important;box-shadow:none;overflow:hidden}
body #app .plan-record-page .hub-description-box>summary{padding:13px 11px;background:#2c2d42!important;color:#fff!important;font-size:15px;cursor:pointer}
body #app .plan-record-page .hub-description-box[open]>:not(summary){margin-left:10px;margin-right:10px}
body #app .plan-record-page #hub-results>p{font-size:13px;line-height:1.6;margin:6px 0}
body #app .plan-record-page #hub-results .panel{border:2px solid #2c2d42!important;border-radius:4px;background:#fff!important;padding:18px;box-shadow:none;margin:8px 0}
body #app .plan-record-page #hub-results .panel>p{font-size:13px;margin:0}
body #app .plan-record-page .hub-section-head .tag{background:transparent!important;color:#2c2d42!important;font-size:13px;padding:0}
body #app .plan-record-page .record-plan-amount{margin:16px 0 0;padding-bottom:12px;border-bottom:1px solid #888}
body #app .plan-record-page .record-plan-amount>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
body #app .plan-record-page .record-plan-amount h2{margin:0}
body #app .plan-record-page .record-plan-amount strong{font-size:22px}
body #app .plan-record-page .record-plan-approvals{border:0!important;border-radius:0;background:#fff!important;box-shadow:none;padding:8px 0;margin:0 0 24px}
body #app .plan-record-page .record-plan-approvals>summary{background:#fff!important;color:#2c2d42!important;font-size:15px;font-weight:700}
@media(max-width:560px){
body #app .plan-record-page{padding:16px 12px 32px}
body #app .plan-record-page .record-tabs .btn{font-size:12px}
body #app .plan-record-page .record-metrics{gap:8px;padding:12px}
body #app .plan-record-page .record-metrics strong{font-size:14px}
body #app .plan-record-page .record-metrics span{font-size:11px}
body #app .plan-record-page .hub-phases>:is(div,a){font-size:15px;flex-wrap:wrap;padding:8px;gap:4px}
body #app .plan-record-page .hub-phases small{font-size:10px}
body #app .plan-record-page .record-plan-heading h3{font-size:20px}
body #app .plan-record-page .record-plan-amount strong{font-size:17px}
}

body #app .plan-record-page{max-width:1440px!important;width:calc(100% - 40px)!important;padding-left:20px!important;padding-right:20px!important}
body #app .plan-record-page .hub-phases>a{text-decoration:none;transition:box-shadow .15s}
body #app .plan-record-page .hub-phases>a:hover{box-shadow:0 0 0 2px #4A4D66}
body #app .plan-record-page a:focus-visible{outline:3px solid #458baf;outline-offset:3px}
body #app .plan-record-page .record-phase-help{font-size:13px;margin:0 0 16px}
body #app .plan-record-page .record-photo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
body #app .plan-record-page .record-photo-tabs .btn{border:1px solid #2c2d42!important;background:#fff!important;color:#2c2d42!important;border-radius:4px}
body #app .plan-record-page .record-photo-tabs [aria-current=page]{background:#2c2d42!important;color:#fff!important}
body #app .record-photo-page h1{font-size:30px;margin:18px 0 8px}
body #app .record-photo-page .record-photo-back{color:#2c2d42;text-decoration:underline}
body #app .record-photo-page .record-photo-phases{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:20px 0 30px}
body #app .record-photo-page .record-photo-phases a{padding:12px 8px;border:1px solid #2c2d42;border-radius:4px;color:#2c2d42;background:#fff;text-decoration:none;font-weight:700;font-size:15px}
body #app .record-photo-page .record-photo-phases small{display:block;font-size:11px;font-weight:400;margin-top:6px}
body #app .record-photo-page .record-photo-phases [aria-current=page]{background:#2c2d42;color:#fff}
body #app .record-photo-page .record-photo-group{padding:12px 0 28px;border-bottom:1px solid #c3c6cc;margin:0 0 20px}
body #app .record-photo-page .record-photo-empty{padding:24px;background:#fff;border:1px solid #c3c6cc;border-radius:4px}
body #app .record-photo-page .hub-photo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important;margin:18px 0}
body #app .record-photo-page .hub-photo-grid figure,body #app .record-photo-page :is(.photo-info-box,.photo-note-box){background:#fff!important;border-color:#c3c6cc!important}
body #app .record-photo-page .hub-photo-button{background:#f5f6f7!important;border-color:#c3c6cc!important}
body #app .record-photo-page .hub-photo-button img{height:280px!important;background:#f5f6f7!important}
body #app .record-photo-page .hub-photo-large img{height:auto!important;max-height:80vh}
@media(max-width:1000px){body #app .record-photo-page .record-photo-phases{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){body #app .plan-record-page{width:100%!important;padding-left:12px!important;padding-right:12px!important}body #app .record-photo-page .record-photo-phases{grid-template-columns:repeat(2,minmax(0,1fr))}}
body #app .inbom-noquote-cta{margin-top:14px!important;background:rgba(255,255,255,.12)!important}
body:has(.budget-consult-page){background:#fff!important}
body #app .budget-consult-page{max-width:900px;background:#fff!important}
body #app .budget-consult-page :is(.panel,.page-title,.field,input,textarea){background:#fff!important;color:#2c2d42!important}
body #app .budget-consult-page .page-title{margin-top:20px}
body #app .budget-consult-page h1{font-size:clamp(25px,3vw,36px)}
body #app .budget-consult-page .field{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
body #app .budget-consult-page :is(input,textarea){width:100%;font-size:16px}
body #app .budget-consult-page button[type=submit]{width:100%;margin-top:12px}
body #app .inbom-hero-copy .inbom-hero-cta{box-sizing:border-box;width:100%;max-width:720px;min-height:78px;padding:23px 32px;font-size:19px;line-height:1.5;white-space:nowrap;gap:26px}
body #app .inbom-hero-copy .inbom-hero-cta span{flex-shrink:0;font-size:26px;line-height:1}
@media(max-width:760px){body #app .inbom-hero-copy .inbom-hero-cta{min-height:60px;padding:18px 12px;font-size:clamp(10px,3.05vw,16px);gap:6px;letter-spacing:-.04em}body #app .inbom-hero-copy .inbom-hero-cta span{font-size:18px}}
body #app .admin-page-search{background:#fff;border:1px solid #cbd2da;border-radius:8px;padding:18px;margin-bottom:22px}
body #app .admin-page-search label{display:block;font-weight:700;margin-bottom:10px;color:#2c2d42}
body #app .admin-page-search form>div{display:flex;gap:8px;align-items:center}
body #app .admin-page-search input{flex:1;min-width:0;background:#fff!important;color:#222;font-size:16px;margin:0}
body #app .admin-page-search .btn{flex-shrink:0}
body #app .admin-page-search p{margin:9px 0 0;font-size:13px}
body #app .admin-search-hidden{display:none!important}
body #app .admin-search-match{outline:3px solid #519e7a!important;outline-offset:3px}
body #app [data-admin-search-content] label:has([data-admin-consult-search]),body #app [data-admin-search-content] label:has([data-admin-chat-search]){display:none!important}
body #app .admin-page-search [hidden]{display:none!important}
@media(max-width:600px){body #app .admin-page-search form>div{flex-wrap:wrap}body #app .admin-page-search input{flex-basis:100%}body #app .admin-page-search{padding:14px}}
body #app .admin-budget-requests h1{font-size:25px;line-height:1.5}
body #app .admin-budget-requests .budget-request-description{white-space:pre-wrap;min-width:220px;max-width:400px;overflow-wrap:anywhere}
body #app .admin-budget-requests td small{display:block;margin-top:5px}
body #app .admin-page-search label{font-size:18px}
body:has(.consult-record-page),body #app .consult-record-page{background:#fff!important}
body #app .consult-record-page :is(.panel,.record,.field,textarea,input,summary){background:#fff!important;color:#2c2d42!important}
body #app .consult-record-page .panel{border:1px solid #c8d0d5!important;box-shadow:none;margin-bottom:22px;padding:24px}
body #app .consult-record-page h1{font-size:28px}
body #app .consult-record-page h2{font-size:22px}
body #app .consult-record-page .consult-call-notice{padding:16px;border-left:4px solid #2B2D42;color:#2B2D42;line-height:1.8}
body #app .consult-record-page .consult-request-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #d5dadd}
body #app .consult-record-page dt{font-size:14px;color:#5d6972}
body #app .consult-record-page dd{margin:8px 0 0;font-weight:700;overflow-wrap:anywhere}
body #app .consult-record-page .post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
body #app .consult-record-page .consult-feedback-item{border-bottom:1px solid #d5dadd;padding:18px 0}
body #app .consult-record-page [data-consult-feedback-form]{margin-top:26px}
body #app .consult-record-page textarea{width:100%;font-size:16px}
body #app .consult-record-page .consult-attachments>summary{cursor:pointer;font-weight:700}
@media(max-width:600px){body #app .consult-record-page .consult-request-fields{grid-template-columns:1fr}body #app .consult-record-page .panel{padding:18px}}
body #app .service-access-notice{padding:16px 20px;margin-bottom:20px;background:#fff;border:1px solid #2B2D42;border-left:5px solid #2B2D42;color:#2B2D42;font-size:15px;line-height:1.8;border-radius:5px}
body #app [data-service-approve]{margin-top:10px;white-space:nowrap}
body.home-design #app .inbom-ai-hero{background:url('/assets/ppt-theme/home-night-interior.png?v=20261006-153129') center center/cover no-repeat!important}
body.home-design #app .inbom-ai-hero .inbom-hero-glow{display:none!important}
body.home-design #app .inbom-hero-copy{position:relative;isolation:isolate;text-shadow:0 2px 8px rgba(0,0,0,.45)}
body.home-design #app .inbom-hero-cta{background:rgba(25,22,20,.55)!important;border-color:rgba(255,255,255,.75)!important}
body.home-design #app .inbom-hero-cta:hover{background:rgba(25,22,20,.8)!important}

body #app .hub-page [data-record-fold^="quote-"]{background:#fff!important}
body #app .hub-page [data-record-fold^="quote-"] :is(.table-scroll,table,thead,tbody,tr,th,td,.hub-total,.hub-description-box,.hub-description-item,.hub-evidence){background:#fff!important;border-color:#d5dadd!important}

/* Home: everything except the hero is exactly 1400px wide, edge to edge, with no side padding (footer background included). */
body.home-design .nav,body.home-design #app .inbom-home-steps,body.home-design #app .inbom-home-intro,body.home-design #app .premium-home .ph-shell{box-sizing:border-box;width:calc(100% - 64px);max-width:1400px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
@media(max-width:760px){body.home-design .nav,body.home-design #app .inbom-home-steps,body.home-design #app .inbom-home-intro,body.home-design #app .premium-home .ph-shell{width:calc(100% - 28px)}}
/* Footer on every page: background spans the window, its text sits in the same 1400px column. */
body footer.company-footer{width:auto;max-width:none;margin:0}
body footer.company-footer>.wrap{box-sizing:border-box;width:calc(100% - 64px);max-width:1400px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
@media(max-width:760px){body footer.company-footer>.wrap{width:calc(100% - 28px)}}
body footer.company-footer #business{color:inherit!important}

/* ===== 2026-10-07 ===== */
/* Containers are plain rectangles (buttons, badges and form controls keep their shape; the hero is untouched). */
.panel,.card,.record,.page-title,.nav-submenu,.mascot-card,.paper,.table-scroll,.hint,.service-access-notice,.quote-consent-box,.analysis-drop,.auth-tabs,
.ph-customer-heading,.ph-customer-review,.ph-video-section,.quote-story-speech,.ph-manjae-guide,.ph-billboard,.ph-billboard-stage,
.service-card,.story-card,.review-board-row,.review-green-hero,.story-green-hero,.record-notice-hero,
.hub-project-card,.hub-chat,.hub-chat-log,.hub-metrics,.hub-description-box,.hub-description-item,.hub-evidence,.hub-total,.record-plan-card,.expert-opinion-box,
.consumer-chat-project,.pd-floorplans,.pd-caution,.pd-photo-send,.pd-review-results,.pd-phase,.cookie-notice,#modal,.legal-toc,.file-drop{border-radius:0!important}
body #app .panel,body #app .card,body #app .page-title,body #app .record,#app .page form>.field{border-radius:0!important}

/* Loading: keep the footer below the fold while the first page loads. */
#app:has(>.loading){min-height:calc(100vh - 150px)}
#app>.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:calc(100vh - 150px);margin:0;padding:0;font-size:15px;color:#535b62;background:none;border:0}
#app>.loading::before{content:"";width:34px;height:34px;border:3px solid #d3d9dd;border-top-color:#2B2D42;border-radius:50%;animation:inbom-spin .8s linear infinite}
@keyframes inbom-spin{to{transform:rotate(360deg)}}

/* Page changes: thin progress bar while loading, then a short fade. */
body::after{content:"";position:fixed;top:0;left:0;height:3px;width:0;background:#2B2D42;z-index:2000;opacity:0;pointer-events:none}
body.is-routing::after{opacity:1;animation:inbom-route 1.6s cubic-bezier(.1,.7,.3,1) forwards}
@keyframes inbom-route{from{width:0}to{width:85%}}
#app.route-enter{animation:inbom-fade .18s ease-out}
@keyframes inbom-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#app.route-enter,body.is-routing::after,#app>.loading::before{animation:none}}

/* Footer: no sign-up link once logged in. */
.company-footer-links a[hidden]{display:none!important}
.company-footer-links a[hidden]+a{border-left:0!important}

/* Sign-up email verification */
.email-verify-row{display:flex;gap:8px;align-items:center}
#app .email-verify-row input{flex:1 1 auto;width:auto!important;min-width:0}
#app .email-verify-row .btn{flex:none;width:auto!important;margin:0!important;padding:0 16px;min-height:44px;white-space:nowrap}
.email-verify-status{margin:-4px 0 16px;font-size:13px;color:#b42318;min-height:1em}
.email-verify-status.ok{color:#2B2D42}
.email-verify-status:empty{display:none}

/* Terms and privacy */
.legal .legal-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 18px;padding:18px 20px;margin-bottom:28px;background:#f6f7f8;border:1px solid #e3e6e8}
.legal .legal-toc a{font-size:14px;color:#2B2D42;text-decoration:none}
.legal .legal-toc a:hover{text-decoration:underline}
.legal .legal-section{scroll-margin-top:110px;padding:6px 0 10px}
.legal .legal-section h2{font-size:19px;margin:26px 0 10px}
.legal .legal-section p,.legal .legal-section li{font-size:15px;line-height:1.85}
.legal .legal-section ol{padding-left:22px;margin:8px 0}
.legal .analytics-choice{margin-top:14px;padding:18px 20px;border:1px solid #2B2D42;background:#F3F4F7}
.legal .analytics-choice .actions{margin-top:10px}
.legal .legal-section:target,.legal #legal-analytics:target{background:none}

/* Estimate file drop zone */
.analysis-drop .file-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;margin-top:14px;padding:28px 20px;text-align:center;border:2px dashed #9aa8a2;background:#F7F8FA;transition:border-color .15s,background-color .15s;cursor:pointer}
.analysis-drop .file-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:1}
.analysis-drop .file-drop:hover,.analysis-drop .file-drop.is-dragging,.analysis-drop .file-drop:focus-within{border-color:#2B2D42;background:#EEF0F4}
.analysis-drop .file-drop:focus-within{outline:2px solid #2B2D42;outline-offset:2px}
.analysis-drop .file-drop-icon{font-size:30px;line-height:1;color:#2B2D42}
.analysis-drop .file-drop-name{font-size:16px;color:#2B2D42;word-break:break-all}
.analysis-drop .file-drop-meta{font-size:13px;color:#535b62;font-weight:400}
.analysis-drop .file-drop.has-file{border-style:solid;border-color:#2B2D42;background:#EEF0F4}
.analysis-drop .file-drop.is-error{border-color:#b42318;background:#fdf3f2}
.analysis-drop .file-drop.is-error .file-drop-meta{color:#b42318}
.analysis-drop .file-drop-button{pointer-events:none;margin-top:4px}

/* 이용방법: show all of Manjae, head included */
.guide-white-page .mascot-card img{height:230px;object-fit:contain;object-position:center bottom;padding-top:18px;background:transparent}

/* 나의 공사: tabs first, then the section heading */
.record-list-page .record-page-nav{margin:28px 0 24px}
.record-list-page .record-page-nav a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.record-list-page .record-page-nav a span{min-width:22px;padding:1px 7px;font-size:12px;line-height:18px;text-align:center;background:#eceff1;color:#535b62;border-radius:999px}
.record-list-page .record-page-nav a[aria-current=page] span{background:#2B2D42;color:#fff}
.record-list-page .record-tab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.record-list-page .record-tab-head h1{margin:0 0 6px;font-size:24px}
.record-list-page .record-tab-head h1 span{font-size:16px;color:#535b62;font-weight:600;margin-left:6px}
.record-list-page .record-tab-head .record-page-description{margin:0}
@media(max-width:760px){.record-list-page .record-tab-head{flex-direction:column;align-items:stretch}}
/* Home containers: beat the older !important radius rules. */
body.home-design #app .premium-home :is(.ph-customer-heading,.ph-review-list-column,.ph-customer-review,.ph-video-section,.ph-visual,.inbom-quote-story,.ph-manjae-guide,.ph-billboard,.ph-billboard-stage,.quote-story-speech){border-radius:0!important}
body header .nav .nav-submenu{border-radius:0!important}
/* Header on every page: the same 1400px column as the footer, no side padding. */
body header .nav{box-sizing:border-box;width:calc(100% - 64px);max-width:1400px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
@media(max-width:760px){body header .nav{width:calc(100% - 28px)}}
/* Page body on every page: the same 1400px column as the header and footer, no side padding. */
html body #app>.page{box-sizing:border-box;width:calc(100% - 64px);max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
@media(max-width:760px){html body #app>.page{width:calc(100% - 28px)}}
/* Every page: 300px of empty space between the end of the page content and the footer. */
html body #app>.page{display:flow-root;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important}
html body #app>.page>:last-child,html body #app>.page>:last-child>:last-child{margin-bottom:0!important}
html body footer.company-footer{margin-top:304px}
/* Home: the home wrapper already adds 56px below the last section (the banner height varies a few px by slide). */
body.home-design footer.company-footer{margin-top:244px}
/* Header on every page and width: exactly 80px tall including its 1px bottom border. */
html body header .nav{box-sizing:border-box;height:79px!important;min-height:79px;max-height:79px}
/* Top bar and header stay put while scrolling: the notice bar sticks at the top and the header right under it. */
html body>.topline{position:sticky;top:0;z-index:21;box-sizing:border-box;height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body:not(.home-design)>header{top:36px}
/* List pagination (20 per page) */
#app [data-paged-out]{display:none!important}
#app .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:24px 0 8px;grid-column:1/-1}
#app .pager button{min-width:38px;height:38px;padding:0 12px;border:1px solid #d3d9dd;background:#fff;color:#2B2D42;font-size:14px;font-weight:600;cursor:pointer;border-radius:0}
#app .pager button:hover:not(:disabled){border-color:#2B2D42}
#app .pager button[aria-current=page]{background:#2B2D42;border-color:#2B2D42;color:#fff}
#app .pager button:disabled{opacity:.4;cursor:default}
#app .pager .pager-gap{padding:0 4px;color:#8a949b}
#app .pager .pager-total{margin-left:10px;font-size:13px;color:#535b62}
/* Admin inputs: a plain 1px border (no inset look with darker top/left edges). */
body #app .admin-page-search input,body.admin-white-design #app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,select){border:1px solid #aebbc3!important;box-shadow:none!important}
body #app .admin-page-search input:focus{border-color:#2B2D42!important;outline:2px solid #2B2D42;outline-offset:0}

/* Admin statistics (나의 통계): card sections, readable chart axes, mobile layout */
.reference-statistics .reference-metrics:not(.visitor-metrics) .reference-metric,.reference-statistics .visitor-metrics .reference-metric{border:1px solid #e7ebed;border-radius:12px;padding:16px;background:#fff}
.reference-statistics .visitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reference-statistics .reference-stat-section{border:1px solid #e7ebed;border-radius:14px;padding:24px;margin-top:20px;background:#fff}
.reference-statistics .reference-stat-section h2{font-size:19px;margin:0 0 18px}
.reference-statistics .reference-stat-section h3{font-size:15px;margin:0 0 14px;color:#4a565c}
.reference-statistics .reference-stat-section .meta{margin:14px 0 0;font-size:12px;color:#738089;line-height:1.7}
.reference-statistics .reference-chart-grid{gap:20px;margin-top:20px}
.reference-statistics .reference-chart-grid>.reference-stat-section{margin-top:0}
.reference-statistics .reference-stat-section .reference-chart-grid{margin-top:0;gap:32px}
.reference-statistics .reference-definition{margin:8px 2px 0}
.reference-statistics .reference-empty{padding:26px 0;border:0;text-align:center;font-size:13px}
@media(max-width:900px){
 body.admin-white-design #app .page .admin-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:6px 0 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 body.admin-white-design #app .page .admin-nav>a{flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:14px;border:1px solid #e7ebed!important;border-radius:999px}
 body.admin-white-design #app .page .admin-nav>a.active{background:#2B2D42!important;color:#fff!important;border-color:#2B2D42!important}
 body.admin-white-design #app .page .admin-nav .admin-profile{display:none}
}
@media(max-width:500px){
 .reference-statistics .reference-stat-head{flex-wrap:nowrap;align-items:center;margin-bottom:18px}
 .reference-statistics .reference-stat-head select{width:auto}
 .reference-statistics .reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
 .reference-statistics .reference-metric{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}
 .reference-statistics .reference-metric-icon{width:34px;height:34px;border-radius:9px}
 .reference-statistics .reference-metric-icon svg{width:19px;height:20px}
 .reference-statistics .reference-metric strong{font-size:22px}
 .reference-statistics .reference-stat-section{padding:16px;border-radius:12px;margin-top:14px}
 .reference-statistics .reference-chart-grid{gap:14px;margin-top:14px}
 .reference-statistics .reference-stat-section .reference-chart-grid{gap:24px}
}

/* Admin statistics charts (vz-*): sparkline, area, heatmap, donut, stacked bar, lollipop, gauge, funnel */
.reference-statistics .reference-stat-section h3 small{font-size:12px;font-weight:500;color:#738089;margin-left:6px}
.reference-statistics .vz-trend-metric{flex-wrap:wrap}
.vz-spark-wrap{margin-left:auto;width:min(150px,40%);display:grid;gap:4px;text-align:right}
.vz-spark{width:100%;height:36px;display:block;overflow:visible}
.vz-spark-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.vz-spark-area{fill:currentColor;opacity:.12}
.vz-spark-wrap small{font-size:11px;color:#738089}
.vz-area{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:200px 26px;margin-top:30px}
.vz-y{grid-area:1/1;position:relative}
.vz-y span{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:#738089;font-variant-numeric:tabular-nums}
.vz-plot{grid-area:1/2;position:relative;border-bottom:1px solid #cbd6db;background:linear-gradient(#eef2f3,#eef2f3) 0 0/100% 1px no-repeat,linear-gradient(#eef2f3,#eef2f3) 0 50%/100% 1px no-repeat}
.vz-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vz-area-fill{fill:#2a78d6;opacity:.12}
.vz-area-line{fill:none;stroke:#2a78d6;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.vz-avg{position:absolute;left:0;right:0;height:0;border-top:1px solid #9aa7ae;pointer-events:none}
.vz-avg span{position:absolute;right:0;bottom:3px;font-size:11px;font-style:normal;color:#4a565c;background:#ffffffd9;padding:0 4px}
.vz-peak{position:absolute;transform:translate(var(--shift),calc(-100% - 8px));font-size:12px;font-weight:700;color:#303d44;white-space:nowrap;pointer-events:none}
.vz-hits{position:absolute;inset:0}
.vz-hits span{position:absolute;top:0;bottom:0;transform:translateX(-50%);cursor:pointer}
.vz-hits span::before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #9aa7ae;opacity:0}
.vz-hits i{position:absolute;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#2a78d6;box-shadow:0 0 0 2px #fff;opacity:0}
.vz-hits span:hover::before,.vz-hits span:hover i{opacity:1}
.vz-x{grid-area:2/2;position:relative}
.vz-x span{position:absolute;top:8px;transform:translateX(var(--shift));font-size:11px;color:#738089;white-space:nowrap}
.vz-detail{margin-top:14px;font-size:12px;color:#4a565c}
.vz-detail summary{cursor:pointer;color:#738089;width:max-content}
.vz-detail[open]{max-height:320px;overflow:auto}
.vz-detail table{width:100%;max-width:440px;border-collapse:collapse;margin-top:8px;font-variant-numeric:tabular-nums}
.vz-detail th,.vz-detail td{padding:6px 8px;border-bottom:1px solid #eef2f3;text-align:right;font-size:12px}
.vz-detail th:first-child,.vz-detail td:first-child{text-align:left;overflow-wrap:anywhere}
.vz-heat-grid{display:grid;grid-template-columns:22px repeat(24,minmax(0,1fr));gap:3px;align-items:center}
.vz-heat-grid b{font-size:11px;font-weight:600;color:#738089}
.vz-heat-grid span{aspect-ratio:1;border-radius:3px;cursor:pointer}
.vz-heat-grid span:hover{outline:2px solid #303d44;outline-offset:1px}
.vz-heat-grid small{font-size:10px;color:#738089;white-space:nowrap;overflow:visible}
.vz-heat .l0{background:#eef2f4}.vz-heat .l1{background:#cde2fb}.vz-heat .l2{background:#9ec5f4}.vz-heat .l3{background:#5598e7}.vz-heat .l4{background:#2a78d6}.vz-heat .l5{background:#184f95}
.vz-scale{display:flex;align-items:center;gap:3px;margin-top:12px;font-size:11px;color:#738089}
.vz-scale i{width:14px;height:10px;border-radius:2px}
.vz-scale span:first-child{margin-right:4px}.vz-scale span:last-child{margin-left:4px}
.vz-callout{margin:10px 0 0;font-size:13px;color:#4a565c}.vz-callout b{color:#303d44}
.vz-donut{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.vz-donut-ring{position:relative;width:168px;height:168px;flex:none}
.vz-donut-ring svg{width:100%;height:100%;display:block}
.vz-donut-ring circle{fill:none;stroke-width:20;cursor:pointer;transition:stroke-width .15s}
.vz-donut-ring circle:hover{stroke-width:24}
.vz-donut-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.vz-donut-ring strong{font-size:26px;color:#303d44;line-height:1.1}
.vz-donut-ring span{font-size:11px;color:#738089}
.vz-legend{list-style:none;margin:0;padding:0;display:grid;gap:10px;flex:1;min-width:180px}
.vz-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto 52px;align-items:center;gap:8px;font-size:13px;color:#4a565c}
.vz-legend li i{width:10px;height:10px;border-radius:3px}
.vz-legend b{color:#303d44;font-variant-numeric:tabular-nums}
.vz-legend small{color:#738089;font-size:12px;text-align:right}
.vz-legend-big b{font-size:22px}
.vz-stack{display:flex;gap:2px;height:28px;border-radius:8px;overflow:hidden;margin:6px 0 20px}
.vz-stack i{min-width:4px;cursor:pointer}
.vz-stack i:hover{filter:brightness(.9)}
.vz-lolli{display:grid;gap:13px}
.vz-lolli>div{display:grid;grid-template-columns:minmax(72px,120px) minmax(0,1fr) 40px;gap:12px;align-items:center;font-size:13px;color:#4a565c;cursor:pointer}
.vz-lolli span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vz-lolli>div:hover span{color:#303d44}
.vz-stem{height:12px;position:relative;margin-right:6px;background:linear-gradient(#eef2f3,#eef2f3) 0 50%/100% 2px no-repeat}
.vz-stem i{position:absolute;left:0;top:50%;height:2px;margin-top:-1px;min-width:2px;background:#2a78d6;border-radius:2px}
.vz-stem i::after{content:'';position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#2a78d6;box-shadow:0 0 0 2px #fff}
.vz-lolli b{text-align:right;color:#303d44;font-variant-numeric:tabular-nums}
.vz-gauge{position:relative;max-width:260px;margin:0 auto;text-align:center}
.vz-gauge svg{width:100%;display:block}
.vz-gauge path{fill:none;stroke-width:18;stroke-linecap:round}
.vz-gauge-track{stroke:#eef2f4}.vz-gauge-value{stroke:#2a78d6}
.vz-gauge strong{position:absolute;left:0;right:0;top:46%;font-size:34px;color:#303d44;line-height:1}
.vz-gauge strong small{font-size:18px;margin-left:2px}
.vz-gauge span{display:block;margin-top:10px;font-size:12px;color:#738089}
.vz-funnel{display:grid;gap:10px}
.vz-funnel>div{display:grid;grid-template-columns:88px minmax(0,1fr) 96px;gap:12px;align-items:center;font-size:13px;color:#4a565c;cursor:pointer}
.vz-funnel>div>div{display:flex;justify-content:center}
.vz-funnel i{display:block;height:34px;border-radius:6px}
.vz-funnel .s0{background:#86b6ef}.vz-funnel .s1{background:#3987e5}.vz-funnel .s2{background:#1c5cab}
.vz-funnel>div:hover i{filter:brightness(.92)}
.vz-funnel b{color:#303d44;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vz-funnel b small{font-size:12px;margin-left:1px}
.vz-funnel em{font-style:normal;font-size:11px;font-weight:600;color:#256abf;background:#eaf2fd;border-radius:999px;padding:1px 7px;margin-left:6px}
.vz-tip{position:fixed;z-index:1000;pointer-events:none;background:#1f2a30;color:#fff;font-size:12px;line-height:1.4;padding:6px 10px;border-radius:6px;box-shadow:0 4px 14px #0002;white-space:nowrap}
.vz-tip[hidden]{display:none}
@media(max-width:500px){
 .vz-spark-wrap{width:100%;margin-left:0;text-align:left}
 .vz-area{grid-template-columns:30px minmax(0,1fr);grid-template-rows:160px 26px}
 .vz-donut{justify-content:center}
 .vz-heat-grid{gap:2px;grid-template-columns:18px repeat(24,minmax(0,1fr))}
 .vz-lolli>div{grid-template-columns:84px minmax(0,1fr) 34px;gap:8px}
 .vz-funnel>div{grid-template-columns:76px minmax(0,1fr) 78px;gap:8px}
 .vz-funnel em{display:none}
}

/* Plan record overview and phase detail: 2026-10-21 reference layout. */
body #app .record-detail.plan-record-page .record-plan-card{border:0!important;border-radius:0;padding:14px;margin:8px 0 14px;box-shadow:none!important}
body #app .record-detail.plan-record-page .hub-phases>:is(div,a){border-width:1px!important}
body #app .pd-page.pd-record-workspace{max-width:1320px;width:calc(100% - 40px);padding:32px 40px 48px}
body #app .pd-record-workspace .pd-current,body #app .pd-record-workspace .pd-sequence{border:0!important;background:#fff!important;box-shadow:none!important;padding:0!important;margin:22px 0!important}
body #app .pd-record-workspace .pd-current>summary{font-size:26px;font-weight:700;padding:8px 0}
body #app .pd-record-workspace .pd-current>p{margin:12px 0 24px}
body #app .pd-record-workspace .pd-current>ol{padding-left:30px}
body #app .pd-record-workspace .pd-current li{padding:10px 0;line-height:1.9}
body #app .pd-record-workspace .pd-focused-cautions{margin:20px 20px 30px}
body #app .pd-record-workspace .pd-focused-cautions h3{font-size:24px;margin:16px 0}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution{border:0!important;border-radius:0!important;padding:0 0 16px;margin:16px 0;box-shadow:none!important}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution h5{font-size:18px;margin:8px 0}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution p{margin:8px 0}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution>.actions{display:none}
body #app .pd-record-workspace .pd-record-estimate{margin-top:32px!important}
@media(max-width:760px){
 body #app .pd-page.pd-record-workspace{width:100%;padding:20px 16px 32px}
 body #app .pd-record-workspace .pd-current>summary{font-size:22px}
 body #app .pd-record-workspace .pd-focused-cautions{margin:16px 0 24px}
 body #app .pd-record-workspace .pd-focused-cautions h3{font-size:21px}
 body #app .record-detail.plan-record-page .record-plan-card{padding:8px 0}
}

/* Always-visible approvals and readable, initially collapsed check points. */
body #app .pd-record-workspace .pd-plan-back{display:inline-block;margin:0 0 20px;padding:0;background:transparent!important;color:#2c2d42!important;border:0!important;border-radius:0;box-shadow:none!important;font-size:15px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
body #app .pd-page .pd-phase-body:has(>.pd-approval){background:#2c2d42!important}
body #app .pd-page .pd-phase-body:has(>.pd-approval)>:is(.meta,.pd-complete),body #app .pd-page .pd-phase-body:has(>.pd-approval)>.pd-complete *{color:#fff!important}
body #app .pd-page .pd-phase .pd-subsection.pd-approval{background:transparent!important;color:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:16px 0!important}
body #app .pd-page .pd-phase .pd-subsection.pd-approval :is(h3,h4,p,label,.meta,.check span){color:#fff!important}
body #app .pd-page .pd-phase .pd-subsection.pd-approval :is(.record,.approval-notice-preview){background:transparent!important}
body #app .pd-page .pd-phase .pd-subsection.pd-approval :is(input,select,option){color:#111!important;background:#fff!important}
body #app .pd-page .pd-approval>h3{font-size:20px;font-weight:700;line-height:1.5;margin:0 0 16px}
body #app .pd-page .pd-approval>p{font-size:15px;line-height:1.8}
body #app .pd-record-workspace .pd-current{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
body #app .pd-record-workspace .pd-current>summary{background:transparent!important;color:#202237!important;border:0!important;box-shadow:none!important;padding:12px 0;font-size:28px;font-weight:800;line-height:1.5;letter-spacing:-.025em;cursor:pointer}
body #app .pd-record-workspace .pd-current>summary:focus-visible{outline:3px solid #528ac8;outline-offset:-4px}
body #app .pd-record-workspace .pd-current>p{margin:20px 0;color:#202237;font-size:17px;line-height:1.8}
body #app .pd-record-workspace .pd-current>p:first-of-type{font-weight:700}
body #app .pd-record-workspace .pd-current>ol{margin:16px 0 32px;padding-left:28px;color:#202237;font-size:17px;line-height:1.9}
body #app .pd-record-workspace .pd-current li::marker{font-weight:800;color:#2c2d42}
body #app .pd-record-workspace .pd-focused-cautions{margin:32px 0;padding-top:8px;border:0!important;background:transparent!important}
body #app .pd-record-workspace .pd-focused-cautions h3{font-size:25px;font-weight:800;color:#202237}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution{background:transparent!important}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution h5{font-size:19px;font-weight:700;color:#202237}
body #app .pd-record-workspace .pd-focused-cautions .pd-caution p{font-size:16px;color:#33394b;line-height:1.85}
@media(max-width:760px){
 body #app .pd-record-workspace .pd-current>summary{font-size:22px;padding:12px 0}
 body #app .pd-record-workspace .pd-current>p{margin:16px 0;font-size:16px}
 body #app .pd-record-workspace .pd-current>ol{margin:16px 0;padding-left:24px;font-size:16px}
 body #app .pd-record-workspace .pd-focused-cautions{margin:24px 0}
 body #app .pd-record-workspace .pd-focused-cautions h3{font-size:22px}
 body #app .pd-page .pd-approval>h3{font-size:18px}
}

/* Square phase surfaces meet their border without white corner cutouts. */
body #app .pd-page .pd-phase,body #app .pd-page .pd-phase>summary,body #app .pd-page .pd-phase>.pd-phase-body{border-radius:0!important}