/* Sales Desk interface; parent website header/footer are included directly and not duplicated. */
:root{--navy:#112947;--navy2:#1b3656;--gold:#cba35a;--gold2:#ebcd8e}
.app{min-height:75vh;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app .sidebar{top:0;z-index:10}.app .panel{max-width:100%}
.site-header{z-index:70}.app .btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}.v13-flex{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}
.v13-quote-table{min-width:790px}.v13-quote-table input{min-width:82px}.v13-quote-table td:first-child input{min-width:190px}
.app .panel table{width:100%}.app .auth-card{box-shadow:0 12px 40px #0c204014}
.app .main{background:#f5f7fa}.app .sidebar .navitem{padding:9px 12px}.app .logo{padding-bottom:22px}
.app .sidebar nav{overflow-y:auto;scrollbar-width:thin}.app .sidebar{padding:20px 15px}
@media(max-width:750px){.app .mobile-nav{top:0}.app .v13-flex{align-items:stretch}.app .v13-flex>*{max-width:100%}}
/* Hotfix v1.3.1: explicit visual isolation while preserving original website components. */
.app{position:relative;isolation:isolate;color:var(--ink);background:#f5f7fa;}
.app .page-wrap{width:100%;}
.app .sidebar{flex-shrink:0;}
.app .topbar{min-height:67px;}
.app .section-head h1{font-size:clamp(1.5rem,2.15vw,2.1rem);letter-spacing:-.035em;}
.app .section-head p{max-width:710px;line-height:1.55;}
.app .kpi{border-top:3px solid #d7b56d;box-shadow:0 5px 22px rgba(16,30,49,.035);}
.app .panel{box-shadow:0 4px 20px rgba(16,30,49,.035);}
.app .navitem{color:#becad9;}
.app .navitem.active{color:#fff;background:#274464;}
.app .user-chip{overflow-wrap:anywhere;}
body > header.site-header, body > footer{position:relative;z-index:2;}
@media(max-width:750px){.app .main{min-width:0;width:100%}.app .page-wrap{padding:22px 14px 34px}.app .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.3.4 — Public website enquiry assistant is not part of internal Sales Desk.
   The website footer itself remains an unmodified shared include. */
body .hy-assistant, body #hy-assistant, body .hy-assistant-launch {display:none!important;}
@media(max-width:750px){body > footer{clear:both}.app{min-width:0;max-width:100vw;overflow-x:clip}.app .main{min-width:0}.app .page-wrap{box-sizing:border-box}.app .notice{font-size:13px;line-height:1.55}}

/* v1.3.5 — Always-visible authenticated logout, including narrow mobile screens. */
.app .topbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}
.app .header-logout{display:inline-flex;margin:0}
.app .logout-button{border:1px solid #bcc9d8;border-radius:8px;background:#fff;color:#112947;padding:9px 13px;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
.app .logout-button:hover,.app .logout-button:focus-visible{background:#112947;color:#fff;border-color:#112947}
@media(max-width:750px){.app .topbar{gap:8px}.app .logout-button{padding:9px 11px;font-size:12px}.app .topbar-actions{gap:4px}}
/* v1.3.6: distinct platform Tally authorisation sections. */
.v13-tally-approval { border:1px solid #dce4e8; border-radius:14px; padding:1rem; margin:1.2rem 0; background:#fff; }
.v13-tally-approval h3 { margin-top:0; }
.v13-tally-approval form + form { margin-top:1rem; }

/* v1.3.7 — role-aware company administration, no public-site markup duplication */
.v137-platform-panel{border:1px solid #e4cd95!important;border-top:5px solid #cba35a!important;background:linear-gradient(180deg,#fffdf7,#fff 130px)}
.v137-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.v137-section-title h2{margin:5px 0 6px;color:#132b49}
.v137-section-title p{margin:0}
.v137-admin-pill{display:inline-flex;align-items:center;letter-spacing:.09em;font-weight:800;font-size:10px;border-radius:100px;padding:6px 12px;background:#153459;color:#f3d28c}
.v137-company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.v137-company-card{background:#fff;border:1px solid #dde4eb;border-radius:14px;padding:18px;min-width:0}
.v137-company-card.selected{border:2px solid #cca25b;background:#fffdf6}
.v137-company-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.v137-company-icon{display:grid;place-items:center;border-radius:10px;background:#e9eef5;color:#1a3555;width:35px;height:35px;font-size:20px}
.v137-company-card h3{color:#142b49;margin:7px 0;overflow-wrap:anywhere}
.v137-company-card p{font-size:13px;line-height:1.5;margin:8px 0 12px}
.v137-badge{display:inline-block;background:#edf2f8;color:#234361;border-radius:24px;padding:5px 11px;font-size:11px;font-weight:800}
.v137-company-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.v137-company-actions form{margin:0}
.v137-danger-zone{flex-basis:100%;border-top:1px dashed #e2d2ce;padding-top:10px;margin-top:8px}
.v137-danger-zone summary,.v137-user-delete summary{color:#a33634;font-weight:750;cursor:pointer;font-size:13px}
.v137-danger-zone label{margin-top:12px}
.v137-danger-zone input{max-width:100%}
.v137-danger-button,.app .btn.v137-danger-button{background:#9e3430;color:white;border:1px solid #9e3430}
.v137-danger-button:hover,.app .btn.v137-danger-button:hover{background:#7e211e;color:white}
.v137-create-company{border-top:1px solid #e3e9ef;margin-top:22px;padding-top:16px}
.v137-create-company h3{margin:5px 0 12px}
.v137-inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.v137-inline-form label{flex:1;min-width:min(100%,270px)}
.v137-inline-form button{margin-bottom:2px}
.v137-team-panel{margin-top:22px}
.v137-team-group{margin:20px 0;border:1px solid #e0e7ed;border-radius:13px;overflow:hidden}
.v137-group-header{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#f0f4f8;padding:12px 16px}
.v137-group-header h3{margin:0;color:#163456;overflow-wrap:anywhere}
.v137-table-wrap{overflow-x:auto;max-width:100%}
.v137-team-table{border-collapse:collapse;width:100%;min-width:570px}
.v137-team-table th{white-space:nowrap;background:#fafbfd;text-align:left;padding:12px 15px;color:#475a6c}
.v137-team-table td{border-top:1px solid #edf0f3;padding:12px 15px;vertical-align:middle}
.v137-team-table td small{display:block;font-size:12px;color:#6b7884;margin-top:3px;overflow-wrap:anywhere}
.v137-role{font-size:11px;font-weight:800;background:#e8f0f7;color:#1e4469;padding:6px 10px;border-radius:12px;white-space:nowrap}
.v137-role-admin{background:#fff1d8;color:#885617}
.v137-status{font-size:11px;font-weight:800;border-radius:10px;padding:5px 10px;white-space:nowrap}
.v137-status.on{background:#e9f7ed;color:#246738}.v137-status.off{background:#f4eced;color:#945052}
.v137-account-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v137-account-actions form{margin:0}
.v137-user-delete{max-width:260px}
.v137-user-delete form{border-radius:10px;border:1px solid #eddbdb;padding:10px;margin-top:8px;background:#fff9f9}
.v137-user-delete p{margin:0 0 8px}
.v137-platform-identity{padding:12px 14px;background:#f1f5fa;border-radius:10px;margin:12px 0}
.v137-platform-identity p{margin:8px 0 0;overflow-wrap:anywhere}
.v137-create-user{margin-top:18px;padding-top:18px;border-top:1px solid #e4e8ef}
.v137-user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v137-fixed-company{display:flex;flex-direction:column;gap:5px;padding:10px 14px;background:#f0f4f8;border-radius:8px}
.v137-fixed-company small{color:#647387}
.v137-protected{font-size:12px}
@media(max-width:720px){.v137-company-grid{grid-template-columns:1fr}.v137-user-form-grid{grid-template-columns:1fr}.v137-section-title{display:block}.v137-company-card{padding:14px}.v137-team-group{margin:12px -3px}.v137-table-wrap{overflow-x:auto}}

/* v1.3.9 — Platform Admin company create/edit/archive controls. */
.v139-company-stats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 17px}
.v139-company-stats span{background:#f5efdf;color:#183654;font-size:12px;padding:8px 12px;border-radius:9px}
.v139-company-meta{font-size:12px;color:#44586e;overflow-wrap:anywhere}
.v139-edit-company{flex-basis:100%;min-width:0;border-top:1px solid #e6e8eb;padding-top:10px;margin-top:8px}
.v139-edit-company summary{cursor:pointer;font-size:13px;font-weight:750;color:#174d7a}
.v139-edit-company form{padding:12px 0 5px}
.v139-company-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.v139-company-form-grid label{display:block;font-size:12px;color:#243b54;font-weight:700;min-width:0}
.v139-company-form-grid input,.v139-company-form-grid textarea{width:100%;margin-top:5px;font-weight:400;min-width:0}
.v139-company-form-grid .v139-company-address{grid-column:1 / -1}
.v139-company-form-grid textarea{resize:vertical}
.v139-edit-company p{font-size:12px}
.v139-edit-company button{white-space:normal}
.v137-create-company .v139-company-form-grid{max-width:840px}
@media(max-width:720px){.v139-company-form-grid{grid-template-columns:1fr}.v139-company-form-grid .v139-company-address{grid-column:auto}.v139-edit-company button{width:100%}}

/* v1.4.1 — compact Sales Desk masthead: public website owns the branding. */
.app .sales-compact-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:12px 24px;background:#fff;}
.app .sales-title{font-size:18px;line-height:1.25;letter-spacing:-.02em;font-weight:750;color:#142c49;text-decoration:none;}
.app .sales-sidebar-title{font-size:17px;letter-spacing:-.02em;color:#fff;text-decoration:none;font-weight:760;padding-top:6px;}
.app .sales-sidebar-title:hover,.app .sales-sidebar-title:focus-visible{text-decoration:none;color:#f3d693;}
.app .topbar-actions{margin-left:auto;}
.app .logout-button{min-height:40px;padding:8px 16px;border-radius:10px;text-decoration:none;box-shadow:none;}
.app .mobile-nav a,.app .mobile-nav a:link,.app .mobile-nav a:visited,
.app .mobile-nav a:hover,.app .mobile-nav a:focus-visible{text-decoration:none!important;}
.app .mobile-nav{scrollbar-width:none;-ms-overflow-style:none;gap:7px;}
.app .mobile-nav::-webkit-scrollbar{display:none;}
.app .mobile-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #e3e8ef;border-radius:9px;padding:9px 13px;background:#f7f9fc;color:#1c3655;font-size:13px;white-space:nowrap;}
.app .mobile-nav a:hover,.app .mobile-nav a:focus-visible{background:#edf2f8;color:#112947;}
@media(max-width:750px){
  .app .sales-compact-topbar{padding:12px 18px;min-height:62px;}
  .app .sales-title{font-size:18px;}
  .app .logout-button{min-height:40px;padding:8px 14px;font-size:13px;}
  .app .mobile-nav{padding:10px 14px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;}
  .app .mobile-nav a{scroll-snap-align:start;flex:none;}
}

/* v1.5.1 — always-visible access to separate IMAP tools. */
.app .sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
.app .sidebar .side-bottom{flex-shrink:0;margin-top:12px;}
.app .mobile-nav .sales-mail-import{border-color:#d6c18e;background:#fcf6e7;color:#543c18;font-weight:700;}
.app .sales-import-shortcuts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin:-4px 0 20px;border:1px solid #e9ddc3;background:#fffdf8;border-radius:10px;}
.app .sales-import-shortcuts strong{color:#1d3650;margin-right:4px;}
.app .sales-import-shortcuts .btn{min-height:36px;padding:7px 12px;}
@media(max-width:750px){.app .sales-import-shortcuts{align-items:stretch}.app .sales-import-shortcuts .btn{flex:1 1 135px}.app .sales-import-shortcuts .muted{flex-basis:100%;}}

/* v1.5.3 - grouped, non-destructive Contacts directory */
.app .v153-contact-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0 15px}
.app .v153-contact-tabs a{border:1px solid #d5e0ec;border-radius:11px;color:#183752;background:#fff;text-decoration:none;padding:10px 13px;font-weight:700;font-size:13px;white-space:nowrap}
.app .v153-contact-tabs a.selected{background:#162f50;border-color:#162f50;color:#fff}
.app .v153-contact-tabs a span{display:inline-block;border-radius:14px;padding:2px 7px;background:#e9eef4;color:#163451;margin-left:5px;font-size:11px}
.app .v153-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:13px;margin:14px 0}
.app .v153-group-card{padding:18px;border:1px solid #dce4ed;border-radius:14px;background:#fbfcfe;min-width:0}
.app .v153-group-card h3{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere;color:#153450}
.app .v153-group-card .v153-group-preview{font-size:13px;color:#4c6279;line-height:1.5;overflow-wrap:anywhere;min-height:39px}
.app .v153-group-card .btn{margin-top:5px}
.app .v153-related{margin-top:14px}
@media(max-width:750px){.app .v153-contact-tabs{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin}.app .v153-group-card{padding:14px}}

/* v1.5.4 — Party/people hierarchy; main site's header/footer unaffected. */
.app .v154-party-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:14px;margin-bottom:12px}
.app .v154-party-overview>div{display:grid;gap:3px;background:#f4f7fa;padding:13px;border-radius:9px;overflow-wrap:anywhere}
.app .v154-party-overview strong{font-size:13px;color:#183a57}
.app .v154-party-banner{padding:14px;background:#eff5fb;border-left:4px solid #cba35a;border-radius:8px;margin-bottom:16px}
.app .v154-party-banner p{margin:2px 0 8px;font-size:13px}
.app .v154-party-banner p:last-child{margin-bottom:0}
.app .panel form select{max-width:100%}