/* APPROVED DARK MOCKUP — visual contract                                      */
/* ========================================================================== */
:root{
  --pd-navy:#061d30;
  --pd-navy-2:#0a2a43;
  --pd-navy-3:#123a58;
  --pd-gold:#dda94d;
  --pd-gold-soft:#f0c778;
  --pd-cream:#f7f4ee;
  --pd-paper:#fffdfa;
  --pd-ink:#102e4b;
  --pd-muted:#61778b;
  --pd-line:#d9e1e7;
  --pd-blue:#edf4f8;
}
html{background:var(--pd-navy)}
body{background:var(--pd-cream);color:var(--pd-ink);letter-spacing:-.01em}
.public-screen,.app-shell{background:var(--pd-cream)}
.public-header,.workspace-header{
  height:78px;
  padding:0 30px;
  background:linear-gradient(180deg,#08263c 0%,#061d30 100%);
  border-bottom:1px solid rgba(221,169,77,.7);
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  position:relative;
  z-index:5;
}
.public-header:after,.workspace-header:after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(221,169,77,.7),transparent)
}
.brand{gap:13px}.brand strong{
  font-family:Georgia,"Times New Roman",serif;
  color:#f3c86e;
  font-size:20px;
  line-height:1;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}
.brand small{font-size:7px;letter-spacing:.17em;color:#f6efe0;margin-top:5px;font-weight:700}
.logo-mark{
  width:48px;height:42px;border:1.5px solid var(--pd-gold);border-radius:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(221,169,77,.04));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)
}
.logo-mark:after{content:"⌂";font-size:22px;left:12px;top:-1px;color:#f1bd5f;text-shadow:none}
.logo-mark:before{width:27px;height:17px;left:8px;bottom:5px;border-left:3px solid #e3b15b;border-bottom:3px solid #e3b15b}
.public-nav,.app-nav{gap:24px}.public-nav a,.app-nav button{font-size:11px;font-weight:650;letter-spacing:.02em;color:#f5f5f2}.public-nav a:hover,.app-nav button:hover{color:#f3c66f}
.user-pill{border:1px solid var(--pd-gold)!important;padding:6px 10px!important;background:rgba(255,255,255,.02)!important}
.user-pill #userInitials{background:#0a2a43;border:1px solid var(--pd-gold);color:#f3c66f}

/* PAGE 1 — Landing / Sign in */
#landingPage{background:var(--pd-navy)}
.landing-hero{
  min-height:610px;
  position:relative;
  display:grid;
  grid-template-columns:minmax(390px,42%) 1fr;
  grid-template-rows:auto 1fr;
  align-items:start;
  padding:36px 34px 30px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(6,29,48,.99) 0%,rgba(6,29,48,.97) 34%,rgba(6,29,48,.82) 47%,rgba(6,29,48,.28) 66%,rgba(6,29,48,.04) 100%),
    url('/static/approved-house-hero.jpeg') right 43% center/62% 116% no-repeat,
    #071f34;
}
.landing-hero:after{
  content:"Data.\A Strategy.\A Real Results.";
  white-space:pre;
  position:absolute;
  right:7.5%;
  bottom:62px;
  font:italic 25px/1.05 Georgia,"Times New Roman",serif;
  color:#fff;
  text-align:left;
  text-shadow:0 2px 7px rgba(0,0,0,.75);
  letter-spacing:-.02em;
}
.landing-copy{grid-column:1;grid-row:1;align-self:start;padding:0;color:#fff;max-width:650px;z-index:2}
.landing-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:.99;margin:0 0 14px;color:#fff;letter-spacing:-.025em;text-shadow:0 2px 8px rgba(0,0,0,.32)}
.landing-copy p{font-size:16px;color:#f8f3e9;letter-spacing:.01em}
.auth-card{
  grid-column:1;grid-row:2;
  width:360px;
  margin:22px 0 0;
  align-self:start;
  padding:22px 22px 20px;
  border-radius:6px;
  background:rgba(255,255,255,.985);
  border:1px solid rgba(218,225,231,.9);
  box-shadow:0 18px 44px rgba(0,0,0,.26);
  z-index:2;
}
.auth-card h2{font-size:26px;margin-bottom:16px}.auth-card label,.create-form label,.form-card label,.outcome-card label{color:#143650;font-size:11px}.auth-card input,.create-form input,.form-card input,.form-card select,.form-card textarea,.outcome-card input,.outcome-card select,.outcome-card textarea{border-radius:4px;border-color:#cad5dd;background:#fff;padding:10px 11px;font-size:11px}.auth-inline{font-size:10px}.btn{border-radius:4px}.gold-btn{background:linear-gradient(180deg,#f3ce85 0%,#dda94d 100%);border-color:#c89437;color:#0c2941;box-shadow:inset 0 1px rgba(255,255,255,.7),0 2px 8px rgba(163,111,25,.14)}
.gold-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}
.benefit-strip{height:76px;background:#061d30;border-top:1px solid rgba(221,169,77,.45);padding:0 30px}.benefit-strip span{font-size:9px;letter-spacing:.07em;color:#f4efe4;border-right:1px solid rgba(221,169,77,.22);height:36px;display:flex;align-items:center;justify-content:center}.benefit-strip span:last-child{border-right:0}.benefit-strip span:first-letter{color:var(--pd-gold);font-size:22px}
.public-footer,.global-footer{background:#061d30;border-top:1px solid rgba(221,169,77,.35);color:#e7edf0;font-size:9px;letter-spacing:.02em;padding:11px}

/* PAGE 2 — Account */
.create-grid{min-height:650px;grid-template-columns:52% 48%;background:#fff}
.create-form{padding:36px 52px 34px;max-width:none;justify-self:stretch;background:#fff}
.create-form h1{font-size:32px;margin-bottom:8px}.create-form>p{font-size:12px;color:#355b79;margin:0 0 20px}.create-form label{margin-bottom:12px}.create-form .two-col{gap:14px}.create-visual{
  background:
    linear-gradient(180deg,rgba(6,29,48,.05),rgba(6,29,48,.36)),
    url('/static/approved-house-hero.jpeg') center/cover no-repeat;
  border-left:1px solid #e0c58d;
}
.visual-caption{right:35px;bottom:72px;font-size:25px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.8)}

/* PRIVATE SHELL */
.app-shell{background:#f6f4ef}.app-page{background:#f8f7f3;padding:22px 24px 30px;min-height:calc(100vh - 113px)}
.workspace-header{height:72px}.workspace-header .brand strong{font-size:18px}.workspace-header .brand small{font-size:6px}

/* PAGE 3 — Dashboard */
.dashboard-hero{
  min-height:150px;
  margin:-22px -24px 16px;
  padding:25px 28px;
  display:flex;align-items:center;justify-content:space-between;
  background:
    linear-gradient(90deg,rgba(6,29,48,.96) 0%,rgba(6,29,48,.86) 44%,rgba(6,29,48,.30) 75%),
    url('/static/approved-house-hero.jpeg') right 42% center/58% 132% no-repeat,
    #071f34;
  border-bottom:1px solid rgba(221,169,77,.65);
}
.dashboard-hero h1{font-size:31px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.3)}.dashboard-hero p{font-size:12px;color:#f7f0e5}
.dashboard-metrics{gap:8px;margin-bottom:14px}.dash-metric{position:relative;padding:15px 14px 14px;background:#fff;border:1px solid #dbe2e7;border-radius:5px;text-align:center;box-shadow:0 2px 5px rgba(10,42,67,.035)}
.dash-metric:before{content:"";display:block;width:28px;height:28px;margin:0 auto 6px;border:1px solid #cad6de;border-radius:4px;background:linear-gradient(180deg,#fff,#f5f8fa)}
.dash-metric:nth-child(1):before{content:"▤";color:#173f60;font-size:17px;line-height:27px}.dash-metric:nth-child(2):before{content:"⌂";color:#173f60;font-size:17px;line-height:27px}.dash-metric:nth-child(3):before{content:"◇";color:#173f60;font-size:17px;line-height:27px}.dash-metric:nth-child(4):before{content:"▥";color:#173f60;font-size:17px;line-height:27px}
.dash-metric strong{font-size:21px;color:#082f50}.dash-metric span{font-size:9px;color:#4d687e;text-transform:none}
.surface{border-radius:5px;border:1px solid #d8e0e6;box-shadow:0 1px 3px rgba(9,38,61,.04)}
.history-surface{background:#fff}.section-row{padding:15px 16px}.section-row h2{font-size:22px}.history-tools select,.admin-actions select,.search-wrap{height:34px;border-radius:4px;font-size:10px}.search-wrap input{font-size:10px;min-width:250px}.table-wrap th{background:#f7f9fa;color:#173f60;font-size:9px;letter-spacing:.015em}.table-wrap td{font-size:10px;padding:9px 10px}.table-wrap td strong{color:#0c3658}.property-cell{display:flex;align-items:center;gap:9px}.property-thumb{width:52px;height:33px;object-fit:cover;border-radius:2px;border:1px solid #cbd6de;flex:0 0 auto}.status{border-radius:3px;font-size:9px;padding:4px 7px}.table-action{font-size:9px}

/* PAGE 4 — Admin */
.page-heading-row{background:#fff;margin:-22px -24px 14px;padding:18px 24px;border-bottom:1px solid #d8e0e6}.page-heading-row h1{font-size:27px}.page-heading-row p{font-size:11px}.admin-tabs button{font-size:10px}.admin-tabs .active{border-bottom-color:var(--pd-gold)}

/* PAGE 5 — New report */
.page-heading{margin:0 0 10px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px;color:#496a82}.form-card{padding:17px 18px 18px;background:#fff}.form-card h2{font-size:20px;border-bottom:1px solid #e5e9ec;padding-bottom:10px}.report-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.field-grid{gap:10px}.field-grid label{font-size:10px}.photo-drop{min-height:118px!important;background:#fbfcfc!important;border:1px solid #cbd7df!important}.photo-drop .upload-icon{font-size:30px}.optional-panel{margin-top:14px;padding-top:13px}.optional-head h3{font-size:15px}.optional-head p{font-size:10px;line-height:1.35}.note-callout{background:#f8f3e8;border-color:#ecd9b0;color:#27475f}.form-actions{margin-top:12px}.form-actions .gold-btn{min-width:160px}

/* PAGE 6 — Pricing analysis */
.analysis-title{margin-bottom:10px}.analysis-title h1{font-size:28px}.analysis-title p{font-size:11px}.subject-banner{grid-template-columns:155px 1fr 160px;min-height:112px;border-radius:5px;border:1px solid #d4dde4}.result-photo{width:155px;height:112px}.subject-info{padding:16px}.subject-info h2{font-size:21px}.subject-info p{font-size:11px}.subject-meta{padding:12px 14px}.subject-meta span{font-size:8px}.subject-meta b{font-size:10px}.analysis-tabs{border-color:#d4dde4}.analysis-tabs span{font-size:9px;padding:9px}.analysis-tabs .active{border-bottom-color:var(--pd-gold)}
.top-metrics{gap:8px;margin:10px 0}.top-card{padding:14px;border-radius:5px}.top-card span{font-size:9px}.top-card strong{font-size:22px}.top-card small{font-size:9px}.time-panel{border-radius:5px;padding:13px;background:#fffaf0;border-color:#e4b75e}.time-panel h2,.chart-panel h2{font-size:20px}.time-layout{gap:10px}.time-metric{font-size:10px;padding:9px 10px}.time-metric strong{font-size:13px}.time-explanation{padding:11px}.time-explanation h3{font-size:11px}.time-explanation p{font-size:10px;line-height:1.45}.chart-panel{padding:13px;border-radius:5px}.key-takeaway{border-radius:4px;background:linear-gradient(180deg,#0b3655,#082b45);border:1px solid #154d73;padding:12px 15px}.key-takeaway h3{font-size:17px}.key-takeaway p{font-size:10px}.evidence-grid>.surface,.adjustmentPanel{padding:12px}.evidence-grid h2,.adjustmentPanel h2{font-size:18px}

/* PAGE 9 — Outcome */
.outcome-card{max-width:1060px;padding:18px;border-radius:5px}.outcome-property{background:#fbfaf7;border:1px solid #dde4e9;border-radius:4px;padding:12px;margin-bottom:14px}.outcome-photo{width:120px;height:72px}.outcome-property h2{font-size:20px}

/* responsive fidelity */
@media(max-width:980px){
  .landing-hero{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:720px;background:linear-gradient(180deg,rgba(6,29,48,.96) 0%,rgba(6,29,48,.84) 50%,rgba(6,29,48,.35) 100%),url('/static/approved-house-hero.jpeg') center bottom/cover no-repeat}.landing-copy,.auth-card{grid-column:1}.landing-hero:after{display:none}.auth-card{margin-top:20px}.create-grid{grid-template-columns:1fr}.create-visual{min-height:330px}.dashboard-hero{background-position:center}.report-layout,.time-layout,.evidence-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .public-header,.workspace-header{padding:0 16px}.brand strong{font-size:16px}.landing-hero{padding:26px 18px}.landing-copy h1{font-size:36px}.auth-card{width:100%}.benefit-strip{grid-template-columns:1fr 1fr}.page-heading-row{margin:-18px -12px 12px;padding:16px 12px}.app-page{padding:18px 12px}.dashboard-hero{margin:-18px -12px 12px}.subject-banner{grid-template-columns:105px 1fr}.result-photo{width:105px}}