body:not(.is-admin) #storey-sync-widget { display: none !important; } body.is-admin #storey-sync-widget { display: inline-flex !important; } /* ── v170 top-bar fix — stop the nav pills overlapping the wordmark / clock, especially for admins (Jonathan, Caileigh) who carry two extra dropdowns. ── */ @media (min-width:1081px){ .topbar-inner .brand-text-group, .topbar-inner .brand-mobile-stack, .topbar-inner .brand-portal-tag, .topbar-inner .brand-divider-desktop{ display:none !important; } .topbar-inner .brand{ flex:0 0 auto; min-width:0; } nav.main{ flex:1 1 auto; min-width:0; justify-content:center; column-gap:2px; } nav.main > a, nav.main > .nav-branch-group > .nav-branch-trigger{ padding:8px 9px !important; letter-spacing:.7px !important; } } /* The live clock is decorative; never let it crowd the Marketing pill. Admins (6 nav items) need it gone sooner than ordinary agents. */ @media (max-width:1560px){ body.is-admin .topbar-inner .live-clock{ display:none !important; } } @media (max-width:1300px){ .topbar-inner .live-clock{ display:none !important; } } /* v171 — owners with no phone on file: shown for reference, no WhatsApp action */ .cmp-nonum{ display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; font-size:12px; font-weight:600; color:var(--muted); opacity:.6; background:transparent; border:1px dashed var(--line); cursor:default; white-space:nowrap; } .cmp-nonum svg{ width:15px; height:15px; opacity:.5; } .cmp-nonum-lbl{ color:var(--muted); opacity:.8; font-style:italic; } /* v174 — buyer price/unit, custom templates */ .cmp-buyerbox{ margin:8px 0 4px; padding:12px 14px; border:1px solid var(--line-soft); border-radius:14px; background:rgba(176,137,78,.05); } .cmp-buyerrow{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; } .cmp-buyerrow .cmp-in{ max-width:190px; } .cmp-bedchips{ display:flex; gap:6px; flex-wrap:wrap; } .cmp-bedchip{ border:1px solid var(--line); background:transparent; color:var(--ink-2); border-radius:999px; padding:7px 13px; font-size:12px; font-weight:600; cursor:pointer; transition:background .15s,border-color .15s,color .15s; } .cmp-bedchip:hover{ background:rgba(43,33,20,.06); } .cmp-bedchip.active{ background:var(--ink); color:#F4EFE2; border-color:var(--ink); } .cmp-tplopen{ margin-top:10px; font-size:12px; } .cmp-sharelab{ display:flex; align-items:center; gap:8px; margin-top:12px; font-size:13px; color:var(--ink-2); cursor:pointer; } .cmp-tplrow{ display:flex; gap:10px; align-items:flex-start; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--line-soft); } .cmp-tplmeta .l{ font-size:13px; font-weight:700; color:var(--ink); display:flex; align-items:center; gap:7px; } .cmp-tplmeta .b{ font-size:11.5px; color:var(--muted); margin-top:2px; line-height:1.4; } .cmp-tplacts{ display:flex; gap:6px; flex:none; } .cmp-tplacts .cmp-ghost{ font-size:11px; padding:5px 9px; } .cmp-tplbadge{ font-size:9.5px; letter-spacing:.4px; text-transform:uppercase; font-weight:700; padding:2px 7px; border-radius:999px; background:var(--line-soft); color:var(--muted); } .cmp-tplbadge.shared{ background:rgba(110,139,121,.18); color:#3f6b54; } /* Marketing tab hidden for now — feature incomplete */ #marketingDropdown, nav.main [data-view^="marketing"], .sb-item[data-view^="marketing"], .sb-marketing-label{ display:none !important; } /* ════ v178 — carousel image, even spacing & friendlier colour ════ */ /* Welcome tile: photo fills the whole tile; lift the heavy dark band off the top */ .hc-slide .hero::before{ inset:0 !important; background-size:cover !important; background-position:center center !important; filter:saturate(.95) brightness(.94) !important; } .hc-slide .hero::after{ background:linear-gradient(180deg, rgba(10,10,9,.14) 0%, rgba(10,10,9,.38) 46%, rgba(10,10,9,.72) 100%) !important; } /* Consistent breathing room below the sticky header, every view */ #main.container{ padding-top:22px; } .home-carousel{ margin-top:6px; } /* Prospecting — tallies removed, so tighten the hero and even up the spacing */ #campaignsView .cmp-hero{ padding:54px 56px 56px !important; margin-top:4px; } #campaignsView .cmp-stats{ display:none !important; } #campaignsView .cmp-wrap{ margin-top:26px; } #campaignsView .cmp-hero-lead{ margin-top:16px !important; } #campaignsView .cmp-hero-meta{ margin-top:22px !important; } #campaignsView .cmp-grid{ gap:26px !important; } /* A little encouraging colour & warmth */ #campaignsView .cmp-livepill{ background:linear-gradient(90deg, rgba(31,168,85,.20), rgba(232,200,134,.16)) !important; border-color:rgba(31,168,85,.36) !important; color:#FCF7EC !important; font-weight:600; } #campaignsView .cmp-howto{ background:linear-gradient(135deg,#FFFDF8 0%, #F1F7F1 52%, #FCF2EC 100%) !important; } #campaignsView .cmp-howto-step:nth-child(1) .n{ background:#1FA855 !important; box-shadow:0 5px 12px -4px rgba(31,168,85,.6) !important; } #campaignsView .cmp-howto-step:nth-child(2) .n{ background:#E8A33D !important; box-shadow:0 5px 12px -4px rgba(232,163,61,.6) !important; } #campaignsView .cmp-howto-step:nth-child(3) .n{ background:#3F86C9 !important; box-shadow:0 5px 12px -4px rgba(63,134,201,.6) !important; } #campaignsView .cmp-howto-foot{ background:linear-gradient(90deg,#FFF8E6,#F1F8F1) !important; border-color:rgba(31,168,85,.30) !important; } #campaignsView .cmp-areachip:hover{ border-color:#1FA855 !important; background:rgba(31,168,85,.08) !important; } #campaignsView .cmp-areachip.active{ background:#1FA855 !important; border-color:#1FA855 !important; color:#fff !important; } #campaignsView .cmp-pill:hover{ border-color:#3F86C9 !important; background:rgba(63,134,201,.06) !important; } /* ════ v179 — Prospecting tab optimised for mobile ════ */ @media (max-width:880px){ #campaignsView .cmp-row2{ grid-template-columns:1fr !important; } /* stack Area + Building */ } @media (max-width:680px){ /* tighter page padding + hero */ #main.container{ padding-top:14px; } #campaignsView .cmp-hero{ padding:30px 20px 30px !important; border-radius:16px; margin-top:0; } #campaignsView .cmp-hero h1{ font-size:38px !important; line-height:1.05 !important; letter-spacing:-.5px; } #campaignsView .cmp-hero-lead{ font-size:14.5px !important; margin-top:12px !important; } #campaignsView .cmp-hero-meta{ margin-top:16px !important; gap:10px; } #campaignsView .cmp-livepill{ font-size:12px !important; padding:8px 13px; } #campaignsView .cmp-eyebrow{ margin-bottom:12px !important; } #campaignsView .cmp-wrap{ margin-top:18px; } /* how-to guide */ #campaignsView .cmp-howto{ padding:18px 16px; border-radius:16px; margin-bottom:18px; } #campaignsView .cmp-howto-head h2{ font-size:18px; } #campaignsView .cmp-howto-icon{ font-size:22px; } #campaignsView .cmp-howto-lead{ font-size:14px; margin:12px 0 14px; } #campaignsView .cmp-howto-step{ padding:13px 14px; border-radius:14px; } #campaignsView .cmp-howto-foot{ font-size:13px; } /* panels & composer */ #campaignsView .cmp-grid{ gap:18px !important; } #campaignsView .cmp-panel{ border-radius:16px !important; } #campaignsView .cmp-phead{ padding:14px 16px !important; flex-wrap:wrap; gap:8px; } #campaignsView .cmp-phead h3{ font-size:18px !important; } #campaignsView .cmp-pbody{ padding:16px !important; } #campaignsView .cmp-row2{ grid-template-columns:1fr !important; gap:12px; margin-bottom:14px; } #campaignsView select.cmp-in, #campaignsView input.cmp-in{ font-size:16px !important; } /* 16px stops iOS zoom-on-focus */ #campaignsView textarea.cmp-msg{ font-size:16px !important; min-height:120px !important; } #campaignsView input#cmpSearch{ font-size:16px !important; } #campaignsView .cmp-buyerrow .cmp-in{ max-width:100% !important; width:100%; } #campaignsView .cmp-bedchips{ width:100%; } /* owner list — compact rows, big tap target on Send, no overflow */ #campaignsView .cmp-list{ max-height:66vh !important; border-radius:14px !important; } #campaignsView .cmp-item{ padding:12px 12px !important; gap:10px !important; } #campaignsView .cmp-av{ width:36px !important; height:36px !important; font-size:12.5px !important; } #campaignsView .cmp-name{ font-size:14.5px !important; } #campaignsView .cmp-sub{ font-size:12px !important; } #campaignsView .cmp-copy{ display:none !important; } /* declutter — Send is the action */ #campaignsView .cmp-send{ padding:11px 15px !important; font-size:14.5px !important; border-radius:12px !important; } #campaignsView .cmp-nonum{ padding:8px 11px !important; font-size:11.5px !important; } #campaignsView .cmp-group{ padding:10px 13px !important; } #campaignsView .cmp-toolbar{ gap:10px; } /* modals → near full-screen, comfortable */ #campaignsView .cmp-modal{ padding:10px !important; align-items:flex-end !important; } #campaignsView .cmp-dialog{ max-width:100% !important; width:100% !important; max-height:94vh !important; border-radius:18px 18px 12px 12px !important; } #campaignsView .cmp-dhead{ padding:16px 18px !important; position:sticky; top:0; background:var(--card); z-index:2; } #campaignsView .cmp-dbody{ padding:18px !important; } #campaignsView .cmp-tplrow{ flex-wrap:wrap; } #campaignsView .cmp-tplacts{ width:100%; justify-content:flex-start; } #campaignsView textarea.cmp-paste{ font-size:14px !important; } } /* ════ v180 — Invoice tab (management): clearer fonts, cohesive palette, even spacing ════ */ #adminInvoicesView{ --inv-ink:#2B2114; --inv-ink2:#5B4E38; --inv-line:#E7DFCD; --inv-gold:#9A7B2E; } #adminInvoicesView .train-hero{ padding:40px 28px 22px !important; } #adminInvoicesView .train-hero h1{ font-size:42px !important; } #adminInvoicesView .train-hero p{ color:var(--inv-ink2) !important; } #adminInvoicesView #invSyncBadge{ color:var(--inv-ink2) !important; } /* filter card */ #adminInvoicesView .card{ border-radius:16px !important; border:1px solid var(--inv-line) !important; } #adminInvoicesView .card > div{ gap:14px 16px !important; } #adminInvoicesView label{ color:var(--inv-ink2) !important; font-size:11px !important; letter-spacing:.8px !important; } #adminInvoicesView input[type="search"], #adminInvoicesView select{ border-radius:10px !important; border:1.5px solid var(--inv-line) !important; font-size:14.5px !important; color:var(--inv-ink) !important; padding:10px 13px !important; } #adminInvoicesView input[type="search"]:focus, #adminInvoicesView select:focus{ outline:none !important; border-color:var(--inv-gold) !important; box-shadow:0 0 0 3px rgba(154,123,46,.16) !important; } /* one cohesive button system: ink = primary, gold = bulk generate, outline = secondary */ #adminInvoicesView #invNewInvoiceBtn{ background:var(--inv-ink) !important; color:#FCF7EC !important; border:none !important; border-radius:999px !important; padding:11px 18px !important; font-size:11.5px !important; letter-spacing:1px !important; } #adminInvoicesView #invNewCommBtn{ background:transparent !important; color:var(--inv-ink) !important; border:1.5px solid var(--inv-ink) !important; border-radius:999px !important; padding:11px 18px !important; font-size:11.5px !important; letter-spacing:1px !important; } #adminInvoicesView #invBulkInvoiceBtn{ background:var(--inv-gold) !important; color:#fff !important; border:none !important; border-radius:999px !important; padding:11px 18px !important; font-size:11.5px !important; letter-spacing:1px !important; } #adminInvoicesView #invBulkCommBtn{ background:transparent !important; color:var(--inv-gold) !important; border:1.5px solid var(--inv-gold) !important; border-radius:999px !important; padding:11px 18px !important; font-size:11.5px !important; letter-spacing:1px !important; } /* table — readable headings, even rhythm, gentle zebra + hover */ #adminInvoicesView table#invDealTable{ font-size:14px !important; } #adminInvoicesView thead tr{ background:#FBF7EE !important; } #adminInvoicesView thead th{ font-size:11.5px !important; color:var(--inv-ink2) !important; letter-spacing:.8px !important; padding:15px 16px !important; border-bottom:1.5px solid var(--inv-line) !important; } #adminInvoicesView tbody td{ padding:15px 16px !important; border-bottom:1px solid var(--inv-line) !important; vertical-align:middle !important; } #adminInvoicesView tbody tr:nth-child(even){ background:#FCFAF4; } #adminInvoicesView tbody tr:hover{ background:#F7F1E4; } #adminInvoicesView .inv-btn-invoice{ background:var(--inv-ink) !important; color:#FCF7EC !important; border:none !important; border-radius:999px !important; padding:8px 15px !important; font-size:11px !important; letter-spacing:.6px !important; margin-right:6px !important; } #adminInvoicesView .inv-btn-comm{ background:transparent !important; color:var(--inv-ink) !important; border:1.5px solid var(--inv-line) !important; border-radius:999px !important; padding:8px 15px !important; font-size:11px !important; letter-spacing:.6px !important; } #adminInvoicesView .inv-btn-comm:hover{ border-color:var(--inv-ink) !important; } @media (max-width:680px){ #adminInvoicesView .train-hero{ padding:28px 18px 18px !important; } #adminInvoicesView .train-hero h1{ font-size:30px !important; } #adminInvoicesView .card{ padding:16px !important; } #adminInvoicesView .card > div{ gap:12px !important; } #adminInvoicesView .card > div > label{ width:100% !important; } #adminInvoicesView input[type="search"], #adminInvoicesView select{ font-size:16px !important; width:100% !important; min-width:0 !important; } }