:root{
  --black:#111111; --charcoal:#242424; --gold:#C8AD66; --gold2:#C8AD66;
  --bg:#f6f6f5; --white:#fff; --line:#e4e3df; --muted:#777; --green:#2d7b4f;
  --red:#9f3c3c; --blue:#3c6da5;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#111}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.appShell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
.sidebar{background:var(--black);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.sidebarBrand{text-align:center;padding:4px 6px 20px;border-bottom:1px solid rgba(198,149,34,.45)}
.fullLogo{width:100%;max-width:235px;display:block;margin:0 auto 18px;object-fit:contain;background:transparent;padding:0;border-radius:0}
.oneluxe{max-width:96px;height:auto;display:block;margin:0 auto 12px;object-fit:contain}
.profilePhoto{width:126px;height:126px;border-radius:50%;object-fit:cover;object-position:center 22%;border:3px solid var(--gold);display:block;margin:0 auto 10px;box-shadow:0 0 0 3px rgba(198,149,34,.12)}
.profileName{font-size:22px;font-weight:800}
.profileTitle{font-size:11px;color:var(--gold2);font-weight:800;margin-top:6px}
.profileBrokerage{font-size:13px;margin-top:4px;color:#eee}
.desktopNav{display:grid;gap:6px;margin-top:18px}
.navBtn{border:0;background:transparent;color:#fff;padding:12px 14px;text-align:left;border-radius:9px;font-weight:700;display:flex;align-items:center;gap:12px}
.navBtn span{color:var(--gold2);font-size:18px;width:20px;text-align:center}
.navBtn.active,.navBtn:hover{background:var(--charcoal);color:var(--gold2)}
.content{padding:26px 30px 95px;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.topbar h1{margin:0;font-size:29px;line-height:1.15}
.topbar h1 span{color:var(--gold)}
.topbar p{margin:5px 0 0;color:#666}
.primaryBtn{border:0;background:var(--gold);color:#111;font-weight:800;padding:11px 15px;border-radius:9px}
.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.metricCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px;box-shadow:0 3px 11px rgba(0,0,0,.04)}
.metricIcon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;flex:0 0 auto}
.goldCircle{background:linear-gradient(135deg,var(--gold2),var(--gold));color:white}
.blackCircle{background:#080808;color:var(--gold2)}
.metricCard span{display:block;font-size:12px;text-transform:uppercase;color:#666;font-weight:800;letter-spacing:.04em}
.metricCard strong{font-size:29px;display:block;margin-top:3px}
.metricCard small{display:block;color:#777;margin-top:2px}
.dashboardGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 3px 11px rgba(0,0,0,.035)}
.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.panelHeader h2{margin:0;font-size:20px}
.panelHeader .muted,.muted{color:#777;margin:4px 0 0;font-size:13px}
.textBtn{border:0;background:transparent;color:var(--gold);font-weight:800}
.pipelineSummary{width:100%;border:1px solid #eee;background:linear-gradient(90deg,#fbf4e5,#fff);border-radius:12px;padding:14px 12px;display:grid;grid-template-columns:200px 1fr 20px;align-items:center;gap:10px;margin-bottom:10px}
.pipelineSummary:nth-of-type(2){background:#fafafa}
.summaryLeft{display:flex;align-items:center;gap:10px;text-align:left}
.summaryStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.summaryStats div{text-align:center}
.summaryStats strong{display:block;font-size:20px}
.summaryStats span{font-size:11px;color:#666}
.chev{font-size:27px;color:#9a7a30}
.activeTxCard{border-top:1px solid #eee;padding:12px 0}
.activeTxCard:first-child{border-top:0;padding-top:0}
.txTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.txAddress{font-weight:800}
.txSub{font-size:12px;color:#666;margin-top:4px}
.txPrice{font-weight:800;color:#a7770f;white-space:nowrap}
.statusPill{display:inline-block;border-radius:999px;padding:4px 8px;background:#eee;font-size:11px;font-weight:800}
.statusPill.hot{background:#f7e2a9;color:#7a5700}
.statusPill.dead{background:#f1d2d2;color:#7c2525}
.statusPill.contract{background:#dbeee2;color:#1e603c}
.quickGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.quickGrid button{background:#fff;border:1px solid #e4cf9a;border-radius:12px;min-height:105px;font-weight:800;padding:10px}
.quickGrid button span{display:block;font-size:27px;color:var(--gold);margin-bottom:8px}
.largeQuick{grid-template-columns:repeat(2,1fr)}
.largeQuick button{min-height:160px;font-size:18px}
.filters{display:grid;grid-template-columns:1fr 200px;gap:10px;margin-bottom:14px}
input,select,textarea{border:1px solid #ccc;border-radius:8px;padding:11px;background:#fff;width:100%}
textarea{min-height:90px;resize:vertical}
.stageStats{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px}
.stageStat{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px;text-align:center;font:inherit;cursor:pointer;width:100%;transition:.15s ease}
.stageStat:hover{border-color:#C8AD66;background:#fffaf0}
.stageStat.active{background:#111;border-color:#C8AD66;color:#fff;box-shadow:0 0 0 1px #C8AD66 inset}
.stageStat.active span{color:#C8AD66}
.stageStat strong{display:block;font-size:22px}
.stageStat span{font-size:11px;color:#666}
.tableWrap{overflow:auto;border:1px solid #eee;border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:780px}
th{background:#151515;color:#fff;text-align:left;padding:10px}
td{padding:10px;border-top:1px solid #eee;vertical-align:top}
tbody tr:hover td{background:#fcfaf4}
.mobileLeadCards{display:none}
.modalWrap{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}
.modal{background:#fff;width:min(760px,96vw);max-height:92vh;overflow:auto;border-radius:15px;padding:20px}
.modalHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.modalHead h2{margin:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px;color:#555}
.span2{grid-column:1/-1}
.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.lightBtn{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:8px;font-weight:700}
.toast{position:fixed;right:18px;bottom:90px;background:#111;color:#fff;padding:12px 15px;border-radius:9px;z-index:200}
.apiBanner{background:#fff3cd;border:1px solid #ffe69c;color:#664d03;padding:12px 14px;border-radius:9px;margin-bottom:14px}
.mobileNav{display:none}
.fab{display:none}
.empty{padding:25px;text-align:center;color:#777}
@media(max-width:1050px){
  .metricGrid{grid-template-columns:repeat(2,1fr)}
  .dashboardGrid{grid-template-columns:1fr}
  .quickGrid{grid-template-columns:repeat(2,1fr)}
  .pipelineSummary{grid-template-columns:170px 1fr 20px}
}
@media(max-width:760px){
  body{padding-bottom:72px}
  .appShell{display:block}
  .sidebar{position:static;height:auto;padding:10px 14px 12px}
  .sidebarBrand{display:grid;grid-template-columns:1fr 68px;grid-template-areas:"logo photo" "luxe photo" "name name" "title title" "broker broker";gap:4px 10px;text-align:left;border-bottom:0;padding:0;align-items:center}
  .fullLogo{grid-area:logo;max-width:205px;margin:0;background:transparent;padding:0;border-radius:0;object-fit:contain}
  .oneluxe{grid-area:luxe;max-width:78px;margin:2px 0 0;object-fit:contain}
  .profilePhoto{grid-area:photo;width:68px;height:68px;margin:0 0 0 auto;border-radius:50%;border:2px solid var(--gold);object-fit:cover;object-position:center 22%}
  .profileName{grid-area:name;font-size:17px;margin-top:4px}
  .profileTitle{grid-area:title}
  .profileBrokerage{grid-area:broker}
  .desktopNav{display:none}
  .content{padding:18px 14px 88px}
  .topbar{align-items:flex-start}
  .topbar h1{font-size:24px}
  .desktopAdd{display:none}
  .metricGrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .metricCard{padding:12px;display:block}
  .metricIcon{width:42px;height:42px;margin-bottom:8px}
  .metricCard strong{font-size:26px}
  .metricCard small{font-size:11px}
  .dashboardGrid{gap:12px}
  .panel{padding:14px}
  .pipelineSummary{grid-template-columns:1fr 25px;padding:12px}
  .summaryStats{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,1fr);margin-top:8px}
  .chev{grid-column:2;grid-row:1}
  .quickGrid,.largeQuick{grid-template-columns:repeat(2,1fr)}
  .quickGrid button{min-height:100px}
  .filters{grid-template-columns:1fr}
  .stageStats{grid-template-columns:repeat(7,minmax(105px,1fr));gap:6px;overflow-x:auto}
  .stageStat{padding:8px 4px}
  .stageStat strong{font-size:19px}
  .tableWrap{display:none}
  .mobileLeadCards{display:grid;gap:10px}
  .leadCard{border:1px solid #e4e4e4;border-radius:12px;padding:12px;background:#fff}
  .leadCardTop{display:flex;justify-content:space-between;gap:10px}
  .leadName{font-weight:800;font-size:16px}
  .leadMeta{font-size:12px;color:#666;margin-top:5px;line-height:1.45}
  .leadNext{font-size:12px;margin-top:8px;background:#faf6eb;border-radius:8px;padding:8px}
  .mobileNav{position:fixed;left:0;right:0;bottom:0;height:68px;background:#111;color:white;display:grid;grid-template-columns:repeat(5,1fr);z-index:90;border-top:1px solid #333;padding-bottom:env(safe-area-inset-bottom)}
  .mobileNavBtn{border:0;background:transparent;color:#ddd;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
  .mobileNavBtn span{font-size:20px}
  .mobileNavBtn.active{color:var(--gold2)}
  .fab{display:block;position:fixed;right:16px;bottom:82px;width:52px;height:52px;border-radius:50%;border:0;background:var(--gold);font-size:28px;font-weight:800;z-index:80;box-shadow:0 5px 18px rgba(0,0,0,.25)}
  .grid2{grid-template-columns:1fr}
  .span2{grid-column:auto}
  .stackMobile{align-items:flex-start}
}


.mobileApp{display:none}
@media(max-width:760px){
  body{background:#fff!important;padding-bottom:74px}
  .appShell{display:block!important}
  .sidebar,.content{display:none!important}
  .mobileApp{display:block!important;background:#fff;min-height:100vh}
  .mobileHeader{
    background:#111;
    min-height:210px;
    display:grid;
    grid-template-columns:56px 1fr 66px;
    align-items:start;
    padding:24px 18px 18px;
    gap:8px;
  }
  .mobileMenuBtn{
    border:0;background:transparent;color:#fff;font-size:34px;line-height:1;padding:8px 0 0;text-align:left
  }
  .mobileBrandStack{text-align:center;padding-top:2px}
  .mobileLogo{
    width:100%;
    max-width:250px;
    object-fit:contain;
    background:transparent;
    filter:none;
  }
  .mobileLuxe{
    display:block;
    max-width:120px;
    margin:8px auto 0;
    object-fit:contain;
  }
  .mobileHeadshot{
    width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 22%;
    border:2px solid var(--gold);margin-left:auto
  }
  .mobileBody{padding:0 12px 88px;background:#fff}
  .mobileHero{text-align:center;padding:20px 8px 14px}
  .mobileHero h1{margin:0;font-size:26px;line-height:1.05}
  .mobileHero p{margin:10px 0 0;font-size:15px;color:#555}

  .mobileMetrics4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-bottom:12px;
  }
  .mobileMetricCard{
    min-width:0;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:13px;
    padding:10px 6px 11px;
    text-align:center;
    box-shadow:0 2px 9px rgba(0,0,0,.05)
  }
  .mobileMetricIcon{
    width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;font-size:18px
  }
  .mobileMetricCard b{display:block;font-size:11px;line-height:1.15}
  .mobileMetricCard strong{display:block;font-size:23px;margin:5px 0 3px;line-height:1}
  .mobileMetricCard span{display:block;font-size:9px;color:#666;line-height:1.15}

  .mobileSectionCard{
    background:#fff;border:1px solid #e8e8e8;border-radius:14px;
    padding:12px;margin-top:12px;box-shadow:0 2px 10px rgba(0,0,0,.04)
  }
  .mobileSectionTitle{
    display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px
  }
  .mobileSectionTitle h2{margin:0;font-size:17px}
  .mobileSectionTitle button{border:0;background:transparent;color:var(--gold);font-weight:800;font-size:12px}

  .mobilePipelineRow{
    width:100%;border:0;border-radius:12px;padding:11px 9px;margin-top:8px;
    display:grid;grid-template-columns:1.4fr 2.2fr 18px;align-items:center;gap:6px;text-align:left
  }
  .buyerRow{background:linear-gradient(90deg,#fff7e8,#fff)}
  .sellerRow{background:#f7f7f7}
  .mobilePipelineLabel{display:flex;align-items:center;gap:7px}
  .mobilePipelineLabel .mobileMetricIcon{margin:0;width:38px;height:38px;font-size:16px;flex:0 0 auto}
  .mobilePipelineLabel b{font-size:12px}
  .mobilePipelineStats{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
  .mobilePipelineStats div{text-align:center}
  .mobilePipelineStats strong{display:block;font-size:18px}
  .mobilePipelineStats span{display:block;font-size:8px;color:#666}
  .mobileArrow{font-size:24px;color:#9f7a21;text-align:right}

  .mobileTxRow{
    display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-top:1px solid #eee
  }
  .mobileTxRow:first-child{border-top:0;padding-top:0}
  .mobileTxMain{display:flex;gap:8px;min-width:0}
  .mobileTxThumb{
    width:68px;height:56px;border-radius:8px;background:#e7e2d7;display:grid;place-items:center;font-size:28px;flex:0 0 auto
  }
  .mobileTxAddress{font-weight:800;font-size:13px}
  .mobileTxCity{font-size:10px;color:#555;margin-top:3px;line-height:1.25}
  .mobileTxRight{text-align:right}
  .mobileTxRight strong{display:block;color:#a7770f;font-size:13px;margin-top:5px}
  .mobileTxRight small{display:block;font-size:9px;color:#666;margin-top:4px}
  .mobileStatus{display:inline-block;border-radius:999px;padding:4px 7px;background:#eee;font-size:8px;font-weight:800}
  .mobileStatus.contract{background:#fff0bf;color:#7a5700}
  .mobileStatus.hot{background:#fff0bf}
  .mobileStatus.dead{background:#f4d0d0}

  .mobileQuickGrid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:7px
  }
  .mobileQuickGrid button{
    min-width:0;border:1px solid #C8AD66;background:#fff;border-radius:11px;
    padding:10px 4px;font-weight:800;font-size:10px;line-height:1.15;min-height:92px
  }
  .mobileQuickGrid button span{display:block;font-size:23px;margin-bottom:7px}

  .mobileNav{
    display:grid!important;
    position:fixed!important;
    left:0;right:0;bottom:0;
    grid-template-columns:repeat(5,1fr)!important;
    min-height:70px!important;
    background:#111!important;
    z-index:200!important;
    border-top:1px solid #333!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .mobileNavBtn{
    border:0!important;background:transparent!important;color:#aaa!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    font-size:9px!important;gap:2px!important;padding:4px 1px!important
  }
  .mobileNavBtn span{font-size:20px!important}
  .mobileNavBtn.active{color:var(--gold2)!important}
  .fab{display:none!important}
}
@media(max-width:430px){
  .mobileHeader{min-height:178px;padding-top:18px;grid-template-columns:48px 1fr 58px}
  .mobileLogo{max-width:220px}
  .mobileHeadshot{width:56px;height:56px}
  .mobileHero h1{font-size:23px}
  .mobileMetrics4{gap:6px}
  .mobileMetricCard{padding:9px 4px}
  .mobileMetricCard strong{font-size:21px}
  .mobileMetricCard b{font-size:10px}
  .mobilePipelineRow{grid-template-columns:1.25fr 2.35fr 14px}
  .mobilePipelineLabel b{font-size:11px}
  .mobilePipelineStats strong{font-size:17px}
}

@media(max-width:760px){
  .appShell{display:none!important}
  #mobileApp.mobileApp{display:block!important}
}
@media(min-width:761px){
  #mobileApp.mobileApp{display:none!important}
}

@media(max-width:760px){
  .mlsQuickGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }
  .mlsBtn{
    text-decoration:none;
    color:#111;
    background:#fff;
    border:1px solid #C8AD66;
    border-radius:11px;
    min-height:96px;
    padding:10px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .mlsBadge{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#111;
    color:#C8AD66;
    display:grid;
    place-items:center;
    font-size:10px;
    font-weight:900;
    margin-bottom:7px;
  }
  .mlsBtn b{font-size:11px}
  .mlsBtn small{font-size:9px;color:#777;margin-top:3px}
  .mlsBtn:active{transform:scale(.98);background:#faf6eb}
}

@media(max-width:760px){
  .premiumMobileHeader{
    display:block!important;
    background:#090909!important;
    padding:12px 16px 16px!important;
    border-bottom:1px solid #9e7618;
  }
  .premiumTopRow{
    display:grid;
    grid-template-columns:48px 1fr 58px;
    align-items:center;
    min-height:58px;
  }
  .premiumMenuBtn{
    color:#C8AD66!important;
    font-size:29px!important;
    justify-self:start;
  }
  .premiumLuxe{
    width:128px;
    max-height:31px;
    object-fit:contain;
    justify-self:center;
  }
  .premiumHeadshotWrap{
    width:54px;
    height:54px;
    border:2px solid #C8AD66;
    border-radius:50%;
    overflow:hidden;
    justify-self:end;
    background:#C8AD66;
  }
  .premiumHeadshot{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 18%;
    display:block;
  }
  .premiumLogoWrap{
    display:flex;
    justify-content:center;
    padding:5px 22px 0;
  }
  .premiumLogo{
    width:min(100%,330px);
    max-height:76px;
    object-fit:contain;
    display:block;
  }
  .mobileHero .premiumTitle{
    color:#111!important;
    text-align:center;
    font-size:26px!important;
    line-height:1.08!important;
    margin-bottom:8px!important;
  }
  .mobileHero .premiumTitle span{color:#C8AD66!important}
}

@media(max-width:760px){
  .tappableCard{appearance:none;color:#111;font-family:inherit}
  .tappableCard:active,.mobilePipelineRow:active{transform:scale(.985)}
  .mobileSubView{min-height:100vh;background:#f6f6f5;padding-bottom:82px}
  .mobileSubHeader{
    position:sticky;top:0;z-index:80;
    min-height:76px;background:#111;color:#fff;
    display:grid;grid-template-columns:48px 1fr 48px;align-items:center;
    padding:10px 12px;border-bottom:1px solid #9f771d
  }
  .mobileSubHeader>button{
    border:0;background:transparent;color:#C8AD66;font-size:32px;font-weight:700;padding:0
  }
  .mobileSubHeader>div{text-align:center}
  .mobileSubHeader h2{margin:0;font-size:19px}
  .mobileSubHeader div span{display:block;color:#aaa;font-size:10px;margin-top:2px}
  .mobileSubHeader .mobileHeaderAdd{font-size:27px}
  .mobileSubBody{padding:12px}
  .mobileStageChips{display:flex;gap:7px;margin-bottom:10px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobileStageChips::-webkit-scrollbar{display:none}
  .mobileStageChips button{flex:0 0 112px;
    border:1px solid #e2d5b5;background:#fff;border-radius:9px;padding:7px 3px;color:#111
  }

  .mobileStageChips button.active{background:#111;color:#fff;border-color:#C8AD66}
  .mobileStageChips button.active span{color:#C8AD66}
  .mobileStageChips strong{display:block;font-size:17px}
  .mobileStageChips span{display:block;font-size:8px;color:#666;margin-top:2px}
  .mobileSearchRow{display:grid;grid-template-columns:1fr 104px;gap:7px;margin-bottom:10px}
  .mobileSearchRow input,.mobileSearchRow select{
    min-width:0;border:1px solid #ccc;border-radius:9px;padding:10px;font-size:12px;background:#fff
  }
  .mobileCRMList{display:grid;gap:9px}
  .mobileCRMCard{
    appearance:none;width:100%;text-align:left;border:1px solid #e5e5e5;background:#fff;
    border-radius:12px;padding:11px;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.035)
  }
  .mobileCRMCard:active{transform:scale(.99);background:#fffaf0}
  .mobileCRMTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
  .mobileCRMName{font-weight:800;font-size:15px;margin-bottom:5px}
  .mobileCRMRating,.mobileTxAmount{font-weight:800;color:#a6780e;white-space:nowrap}
  .mobileCRMRating span,.mobileTxAmount span{font-size:20px;margin-left:5px;color:#777}
  .mobileCRMDetails{font-size:10px;line-height:1.55;color:#555;margin-top:8px}
  .mobileCRMNext{font-size:10px;margin-top:8px;padding:7px 8px;background:#faf4e7;border-radius:7px}
  .mobileEmpty{text-align:center;padding:35px 10px;color:#777;font-size:13px}
  .mobileMoreGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
  .mobileMoreGrid button,.mobileMoreGrid a{
    min-height:112px;border:1px solid #C8AD66;background:#fff;border-radius:12px;
    color:#111;text-decoration:none;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:8px;font-size:12px
  }
  .mobileMoreGrid span{font-size:26px}
}

.desktopPropertyThumb{
  width:92px;height:68px;border-radius:9px;overflow:hidden;flex:0 0 auto;
  background:#e8e4dc;display:grid;place-items:center;font-size:28px
}
.desktopPropertyThumb img,.mobileTxThumb img,.mobileListPropertyThumb img{
  width:100%;height:100%;object-fit:cover;display:block
}
.photoTxCard{display:flex;gap:11px;align-items:center}
.photoTxInfo{min-width:0;flex:1}
.propertyPhotoFallback{display:grid!important;place-items:center!important}
.mobileListPropertyThumb{
  width:84px;height:70px;border-radius:9px;overflow:hidden;flex:0 0 auto;
  background:#e8e4dc;display:grid;place-items:center;font-size:28px
}
.mobileTransactionPhotoRow{display:flex;gap:10px;align-items:flex-start}
.mobileTransactionPhotoContent{min-width:0;flex:1}
@media(max-width:760px){
  .mobileTxThumb{
    width:68px;height:56px;border-radius:8px;overflow:hidden;background:#e7e2d7;
    display:grid;place-items:center;font-size:28px;flex:0 0 auto
  }
  .desktopPropertyThumb{width:72px;height:56px}
}

/* ===== V12 APPROVED MOCKUP UI ===== */
.desktopHero{
  margin:-26px -30px 0;
  background:#080808;
  border-bottom:1px solid #9e7618;
}
.desktopHeroBrand{
  min-height:180px;
  display:grid;
  grid-template-columns:60px 1fr 84px;
  align-items:center;
  gap:16px;
  padding:22px 34px;
}
.desktopHeroMenu{
  border:0;background:transparent;color:#C8AD66;font-size:34px
}
.desktopBrandCenter{text-align:center}
.desktopHeroLuxe{display:block;max-width:150px;margin:0 auto 10px}
.desktopHeroLogo{display:block;max-width:430px;width:85%;margin:0 auto}
.desktopHeroAvatar{
  width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid #C8AD66;justify-self:end
}
.desktopHeroAvatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.desktopWelcome{text-align:center;padding:20px 0 16px}
.desktopWelcome h1{margin:0;font-size:25px}
.desktopWelcome h2{margin:3px 0;color:#C8AD66;font-size:24px}
.desktopWelcome p{margin:5px 0 0;color:#666}
.desktopMetricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.desktopMetricCard{
  border:1px solid #e7e7e7;background:#fff;border-radius:13px;padding:17px;
  display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 3px 12px rgba(0,0,0,.035)
}
.desktopMetricIcon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.desktopMetricCard strong{display:block;font-size:28px}
.desktopMetricCard span{display:block;font-weight:700;font-size:13px;margin-top:2px}
.desktopMetricCard small{display:block;color:#C8AD66;margin-top:8px;font-size:11px}
.desktopMainGrid{display:grid;grid-template-columns:1.45fr .9fr;gap:18px}
.desktopSideStack{display:grid;gap:16px;align-content:start}
.desktopLeftStackV482{display:grid;gap:16px;align-content:start}
.desktopLeftStackV482 .desktopParityActionCardV206{margin:0}
.desktopLeftStackV482 .desktopActivePanel{min-height:420px}

.placeholderTasks{display:grid;gap:10px;color:#555;font-size:13px}
.desktopQuickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.desktopQuickGrid button{border:1px solid #eee;background:#fff;border-radius:9px;padding:12px 4px;font-size:11px;font-weight:700}
.desktopQuickGrid span{display:block;font-size:22px;margin-bottom:5px;color:#C8AD66}
.desktopMlsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.desktopMlsGrid a{
  text-decoration:none;color:#fff;background:#111;border-radius:8px;padding:14px 8px;text-align:center;font-weight:800;font-size:12px
}
.desktopMlsGrid a:nth-child(2){background:#1f5e97}
.desktopMlsGrid a:nth-child(3){background:#27803e}

.photoTxCard{padding:12px 0!important;border-top:1px solid #eee!important}
.photoTxCard:first-child{border-top:0!important;padding-top:0!important}
.desktopPropertyThumb{width:118px!important;height:82px!important;border-radius:8px!important}
.photoTxInfo .txAddress{font-size:15px}
.photoTxInfo .txSub{font-size:11px}

/* Mobile match */
@media(max-width:760px){
  .mobileHeader.premiumMobileHeader{
    padding:10px 14px 12px!important;
    min-height:auto!important;
  }
  .premiumTopRow{grid-template-columns:42px 1fr 50px!important;min-height:50px!important}
  .premiumLuxe{width:110px!important}
  .premiumHeadshotWrap{width:48px!important;height:48px!important}
  .premiumLogoWrap{padding:2px 28px 0!important}
  .premiumLogo{width:min(100%,280px)!important;max-height:54px!important}
  .mobileBody{padding:0 10px 84px!important;background:#fff!important}
  .mobileWelcome{text-align:center;padding:16px 8px 12px}
  .mobileWelcome h1{margin:0;font-size:20px;line-height:1.1}
  .mobileWelcome h2{margin:3px 0 0;color:#C8AD66;font-size:20px}
  .mobileWelcome p{margin:6px 0 0;color:#555;font-size:12px}
  .mobileMetricGrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}
  .mobileMetricCard2{
    appearance:none;border:1px solid #e7e7e7;background:#fff;border-radius:12px;
    padding:12px;text-align:left;box-shadow:0 2px 9px rgba(0,0,0,.04);color:#111
  }
  .mIcon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin-bottom:9px}
  .mobileMetricCard2 strong{display:block;font-size:23px}
  .mobileMetricCard2 span{display:block;font-size:11px;font-weight:700;margin-top:2px}
  .mobileMetricCard2 small{display:block;font-size:9px;color:#C8AD66;margin-top:7px}
  .mobileSectionCard{padding:11px!important;margin-top:10px!important}
  .mobileSectionTitle h2{font-size:15px!important}
  .mobileSectionTitle button{font-size:10px!important}
  .mobileTxRow{padding:9px 0!important}
  .mobileTxThumb{width:78px!important;height:60px!important}
  .mobileTxAddress{font-size:12px!important}
  .mobileTxRight strong{font-size:12px!important}
  .mobileQuickGrid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
  .mobileQuickGrid button{min-height:78px!important;font-size:9px!important;padding:7px 3px!important}
  .mobileQuickGrid button span{font-size:20px!important}
  .mlsQuickGrid{grid-template-columns:repeat(3,1fr)!important}
  .mlsBtn{min-height:72px!important;padding:8px 3px!important}
  .mlsBadge{width:32px!important;height:32px!important;font-size:8px!important;margin-bottom:5px!important}
  .mlsBtn b{font-size:9px!important}
}

@media(max-width:760px){
  .premiumLogoWrap.premiumBrokerageText{
    display:block!important;
    padding:8px 10px 2px!important;
    text-align:center!important;
  }
  .premiumBrokerageLine{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:0;
    white-space:nowrap;
    font-family:Arial,Helvetica,sans-serif;
    font-size:29px;
    line-height:1;
    font-weight:300;
    letter-spacing:-1.2px;
  }
  .premiumBrokerageLine .brokerWhite{
    color:#fff;
    font-weight:300;
  }
  .premiumBrokerageLine .brokerGold{
    color:#C8AD66;
    font-weight:800;
    margin:0 1px;
  }
  .premiumLegendsLine{
    color:#C8AD66;
    font-family:Arial,Helvetica,sans-serif;
    font-size:23px;
    line-height:1.05;
    font-weight:300;
    letter-spacing:8px;
    padding-left:8px;
    margin-top:7px;
  }
}
@media(max-width:430px){
  .premiumBrokerageLine{
    font-size:25px;
    letter-spacing:-1px;
  }
  .premiumLegendsLine{
    font-size:20px;
    letter-spacing:7px;
    padding-left:7px;
  }
}

@media(max-width:760px){
  .transactionCard{cursor:pointer}
  .transactionCard::after{
    content:"Tap to edit";
    display:block;
    text-align:right;
    font-size:8px;
    color:#a6780e;
    margin-top:6px;
  }
}

@media(max-width:760px){
  .mobileActiveTxButton{
    width:100%;
    border:0;
    background:transparent;
    text-align:left;
    color:#111;
    font:inherit;
    cursor:pointer;
  }
  .mobileActiveTxButton:active{
    background:#fffaf0;
  }
  .mobileActiveTxButton::after{
    content:"Tap to edit";
    display:block;
    grid-column:1/-1;
    text-align:right;
    color:#a6780e;
    font-size:8px;
    margin-top:4px;
  }
}

@media(max-width:760px){
  .mobileApiBanner{
    position:sticky;
    top:0;
    z-index:300;
    width:100%;
    border:0;
    border-bottom:1px solid #C8AD66;
    background:#fff3cd;
    color:#664d03;
    padding:10px 12px;
    font-size:11px;
    font-weight:700;
    text-align:center;
  }
}

@media(max-width:760px){
  .modalWrap{
    align-items:stretch!important;
    justify-content:center!important;
    padding:0!important;
    z-index:500!important;
  }
  .modal{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    padding:16px 14px 140px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }
  .modalHead{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    background:#fff!important;
    margin:-16px -14px 14px!important;
    padding:14px!important;
    border-bottom:1px solid #eee!important;
  }
  .actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:70px!important;
    z-index:520!important;
    display:grid!important;
    grid-template-columns:1fr 1.4fr!important;
    gap:10px!important;
    margin:0!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid #ddd!important;
    box-shadow:0 -4px 14px rgba(0,0,0,.08)!important;
  }
  .actions button{
    min-height:48px!important;
    font-size:15px!important;
    border-radius:10px!important;
  }
}

.calendarQuickGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.calendarOpenBtn,.calendarAddBtn{
  min-height:76px;
  border:1px solid #C8AD66;
  background:#fff;
  border-radius:11px;
  text-decoration:none;
  color:#111;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  text-align:left;
}
.calendarOpenBtn>span,.calendarAddBtn>span{
  width:34px;height:34px;border-radius:50%;
  background:#111;color:#C8AD66;
  display:grid;place-items:center;
  font-size:18px;flex:0 0 auto;
}
.calendarOpenBtn b,.calendarAddBtn b{display:block;font-size:11px}
.calendarOpenBtn small,.calendarAddBtn small{display:block;font-size:9px;color:#777;margin-top:3px}
.calendarModalAction{margin:14px 0 4px}
.calendarModalBtn{width:100%;border-color:#C8AD66!important;color:#8b6715!important;font-weight:800!important}
.desktopCalendarQuick{
  text-decoration:none;color:#111;border:1px solid #eee;background:#fff;border-radius:9px;
  padding:12px 4px;font-size:11px;font-weight:700;text-align:center;
}
.desktopCalendarQuick span{display:block;font-size:22px;margin-bottom:5px}
@media(max-width:760px){
  .calendarQuickGrid{grid-template-columns:1fr 1fr}
  .calendarOpenBtn,.calendarAddBtn{min-height:72px;padding:9px}
  .calendarOpenBtn>span,.calendarAddBtn>span{width:31px;height:31px;font-size:16px}
  .calendarModalAction{
    position:relative;
    z-index:2;
    margin:14px 0 90px;
  }
}

@media(max-width:760px){
  .mobileFrontCalendar{
    margin:0 0 12px;
    background:#111;
    border:1px solid #9b761c;
    border-radius:13px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
  }
  .mobileFrontCalendarMain{
    min-height:76px;
    display:grid;
    grid-template-columns:44px 1fr 20px;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    text-decoration:none;
    color:#fff;
  }
  .frontCalendarIcon{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#C8AD66;
    color:#111;
    display:grid;
    place-items:center;
    font-size:20px;
  }
  .frontCalendarText b{
    display:block;
    font-size:15px;
    color:#fff;
  }
  .frontCalendarText span{
    display:block;
    margin-top:3px;
    font-size:10px;
    color:#b9b9b9;
  }
  .frontCalendarArrow{
    color:#C8AD66;
    font-size:24px;
    text-align:right;
  }
  .mobileFrontCalendarAdd{
    width:100%;
    border:0;
    border-top:1px solid #2d2d2d;
    background:#181818;
    color:#C8AD66;
    min-height:42px;
    font-size:11px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
  }
  .mobileFrontCalendarAdd span{
    font-size:18px;
    line-height:1;
  }
}

.mobileTodaySummary{
  border:1px solid #C8AD66;
  background:linear-gradient(135deg,#111,#202020);
  color:#fff;border-radius:13px;padding:13px;margin-bottom:12px;cursor:pointer
}
.todaySummaryTop{display:flex;align-items:center;justify-content:space-between}
.todayEyebrow{font-size:9px;color:#C8AD66;font-weight:900;letter-spacing:1.6px}
.todaySummaryTop h2{margin:2px 0 0;font-size:16px}
.todaySummaryArrow{font-size:27px;color:#C8AD66}
.todaySummaryStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}
.todayStat{background:#292929;border-radius:9px;padding:8px;text-align:center}
.todayStat strong{display:block;font-size:20px}
.todayStat span{display:block;font-size:8px;color:#ccc;margin-top:2px}
.todayStat.overdue strong{color:#ff8989}
.todayStat.due strong{color:#C8AD66}
.todayStat.upcoming strong{color:#fff}

.todayFilters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.todayFilter{border:1px solid #ddd;background:#fff;border-radius:999px;padding:8px 3px;font-size:9px;font-weight:800}
.todayFilter.active{background:#111;color:#C8AD66;border-color:#111}
.todayList{display:grid;gap:9px}
.todayTaskCard{background:#fff;border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.todayTaskCard.overdue{border-left:4px solid #b53d3d}
.todayTaskCard.today{border-left:4px solid #C8AD66}
.todayTaskCard.upcoming{border-left:4px solid #777}
.todayTaskMain{width:100%;border:0;background:#fff;color:#111;text-align:left;padding:11px}
.todayTaskHead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.todayDuePill,.deadlinePill{display:inline-block;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}
.todayDuePill.overdue{background:#f7d7d7;color:#862828}
.todayDuePill.today{background:#fff0bf;color:#755500}
.todayDuePill.upcoming{background:#eee;color:#555}
.deadlinePill{background:#111;color:#C8AD66;margin-left:4px}
.priorityText{font-size:9px;color:#8b6715;font-weight:800}
.todayTaskMain h3{margin:9px 0 4px;font-size:14px}
.todayClient{font-size:11px;font-weight:700}
.todayProperty{font-size:10px;color:#666;margin-top:2px}
.todayNotes{font-size:10px;color:#555;margin-top:7px;background:#faf6eb;border-radius:7px;padding:7px}
.todayTaskActions{display:flex;border-top:1px solid #eee}
.todayTaskActions a,.todayTaskActions button{
  flex:1;border:0;border-right:1px solid #eee;background:#fff;color:#8b6715;
  text-decoration:none;text-align:center;padding:8px 2px;font-size:15px
}
.todayTaskActions a:last-child,.todayTaskActions button:last-child{border-right:0}
.todayTaskActions span{display:block;font-size:7px;color:#555;margin-top:2px}
.todayEmpty{text-align:center;padding:40px 10px;color:#777}
.recordActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px}
.taskModalBtn{border-color:#C8AD66!important;color:#8b6715!important;font-weight:800!important}
@media(max-width:760px){
  .recordActionGrid{margin-bottom:90px}
}

.propertyPhotoUploadField{margin-top:2px}
.propertyPhotoPicker{
  border:1px solid #ddd;
  border-radius:12px;
  padding:10px;
  background:#fafafa;
}
.propertyPhotoPreviewWrap{
  width:100%;
  aspect-ratio:16/9;
  border-radius:10px;
  overflow:hidden;
  background:#eee7db;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}
.propertyPhotoPreview{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.propertyPhotoPreviewEmpty{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:34px;
  color:#8a7553;
}
.propertyPhotoPreviewEmpty span{
  font-size:10px;
  font-weight:700;
  color:#777;
}
.propertyPhotoChooseBtn{
  width:100%;
  min-height:46px;
  border:1px solid #C8AD66;
  border-radius:10px;
  background:#fff;
  color:#8a6512;
  font-size:13px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-sizing:border-box;
}
.propertyPhotoFileInput{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.propertyPhotoFileName{
  font-size:9px;
  color:#777;
  text-align:center;
  margin-top:7px;
}
@media(max-width:760px){
  .propertyPhotoChooseBtn{
    min-height:50px;
    font-size:14px;
  }
}

.photoUploadBanner{
  position:fixed;
  left:12px;
  right:12px;
  bottom:82px;
  z-index:100000;
  background:#111;
  color:#fff;
  border:1px solid #C8AD66;
  border-radius:13px;
  padding:11px 12px;
  box-shadow:0 8px 30px rgba(0,0,0,.28);
}
.photoUploadBanner.hidden{display:none}
.photoUploadBanner.success{
  border-color:#6fa66f;
}
.photoUploadBanner.error{
  border-color:#b53d3d;
}
.photoUploadBannerRow{
  display:flex;
  align-items:center;
  gap:10px;
}
.photoUploadIcon{
  width:34px;
  height:34px;
  flex:0 0 auto;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#C8AD66;
  color:#111;
}
.photoUploadCopy{
  flex:1;
  min-width:0;
}
.photoUploadCopy strong{
  display:block;
  font-size:11px;
  line-height:1.35;
}
.photoUploadTrack{
  margin-top:7px;
  height:5px;
  background:#333;
  border-radius:999px;
  overflow:hidden;
}
.photoUploadBar{
  height:100%;
  width:0;
  background:#C8AD66;
  border-radius:999px;
  transition:width .2s ease;
}
.modal .primaryBtn:disabled{
  opacity:.65;
  cursor:wait;
}

.leadModalActions{display:flex;align-items:center;gap:10px}
.leadModalActions .actionSpacer{flex:1 1 auto}
.dangerBtn{border:1px solid #b52b2b;background:#fff;color:#b52b2b;border-radius:12px;padding:12px 14px;font-weight:800}
.dangerBtn:disabled,#leadSaveBtn:disabled{opacity:.55}

.crmHeaderActions{display:flex;gap:10px}.crmSheetLink{text-decoration:none;display:inline-flex;align-items:center}.crmStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.crmStats>div{border:1px solid #e2e2e2;border-radius:14px;padding:16px;background:#fff}.crmStats strong{display:block;font-size:25px}.crmStats span{font-size:12px;color:#666}.crmFilters{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:15px}.crmFilters input,.crmFilters select{border:1px solid #d7d7d7;border-radius:10px;padding:11px}.crmContactList{display:grid;gap:9px}.crmContactCard{width:100%;border:1px solid #e3e3e3;background:#fff;border-radius:14px;padding:14px;text-align:left;display:block}.crmCardMain{display:flex;align-items:center;gap:12px}.crmInitial{height:43px;width:43px;border-radius:50%;background:#C8AD66;display:grid;place-items:center;font-weight:800}.crmCardCopy{flex:1;min-width:0}.crmNameLine{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crmContactDetail{font-size:12px;color:#666;margin-top:3px}.crmTagsLine{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.crmTagsLine span{font-size:10px;background:#f2f2f2;border-radius:999px;padding:4px 7px}.crmStatusBadge{background:#f8e9b7!important}.duplicateBadge{font-size:9px!important;background:#ffe0e0!important;color:#922!important}.crmChevron{font-size:25px;color:#C8AD66}.crmQuickActions{display:flex;gap:8px;margin-top:9px;margin-left:55px}.crmQuickActions a{font-size:11px;text-decoration:none;color:#0a74da;border:1px solid #ddd;border-radius:8px;padding:5px 9px;background:#fff}.crmModalQuick .crmQuickActions{margin-left:0}.campaignCard{display:flex;justify-content:space-between;border:1px solid #ddd;border-radius:12px;padding:13px;margin:8px 0}.mobileCRMTools{display:flex;gap:8px;margin-bottom:10px}.mobileCRMTools a,.mobileCRMTools button{flex:1;border:1px solid #C8AD66;background:#fff;border-radius:10px;padding:10px;text-align:center;text-decoration:none;color:#111;font-weight:700;font-size:11px}@media(max-width:700px){.crmStats{grid-template-columns:repeat(2,1fr)}.crmFilters{grid-template-columns:1fr}.crmHeaderActions{flex-wrap:wrap}.crmQuickActions{margin-left:0}}


/* V38 — CRM front-screen card matching the current Command Center style */
.mobileCRMHomeSection{
  padding:0;
  overflow:hidden;
}
.mobileCRMHomeCard{
  width:100%;
  border:0;
  background:#fff;
  display:flex;
  align-items:center;
  gap:14px;
  padding:17px 16px;
  text-align:left;
  color:#111;
  font-family:inherit;
}
.mobileCRMHomeCard:active{
  background:#f8f8f8;
}
.mobileCRMHomeIcon{
  width:46px;
  height:46px;
  border-radius:50%;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  background:#C8AD66;
  color:#111;
  font-size:23px;
  font-weight:800;
}
.mobileCRMHomeText{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.mobileCRMHomeText b{
  font-size:17px;
  line-height:1.15;
}
.mobileCRMHomeText span{
  font-size:12px;
  color:#686868;
}
.mobileCRMHomeText span strong{
  color:#b18412;
  font-size:13px;
}
.mobileCRMHomeArrow{
  color:#b18412;
  font-size:28px;
  line-height:1;
  font-weight:500;
}


/* V39 — Transaction Documents */
.txDocumentsSection{margin-top:18px;padding:16px;border:1px solid #dedede;border-radius:16px;background:#fafafa}
.txDocumentsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.txDocumentsHeader h3{margin:0;font-size:18px}.txDocumentsHeader h3 span{color:#a77c0c}
.txDocumentsHeader p{margin:3px 0 0;font-size:11px;color:#777}.txDocUploadBtn{white-space:nowrap}
.txDocumentGroups{display:grid;gap:9px}.txDocCategory{border:1px solid #dedede;border-radius:12px;background:#fff;overflow:hidden}
.txDocCategoryHead{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:0;background:#fff;padding:13px 14px;text-align:left;font-weight:800;color:#111}
.txDocCategoryHead b{min-width:25px;height:25px;border-radius:999px;display:grid;place-items:center;background:#f3e3ad;color:#805d00;font-size:11px}
.txDocCategoryHead i{font-style:normal;color:#9b7411;font-size:18px}.txDocCategoryHead.collapsed i{transform:rotate(-90deg)}
.txDocCategoryBody{border-top:1px solid #eee}.txDocCategoryBody.collapsed{display:none}
.txDocumentRow{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #eee}.txDocumentRow:last-child{border-bottom:0}
.txDocumentIcon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#111;color:#C8AD66;font-size:9px;font-weight:900;flex:0 0 auto}
.txDocumentInfo{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.txDocumentInfo strong{font-size:12px}.txDocumentInfo span{font-size:10px;color:#777}
.txDocumentActions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.txDocumentActions a,.txDocumentActions button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:700;text-decoration:none;color:#111}
.txDocumentActions button{color:#a22323}.txDocsEmpty{border:1px dashed #ccc;border-radius:10px;padding:18px;text-align:center;color:#777;font-size:12px}
.txDocUploadOverlay{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px}
.txDocUploadModal{width:min(520px,100%);background:#fff;border-radius:18px;padding:18px;max-height:90vh;overflow:auto}
.txDocChooseBtn{display:flex;align-items:center;justify-content:center;padding:13px;border:1px dashed #C8AD66;border-radius:11px;background:#fffaf0;font-weight:800;cursor:pointer}
.txDocUploadProgress{margin:12px 0;border:1px solid #e5e5e5;border-radius:10px;padding:10px}
.txDocUploadProgress>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}
.txDocProgressTrack{height:7px;border-radius:999px;background:#eee;overflow:hidden}#txDocProgressBar{height:100%;width:0;background:#C8AD66;transition:width .2s ease}
@media(max-width:700px){
  .txDocumentsSection{padding:12px;margin-top:15px}
  .txDocumentsHeader{align-items:flex-start;flex-direction:column}
  .txDocUploadBtn{width:100%}
  .txDocumentRow{align-items:flex-start}
  .txDocumentActions{flex-direction:column;flex:0 0 74px}
  .txDocumentActions a,.txDocumentActions button{width:100%;text-align:center}
}


/* V40 — Email transaction documents */
.txDocumentActions .txDocEmailAction{
  color:#805d00;
  border-color:#C8AD66;
  background:#fffaf0;
}
.txDocEmailModal{
  width:min(620px,100%);
}
.txDocEmailAttachment{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px;
  margin-bottom:14px;
  border:1px solid #e3e3e3;
  border-radius:12px;
  background:#fafafa;
}
.txDocEmailAttachment>div:last-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.txDocEmailAttachment strong{
  font-size:13px;
}
.txDocEmailAttachment span{
  font-size:10px;
  color:#777;
}
.txDocEmailMessage{
  min-height:220px;
  resize:vertical;
}
.txDocEmailFrom{
  margin:10px 0 4px;
  padding:10px 12px;
  border-radius:10px;
  background:#f7f1df;
  color:#5f4a12;
  font-size:11px;
}
@media(max-width:700px){
  .txDocEmailMessage{
    min-height:260px;
  }
}


/* V40 — Transaction Contacts + recipient picker */
.txContactsSection{margin-top:18px;padding:16px;border:1px solid #dedede;border-radius:16px;background:#fafafa}
.txContactsHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.txContactsHeader h3{margin:0;font-size:18px}.txContactsHeader h3 span{color:#a77c0c}
.txContactsHeader p{margin:3px 0 0;font-size:11px;color:#777}.txContactList{display:grid;gap:8px}
.txContactRow{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e1e1e1;border-radius:12px;background:#fff}
.txContactAuto{background:#fffdf7}.txContactAvatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#C8AD66;color:#111;font-weight:900}
.txContactInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.txContactEditArea{border:0;background:transparent;text-align:left;font-family:inherit;color:#111;padding:0}
.txContactInfo strong{font-size:13px}.txContactInfo span{font-size:10px;color:#6e6e6e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.txContactQuick{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.txContactQuick a{text-decoration:none;border:1px solid #ddd;border-radius:7px;background:#fff;padding:6px 8px;font-size:10px;font-weight:700;color:#111}
.txContactsEmpty{padding:16px;text-align:center;color:#777;border:1px dashed #ccc;border-radius:10px;font-size:11px}
.txEmailRecipientChoices{display:grid;gap:7px}.txEmailRecipientChip{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid #ddd;background:#fff;border-radius:10px;padding:10px 11px;text-align:left;font-family:inherit;color:#111}
.txEmailRecipientChip b{font-size:12px}.txEmailRecipientChip span{font-size:10px;color:#6e6e6e}
.txEmailRecipientChip.selected{border-color:#C8AD66;background:#fff8df;box-shadow:inset 0 0 0 1px #C8AD66}
.txNoSavedRecipients{padding:12px;border:1px dashed #ccc;border-radius:9px;color:#777;font-size:11px;text-align:center}
@media(max-width:700px){.txContactsSection{padding:12px}.txContactsHeader{align-items:flex-start;flex-direction:column}.txAddContactBtn{width:100%}.txContactQuick{flex-direction:column}}

.txEmailSelectedRecipients{
  display:grid;
  gap:7px;
  min-height:46px;
}
.txEmailSelectedRow{
  padding:10px 11px;
  border:1px solid #C8AD66;
  background:#fff8df;
  border-radius:10px;
}
.txEmailSelectedRow strong{
  display:block;
  font-size:12px;
}
.txEmailSelectedRow span{
  display:block;
  margin-top:2px;
  font-size:10px;
  color:#6e6e6e;
}


/* V47 — Incoming Gmail Documents */
.txDocHeaderActions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.incomingDocsModal{
  width:min(760px,100%);
}
.incomingDocsHelp{
  margin:4px 0 0;
  font-size:11px;
  color:#777;
}
.incomingDocsList{
  display:grid;
  gap:12px;
}
.incomingDocCard{
  border:1px solid #ddd;
  border-radius:14px;
  padding:13px;
  background:#fff;
}
.incomingDocTop{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:11px;
}
.incomingDocInfo{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.incomingDocInfo strong{
  font-size:13px;
}
.incomingDocInfo span{
  font-size:10px;
  color:#6d6d6d;
  overflow:hidden;
  text-overflow:ellipsis;
}
.incomingDocFields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.incomingDocActions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:10px;
}
@media(max-width:700px){
  .txDocHeaderActions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .txDocHeaderActions button{
    width:100%;
  }
  .incomingDocFields{
    grid-template-columns:1fr;
  }
}


/* V48 — Incoming email import results */
.incomingResultsModal{
  width:min(620px,100%);
}
.incomingResultsList{
  display:grid;
  gap:8px;
  margin-top:8px;
}
.incomingResultRow{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px;
  border:1px solid #dedede;
  border-radius:12px;
  background:#fff;
}
.incomingResultIcon{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-weight:800;
}
.incomingResultInfo{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.incomingResultInfo strong{
  font-size:12px;
}
.incomingResultInfo span{
  font-size:10px;
  color:#707070;
}
.incomingResultReview{
  display:grid;
  gap:5px;
  margin-top:12px;
  padding:12px;
  border:1px solid #C8AD66;
  border-radius:12px;
  background:#fff9e7;
}
.incomingResultReview strong{
  font-size:12px;
}
.incomingResultReview span{
  font-size:10px;
  color:#6d6d6d;
}
.incomingResultReview button{
  margin-top:5px;
  justify-self:start;
}
.incomingResultSkipped{
  margin-top:10px;
  font-size:10px;
  color:#777;
}


/* V49 — Transactions grouped by status */
.transactionGroupTabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0 12px;
}
.transactionGroupTab{
  border:1px solid #d8d8d8;
  background:#fff;
  border-radius:11px;
  min-height:42px;
  padding:8px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.transactionGroupTab b{
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#efefef;
  color:#222;
  font-size:10px;
}
.transactionGroupTab.active{
  background:#111;
  color:#fff;
  border-color:#111;
}
.transactionGroupTab.active b{
  background:#C8AD66;
  color:#111;
}
.mobileTransactionGroupTabs{
  margin-top:0;
}
@media(max-width:700px){
  .transactionGroupTabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* V51 — Transaction totals, volume and commission */
.transactionMetricSummary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0 0 13px;
}
.transactionMetricCard{
  border:1px solid #dedede;
  border-radius:13px;
  padding:11px;
  background:#fff;
  display:grid;
  gap:7px;
}
.transactionMetricCard>strong{
  font-size:12px;
  color:#111;
}
.transactionMetricCard>div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  font-size:10px;
  color:#777;
}
.transactionMetricCard>div b{
  color:#111;
  font-size:11px;
  text-align:right;
}
.mobileTransactionMetricSummary{
  margin-top:-3px;
}
@media(max-width:700px){
  .transactionMetricSummary{
    grid-template-columns:1fr;
  }
  .transactionMetricCard{
    grid-template-columns:auto 1fr 1fr 1fr;
    align-items:center;
  }
  .transactionMetricCard>strong{
    min-width:58px;
  }
  .transactionMetricCard>div{
    display:grid;
    gap:2px;
    justify-items:end;
  }
}


/* V53 — Commission breakdown */
.txCommissionBreakdown{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
  padding:10px;
  border:1px solid #e0e0e0;
  border-radius:12px;
  background:#fafafa;
}
.txCommissionBreakdown>div{
  display:grid;
  gap:3px;
}
.txCommissionBreakdown span{
  font-size:9px;
  color:#777;
}
.txCommissionBreakdown b{
  font-size:12px;
  color:#111;
}
.txCommissionBreakdownCompact{
  grid-template-columns:1fr;
  gap:5px;
  margin:7px 0 2px;
  padding:8px;
}
.txCommissionBreakdownCompact>div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.txCommissionBreakdownCompact span{
  font-size:9px;
}
.txCommissionBreakdownCompact b{
  font-size:10px;
}
@media(max-width:700px){
  .txCommissionBreakdown{
    grid-template-columns:1fr;
  }
}


/* V54 — Commission input fields */
.commissionInputGroup{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
@media(max-width:700px){
  .commissionInputGroup{
    grid-template-columns:1fr;
  }
}


/* V55 — working commission edit fields */
.commissionField input{
  font-variant-numeric:tabular-nums;
}


/* V57 — CRM button matches black action buttons */
.crmBlackBtn{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}
.crmBlackBtn *{
  color:#fff !important;
}


/* V58 — actual CRM / Database dashboard card */
.crmDatabaseBlack{
  background:#111 !important;
  border-color:#C8AD66 !important;
  color:#fff !important;
}
.crmDatabaseBlack h1,
.crmDatabaseBlack h2,
.crmDatabaseBlack h3,
.crmDatabaseBlack h4,
.crmDatabaseBlack p,
.crmDatabaseBlack span,
.crmDatabaseBlack div{
  color:#fff !important;
}
.crmDatabaseBlack .gold,
.crmDatabaseBlack strong,
.crmDatabaseBlack b{
  color:#C8AD66 !important;
}
.crmDatabaseBlack::before,
.crmDatabaseBlack::after{
  color:#C8AD66 !important;
}


/* V59 — exact mobile CRM / Database home card */
.mobileCRMHomeCardBlack{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #C8AD66 !important;
  border-radius:18px !important;
}
.mobileCRMHomeCardBlack .mobileCRMHomeText b{
  color:#fff !important;
}
.mobileCRMHomeCardBlack .mobileCRMHomeText span{
  color:#cfcfcf !important;
}
.mobileCRMHomeCardBlack .mobileCRMHomeText strong{
  color:#C8AD66 !important;
}
.mobileCRMHomeCardBlack .mobileCRMHomeArrow{
  color:#C8AD66 !important;
}
.mobileCRMHomeCardBlack .mobileCRMHomeIcon{
  background:#C8AD66 !important;
  color:#111 !important;
}


/* V60 — Packet Center */
.packetModalBtn{border-color:#C8AD66!important;color:#111!important}
.packetCenterWrap{align-items:flex-start;overflow:auto;padding:18px}
.packetCenterModal{width:min(980px,100%);max-height:none;margin:18px auto}
.packetTypeTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px}
.packetTypeTab{border:1px solid #ddd;background:#fff;border-radius:10px;padding:11px;font-weight:800;cursor:pointer}
.packetTypeTab.active{background:#111;color:#fff;border-color:#111;box-shadow:inset 0 -3px 0 #C8AD66}
.packetReferenceLinks{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.packetReferenceLinks a{border:1px solid #C8AD66;border-radius:9px;padding:8px 10px;color:#8b6500;text-decoration:none;font-size:11px;font-weight:700;background:#fffaf0}
.packetBuilderIntro,.packetDraftNote{padding:10px 12px;background:#f7f7f7;border-radius:10px;font-size:11px;color:#666;margin-bottom:12px}
.packetFields textarea{min-height:100px}
.packetTeamFields{margin-top:14px;padding-top:12px;border-top:1px solid #ddd}
.packetTeamFields h3{margin:0 0 10px}
.packetActions{position:sticky;bottom:0;background:#fff;padding-top:12px;border-top:1px solid #eee;z-index:3}
.packetPickerModal{width:min(620px,100%)}
.packetPreviewOverlay{position:fixed;inset:0;background:#e9e9e9;z-index:10000;overflow:auto}
.packetPreviewToolbar{position:sticky;top:0;z-index:5;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:2px solid #C8AD66}
.packetPreviewToolbar>div{display:grid;text-align:center;gap:2px}.packetPreviewToolbar span{font-size:10px;color:#bbb}
.packetPrintable{padding:22px 0 60px}
.packetPrintPage{width:8.5in;min-height:11in;margin:0 auto 18px;background:#fff;box-shadow:0 4px 20px #999;padding:.55in .55in .45in;box-sizing:border-box;position:relative;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;color:#111}
.packetGoldBar{position:absolute;left:0;right:0;top:0;height:10px;background:#C8AD66}
.packetPrintPage header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:8px;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:18px}
.packetPrintPage header h1{font-size:28px;margin:4px 0 4px;letter-spacing:.2px}.packetPrintPage header p{margin:0;color:#666;font-size:13px}.packetEyebrow{font-size:9px;letter-spacing:2px;color:#a2780c;font-weight:800}.packetOneMark{width:54px;height:54px;border-radius:50%;background:#111;color:#C8AD66;display:flex;align-items:center;justify-content:center;font-weight:900}
.packetPrintPage main{flex:1}.packetPrintPage footer{border-top:1px solid #ddd;padding-top:10px;font-size:8px;color:#666;margin-top:18px}
.packetHeroPhoto{width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:18px}.packetPriceLabel{text-align:center;font-size:10px;letter-spacing:2px;color:#8c690c;font-weight:800}.packetPrice{font-size:38px;font-weight:900;text-align:center;margin:8px 0 18px;color:#b08108}.packetStatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.packetStatGrid>div{padding:12px;border:1px solid #ddd;border-radius:10px;text-align:center}.packetStatGrid b{font-size:18px;display:block}.packetStatGrid span{font-size:8px;text-transform:uppercase;color:#777;letter-spacing:1px}
.packetTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.packetPrintPage h2{font-size:19px}.packetPrintPage h3{font-size:13px;margin:12px 0 6px}.packetPrintPage p,.packetPrintPage li{font-size:11px;line-height:1.45}.packetPrintPage ul{padding-left:18px}.packetPlaceholder{color:#999;font-style:italic}
.packetSteps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.packetSteps>div{border:1px solid #ddd;border-radius:10px;padding:10px}.packetSteps>div>b,.packetConceptGrid>div>b{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#111;color:#C8AD66;font-size:10px}.packetSteps h3{margin:7px 0 3px}.packetSteps p{margin:0;color:#555}.packetSteps.compact{grid-template-columns:repeat(2,1fr)}
.packetRange{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 18px}.packetRange>div{background:#111;color:#fff;border-radius:10px;padding:14px}.packetRange span{display:block;color:#C8AD66;font-size:9px;text-transform:uppercase;letter-spacing:1px}.packetRange b{display:block;font-size:20px;margin-top:5px}.packetLongText{white-space:pre-wrap;border:1px solid #ddd;border-radius:10px;padding:14px;min-height:140px;font-size:11px;line-height:1.5}.packetLongText.large{min-height:450px}.packetOfferNumber{text-align:center;font-size:48px;font-weight:900;color:#b08108;margin:30px 0}.packetLead{font-size:15px!important;text-align:center;line-height:1.5!important;margin:0 auto 25px;max-width:90%}.packetConceptGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.packetConceptGrid>div{border:1px solid #ddd;border-radius:10px;padding:11px}.packetConceptGrid p{margin:4px 0 0;color:#555}.packetTeamGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.packetTeamGrid>div{border:1px solid #ddd;border-radius:10px;padding:14px;min-height:110px}.packetTeamGrid span{font-size:8px;letter-spacing:1px;color:#9a720b;font-weight:800}.packetBigStatement{font-size:24px;font-weight:800;line-height:1.35;padding:30px 18px;margin:20px 0;border-left:7px solid #C8AD66;background:#f8f8f8}
@media(max-width:800px){.packetCenterWrap{padding:0}.packetCenterModal{margin:0;border-radius:0;min-height:100vh}.packetPrintPage{width:95vw;min-height:123vw;padding:6vw}.packetPreviewToolbar{flex-wrap:wrap}.packetPreviewToolbar>div{order:-1;width:100%}}
@media print{body.printingPacket>*:not(#modalRoot){display:none!important}body.printingPacket #modalRoot>*:not(.packetPreviewOverlay){display:none!important}body.printingPacket .packetPreviewToolbar{display:none!important}body.printingPacket .packetPreviewOverlay{position:static;background:#fff;overflow:visible}body.printingPacket .packetPrintable{padding:0}body.printingPacket .packetPrintPage{width:8.5in;min-height:11in;margin:0;box-shadow:none;page-break-after:always;break-after:page}body.printingPacket .packetPrintPage:last-child{page-break-after:auto}}


/* V61 — Packet Center home card */
.mobilePacketHomeSection{
  margin-top:-2px;
}
.mobilePacketHomeCard{
  width:100%;
}


/* V62 — Email generated packet */
.packetPreviewActions{
  display:flex;
  align-items:center;
  gap:8px;
}
.packetEmailModal{
  width:min(620px,100%);
}
@media(max-width:700px){
  .packetPreviewToolbar{
    gap:8px;
    flex-wrap:wrap;
  }
  .packetPreviewToolbar>div:nth-child(2){
    order:2;
    width:100%;
  }
  .packetPreviewActions{
    margin-left:auto;
  }
}


/* V63 — Packet Center transaction picker */
.packetPickerModal select{
  width:100%;
  min-height:48px;
}


/* V65 — Independent Packet Center */
.packetStartGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0 16px;
}
.packetStartCard{
  min-height:120px;
  border:1px solid #d7d7d7;
  border-radius:16px;
  background:#111;
  color:#fff;
  display:grid;
  justify-items:start;
  align-content:center;
  gap:5px;
  padding:16px;
  text-align:left;
}
.packetStartCard span{
  font-size:26px;
}
.packetStartCard b{
  font-size:15px;
}
.packetStartCard small{
  font-size:10px;
  color:#d0d0d0;
}
.packetStartCard.listing{
  border-color:#C8AD66;
}
.packetOptionalSource{
  border-top:1px solid #e5e5e5;
  padding-top:14px;
  margin-top:4px;
}
.packetOptionalSource h3{
  margin:0 0 4px;
  font-size:13px;
}
.packetUseExistingBtn{
  width:100%;
}
@media(max-width:700px){
  .packetStartGrid{
    grid-template-columns:1fr;
  }
}


/* V66 — locked packet templates + MLS PDF intake */
.packetUploadPanel{
  border:1px solid #ddd;
  border-radius:14px;
  padding:12px;
  margin:12px 0;
  background:#fafafa;
}
.packetUploadPanel h3{margin:0 0 10px;font-size:13px}
.packetUploadGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.packetUploadBox{
  border:1px solid #C8AD66;
  border-radius:12px;
  background:#fff;
  padding:12px;
  display:grid;
  gap:5px;
  cursor:pointer;
}
.packetUploadBox b{font-size:11px}
.packetUploadBox span{font-size:9px;color:#777}
.packetUploadBox input{display:none}
.packetFileNote{font-size:9px;color:#777;margin:9px 0 0;line-height:1.35}
.lockedPacketFrame{
  width:min(100%,900px);
  height:calc(100vh - 145px);
  margin:0 auto;
  display:block;
  border:0;
  background:#e9e9e9;
}
.lockedPacketLoading{
  padding:35px;
  text-align:center;
  font-weight:700;
  color:#fff;
}
@media(max-width:700px){
  .packetUploadGrid{grid-template-columns:1fr}
  .lockedPacketFrame{height:calc(100vh - 205px)}
}

/* V67 — subject MLS + comps import and photo fit */
.packetUploadGrid3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:850px){.packetUploadGrid3{grid-template-columns:1fr;}}


/* V68 — MLS PDF or image intake */
.packetUploadBox span{
  line-height:1.3;
}


/* =========================================================
   V119 MOBILE HEADER — TARGETS THE ACTUAL #mobileApp DOM
   Exact supplied Realty ONE Group Legends artwork.
   No reconstructed logo text.
   ========================================================= */
@media(max-width:760px){
  #mobileApp .premiumMobileHeader{
    background:#090909!important;
    padding:12px 16px 12px!important;
    border-bottom:1px solid #C8AD66!important;
    overflow:hidden!important;
  }

  #mobileApp .premiumTopRow{
    display:grid!important;
    grid-template-columns:48px 1fr 58px!important;
    align-items:center!important;
    min-height:54px!important;
  }

  #mobileApp .premiumMenuBtn{
    color:#C8AD66!important;
  }

  #mobileApp .premiumHeadshotWrap{
    border-color:#C8AD66!important;
  }

  #mobileApp .premiumBrokerageArtwork{
    display:flex!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    padding:5px 0 0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #mobileApp .premiumActualLegendsLogo{
    display:block!important;
    width:210px!important;
    max-width:58vw!important;
    height:auto!important;
    max-height:44px!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0 auto!important;
    transform:none!important;
  }

  #mobileApp .mobileWelcome h2,
  #mobileApp .mobileMetricCard2 small{
    color:#C8AD66!important;
  }

  #mobileApp .goldCircle{
    background:#C8AD66!important;
  }
}

@media(max-width:430px){
  #mobileApp .premiumBrokerageArtwork{
    height:54px!important;
    min-height:54px!important;
  }

  #mobileApp .premiumActualLegendsLogo{
    width:190px!important;
    max-width:54vw!important;
    max-height:40px!important;
  }
}


/* =========================================================
   V120 COLOR-ONLY CORRECTION
   No layout / sizing / spacing changes.
   Brand gold matched to supplied Legends artwork: #C8AD66
   ========================================================= */
:root{
  --rog-legends-gold:#C8AD66;
}

/* Mobile CRM / Database + Packet Center front-screen cards */
#mobileApp .mobileCRMHomeCardBlack{
  border-color:var(--rog-legends-gold)!important;
}
#mobileApp .mobileCRMHomeCardBlack .mobileCRMHomeIcon{
  background:var(--rog-legends-gold)!important;
}
#mobileApp .mobileCRMHomeCardBlack .mobileCRMHomeArrow,
#mobileApp .mobileCRMHomeCardBlack .mobileCRMHomeText strong{
  color:var(--rog-legends-gold)!important;
}

/* Mobile Google Calendar front-screen card */
#mobileApp .mobileFrontCalendar{
  border-color:var(--rog-legends-gold)!important;
}
#mobileApp .frontCalendarIcon{
  background:var(--rog-legends-gold)!important;
}
#mobileApp .mobileFrontCalendarAdd,
#mobileApp .frontCalendarArrow{
  color:var(--rog-legends-gold)!important;
}

/* Mobile More-menu Packet Center / CRM / Calendar icon accents */
#mobileApp .mobileMoreGrid button,
#mobileApp .mobileMoreGrid a{
  border-color:var(--rog-legends-gold)!important;
}

/* Desktop dashboard gold accents for the same brand treatment */
#dashboard .desktopQuickGrid span,
#dashboard .desktopHeroMenu,
#dashboard .desktopWelcome h2,
#dashboard .desktopMetricCard small{
  color:var(--rog-legends-gold)!important;
}
#dashboard .goldCircle{
  background:var(--rog-legends-gold)!important;
}
#dashboard .desktopHeroAvatar{
  border-color:var(--rog-legends-gold)!important;
}



/* V125 targeted workflow controls */
.leadCRMOptionV125{border:1px solid #e5e5e5;border-radius:12px;padding:12px;background:#fff}
.leadCRMCheckV125{display:flex!important;align-items:flex-start;gap:10px}
.leadCRMCheckV125 input{width:18px;height:18px;margin-top:1px;accent-color:#C8AD66}
.leadCRMCheckV125 span{display:flex;flex-direction:column;gap:3px}
.leadCRMCheckV125 small{color:#747474;font-size:11px;line-height:1.35}

.txPeopleSectionV125{border:1px solid #e5e5e5;border-radius:12px;padding:12px;background:#fafafa}
.txPeopleTitleV125{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.txPeopleTitleV125>div{display:flex;flex-direction:column;gap:3px}
.txPeopleTitleV125 small,.txPersonPrimaryV125 small{color:#747474;font-size:11px;line-height:1.35}
.txPersonPrimaryV125,.txPersonExtraV125{border-top:1px solid #ececec;padding-top:10px;margin-top:10px}
.txPersonPrimaryV125{border-top:0;padding-top:0;margin-top:0;display:flex;flex-direction:column;gap:3px}
.txPersonHeadV125{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.txPersonRemoveV125{border:0;background:transparent;color:#a52d2d;font-size:11px;font-weight:700}
.txPersonFieldsV125{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
@media(max-width:760px){
 .txPeopleTitleV125{align-items:flex-start;flex-direction:column}
 #v125AddTxPerson{width:100%}
 .txPersonFieldsV125{grid-template-columns:1fr}
}


/* V125 existing pipeline / CRM selector for transactions */
.txExistingPickerFieldV125{display:flex;flex-direction:column;justify-content:flex-end}
.txExistingPickerBtnV125{width:100%;min-height:42px;text-align:center}
.existingTxOverlayV125{
  position:absolute;inset:0;background:rgba(0,0,0,.48);z-index:60;
  display:flex;align-items:flex-start;justify-content:center;padding:18px;
  border-radius:inherit;overflow:auto
}
.existingTxPickerV125{
  width:min(620px,100%);background:#fff;border-radius:14px;padding:16px;
  box-shadow:0 16px 50px rgba(0,0,0,.25);margin-top:12px
}
.existingTxPickerHeadV125{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.existingTxPickerHeadV125 h3{margin:0 0 3px;font-size:18px}
.existingTxPickerHeadV125 p{margin:0;color:#777;font-size:12px}
.existingTxSearchV125{
  width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:9px;
  padding:11px 12px;font-size:14px;margin-bottom:10px
}
.existingTxContactListV125{display:flex;flex-direction:column;gap:7px;max-height:430px;overflow:auto}
.existingTxContactV125{
  width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;
  text-align:left;border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:10px;
  cursor:pointer
}
.existingTxContactV125:hover{border-color:#C8AD66;background:#fffdf7}
.existingTxAvatarV125{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:#111;color:#C8AD66;font-weight:800
}
.existingTxContactTextV125{display:flex;flex-direction:column;gap:2px;min-width:0}
.existingTxContactTextV125 strong{font-size:13px;color:#111}
.existingTxContactTextV125 span{font-size:11px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.existingTxContactTextV125 small{font-size:10px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.existingTxPickV125{color:#9d7a24;font-size:11px;font-weight:800}
.existingTxEmptyV125{text-align:center;padding:24px;color:#777;font-size:12px}
@media(max-width:760px){
  .existingTxOverlayV125{padding:8px}
  .existingTxPickerV125{margin-top:2px;padding:12px}
  .existingTxContactListV125{max-height:55vh}
  .existingTxContactV125{grid-template-columns:34px 1fr auto;padding:9px}
  .existingTxAvatarV125{width:32px;height:32px}
}


/* V126 status pill colors only */
/* Buyer + Seller Pipeline */
.statusPill.hot,.mobileStatus.hot{background:#f7c7c7;color:#9b1c1c}
.statusPill.dead,.mobileStatus.dead{background:#dbeafe;color:#1e4f8f}
.statusPill.lead,.mobileStatus.lead{background:#eeeeee;color:#555555}
.statusPill.nurture,.mobileStatus.nurture{background:#4169e1;color:#ffffff}
.statusPill.pending,.mobileStatus.pending{background:#fff0bf;color:#7a5700}
.statusPill.closed,.mobileStatus.closed{background:#d8f0dd;color:#1f6b35}

/* Transactions: Under Contract now displays Pending but keeps its existing pale-gold pill */
.statusPill.contract,.mobileStatus.contract{background:#fff0bf;color:#7a5700}

/* V127 Seller Pipeline: Listed pill */
.statusPill.listed,.mobileStatus.listed{background:#f8c8dc;color:#8b2f5a}


/* V128 CRM Action Dashboard */
.crmDashGridV128{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}
.crmDashGridV128 button,.mobileCrmDashGridV128 button{border:1px solid #e5e5e5;background:#fff;border-radius:12px;padding:14px 10px;text-align:left;cursor:pointer}
.crmDashGridV128 button:hover,.crmDashGridV128 button.active{border-color:#C8AD66;background:#fffdf7}
.crmDashGridV128 strong,.mobileCrmDashGridV128 strong{display:block;font-size:24px;color:#111}
.crmDashGridV128 span,.mobileCrmDashGridV128 span{display:block;font-size:11px;color:#666;margin-top:3px;font-weight:700}
.crmTodayPanelV128,.mobileCrmTodayPanelV128{border:1px solid #e5e5e5;border-radius:14px;background:#fafafa;padding:13px;margin:0 0 14px}
.crmTodayHeadV128 h3{margin:0;font-size:15px}.crmTodayHeadV128 p{margin:2px 0 10px;font-size:11px;color:#777}
.crmTodayActionsV128{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.crmActionCardV128{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:9px;text-align:left;cursor:pointer}
.crmActionInitialV128{width:34px;height:34px;border-radius:50%;background:#111;color:#C8AD66;display:grid;place-items:center;font-weight:800}
.crmActionCopyV128{display:flex;flex-direction:column;gap:2px;min-width:0}.crmActionCopyV128 strong{font-size:12px}.crmActionCopyV128 span{font-size:10px;color:#a14a26;font-weight:700}.crmActionCopyV128 small{font-size:9px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crmActionChevronV128{color:#9d7a24;font-weight:800}.crmNoActionsV128{padding:14px;color:#777;font-size:11px}
.crmMarkContactedV128{margin-left:7px}
.mobileCrmDashGridV128{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.mobileCrmDashGridV128 button{padding:10px 7px;text-align:center}.mobileCrmDashGridV128 strong{font-size:20px}
.mobileCrmTodayPanelV128{margin-bottom:10px;padding:10px}.mobileCrmTodayPanelV128 .crmTodayActionsV128{grid-template-columns:1fr}
@media(max-width:1000px){.crmDashGridV128{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.crmDashGridV128{grid-template-columns:repeat(2,1fr)}.crmTodayActionsV128{grid-template-columns:1fr}}


/* V129 CRM editable contact form */
.crmEditModalV129 input,.crmEditModalV129 select,.crmEditModalV129 textarea{
  pointer-events:auto!important;
  opacity:1!important;
}
.crmEditSubtitleV129{margin:3px 0 0;color:#777;font-size:11px}
.crmEditQuickV129{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.crmEditQuickV129 .crmQuickActions{margin:0}
@media(max-width:760px){
  .crmEditModalV129{max-height:90vh;overflow:auto}
}


/* V130 CRM Campaign Builder */
.campaignBuilderModalV130,.campaignEditModalV130,.campaignContactsModalV130{max-width:900px}
.campaignSubV130{margin:3px 0 0;color:#777;font-size:11px}
.campaignTopActionsV130{display:flex;justify-content:flex-end;margin:8px 0 12px}
.campaignListV130{display:flex;flex-direction:column;gap:9px}
.campaignCardV130{border:1px solid #e5e5e5;border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff}
.campaignCardMainV130{min-width:0}.campaignCardMainV130>div{display:flex;align-items:center;gap:8px}.campaignCardMainV130 strong{font-size:14px}.campaignCardMainV130 p{margin:4px 0;font-size:11px;color:#666}.campaignCardMainV130 small{font-size:10px;color:#888}
.campaignStatusV130{font-size:9px;font-weight:800;border-radius:999px;padding:4px 7px;background:#eee;color:#555}
.campaignCardActionsV130{display:flex;gap:7px}
.campaignStepsHeadV130{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.campaignStepsHeadV130 h3{margin:0;font-size:15px}.campaignStepsHeadV130 p{margin:2px 0 0;color:#777;font-size:10px}
.campaignStepV130{position:relative;border:1px solid #e5e5e5;border-radius:12px;padding:12px 12px 12px 54px;margin-bottom:9px;background:#fafafa}
.campaignStepNumberV130{position:absolute;left:12px;top:13px;width:28px;height:28px;border-radius:50%;background:#111;color:#C8AD66;display:grid;place-items:center;font-weight:800;font-size:12px}
.campaignStepGridV130{display:grid;grid-template-columns:110px 180px 1fr;gap:9px}.campaignStepGridV130 label{font-size:10px;font-weight:700;color:#555}.campaignStepGridV130 .full{grid-column:1/-1}.campaignStepGridV130 input,.campaignStepGridV130 select,.campaignStepGridV130 textarea{width:100%;box-sizing:border-box;margin-top:4px}
.campaignRemoveStepV130{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#a52d2d;font-size:10px;font-weight:800;cursor:pointer}
.campaignEmptyStepsV130{border:1px dashed #ccc;border-radius:10px;padding:18px;text-align:center;color:#777;font-size:11px}
.campaignEnrolledListV130{display:flex;flex-direction:column;gap:7px}.campaignEnrolledV130{display:flex;justify-content:space-between;border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:11px;text-align:left;cursor:pointer}.campaignEnrolledV130 span{font-size:10px;color:#777}
@media(max-width:760px){
 .campaignCardV130{align-items:flex-start;flex-direction:column}.campaignCardActionsV130{width:100%}.campaignCardActionsV130 button{flex:1}
 .campaignStepV130{padding:48px 10px 10px}.campaignStepNumberV130{top:10px}.campaignStepGridV130{grid-template-columns:1fr}.campaignStepGridV130 .full{grid-column:auto}.campaignStepsHeadV130{align-items:flex-start;gap:10px}
}


/* V132 safe campaign tracking */
.campaignProgressModalV132,.campaignActionsModalV132{max-width:900px}
.campaignSubV132{margin:3px 0 0;color:#777;font-size:11px}
.campaignNoV132{border:1px dashed #ccc;border-radius:12px;padding:20px;text-align:center;color:#777}
.campaignSummaryV132{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.campaignSummaryV132>div{border:1px solid #e5e5e5;border-radius:10px;padding:10px;background:#fafafa}
.campaignSummaryV132 span{display:block;font-size:9px;color:#777;text-transform:uppercase;font-weight:800}
.campaignSummaryV132 strong{display:block;margin-top:3px;font-size:12px}.campaignSummaryV132 strong.overdue{color:#a52d2d}
.campaignControlsV132{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.campaignStepsV132{display:flex;flex-direction:column;gap:8px}
.campaignStepV132{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #e5e5e5;border-radius:11px;padding:10px;background:#fff}
.campaignStepV132.next{border-color:#C8AD66;background:#fffdf7}.campaignStepV132.done{opacity:.65;background:#f5f5f5}
.campaignStepNumV132{width:32px;height:32px;border-radius:50%;background:#111;color:#C8AD66;display:grid;place-items:center;font-weight:800}
.campaignStepV132.done .campaignStepNumV132{background:#d8f0dd;color:#1f6b35}
.campaignStepCopyV132{display:flex;flex-direction:column;gap:2px}.campaignStepCopyV132 strong{font-size:12px}.campaignStepCopyV132 span{font-size:11px}.campaignStepCopyV132 small{font-size:10px;color:#666}.campaignStepCopyV132 em{font-size:9px;color:#888;font-style:normal}
.campaignActionStatsV132{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.campaignActionStatsV132>div{border:1px solid #e5e5e5;border-radius:10px;padding:10px}.campaignActionStatsV132 strong{display:block;font-size:22px}.campaignActionStatsV132 span{font-size:10px;color:#777}
.campaignActionListV132{display:flex;flex-direction:column;gap:7px}.campaignActionCardV132{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;border:1px solid #e5e5e5;background:#fff;border-radius:10px;padding:10px;text-align:left}.campaignActionCardV132 div:nth-child(2){display:flex;flex-direction:column;gap:2px}.campaignActionCardV132 strong{font-size:12px}.campaignActionCardV132 span{font-size:10px;color:#666}.campaignActionCardV132 small{font-size:9px;color:#a14a26;font-weight:700}.campaignActionDotV132{width:8px;height:8px;border-radius:50%;background:#C8AD66}.campaignActionDotV132.overdue{background:#c83b3b}
@media(max-width:760px){.campaignSummaryV132{grid-template-columns:1fr 1fr}.campaignStepV132{grid-template-columns:30px 1fr}.campaignStepV132 .primaryBtn{grid-column:1/-1;width:100%}}


/* V133 Birthday + Home Anniversary reminders */
.clientDatesPanelV133{border:1px solid #e5e5e5;border-radius:14px;background:#fafafa;padding:12px;margin:12px 0}
.clientDatesHeadV133{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.clientDatesHeadV133 h3{margin:0;font-size:14px}.clientDatesHeadV133 p,.clientDateSubV133{margin:2px 0 0;color:#777;font-size:10px}
.clientDatesListV133{display:flex;flex-direction:column;gap:8px}
.clientDateCardV133{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:1px solid #e5e5e5;background:#fff;border-radius:11px;padding:10px}
.clientDateIconV133{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#111;font-size:18px}
.clientDateCopyV133{display:flex;flex-direction:column;gap:2px;min-width:0}
.clientDateCopyV133 strong{font-size:12px}.clientDateCopyV133 span{font-size:10px;color:#9d5d20;font-weight:700}.clientDateCopyV133 small{font-size:9px;color:#777}
.clientDateActionsV133{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.clientDateActionsV133 a,.clientDateActionsV133 button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800;text-decoration:none;color:#222;cursor:pointer}
.clientDateActionsV133 a:hover,.clientDateActionsV133 button:hover{border-color:#C8AD66;background:#fffdf7}
.clientDateActionsV133 .done{background:#d8f0dd;color:#1f6b35;border-color:#b9ddc0}
.clientDateEmptyV133{padding:12px;color:#777;font-size:10px;text-align:center}
.clientDatesModalV133{max-width:900px}
@media(max-width:760px){
 .clientDateCardV133{grid-template-columns:34px 1fr}
 .clientDateActionsV133{grid-column:1/-1;justify-content:flex-start}
 .clientDateActionsV133 a,.clientDateActionsV133 button{flex:1;text-align:center}
 .clientDatesHeadV133{align-items:flex-start}
}


/* V134 Holiday + Past Client campaigns */
.holidayPanelV134{border:1px solid #e5e5e5;border-radius:14px;background:#fafafa;padding:12px;margin:12px 0}
.holidayModalV134,.holidayAssignModalV134{max-width:900px}.holidaySubV134{margin:3px 0 0;color:#777;font-size:10px}
.holidayCampaignListV134{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.holidayCampaignCardV134{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e5e5e5;border-radius:11px;padding:11px;background:#fff}
.holidayCampaignCardV134>div{display:flex;flex-direction:column;gap:2px}.holidayCampaignCardV134 strong{font-size:12px}.holidayCampaignCardV134 span{font-size:10px;color:#666}.holidayCampaignCardV134 small{font-size:9px;color:#888}
.holidayDueSectionV134{margin-top:14px}.holidayDueSectionV134 h3{font-size:14px}
.holidayDueV134{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border:1px solid #e5e5e5;border-radius:10px;background:#fff;padding:9px;margin-bottom:7px}
.holidayIconV134{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#111;color:#C8AD66;font-weight:900}
.holidayCopyV134{display:flex;flex-direction:column;gap:2px}.holidayCopyV134 strong{font-size:11px}.holidayCopyV134 span{font-size:10px;color:#9d5d20;font-weight:700}.holidayCopyV134 small{font-size:9px;color:#777}
.holidayActionsV134{display:flex;gap:5px}.holidayActionsV134 a,.holidayActionsV134 button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;text-decoration:none;color:#222;cursor:pointer}
.holidayBulkV134{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.holidayContactListV134{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:60vh;overflow:auto}
.holidayContactListV134 label{display:flex;align-items:center;gap:9px;border:1px solid #e5e5e5;border-radius:9px;padding:9px;background:#fff;cursor:pointer}.holidayContactListV134 span{display:flex;flex-direction:column}.holidayContactListV134 strong{font-size:11px}.holidayContactListV134 small{font-size:9px;color:#777}
@media(max-width:760px){.holidayCampaignListV134,.holidayContactListV134{grid-template-columns:1fr}.holidayDueV134{grid-template-columns:32px 1fr}.holidayActionsV134{grid-column:1/-1}.holidayActionsV134 a,.holidayActionsV134 button{flex:1;text-align:center}}


/* V135 - keep recurring campaign tools out of CRM dashboard/top area */
#clientDatesPanelV133,
#mobileClientDatesPanelV133,
#holidayPanelV134,
#mobileHolidayPanelV134{
  display:none!important;
}

/* V135 - recurring tools live inside Campaigns */
.recurringCampaignsV135{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #e5e5e5;
}
.recurringCampaignHeadV135 h3{
  margin:0;
  font-size:15px;
}
.recurringCampaignHeadV135 p{
  margin:3px 0 10px;
  color:#777;
  font-size:10px;
}
.recurringCampaignGridV135{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.recurringCampaignCardV135{
  display:grid;
  grid-template-columns:40px 1fr auto;
  gap:10px;
  align-items:center;
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:12px;
  padding:12px;
  background:#fff;
  text-align:left;
  cursor:pointer;
}
.recurringCampaignCardV135:hover{
  border-color:#C8AD66;
  background:#fffdf7;
}
.recurringCampaignIconV135{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#111;
  color:#C8AD66;
  display:grid;
  place-items:center;
  font-size:18px;
}
.recurringCampaignCardV135>div:nth-child(2){
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.recurringCampaignCardV135 strong{
  font-size:12px;
}
.recurringCampaignCardV135 span{
  font-size:10px;
  color:#666;
  line-height:1.35;
}
.recurringCampaignCardV135>b{
  color:#9d7a24;
  font-size:18px;
}
@media(max-width:760px){
  .recurringCampaignGridV135{
    grid-template-columns:1fr;
  }
}

/* V136 Comparables Center */
.packetStartCard.comparables{border-color:#C8AD66;background:#111;color:#fff}
.packetStartCard.comparables b{color:#fff}
.packetStartCard.comparables small{color:#d0d0d0}
.cmpCenterModal{max-width:1180px}
.cmpModeTabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 12px}.cmpModeTabs button,.cmpAnalysisRow button,.cmpFindActions button{border:1px solid #d9d9d9;background:#fff;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer}.cmpModeTabs button.active,.cmpAnalysisRow button.active{background:#111;color:#fff;border-color:#111}.cmpAnalysisRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cmpAnalysisRow span{font-weight:800;margin-right:6px}.cmpAnalysisRow button{padding:8px 12px}
.cmpSubjectPanel,.cmpFindPanel,.cmpReviewPanel{border:1px solid #e2e2e2;border-radius:16px;padding:18px;margin:14px 0;background:#fff}.cmpSubjectPanel h3,.cmpFindPanel h3,.cmpReviewPanel h3{margin:0 0 12px}.cmpSubjectGrid,.cmpManualGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cmpSubjectGrid label,.cmpManualGrid label{font-size:12px;font-weight:800}.cmpSubjectGrid input,.cmpManualGrid input,.cmpManualGrid select{width:100%;margin-top:5px;border:1px solid #d7d7d7;border-radius:9px;padding:10px;box-sizing:border-box}.cmpManualGrid .span2{grid-column:span 2}.cmpUploadGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.cmpFindPanel{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#faf8f1}.cmpFindPanel p{margin:4px 0 0;color:#666}.cmpFindActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cmpFindActions button{padding:9px 11px}.cmpFindActions button.gold{background:#C8AD66;color:#fff;border-color:#C8AD66}
.cmpReviewHead{display:flex;justify-content:space-between;gap:12px;align-items:center}.cmpReviewHead p{margin:4px 0 0;color:#777}.cmpSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.cmpSummary>div{background:#f7f7f7;border-radius:12px;padding:12px}.cmpSummary b{display:block;font-size:17px}.cmpSummary span{font-size:11px;color:#666}.cmpReviewList{display:grid;gap:10px}.cmpCard{border:1px solid #ddd;border-left:5px solid #111;border-radius:13px;padding:13px}.cmpCard.active{border-left-color:#C8AD66}.cmpCard.pending{border-left-color:#6b6b6b}.cmpCard.sold{border-left-color:#111}.cmpCardTop{display:flex;align-items:center;gap:10px}.cmpInclude{font-weight:800;font-size:12px}.cmpStatus{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:#eee}.cmpStatus.active{background:#fff2c9}.cmpStatus.pending{background:#e9e9e9}.cmpStatus.sold{background:#111;color:#fff}.cmpRemove{border:0;background:transparent;color:#a22;cursor:pointer}.cmpCard h4{margin:8px 0}.cmpStats{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;font-size:11px}.cmpStats span{background:#f7f7f7;border-radius:7px;padding:7px}.cmpStats b{display:block;font-size:9px;color:#777;text-transform:uppercase}.cmpSignal{font-size:11px;line-height:1.45;color:#444;margin:9px 0 0}.cmpEmpty{padding:25px;text-align:center;color:#777;background:#fafafa;border-radius:12px}.cmpManualBox{margin-top:15px;background:#f8f8f8;padding:15px;border-radius:13px}.cmpHiddenFields{display:none!important}
@media(max-width:800px){.cmpModeTabs{grid-template-columns:1fr}.cmpSubjectGrid,.cmpManualGrid{grid-template-columns:repeat(2,1fr)}.cmpUploadGrid{grid-template-columns:1fr}.cmpFindPanel{display:block}.cmpFindActions{justify-content:flex-start;margin-top:12px}.cmpStats{grid-template-columns:repeat(2,1fr)}.cmpSummary{grid-template-columns:repeat(2,1fr)}}

/* V138 AI comparables search */
.cmpAIPanel{align-items:flex-start}.cmpAIRun{font-weight:900}.cmpAIRun:disabled{opacity:.55;cursor:wait}.cmpAIStatus{margin-top:10px;font-size:12px;font-weight:700;color:#555}.cmpAIStatus.working{color:#8a6500}.cmpAIStatus.error{color:#a22}.cmpAIWarnings{margin-top:8px;font-size:11px;line-height:1.45;color:#666}.cmpSourceLink{display:inline-block;margin-top:9px;font-size:11px;font-weight:800;color:#8a6500;text-decoration:none}.cmpSourceLink:hover{text-decoration:underline}
\n/* V150 Comparables pricing recommendation — locked packet design, improved controls only */\n.cmpPricingPanel{border:1px solid #C8AD66;background:#fffdf7}.cmpPricingCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.cmpPricingCard{border:1px solid #C8AD66;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:5px;min-height:92px}.cmpPricingCard.range{background:#fffaf0}.cmpPricingCard.action{background:#111;color:#fff}.cmpPricingCard span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.cmpPricingCard strong{font-size:25px;line-height:1.1;color:#C8AD66}.cmpPricingCard small{font-size:12px;color:#777}.cmpPricingCard.action small{color:#cfcfcf}.cmpPricingEdit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cmpPricingEdit label{font-weight:700}.cmpPricingEdit input{width:100%;margin-top:5px}@media(max-width:700px){.cmpPricingCards,.cmpPricingEdit{grid-template-columns:1fr}.cmpPricingCard strong{font-size:23px}}\n/* V175 CRM Cleanup Queue */
.cleanupStatsV175{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.cleanupStatsV175>div{border:1px solid #ddd;border-radius:16px;padding:14px;text-align:center;background:#fafafa}.cleanupStatsV175 strong{display:block;font-size:26px}.cleanupStatsV175 span{color:#777;font-size:13px}.cleanupToolbarV175{display:grid;grid-template-columns:1fr 180px;gap:10px;margin:12px 0 16px}.cleanupToolbarV175 input,.cleanupToolbarV175 select{min-height:46px;border:1px solid #ccc;border-radius:12px;padding:10px;font-size:16px;background:#fff}.cleanupCardV175{border:1px solid #ddd;border-radius:16px;padding:15px;margin:10px 0;background:#fff}.cleanupCardTopV175{display:flex;justify-content:space-between;gap:12px;align-items:center}.cleanupCardTopV175 strong{font-size:18px}.cleanupMetaV175{color:#777;margin-top:4px;font-size:13px}.cleanupIssuesV175{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.cleanupIssuesV175 span{background:#fff3cd;border:1px solid #C8AD66;border-radius:999px;padding:5px 9px;font-size:12px;color:#6b5210}.crmCleanupModalV175{max-width:820px}@media(max-width:700px){.cleanupToolbarV175{grid-template-columns:1fr}.cleanupStatsV175{gap:7px}.cleanupStatsV175>div{padding:10px 5px}.cleanupCardTopV175{align-items:flex-start}.cleanupCardTopV175 .primaryBtn{white-space:nowrap;padding:10px 12px}}
/* V181 cleanup focused workflow */
.cleanupSaveNextV181{min-width:150px}
.crmCleanupModalV175 .cleanupCardV175{scroll-margin-top:18px}
@media(max-width:640px){.cleanupSaveNextV181{flex:1;min-width:0}.crmEditModalV129 .actions,.modal .leadModalActions{gap:8px}}

/* V183 Pipeline Health */
.phModalV183{max-width:820px}.phStatsV183{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.phStatsV183>div{border:1px solid #ddd;border-radius:14px;padding:14px;text-align:center;background:#fff}.phStatsV183 strong{display:block;font-size:25px}.phStatsV183 span{font-size:12px;color:#666}.phSideTabsV183,.phFiltersV183{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.phSideTabsV183 button,.phFiltersV183 button{white-space:nowrap;border:1px solid #ddd;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700}.phSideTabsV183 button.active,.phFiltersV183 button.active{background:#111;color:#C8AD66;border-color:#111}.phSummaryV183{margin:4px 0 10px;color:#666}.phRowsV183{display:grid;gap:10px;max-height:58vh;overflow:auto;padding-bottom:10px}.phCardV183{border:1px solid #ddd;border-left:5px solid #C8AD66;border-radius:14px;padding:14px;background:#fff}.phCardTopV183{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.phCardTopV183 strong{display:block;font-size:18px;margin:3px 0}.phCardTopV183 small{display:block;color:#666}.phCardTopV183 button{border:1px solid #C8AD66;background:#fff;border-radius:10px;padding:8px 12px;font-weight:800}.phSideV183{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#C8AD66;font-weight:900}.phNextV183{margin-top:10px;background:#fff8e6;border-radius:9px;padding:8px 10px}.phIssuesV183{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.phIssuesV183 span{background:#f1f1f1;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.phIssuesV183 span.bad{background:#fde0e0;color:#9b2525}.phIssuesV183 span.good{background:#e8f5eb;color:#28723a}@media(max-width:650px){.phStatsV183{grid-template-columns:repeat(2,1fr)}.phModalV183{width:100%;max-width:none}.phRowsV183{max-height:62vh}}


/* V187 MARKETING CENTER */
.marketingPanelV187{overflow:hidden}.marketingHeroV187{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#111;color:#fff;border-radius:20px;padding:28px;margin-bottom:20px;border-bottom:4px solid #C8AD66}.marketingHeroV187 h3{font-size:28px;margin:4px 0 8px}.marketingHeroV187 p{margin:0;max-width:720px;color:#ddd;line-height:1.5}.marketingEyebrowV187{font-size:11px;letter-spacing:2px;color:#C8AD66;font-weight:800}.marketingGoldBtnV187{border:0;border-radius:12px;background:#C8AD66;color:#111;padding:14px 18px;font-weight:800;white-space:nowrap}.marketingToolGridV187{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.marketingToolGridV187 button{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:5px;min-height:140px}.marketingToolGridV187 button span{font-size:28px}.marketingToolGridV187 button b{font-size:16px}.marketingToolGridV187 button small{color:#777;line-height:1.35}.marketingSectionHeadV187{display:flex;justify-content:space-between;align-items:end;margin:16px 0 10px}.marketingSectionHeadV187 h3{margin:0}.marketingSectionHeadV187 p{margin:3px 0 0;color:#777;font-size:13px}.marketingDraftListV187{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.marketingDraftListV187>button{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px}.marketingDraftListV187 span,.marketingDraftListV187 small{color:#666}.marketingEmptyV187{padding:20px;border:1px dashed #ccc;border-radius:12px;color:#777;grid-column:1/-1}
.marketingModalWrapV187{align-items:flex-start;padding:20px 10px;overflow:auto}.marketingModalV187{width:min(1240px,98vw);max-width:none}.marketingCreatorGridV187{display:grid;grid-template-columns:minmax(380px,1fr) minmax(360px,.9fr);gap:22px}.marketingControlsV187{max-height:76vh;overflow:auto;padding-right:4px}.marketingBlockV187{border:1px solid #e6e6e6;border-radius:14px;padding:15px;margin-bottom:12px;background:#fff}.marketingBlockV187 h3{margin:0 0 12px;font-size:15px}.marketingPhotoInputV187{display:flex;gap:8px;flex-wrap:wrap}.marketingPhotoInputV187 input{display:none}.marketingCaptionHeadV187{display:flex;justify-content:space-between;align-items:center}.marketingCaptionV187{min-height:190px!important}.marketingInlineActionsV187{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.marketingPreviewSideV187{background:#f5f5f5;border-radius:16px;padding:14px;align-self:start;position:sticky;top:10px}.marketingPreviewToolbarV187{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.marketingPreviewToolbarV187 span{font-size:12px;color:#777}.marketingPreviewWrapV187{display:flex;justify-content:center;max-height:68vh;overflow:auto}.marketingGraphicV187{width:min(100%,540px);background:#111;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #0002;font-family:Arial,Helvetica,sans-serif}.marketingFeedV187{aspect-ratio:4/5}.marketingSquareV187{aspect-ratio:1/1}.marketingStoryV187{aspect-ratio:9/16}.marketingGraphicPhotoV187{height:58%;position:relative;background:#333;overflow:hidden}.marketingGraphicPhotoV187 img{width:100%;height:100%;object-fit:cover;display:block}.marketingNoPhotoV187{height:100%;display:flex;align-items:center;justify-content:center;color:#aaa;font-weight:800;letter-spacing:2px}.marketingPhotoShadeV187{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6))}.marketingTopTagV187{position:absolute;left:0;bottom:0;background:#C8AD66;color:#111;font-size:clamp(14px,3vw,28px);font-weight:900;letter-spacing:1.5px;padding:10px 22px}.marketingGraphicInfoV187{height:42%;display:flex;flex-direction:column;padding:20px 24px 0;box-sizing:border-box}.marketingAddressV187{font-weight:900;font-size:clamp(18px,3.2vw,30px);text-transform:uppercase;line-height:1.04}.marketingPriceV187{color:#C8AD66;font-size:clamp(18px,3vw,28px);font-weight:900;margin-top:6px}.marketingStatsV187{font-size:clamp(10px,1.8vw,14px);letter-spacing:1px;margin-top:7px;color:#ddd}.marketingFeatureV187{font-size:clamp(10px,1.8vw,14px);margin-top:8px;color:#eee}.marketingOpenV187{margin-top:8px;display:flex;gap:10px;align-items:center}.marketingOpenV187 b{color:#C8AD66}.marketingBrandBarV187{margin-top:auto;border-top:1px solid #555;display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:10px;padding:10px 0 12px}.marketingBrandBarV187 img{max-width:150px;width:100%;max-height:38px;object-fit:contain;object-position:left center;filter:none}.marketingBrandBarV187>div{display:flex;flex-direction:column;font-size:8px;line-height:1.25}.marketingBrandBarV187>div b{font-size:10px;color:#C8AD66}.marketingBrandBarV187 small{font-size:8px;color:#bbb}.marketingStoryV187 .marketingGraphicPhotoV187{height:68%}.marketingStoryV187 .marketingGraphicInfoV187{height:32%;padding:18px 22px 0}.marketingStoryV187 .marketingBrandBarV187 img{max-width:120px}.marketingSquareV187 .marketingGraphicPhotoV187{height:55%}.marketingSquareV187 .marketingGraphicInfoV187{height:45%}.marketingExportV187{display:flex;align-items:center;gap:12px;margin-top:12px}.marketingExportV187 small{color:#666;line-height:1.3;max-width:330px}
@media(max-width:900px){.marketingToolGridV187{grid-template-columns:repeat(2,1fr)}.marketingDraftListV187{grid-template-columns:1fr}.marketingCreatorGridV187{grid-template-columns:1fr}.marketingControlsV187{max-height:none;overflow:visible}.marketingPreviewSideV187{position:static}.marketingModalWrapV187{padding:0}.marketingModalV187{width:100vw;border-radius:0;min-height:100vh}.marketingPreviewWrapV187{max-height:none}.marketingHeroV187{flex-direction:column;align-items:flex-start}.marketingGoldBtnV187{width:100%}}
@media(max-width:600px){.marketingToolGridV187{grid-template-columns:1fr 1fr;gap:8px}.marketingToolGridV187 button{min-height:125px;padding:14px}.marketingHeroV187{padding:20px}.marketingHeroV187 h3{font-size:23px}.marketingGraphicV187{width:100%}.marketingBrandBarV187{grid-template-columns:1.2fr 1fr}.marketingBrandBarV187 small{display:none}.marketingExportV187{flex-direction:column;align-items:stretch}.marketingExportV187 button{width:100%}.marketingCreatorGridV187 .grid2{grid-template-columns:1fr 1fr}}

/* V192 Public Remarks clipboard UX */
.remarksCopyTextV192{user-select:text;-webkit-user-select:text;}
.remarksActionsV192{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;}
.remarksCopyBtnV192{min-height:52px;font-weight:800;}
.remarksCopyStatusV192{min-height:22px;margin-top:8px;font-size:13px;color:#7a5b00;font-weight:700;}
@media(max-width:640px){.remarksActionsV192{grid-template-columns:1fr}.remarksCopyBtnV192{width:100%;font-size:17px;min-height:56px}}

/* V206 Desktop feature parity */
.desktopParityActionsV206{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.desktopParityActionCardV206{display:block;width:100%;border:1.5px solid #C8AD66;border-radius:22px;background:#111;color:#fff;padding:22px;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.desktopParityHeadV206{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.desktopParityHeadV206 span{display:block;color:#C8AD66;font-weight:900;font-size:12px;letter-spacing:.18em;margin-bottom:6px}.desktopParityHeadV206 h2{margin:0;font-size:24px}.desktopParityHeadV206>b{color:#C8AD66;font-size:38px;line-height:1}
.desktopParityStatsV206{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.desktopParityStatsV206>div{background:#262626;border-radius:15px;padding:15px;text-align:center}.desktopParityStatsV206 strong{display:block;font-size:26px;color:#fff}.desktopParityStatsV206>div:first-child strong{color:#ff7373}.desktopParityStatsV206>div:nth-child(2) strong{color:#C8AD66}.desktopParityStatsV206 small{display:block;color:#d5d5d5;margin-top:4px}
.desktopToolsPanelV206{margin-top:22px}.desktopToolGridV206{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.desktopToolGridV206 button,.desktopToolGridV206 a{min-height:145px;border:1.5px solid #C8AD66;border-radius:18px;background:#111;color:#fff;padding:18px;text-align:left;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer}.desktopToolGridV206 span{font-size:28px;margin-bottom:16px;color:#C8AD66}.desktopToolGridV206 b{font-size:18px}.desktopToolGridV206 small{color:#bdbdbd;margin-top:7px;line-height:1.35}.desktopToolGridV206 button:hover,.desktopToolGridV206 a:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.09)}
@media(max-width:1100px) and (min-width:761px){.desktopToolGridV206{grid-template-columns:repeat(2,1fr)}.desktopParityActionsV206{grid-template-columns:1fr}}
\n\n/* V207 Desktop CRM feature parity */\n.desktopCRMActionCenterV207{display:grid;gap:12px;margin:4px 0 18px}.desktopCRMDailyV207{width:100%;border:1px solid #C8AD66;border-radius:16px;background:#111;color:#fff;display:flex;align-items:center;gap:14px;padding:17px 20px;text-align:left;cursor:pointer}.desktopCRMDailyV207:hover{background:#171717}.desktopCRMActionIconV207{width:48px;height:48px;border-radius:50%;background:#C8AD66;color:#111;display:grid;place-items:center;font-size:25px;font-weight:900;flex:0 0 auto}.desktopCRMActionCopyV207{display:flex;flex-direction:column;gap:3px;flex:1}.desktopCRMActionCopyV207 strong{font-size:18px}.desktopCRMActionCopyV207 small{color:#d7d7d7;font-size:12px}.desktopCRMDailyV207>b{color:#C8AD66;font-size:16px}.desktopCRMToolGridV207{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.desktopCRMToolGridV207 button{min-height:82px;border:1px solid #C8AD66;border-radius:13px;background:#fff;padding:12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;cursor:pointer}.desktopCRMToolGridV207 button:hover{background:#fffaf0}.desktopCRMToolGridV207 button>span{grid-row:1/3;font-size:22px;align-self:center}.desktopCRMToolGridV207 button>strong{font-size:14px;align-self:end}.desktopCRMToolGridV207 button>small{font-size:11px;color:#777;align-self:start}.crmFiltersV207{grid-template-columns:1fr 190px}.crmFiltersV207:after{display:none}@media(max-width:900px){.desktopCRMToolGridV207{grid-template-columns:1fr}.desktopCRMDailyV207{align-items:flex-start}}\n
/* ===== V208 DESKTOP HEADER + TRANSACTION METRIC FIX ===== */
@media(min-width:761px){
  #dashboard .desktopHero{margin-top:-30px;}
  #dashboard .desktopHeroBrand{
    grid-template-columns:60px minmax(360px,1fr) auto;
    min-height:170px;
    padding:20px 34px;
  }
  #dashboard .desktopHeroActions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:18px;
  }
  #dashboard .desktopHeroAdd{
    white-space:nowrap;
    background:#C8AD66;
    color:#111;
    border:0;
    font-weight:800;
    padding:12px 18px;
    border-radius:11px;
  }
  #dashboard .desktopHeroAvatar{justify-self:auto;}
}

/* V213 desktop transaction parity */
#txTable .desktopTxRow{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}
#txTable .desktopTxRow:hover{background:#fff8e7}
#txTable .desktopTxRow:focus{outline:2px solid #C8AD66;outline-offset:-2px;background:#fff8e7}

/* V214 transaction document manager */
.txDocSelectWrap{display:flex;align-items:center;justify-content:center;min-width:30px}.txDocSelect{width:20px;height:20px;accent-color:#C8AD66}.txDocHeaderActions{flex-wrap:wrap}.txDocHeaderActions button:disabled{opacity:.4;cursor:not-allowed}.txDocMultiModal{width:min(980px,94vw)}.txDocMultiRows{display:grid;gap:10px;max-height:48vh;overflow:auto;margin:12px 0}.txDocMultiRow{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) minmax(160px,.8fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #ddd;border-radius:12px;background:#fff}.txDocMultiRow input,.txDocMultiRow select{width:100%;min-height:44px;border:1px solid #ccc;border-radius:9px;padding:8px 10px;font-size:15px}.txDocMultiFile{display:flex;flex-direction:column;min-width:0}.txDocMultiFile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txDocMultiFile span{font-size:12px;color:#777}.txDocMultiAttachmentList{border:1px solid #ddd;border-radius:10px;padding:10px 12px;max-height:170px;overflow:auto;margin-bottom:12px}.txDocMultiAttachmentList div{padding:5px 0;border-bottom:1px solid #eee}.txDocMultiAttachmentList div:last-child{border-bottom:0}
@media(max-width:700px){.txDocHeaderActions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}.txDocHeaderActions button{width:100%;font-size:13px;padding:10px 7px}.txDocMultiRow{grid-template-columns:1fr}.txDocumentRow{grid-template-columns:auto auto 1fr}.txDocumentActions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.txDocSelectWrap{align-self:start;padding-top:5px}}


/* V218 — dashboard pending transactions open full transaction editor */
.dashboardTxOpenBtn{
  width:100%;
  border:0;
  background:transparent;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
  padding:0;
}
.dashboardTxOpenBtn:hover{
  background:#fffaf0;
}
.dashboardTxOpenBtn:focus-visible{
  outline:2px solid #C8AD66;
  outline-offset:2px;
}
/* V219: desktop dashboard transaction cards are interactive */
.desktopDashboardTxButton{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  padding:0;
}
.desktopDashboardTxButton:hover{background:#fffaf0;}
.desktopDashboardTxButton:focus-visible{outline:2px solid #C8AD66;outline-offset:2px;}

/* V308 Transaction Command Center cleanup */
.txQuickFilters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}
.txQuickFilter{border:1px solid #ded7c9;background:#fff;color:#26221b;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}
.txQuickFilter.active{background:#111;color:#fff;border-color:#111;box-shadow:inset 0 -3px 0 #C8AD66}
.txCommandTable td{vertical-align:top}
.txPropertySub{display:block;margin-top:4px;color:#756f66;font-weight:600;max-width:240px}
.txDaysPill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 8px;background:#f2efe8;color:#4d473e;font-size:12px;font-weight:900}
.txDaysSoon{background:#fff2c8;color:#735500}.txDaysUrgent{background:#ffe0b8;color:#8a4500}.txDaysOverdue{background:#ffe0e0;color:#9b1b1b}.txDaysClosed{background:#e7f5ea;color:#246b34}.txDaysNone{background:#eee;color:#777}
.txKeyContacts{display:flex;flex-direction:column;gap:3px;min-width:150px;font-size:12px;line-height:1.25}.txKeyContacts span{display:block}.txKeyContacts b{color:#765d1b}
.txSnapshot{margin:0 0 18px;border:1px solid #e2d7bb;background:linear-gradient(180deg,#fffdf7,#fff);border-radius:16px;padding:14px 16px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.txSnapshotTop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.txSnapshotTop>div:first-child{display:grid;gap:5px}.txSnapshotTop strong{font-size:19px}.txSnapshotTop small{color:#777;font-weight:700}.txSnapshotClose{padding-top:2px}
.txSnapshotGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:13px 0}.txSnapshotGrid>div{border-top:1px solid #eadfca;padding-top:9px}.txSnapshotGrid span{display:block;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.txSnapshotGrid b{display:block;margin-top:3px;font-size:14px;overflow-wrap:anywhere}
.txSnapshot>.txKeyContacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid #eadfca;padding-top:10px;font-size:12px}
@media(max-width:900px){.txSnapshotGrid{grid-template-columns:1fr 1fr}.txSnapshot>.txKeyContacts{grid-template-columns:1fr}.txCommandTable .txKeyContacts{min-width:120px}}


/* V311 Transaction milestone alerts on command center */
.txMilestoneAlert{display:flex;flex-direction:column;gap:2px;border-radius:10px;padding:7px 9px;min-width:135px;font-size:12px;line-height:1.2}
.txMilestoneAlert b{font-size:12px}.txMilestoneAlert small{font-size:11px;font-weight:700}
.txMilestoneAlert.overdue{background:#ffe1e1;color:#8d1717;border:1px solid #f2b6b6}
.txMilestoneAlert.dueSoon{background:#fff0c7;color:#735000;border:1px solid #ead18a}
.txMilestoneAlert.clear{background:#eef7ef;color:#2b6936;border:1px solid #cde5d1}
.txMilestoneNone{display:inline-block;color:#777;font-size:11px;font-weight:800;background:#f2f2f2;border-radius:9px;padding:6px 8px;white-space:nowrap}
.txMilestoneClear{display:inline-block;color:#2b6936;font-size:11px;font-weight:900;white-space:nowrap}
.txSnapshotMilestoneAlert{border-top:1px solid #eadfca;margin-top:10px;padding-top:10px}.txSnapshotMilestoneAlert .txMilestoneAlert{max-width:340px}
.txQuickMilestoneOverdue{border-color:#e5aaaa;color:#8d1717}.txQuickMilestoneSoon{border-color:#C8AD66;color:#735000}
.txQuickMilestoneOverdue.active,.txQuickMilestoneSoon.active{color:#fff;border-color:#111}
@media(max-width:900px){.txMilestoneAlert{min-width:115px}.txCommandTable{min-width:1120px}}

/* ===== V318 FINAL TRANSACTION CLEANUP PASS ===== */
.txEditorModalV318{padding-bottom:0;overflow:auto;overscroll-behavior:contain}
.txEditorHeadV318{position:sticky;top:0;z-index:25;background:#fff;border-bottom:1px solid #eee;padding-top:2px;padding-bottom:12px;margin-bottom:14px}
.txEditorActionsV318{position:sticky;bottom:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid #e7dfcf;margin:18px -20px 0;padding:14px 20px 16px;box-shadow:0 -8px 20px rgba(0,0,0,.06)}
.txEditorActionsV318 .primaryBtn{min-width:170px;font-weight:900}
.txEditorQuickActionsV318{margin-top:18px;padding-top:16px;border-top:1px solid #ece5d8}
.txEditorNextActionV318 input{font-weight:700;background:#fffdf8}
.txEditorNotesV318 textarea{min-height:110px;line-height:1.45}
.txSnapshot{position:relative;overflow:hidden}
.txSnapshot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#C8AD66}
.txSnapshotTop strong{line-height:1.15}
.txSnapshotGrid>div{min-height:58px}
.txSnapshot>.txKeyContacts span{padding:3px 0}
.txCommandTable thead th{position:sticky;top:0;z-index:3;background:#fff;border-bottom:2px solid #e5dcc9}
.txCommandTable tbody tr:nth-child(even){background:#fffdf9}
.txCommandTable tbody tr:hover{background:#fff7e4!important}
.txQuickFilters{position:relative}
.txQuickFilter{transition:transform .12s ease,background .12s ease,border-color .12s ease}
.txQuickFilter:hover{transform:translateY(-1px)}
@media(max-width:900px){
  .txEditorHeadV318{top:0}
  .txEditorActionsV318{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .txEditorActionsV318{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}
  .txEditorActionsV318 button{width:100%;min-height:46px}
  .txEditorQuickActionsV318{grid-template-columns:1fr 1fr}
  .txSnapshotGrid>div{min-height:auto}
}

/* V357 desktop live Tasks Due Today */
.tasksPanel{min-height:245px}
.desktopTaskSummary{display:flex;align-items:center;gap:2px;margin:-4px 0 10px;color:#777;font-size:12px;font-weight:700}
.desktopTaskOverdueCount{color:#a23a2a}
.desktopTasksDueToday{display:grid;gap:7px}
.desktopTaskRow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #ece8df}
.desktopTaskRow:last-child{border-bottom:0}
.desktopTaskDone{width:27px;height:27px;border:1px solid #d8cfba;border-radius:50%;background:#fff;color:#a67c16;font-weight:900;cursor:pointer;line-height:1}
.desktopTaskDone:hover{background:#C8AD66;color:#111;border-color:#C8AD66}
.desktopTaskDeadlineIcon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#111;color:#C8AD66;font-weight:900}
.desktopTaskBody{border:0;background:transparent;text-align:left;padding:0;min-width:0;cursor:pointer;color:#111}
.desktopTaskTitle{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desktopTaskBody small{display:block;color:#777;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desktopTaskDue{font-size:10px;font-weight:800;border-radius:999px;padding:5px 7px;white-space:nowrap;background:#f2f2f2;color:#555}
.desktopTaskDue.today{background:#fff0bb;color:#765400}
.desktopTaskDue.overdue{background:#fde3df;color:#9b3022}
.desktopTaskEmpty{display:flex;align-items:center;gap:11px;padding:26px 8px;color:#666}
.desktopTaskEmpty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf7ef;color:#28723a;font-weight:900;font-size:20px}
.desktopTaskEmpty b{display:block;color:#222;font-size:14px}.desktopTaskEmpty small{display:block;margin-top:2px;font-size:11px}
@media(max-width:900px){.desktopTaskViewAll{display:none}}

/* ===== V362 MOBILE TRANSACTION EDITOR LAYOUT ===== */
/* Mobile-only presentation improvements. Desktop transaction editor is unchanged. */
@media (max-width:700px){
  /* Give the editor a little more usable width and breathing room on phones. */
  .txEditorModalV318{padding-left:10px!important;padding-right:10px!important}
  .txEditorHeadV318{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}

  /* DOCUMENTS: identity on top, all controls underneath in a 3 x 2 button grid. */
  .txDocumentsSection{padding:10px!important;border-radius:14px!important}
  .txDocCategory{border-radius:14px!important}
  .txDocumentRow{
    display:grid!important;
    grid-template-columns:42px 54px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:10px!important;
    padding:14px 12px!important;
  }
  .txDocSelectWrap{grid-column:1;grid-row:1;align-self:center!important;padding:0!important;display:flex!important;justify-content:center!important}
  .txDocSelectWrap input{width:24px!important;height:24px!important}
  .txDocumentIcon{grid-column:2;grid-row:1;width:48px!important;height:48px!important;border-radius:12px!important;font-size:11px!important}
  .txDocumentInfo{grid-column:3;grid-row:1;min-width:0!important;gap:4px!important;padding-right:2px!important}
  .txDocumentInfo strong{font-size:15px!important;line-height:1.22!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .txDocumentInfo span{font-size:12px!important;line-height:1.25!important}
  .txDocumentActions{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    flex:initial!important;
    justify-content:stretch!important;
  }
  .txDocumentActions a,.txDocumentActions button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:12px!important;
    border-radius:9px!important;
    box-sizing:border-box!important;
  }
  .txDocumentActions .txDocEmailAction{background:#fffaf0!important}

  /* CONTACTS: content first, Call/Text/Email in one row underneath. */
  .txContactsSection{padding:10px!important;border-radius:14px!important}
  .txContactRow{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:13px 12px!important;
  }
  .txContactAvatar{grid-column:1;grid-row:1;width:42px!important;height:42px!important}
  .txContactInfo{grid-column:2;grid-row:1;min-width:0!important}
  .txContactInfo strong{font-size:15px!important;line-height:1.25!important}
  .txContactInfo span{font-size:12px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .txContactQuick{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .txContactQuick a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 6px!important;
    font-size:12px!important;
    border-radius:9px!important;
    box-sizing:border-box!important;
  }

  /* MILESTONES: no overlapping labels/checks; date and note get their own full-width rows. */
  .txMilestonesSection{padding:10px!important;border-radius:14px!important}
  .txMilestoneList{gap:10px!important}
  .txMilestoneRow{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    gap:10px 8px!important;
    align-items:center!important;
    padding:13px 12px!important;
    border-radius:12px!important;
  }
  .txMilestoneDone{grid-column:1;grid-row:1;min-width:0!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important}
  .txMilestoneUse{grid-column:2;grid-row:1;justify-self:end!important;font-size:12px!important;white-space:nowrap!important}
  .txMilestoneDone input,.txMilestoneUse input{width:24px!important;height:24px!important;flex:0 0 auto!important}
  .txMilestoneDone span{white-space:normal!important;overflow-wrap:anywhere!important}
  .txMilestoneRow input[type=date]{grid-column:1/-1!important;grid-row:2!important;min-height:48px!important;font-size:15px!important;padding:10px 12px!important}
  .txMilestoneRow input:not([type=checkbox]):not([type=hidden]):not([type=date]){grid-column:1/-1!important;grid-row:3!important;min-height:46px!important;font-size:14px!important;padding:10px 12px!important}

  /* Keep the save bar useful without covering as much transaction content. */
  .txEditorActionsV318{
    margin-left:-10px!important;
    margin-right:-10px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    gap:8px!important;
    box-shadow:0 -4px 14px rgba(0,0,0,.06)!important;
  }
  .txEditorActionsV318 button{min-height:43px!important;font-size:14px!important}
}


/* V370 — Mobile CRM Vendor Directory */
@media(max-width:760px){
  #mobileCRM .mobileVendorLaunchV370{
    width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;
    text-align:left;border:1px solid var(--rog-legends-gold);border-radius:16px;background:var(--rog-legends-gold);color:#111;
    padding:14px;margin:0 0 12px;font-family:inherit;box-shadow:0 2px 0 rgba(0,0,0,.06)
  }
  #mobileCRM .mobileVendorLaunchIconV370{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111;color:var(--rog-legends-gold);font-size:20px;font-weight:900}
  #mobileCRM .mobileVendorLaunchCopyV370{min-width:0;display:block}
  #mobileCRM .mobileVendorLaunchCopyV370 strong,#mobileCRM .mobileVendorLaunchCopyV370 small{display:block}
  #mobileCRM .mobileVendorLaunchCopyV370 strong{font-size:17px;line-height:1.15}
  #mobileCRM .mobileVendorLaunchCopyV370 small{font-size:12px;line-height:1.3;margin-top:3px;color:#2c250f}
  #mobileCRM .mobileVendorLaunchV370>b{font-size:16px;color:#111;white-space:nowrap}
  #mobileCRM .mobileCRMTools{overflow-x:auto;padding-bottom:3px}
  #mobileVendors .mobileVendorIntroV370{font-size:12px;color:#666;line-height:1.4;margin:0 0 12px;padding:0 2px}
  #mobileVendors .mobileVendorSearchV370{margin-bottom:12px}
  .mobileVendorDirectoryListV370{display:grid;gap:10px}
  .mobileVendorCardV370{background:#fff;border:1px solid #ddd;border-radius:16px;padding:14px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
  .mobileVendorCardV370>strong,.mobileVendorCardV370>small{display:block}
  .mobileVendorCardV370>strong{font-size:17px;margin:8px 0 3px;color:#111}
  .mobileVendorCardV370>small{font-size:12px;color:#666;line-height:1.45}
  .mobileVendorTopV370{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .mobileVendorTypeV370{display:inline-flex;border-radius:999px;background:#f5e7b7;color:#6f5106;padding:5px 9px;font-size:10px;font-weight:800}
  .mobileVendorTopV370 button{border:1px solid #C8AD66;background:#fff;border-radius:9px;padding:7px 10px;font-weight:800;color:#C8AD66}
  .mobileVendorActionsV370{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}
  .mobileVendorActionsV370 a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;border:1px solid #C8AD66;background:#fff;color:#111;text-decoration:none;font-weight:800;font-size:13px}
}

/* V379 — MOBILE ONLY: compact transaction document action buttons */
@media (max-width:700px){
  .txDocumentRow{
    row-gap:7px!important;
    padding:11px 10px!important;
  }
  .txDocumentActions{
    gap:5px!important;
  }
  .txDocumentActions a,.txDocumentActions button{
    min-height:34px!important;
    height:34px!important;
    padding:5px 3px!important;
    font-size:11px!important;
    line-height:1!important;
    border-radius:8px!important;
  }
}

/* ===== V380 MOBILE UI CLEANUP PASS =====
   Mobile only. Desktop layouts and application logic remain unchanged. */
@media (max-width:700px){
  /* Transaction editor: tighter sticky title/header without sacrificing tap targets. */
  .txEditorHeadV318{
    padding-top:0!important;
    padding-bottom:7px!important;
    margin-bottom:9px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.035)!important;
  }
  .txEditorHeadV318 .modalHead{padding-top:4px!important;padding-bottom:4px!important;align-items:center!important}
  .txEditorHeadV318 .modalHead h2{font-size:25px!important;line-height:1.08!important;margin:0!important}
  .txEditorHeadV318 .modalHead .lightBtn{min-height:38px!important;padding:7px 12px!important;font-size:14px!important;border-radius:9px!important}

  /* Document utility controls: compact two-up toolbar. */
  .txDocHeaderActions{gap:6px!important}
  .txDocHeaderActions button{min-height:36px!important;padding:6px 7px!important;font-size:11px!important;border-radius:8px!important}
  .txDocumentsHeader{gap:8px!important;margin-bottom:8px!important}
  .txDocumentsHeader h3{margin-bottom:2px!important}
  .txDocumentsHeader p{margin-top:0!important;font-size:11px!important}

  /* Category bars: keep count/chevron but remove excess vertical space. */
  .txDocumentGroups{gap:7px!important}
  .txDocCategoryHead{padding:9px 11px!important;gap:7px!important;min-height:44px!important}
  .txDocCategoryHead span{font-size:15px!important;line-height:1.15!important}
  .txDocCategoryHead b{min-width:23px!important;width:23px!important;height:23px!important;font-size:10px!important}
  .txDocCategoryHead i{font-size:16px!important}

  /* Sticky save bar: slimmer and visually separated from the document content. */
  .txEditorActionsV318{
    margin-top:10px!important;
    padding-top:8px!important;
    padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;
    background:rgba(255,255,255,.93)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    box-shadow:0 -5px 16px rgba(0,0,0,.07)!important;
    gap:7px!important;
  }
  .txEditorActionsV318 button{min-height:39px!important;height:39px!important;padding:6px 9px!important;font-size:13px!important;border-radius:9px!important}

  /* CRM tool strip: cleaner, shorter chips while preserving every existing tool. */
  #mobileCRM .mobileCRMTools{gap:6px!important;margin-bottom:9px!important;padding-bottom:2px!important;scrollbar-width:none}
  #mobileCRM .mobileCRMTools::-webkit-scrollbar{display:none}
  #mobileCRM .mobileCRMTools a,#mobileCRM .mobileCRMTools button{
    flex:0 0 88px!important;
    min-height:58px!important;
    padding:7px 5px!important;
    font-size:10px!important;
    line-height:1.12!important;
    border-radius:10px!important;
    border-color:var(--rog-legends-gold)!important;
  }
}

/* V486 — Closed transaction calendar-year archive */
.txArchiveYearV486{margin:0 0 20px;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;background:#fff}
.txArchiveYearHeadV486{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#111;color:#fff;border-bottom:2px solid #C8AD66}
.txArchiveYearHeadV486 h3{margin:0;color:#C8AD66;font-size:20px}.txArchiveYearHeadV486 span{font-size:12px;color:#bbb}.txArchiveYearHeadV486 b{color:#C8AD66}
.mobileTxArchiveYearV486{margin-bottom:18px}.mobileTxArchiveYearHeadV486{display:flex;justify-content:space-between;align-items:center;background:#111;color:#fff;border-bottom:2px solid #C8AD66;border-radius:12px 12px 0 0;padding:10px 12px;margin-bottom:8px}
.mobileTxArchiveYearHeadV486 strong{color:#C8AD66;font-size:18px}.mobileTxArchiveYearHeadV486 span{font-size:12px;color:#bbb}


/* V527 — working hamburger navigation */
@media (min-width: 901px){
  .appShell.sidebarCollapsedV527{
    grid-template-columns:0 1fr !important;
  }
  .appShell.sidebarCollapsedV527 > .sidebar{
    display:none !important;
  }
  .desktopHeroMenu{
    cursor:pointer;
    border-radius:10px;
    transition:background .15s ease, transform .15s ease;
  }
  .desktopHeroMenu:hover{
    background:rgba(208,161,44,.10);
  }
  .desktopHeroMenu:active{
    transform:scale(.96);
  }
}


/* V528 — corrected desktop sidebar collapse */
@media (min-width: 901px){
  .appShell{
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    width:100%;
    max-width:none;
  }

  .appShell.sidebarCollapsedV527{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }

  .appShell.sidebarCollapsedV527 > .sidebar{
    display:none !important;
  }

  .appShell.sidebarCollapsedV527 > main,
  .appShell.sidebarCollapsedV527 > .main,
  .appShell.sidebarCollapsedV527 > .content,
  .appShell.sidebarCollapsedV527 > .mainContent{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    min-width:0 !important;
  }

  .appShell.sidebarCollapsedV527 .desktopHero,
  .appShell.sidebarCollapsedV527 .desktopWelcome,
  .appShell.sidebarCollapsedV527 .desktopMetricGrid,
  .appShell.sidebarCollapsedV527 .view,
  .appShell.sidebarCollapsedV527 .topbar,
  .appShell.sidebarCollapsedV527 header{
    width:100% !important;
    max-width:none !important;
  }

  .appShell.sidebarCollapsedV527 .desktopMetricGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}


/* V532 confirmed closing appointment */
.confirmedClosingBoxV532{
  margin-top:10px;
}
.confirmedClosingToggleV532{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border:1px solid #C8AD66;
  border-radius:14px;
  background:#fffaf0;
  cursor:pointer;
}
.confirmedClosingToggleV532 input{
  width:22px;
  height:22px;
  margin-top:2px;
  flex:0 0 auto;
}
.confirmedClosingToggleV532 small{
  color:#777;
  font-weight:500;
}

.vendorShareBtnV599{margin-left:auto;border:1px solid #C8AD66;background:#111;color:#C8AD66;border-radius:9px;padding:7px 10px;font-weight:800}


/* V646 — Global Realty ONE Group gold lock. Brand gold must remain #C8AD66 across app UI/buttons. */
:root{--gold:#C8AD66!important;--gold2:#C8AD66!important;--rog-gold:#C8AD66!important;}


/* V664 — Trello-style Buyer/Seller Pipeline Board View */
.pipelineViewToggleV664{display:flex;border:1px solid #d8d8d8;border-radius:9px;overflow:hidden;background:#fff;min-width:190px}
.pipelineViewToggleV664 button{flex:1;border:0;background:#fff;padding:10px 12px;font-weight:800;cursor:pointer;color:#555}
.pipelineViewToggleV664 button+button{border-left:1px solid #e3e3e3}
.pipelineViewToggleV664 button.active{background:#111;color:#C8AD66}
.pipelineBoardV664{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(255px,295px);gap:12px;overflow-x:auto;align-items:start;padding:2px 2px 14px;scroll-snap-type:x proximity}
.pipelineBoardColumnV664{background:#f5f5f5;border:1px solid #e4e4e4;border-radius:12px;min-height:240px;max-height:68vh;display:flex;flex-direction:column;scroll-snap-align:start;transition:.15s ease}
.pipelineBoardColumnV664.dragOver{border-color:#C8AD66;box-shadow:0 0 0 2px rgba(200,173,102,.28);background:#fffaf0}
.pipelineBoardColumnV664>header{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #e3e3e3;position:sticky;top:0;background:#f5f5f5;border-radius:12px 12px 0 0;z-index:2}
.pipelineBoardColumnV664>header span{font-weight:900;font-size:13px}
.pipelineBoardColumnV664>header b{background:#111;color:#C8AD66;min-width:25px;height:25px;border-radius:999px;display:grid;place-items:center;padding:0 7px;font-size:11px}
.pipelineBoardCardsV664{padding:9px;display:grid;gap:9px;overflow-y:auto}
.pipelineBoardCardV664{background:#fff;border:1px solid #ddd;border-radius:10px;padding:11px;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer;transition:.12s ease}
.pipelineBoardCardV664:hover{border-color:#C8AD66;box-shadow:0 3px 10px rgba(0,0,0,.09);transform:translateY(-1px)}
.pipelineBoardCardV664.dragging{opacity:.55;transform:rotate(1deg)}
.pipelineBoardCardTopV664{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.pipelineBoardCardTopV664 strong{font-size:14px;line-height:1.25}
.pipelineRatingV664{font-size:10px;font-weight:900;background:#111;color:#C8AD66;border-radius:999px;padding:3px 6px;white-space:nowrap}
.pipelineBoardAreaV664{font-size:12px;color:#555;margin-top:7px;font-weight:700}
.pipelineBoardContactV664{font-size:11px;color:#777;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipelineBoardNextV664{font-size:11px;background:#faf6eb;border-radius:7px;padding:7px;margin-top:8px}
.pipelineBoardFooterV664{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid #eee}
.pipelineBoardFooterV664>span{font-size:10px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}
.pipelineBoardMoveV664{width:auto;max-width:142px;padding:6px 24px 6px 7px;font-size:10px;font-weight:800;border-radius:7px}
.pipelineBoardEmptyV664{border:1px dashed #ccc;border-radius:9px;padding:18px 8px;text-align:center;color:#999;font-size:11px}
@media(max-width:760px){
  .filters:has(.pipelineViewToggleV664){grid-template-columns:1fr 1fr}
  .filters:has(.pipelineViewToggleV664)>input{grid-column:1/-1}
  .pipelineViewToggleV664{min-width:0}
  .pipelineBoardV664{grid-auto-columns:82vw;gap:10px;margin-left:-2px;margin-right:-2px}
  .pipelineBoardColumnV664{max-height:62vh;min-height:210px}
  .pipelineBoardCardV664{cursor:pointer}
}


/* V721 CRM multi-campaign selector */
.crmCampaignMultiV721{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:220px;
  overflow:auto;
  border:1px solid #ddd;
  border-radius:9px;
  padding:9px;
  background:#fff;
  margin-top:5px;
}
.crmCampaignChoiceV721{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:8px;
  border:1px solid #e6e6e6;
  border-radius:8px;
  padding:8px 9px;
  background:#fafafa;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}
.crmCampaignChoiceV721 input{
  width:17px;
  height:17px;
  margin:0;
  flex:0 0 auto;
}
@media(max-width:700px){
  .crmCampaignMultiV721{grid-template-columns:1fr;}
}


/* V723 Expense receipt attachment */
.expReceiptWrapV723{display:block}
.expReceiptLabelV723{font-weight:800;margin-bottom:7px}
.expReceiptLabelV723 small{font-weight:500;color:#777;margin-left:6px}
.expReceiptEmptyV723,.expReceiptAttachedV723{
  border:1px dashed #c9b36c;
  background:#fffdf7;
  border-radius:10px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.expReceiptAttachedV723>div:first-child{display:flex;flex-direction:column;gap:3px}
.expReceiptAttachedV723 span,.expReceiptEmptyV723 span{font-size:12px;color:#666}
.expReceiptBtnsV723{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:700px){
  .expReceiptEmptyV723,.expReceiptAttachedV723{align-items:flex-start;flex-direction:column}
}


/* V727 Canva connection */
.canvaModalV727{max-width:760px}
.canvaHeroV727{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #eadba9;border-radius:14px;background:#fffdf7;margin:12px 0 16px}
.canvaMarkV727{width:58px;height:58px;border-radius:18px;background:#111;color:#c9a227;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:30px;flex:0 0 auto}
.canvaHeroV727 h3{margin:0 0 4px}.canvaHeroV727 p{margin:0;color:#666}
.canvaStateV727{padding:16px;border:1px solid #ddd;border-radius:14px;background:#fff}
.canvaStateV727 b{font-size:17px}.canvaStateV727 p{color:#666;line-height:1.45}
.canvaStateV727.connected{border-color:#b9d9bd;background:#f7fff8}
.canvaStateV727.warn{border-color:#e2c56b;background:#fffaf0}
.canvaActionsV727{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.canvaSetupV727{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.canvaSetupV727 code{display:block;overflow-wrap:anywhere;padding:10px;border-radius:8px;background:#111;color:#fff;font-size:12px}
.canvaLoadingV727{padding:22px;text-align:center;color:#777}
.canvaFutureV727{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.canvaFutureV727 b{grid-column:1/-1;margin-bottom:2px}
.canvaFutureV727 span{border:1px solid #eee;border-radius:10px;padding:10px;background:#fafafa;font-size:13px}
@media(max-width:650px){.canvaFutureV727{grid-template-columns:1fr}.canvaActionsV727 button{width:100%}}

/* V738 clean Canva Brand Template workflow */
.canvaBrandBtnV738{background:#111;color:#d0ae59;border:1px solid #d0ae59;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}
.canvaBrandModalV738{max-width:980px}
.canvaBrandInfoV738,.canvaBrandReadyV738,.canvaBrandEmptyV738{border:1px solid #e1cf98;background:#fffaf0;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px;margin:10px 0}
.canvaBrandReadyV738:not(.warn){border-color:#b9d6bd;background:#f4fff6}.canvaBrandReadyV738.warn{border-color:#e4c371}
.canvaBrandMapGridV738{display:grid;gap:8px}.canvaBrandMapRowV738{display:grid;grid-template-columns:190px 1fr auto;gap:10px;align-items:center;border:1px solid #eee;border-radius:11px;padding:10px}.canvaBrandMapRowV738 small{display:block;color:#777;margin-top:3px}.canvaBrandMapRowV738 select{min-width:0}
.canvaBrandTemplatesV738{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.canvaBrandTemplatesV738 button{text-align:left;background:#fff;border:1px solid #ddd;border-radius:11px;padding:12px}.canvaBrandTemplatesV738 small{display:block;color:#777;margin-top:4px}
.canvaBrandFieldListV738{display:grid;gap:7px}.canvaBrandFieldListV738>div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:9px}
.canvaBrandSummaryV738{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:10px 0}.canvaBrandSummaryV738>div{border:1px solid #eee;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:3px}.canvaBrandSummaryV738 small{color:#777}
.canvaBrandDropV738{border:2px dashed #caae61;border-radius:12px;background:#fffdf8;padding:17px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.canvaBrandDropV738 span{font-size:13px;color:#666}
.canvaBrandFileV738{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #eee}.canvaBrandFieldPreviewV738{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.canvaBrandFieldPreviewV738 span{background:#f6f6f6;border-radius:20px;padding:6px 9px;font-size:12px}
.canvaBrandActionsV738{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.canvaBrandProgressCardV738{margin-top:10px;border:1px solid #e1cf98;background:#fffaf0;border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:3px}.canvaBrandProgressCardV738.success{border-color:#b9d6bd;background:#f4fff6}.canvaBrandProgressCardV738.error{border-color:#e0b2b2;background:#fff5f5}
@media(max-width:700px){.canvaBrandMapRowV738{grid-template-columns:1fr}.canvaBrandTemplatesV738{grid-template-columns:1fr}.canvaBrandSummaryV738{grid-template-columns:1fr}.canvaBrandActionsV738{flex-direction:column}.canvaBrandActionsV738 button{width:100%}}


/* V814 Closed lead-source performance */
.txLeadSourcePerformanceV814{margin:16px 0 18px;border:1px solid #dfc77e;border-radius:14px;background:#fffdf8;overflow:hidden}
.txLeadSourcePerformanceHeadV814{display:block;padding:18px 18px 16px;border-bottom:1px solid #eee4c6;background:linear-gradient(180deg,#fffefb 0%,#fffaf0 100%)}
.txLeadSourcePerformanceHeadV814 h3{margin:2px 0 3px;font-size:22px;letter-spacing:-.02em}.txLeadSourcePerformanceHeadV814 p{margin:0;color:#6c6c6c;font-size:13px}.txLeadSourceEyebrowV818{display:block;color:#9a7a27;font-size:10px;font-weight:900;letter-spacing:.12em}.txLeadSourceTitleV818{margin-bottom:14px}
.txLeadSourcePerformanceTotalsV814{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.txLeadSourcePerformanceTotalsV814 span{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:72px;padding:11px 12px;border:1px solid #e6dcc1;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.035);font-size:11px;font-weight:700;color:#777}.txLeadSourcePerformanceTotalsV814 b{font-size:19px;line-height:1.05;color:#111;margin-bottom:4px;letter-spacing:-.02em}.txLeadSourcePerformanceTotalsV814 small{display:block;margin-top:3px;font-size:9px;font-weight:700;color:#8a7742}
.txLeadSourcePerformanceTableWrapV814{overflow-x:auto}.txLeadSourcePerformanceTableV814{width:100%;border-collapse:collapse;min-width:790px}.txLeadSourcePerformanceTableV814 th,.txLeadSourcePerformanceTableV814 td{padding:11px 14px;text-align:left;border-bottom:1px solid #eee}.txLeadSourcePerformanceTableV814 th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#686868;background:#faf9f5}.txLeadSourcePerformanceTableV814 td:nth-child(n+2),.txLeadSourcePerformanceTableV814 th:nth-child(n+2){text-align:right}.txLeadSourcePerformanceTableV814 tr.total td{background:#111;color:#fff;border-bottom:0}.txLeadSourceNoteV814{padding:9px 14px 11px;color:#746535;font-size:12px;background:#fff8e7;border-top:1px solid #f1e6bf}.txFeeNotEnteredV815{color:#8a8a8a;font-size:11px;white-space:nowrap}.txFeePartialV815{margin-left:2px;color:#9b7411;font-weight:900}
@media(max-width:900px){.txLeadSourcePerformanceTotalsV814{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.txLeadSourcePerformanceV814{margin:12px 0 14px;border-radius:12px}.txLeadSourcePerformanceHeadV814{display:block;padding:13px}.txLeadSourcePerformanceHeadV814 h3{font-size:18px}.txLeadSourceTitleV818{margin-bottom:10px}.txLeadSourcePerformanceTotalsV814{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.txLeadSourcePerformanceTotalsV814 span{min-width:0;min-height:62px;padding:8px;font-size:10px}.txLeadSourcePerformanceTotalsV814 span:last-child{grid-column:1/-1}.txLeadSourcePerformanceTotalsV814 b{font-size:15px}.txLeadSourcePerformanceTableV814{min-width:760px}.txLeadSourcePerformanceTableV814 th,.txLeadSourcePerformanceTableV814 td{padding:9px 10px;font-size:12px}}

/* V820: readable desktop transaction column headings */
.txColumnLegendV820{
  position:sticky;
  top:0;
  z-index:12;
  display:grid;
  grid-template-columns:8% 30% 7% 10% 10% 15% 20%;
  align-items:center;
  width:100%;
  box-sizing:border-box;
  margin:12px 0 0;
  padding:0;
  background:#111;
  color:#fff;
  border:1px solid #111;
  border-radius:10px 10px 0 0;
  box-shadow:0 5px 14px rgba(0,0,0,.08);
}
.txColumnLegendV820 span{
  min-width:0;
  padding:12px 10px;
  font-size:11px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:normal;
}
.txColumnLegendV820 span+span{border-left:1px solid rgba(255,255,255,.12)}
.txTableWrapV820{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}
.txCommandTableV820{table-layout:fixed;width:100%}
.txCommandTableV820 thead{height:1px;overflow:hidden}
.txCommandTableV820 thead th{
  height:1px;
  padding-top:0!important;
  padding-bottom:0!important;
  border:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:transparent!important;
}
@media(max-width:900px){
  .txColumnLegendV820{display:none}
  .txCommandTableV820{table-layout:auto;min-width:1120px}
  .txCommandTableV820 thead{height:auto;overflow:visible}
  .txCommandTableV820 thead th{
    height:auto;
    padding:10px 12px!important;
    border-bottom:2px solid #e5dcc9!important;
    font-size:12px!important;
    line-height:1.2!important;
    color:inherit!important;
    background:#fff!important;
  }
}

/* V825 — Business Investment Analysis */
.txBusinessInvestmentHostV825{border-top:1px solid #eadfbe;background:#fff}
.txBusinessInvestmentLoadingV825{padding:18px;color:#75683f;font-size:13px;font-weight:700;background:#fffaf0}
.txBusinessInvestmentV825{padding:18px;background:#fff}
.txBusinessInvestmentHeadV825{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.txBusinessInvestmentHeadV825 h3{margin:2px 0 4px;font-size:21px;letter-spacing:-.02em;color:#111}.txBusinessInvestmentHeadV825 p{margin:0;max-width:760px;color:#676767;font-size:13px;line-height:1.45}
.txBusinessInvestmentHeadV825 button{border:1px solid #c5ab66;background:#111;color:#fff;border-radius:9px;padding:10px 13px;font-weight:800;white-space:nowrap;cursor:pointer}
.txBusinessInvestmentHeadV825 button:hover{background:#262626}
.txBusinessInvestmentKpisV825{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}
.txBusinessInvestmentKpisV825 span{display:flex;flex-direction:column;min-height:72px;justify-content:center;border:1px solid #e5dfcf;border-radius:11px;padding:10px 12px;background:#faf9f6;color:#6f6f6f;font-size:10px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.025em}
.txBusinessInvestmentKpisV825 b{display:block;margin-bottom:4px;color:#111;font-size:19px;line-height:1.05;letter-spacing:-.02em;text-transform:none}.txBusinessInvestmentKpisV825 small{display:block;margin-top:3px;text-transform:none;letter-spacing:0;color:#8c7b4c}
.txBusinessRecommendationV825{border-left:4px solid #c5ab66;border-radius:0 10px 10px 0;background:#111;color:#fff;padding:13px 15px;margin:4px 0 14px}.txBusinessRecommendationV825 b{display:block;color:#d8c27f;font-size:13px;margin-bottom:4px}.txBusinessRecommendationV825 p{margin:0;color:#f2f2f2;font-size:13px;line-height:1.5}
.txBusinessInvestmentTableWrapV825{overflow-x:auto;border:1px solid #e9e5dc;border-radius:10px}.txBusinessInvestmentTableWrapV825 table{width:100%;border-collapse:collapse;min-width:930px}.txBusinessInvestmentTableWrapV825 th,.txBusinessInvestmentTableWrapV825 td{padding:10px 11px;border-bottom:1px solid #eee;text-align:right;font-size:12px}.txBusinessInvestmentTableWrapV825 th{background:#f7f5ef;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.txBusinessInvestmentTableWrapV825 th:first-child,.txBusinessInvestmentTableWrapV825 td:first-child{text-align:left}.txBusinessInvestmentTableWrapV825 tr:last-child td{border-bottom:0}
.txBizAssessV825{display:inline-block;margin-left:7px;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:900;vertical-align:1px;background:#eee;color:#555}.txBizAssessV825.strong,.txBizAssessV825.good{background:#e8f5ec;color:#16743b}.txBizAssessV825.positive{background:#eef5e6;color:#4d6f22}.txBizAssessV825.warn{background:#fff3d9;color:#946400}.txBizAssessV825.bad{background:#fde8e8;color:#a52c2c}.txBizAssessV825.organic{background:#eee9fb;color:#5c3fa0}.txBizMutedV825{color:#999;font-size:11px}
.txBusinessFootV825{margin-top:10px;color:#777;font-size:11px;line-height:1.45}.txBusinessUnassignedV825{display:flex;align-items:center;gap:10px;margin-top:10px;border:1px solid #ead6a1;border-radius:9px;background:#fff8e7;padding:10px 12px;color:#6c5a2a;font-size:12px}.txBusinessUnassignedV825 b{color:#7b5d10}.txBusinessUnassignedV825 span{color:#6f654e}
@media(max-width:900px){.txBusinessInvestmentKpisV825{grid-template-columns:repeat(2,minmax(0,1fr))}.txBusinessInvestmentHeadV825{flex-direction:column}.txBusinessInvestmentHeadV825 button{width:100%}}
@media(max-width:700px){.txBusinessInvestmentV825{padding:13px}.txBusinessInvestmentHeadV825 h3{font-size:18px}.txBusinessInvestmentKpisV825{gap:6px}.txBusinessInvestmentKpisV825 span{min-height:62px;padding:8px;font-size:9px}.txBusinessInvestmentKpisV825 b{font-size:15px}.txBusinessRecommendationV825{padding:11px 12px}.txBusinessUnassignedV825{align-items:flex-start;flex-direction:column;gap:3px}}

/* V826 — show Business Investment Analysis directly in Expenses */
.expInvestmentSectionV826{margin:18px 0 22px;}
.expInvestmentSectionV826 .txBusinessInvestmentV825{margin:0;}
@media(max-width:760px){.expInvestmentSectionV826{margin:14px 0 18px;}}

/* V831 — force mobile MLS Quick Access to remain one horizontal row of 3 */
@media(max-width:760px){
  #mobileApp .mobileSectionCard .mlsQuickGrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    grid-template-rows:1fr!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  #mobileApp .mobileSectionCard .mlsQuickGrid > .mlsBtn{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  #mobileApp .mobileSectionCard .mlsQuickGrid > .mlsBtn b{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
}

/* V862 transaction document standard + manual ordering */
.txDocCategoryHead{grid-template-columns:1fr auto auto auto}
.txDocOrderControlsV862{display:flex;gap:6px;align-items:center}
.txDocOrderControlsV862 button{border:1px solid #d7d7d7;background:#fff;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer;color:#222}
.txDocOrderControlsV862 button:hover{border-color:#b79a45;background:#fffaf0}
.txDocMoveArrowsV862{display:none;gap:4px;align-items:center}
.txDocReorderModeV862 .txDocMoveArrowsV862{display:flex}
.txDocMoveArrowsV862 button{width:29px;height:29px;border:1px solid #d8d8d8;border-radius:7px;background:#fff;font-weight:900;cursor:pointer;line-height:1}
.txDocMoveArrowsV862 button:hover{border-color:#b79a45;background:#fffaf0}
@media(max-width:700px){
  .txDocCategoryHead{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
  .txDocCategoryHead>.txDocOrderControlsV862{grid-column:1/-1;grid-row:2;justify-self:start;padding-top:2px}
  .txDocOrderControlsV862 button{padding:4px 7px;font-size:10px}
  .txDocMoveArrowsV862{flex-direction:column}
  .txDocMoveArrowsV862 button{width:27px;height:24px}
}

/* V879 — dashboard Quick Add buttons remain visible after click/focus */
#dashboard .desktopQuickGrid > button,
#dashboard .desktopQuickGrid > button:hover,
#dashboard .desktopQuickGrid > button:focus,
#dashboard .desktopQuickGrid > button:focus-visible,
#dashboard .desktopQuickGrid > button:active{
  opacity:1!important;visibility:visible!important;color:#111!important;background:#fff!important;
  border-color:#e5e5e5!important;-webkit-text-fill-color:#111!important;
}
#dashboard .desktopQuickGrid > button span,
#dashboard .desktopQuickGrid > button:hover span,
#dashboard .desktopQuickGrid > button:focus span,
#dashboard .desktopQuickGrid > button:active span{
  opacity:1!important;visibility:visible!important;color:var(--rog-legends-gold)!important;
  -webkit-text-fill-color:var(--rog-legends-gold)!important;
}

/* V881 — closing confirmation guidance */
.closingConfirmWarningV881{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #d6b65f;
  border-radius:10px;
  background:#fff8df;
  color:#59491c;
  font-size:14px;
  line-height:1.4;
}
.closingEditHelpV881{
  display:block;
  color:#666;
  line-height:1.45;
}

/* V885 Joseph parity — agent-selectable MLS memberships */
#desktopMlsGridV870,#mobileMlsGridV870{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}
#mobileMenuMlsV870{display:contents}
#mlsMembershipModalV870 .modalCard{max-height:90vh;overflow:auto}
.mlsMembershipLinkV873{appearance:none;border:0;background:transparent;color:#c9a955;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0;text-decoration:none}
.mlsMembershipLinkV873:hover{text-decoration:underline}
.mobileSectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mobileSectionTitle .mlsMembershipLinkV873{font-size:12px}