/* Semantic/browser adaptations of the frozen Soft Precision authored geometry. */
:root{--color-heading:#080D40;--color-body:#0A1042;--color-secondary:#5F70A3;--color-brand:#007E7F;--color-mint:#E4F8F5;--color-line:#E4ECF4;--radius-panel:14px;--radius-field:10px;--height-field:46px;--height-button:45px}
[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.mt{margin-top:20px}.stack{display:grid;gap:20px}.text-btn{color:#007E7F;text-align:left;padding:0}.one-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span-2{grid-column:1/-1}.pill.green{background:#E6F8F4;color:#008181}.pill.amber{background:#FFF6DD;color:#9A6C02}.pill.outline{border:1px solid #E4ECF4;background:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{min-height:38px;padding:8px 11px;font-size:12px}.btn.icon{width:44px;height:44px;padding:0}.btn.full{width:100%}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.55}.details{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.panel-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E6EDF6}.panel-head h2{font-size:18px}.panel-head p{font-size:12px;color:var(--muted);margin-top:5px}.form-error:empty{display:none}.form-error{color:#B03650;background:#FFF2F5;border:1px solid #F1D7DF;padding:12px 14px;border-radius:10px;margin-bottom:16px;white-space:pre-wrap}.form-error:focus{outline:3px solid #83DCD1}.field-error{display:block;color:#BA3650;font-size:12px;margin-top:6px}.field [aria-invalid=true]{border-color:#D55D73;background:#FFF9FA}.check-field{display:flex;gap:10px;align-items:flex-start;margin:12px 0}.check-field input{margin-top:4px;accent-color:var(--teal)}
body{overflow:hidden}#app{min-height:100dvh}.sp-workspace,.sp-app{min-height:0;height:100dvh}.sp-sidebar{position:fixed;z-index:10;overflow:auto}.sp-sidebar nav{padding-bottom:120px}.sp-brand a{color:inherit}.sp-sidebar .sp-brand{color:#080D40;text-decoration:none}.sp-nav[aria-current=page]{background:#E3F8F5;color:#007C7F;font-weight:600}.sp-nav[aria-current=page]:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#00BBAA;border-radius:4px}.sp-sidebar-foot{position:absolute;bottom:13px;left:12px;right:12px;display:flex;gap:8px;align-items:center;background:white;border-top:1px solid #E4ECF4;padding-top:12px}.sp-sidebar-foot .avatar{height:32px;width:32px}.sp-sidebar-foot a{font-size:12px;overflow:hidden;text-overflow:ellipsis;color:#586A98}.sp-workspace-main{max-width:none}.sp-workspace-main.core-board-mode{right:344px;overflow:hidden}.sp-page.board-page{padding:0;max-width:none;height:100%}.sp-preview{position:fixed;z-index:9;overflow:auto}.sp-main-inner{height:100%;display:flex;flex-direction:column;min-width:0}.sp-search input{border:0;background:transparent;width:100%;min-width:0;outline:0;color:inherit}.sp-search:focus-within{outline:3px solid #6ED8CC;outline-offset:2px}.sp-control select{border:0;background:transparent;max-width:125px;outline:0;font:inherit;color:inherit}.sp-search{padding-right:10px}.sp-board{overflow:auto;min-height:0;flex:1;align-items:flex-start;padding-bottom:20px}.sp-lane{flex:0 0 calc((100% - 18px)/4);width:calc((100% - 18px)/4);min-width:235px;min-height:515px;height:auto}.sp-lead{position:relative;cursor:pointer;flex:none}.sp-lead-top a{color:inherit;max-width:calc(100% - 24px)}.sp-lead-top b,.sp-lead>p,.sp-card-line span{display:block;overflow:hidden;text-overflow:ellipsis}.sp-lead-actions{padding:0;display:flex;align-items:center;justify-content:center;width:22px;height:26px;color:#4D6397}.sp-lead-actions .ph{font-size:19px}.sp-lead-link{display:block;position:absolute;inset:0;z-index:1}.sp-lead>*:not(.sp-lead-link){position:relative;pointer-events:none}.sp-lead .sp-lead-actions{pointer-events:auto;z-index:2}.sp-lead:focus-within{outline:3px solid #6ED8CC;outline-offset:2px}.sp-lead.dragging{opacity:.5}.sp-lane.drag-over{background:#E4F8F5;border-color:#00BEAD}.sp-lane-label h2{overflow:hidden;text-overflow:ellipsis}.sp-lane-header .sp-lane-label{gap:6px}.sp-lane-header{padding-left:5px;padding-right:5px}.sp-lane-more{display:block;width:100%;padding:12px;text-align:center;color:#007E7F;min-height:44px}.sp-stage-navigation{display:flex;gap:8px;align-items:center;padding:0 12px 12px;font-size:12px;color:var(--muted)}.sp-stage-navigation .btn{min-height:30px;padding:4px 8px;font-size:12px}.sp-preview-facts>div{white-space:normal;overflow-wrap:anywhere}.sp-person h3,.sp-person p,.sp-stage-pill{white-space:normal}.sp-next p,.sp-next strong{white-space:normal}.sp-summary{overflow:hidden;text-overflow:ellipsis;max-width:255px}.sp-summary small{display:block;font-size:11px;font-weight:400}.sp-preview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;gap:12px;color:var(--muted)}.sp-mobile-top{display:none}.mobile-menu-button{display:none}.mobile-scrim{display:none}.sp-main-inner .core-mobile-stage{display:none}.detail-sidebar{min-width:0}.detail-facts .fact b{overflow-wrap:anywhere;font-weight:500;display:block}.detail-grid{align-items:start}.core-tabs{overflow-x:auto;max-width:100%}.core-tabs .tab{min-height:44px}.stage-track{overflow:auto}.stage-step{flex:1 0 115px;cursor:pointer}.stage-step:disabled{opacity:1;cursor:default}.timeline-item p.note-body{white-space:pre-wrap;overflow-wrap:anywhere}.core-note-list{margin-top:12px}.core-followup{display:flex;gap:12px;align-items:center;padding:19px 22px}.core-followup .task-content{flex:1;min-width:0}.core-followup b{display:block}.core-followup p{color:var(--muted);font-size:12px}.core-contact-toolbar{display:flex;gap:10px;margin-bottom:20px;align-items:center}.core-contact-toolbar .searchbox{max-width:420px;flex:1}.core-filter-count{height:22px;min-width:22px;border-radius:50%;background:#E4F8F5;color:#007E7F;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.core-compact-hint{font-size:12px;color:var(--muted);padding:0 0 10px}.table-wrap{width:100%}.core-pager{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid #E6EDF6;color:#8795B2;font-size:12px;gap:12px}.core-pager .btn{min-height:36px;padding:7px 10px}.core-selection{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px}.core-selection .grow{overflow-wrap:anywhere}
#modal{border:1px solid #E1E8F1;padding:0;border-radius:17px;color:#0A1042;background:white;width:510px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:0 22px 85px #101F4525}#modal::backdrop{background:rgba(12,29,50,.48)}#modal.wide{width:670px}#modal[open]{display:flex;flex-direction:column}#modal .modal-head{flex-shrink:0;padding:27px 28px 0}#modal .modal-body{overflow:auto;padding:21px 28px 28px}#modal .modal-head p{color:var(--muted);font-size:13px;margin-top:6px}#modal .form-actions{margin:24px -28px -28px;padding:20px 28px;position:sticky;bottom:-28px;background:#FCFDFE}.core-drawer#modal{height:100dvh;max-height:100dvh;max-width:min(100vw,530px);width:530px;margin:0 0 0 auto;border-radius:0;border-top:0;border-right:0;border-bottom:0}.core-drawer#modal .modal-head{padding:25px 27px;border-bottom:1px solid #E3EBF4}.core-drawer#modal .modal-body{flex:1;padding:26px 27px}.core-drawer#modal .modal-head h2{font-size:25px}.cm-dialog#modal{position:fixed;margin:0;left:calc((100vw - 844px)/2 + 20px);top:90px;width:844px;height:869px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);border-radius:18px}.cm-dialog#modal .cm-body{padding:20px 32px 0}.cm-dialog#modal form{height:100%}.cm-dialog#modal .form-error{position:relative;font-size:13px}.cm-control select{appearance:none;min-width:0;width:100%;height:100%;border:0;background:transparent;outline:0;padding:0;font-size:18px;color:#345083}.cm-control:focus-within{outline:3px solid #83DCD1;outline-offset:2px}.cm-control .ph{pointer-events:none}.cm-field>small{position:static;margin-top:5px;white-space:normal}.cm-field .field-error{color:#BA3650;font-size:11px}.cm-contact-row{padding-right:124px}.cm-change{border:0;background:none}.cm-contact-row h3,.cm-contact-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-contact-options{max-height:330px;overflow:auto}.cm-option{cursor:pointer}.cm-option:focus-visible{outline-offset:-3px}.cm-contact-search{height:85px}.cm-contact-search input{height:auto}.cm-note-field{margin-top:15px}.cm-note-field textarea{width:100%;border:1px solid #D6E2F3;border-radius:10px;min-height:100px;padding:12px}.cm-contact-tabs [aria-selected=true]{background:#DFF7F2;color:#00777C;font-weight:600}.core-merge-fields select{width:100%;height:44px;border:1px solid #DBE5F1;border-radius:9px;padding:8px}.core-loading{display:flex;align-items:center;gap:12px;padding:36px;color:var(--muted)}.loading-ring{width:20px;height:20px;border:2px solid #D8E9EB;border-top-color:#007E7F;display:inline-block;border-radius:50%;animation:core-spin 1s linear infinite}@keyframes core-spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:25px;bottom:25px;z-index:150;display:grid;gap:10px;width:min(480px,calc(100vw - 32px))}.toasts .toast{position:static;display:flex;align-items:center;gap:10px;padding:15px 18px;max-width:100%;color:white}.toasts .toast span{flex:1}.toasts .toast button{color:inherit;width:30px;height:30px;flex:none}.toasts .toast.error{background:#92344E}.skip-link{position:fixed;top:-80px;left:15px;z-index:999;padding:12px;background:white;color:#007E7F}.skip-link:focus{top:10px}.auth-shell{height:100dvh;overflow:auto}.boot-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px}.core-state-page{padding:30px;max-width:900px;margin:auto}.core-state-page .empty{padding:35px}.sp-nav{min-height:44px}.core-check{width:18px;height:18px;accent-color:#007E7F}
@media(max-width:1250px) and (min-width:992px){.sp-workspace-main.core-board-mode{right:7px}.sp-preview{display:none}.sp-toolbar{gap:8px}.sp-summary{font-size:15px;max-width:210px}.sp-switch{min-width:145px}.sp-switch button{min-width:65px}.sp-control{font-size:14px}.sp-search{min-width:100px}.sp-lane{min-width:220px}}
@media(max-width:991px){.sp-sidebar{transform:translateX(-240px);transition:transform .16s;bottom:0;top:0;left:0;border-radius:0;height:100dvh}.sp-sidebar.open{transform:translateX(0)}.mobile-scrim.visible{display:block;position:fixed;inset:0;background:#0C1D3280;z-index:9}.sp-workspace-main,.sp-workspace-main.core-board-mode{left:7px;right:7px;top:76px}.sp-preview{display:none}.sp-mobile-top{position:fixed;inset:0 0 auto;z-index:8;display:flex}.mobile-menu-button{display:flex}.sp-mobile-top .sp-brand{height:auto;font-size:25px;padding-left:0;gap:8px}.sp-mobile-top .sp-brand .ph-fill{font-size:33px}.sp-mobile-top .btn{padding:0;width:38px;height:40px;min-height:40px;border:0;background:transparent}.sp-toolbar{flex-wrap:wrap;height:auto;min-height:89px}.sp-summary{max-width:none}.sp-search{flex-basis:220px}.detail-grid{grid-template-columns:260px minmax(0,1fr)}.cm-dialog#modal{left:16px;right:16px;top:16px;width:auto;max-height:calc(100dvh - 32px);height:869px}.cm-contact-options{max-height:250px}}
@media(max-width:600px){body{overflow:auto}.sp-workspace{height:auto;min-height:100dvh;padding-top:70px}.sp-mobile-top{height:70px;padding:0 18px}.sp-workspace-main,.sp-workspace-main.core-board-mode{position:relative;left:0;right:auto;top:0;bottom:auto;border:0;background:#F8FBFE;border-radius:0;min-height:calc(100dvh - 70px);overflow:visible}.sp-page{padding:21px 20px 30px}.sp-page.board-page{padding:0}.sp-main-inner{display:block}.sp-header{height:auto;border:0;padding:21px 20px 0;background:#F8FBFE;align-items:flex-start}.sp-header h1{font-size:26px;letter-spacing:-.6px}.sp-header p{font-size:14px;margin-top:6px}.sp-header-actions .sp-notification{display:none}.sp-header-actions .sp-button{height:43px;width:44px;padding:0;font-size:0;gap:0}.sp-header-actions .sp-button .ph{font-size:25px}.sp-toolbar{padding:22px 20px 17px;gap:13px;display:grid;grid-template-columns:1fr 1fr;background:#F8FBFE;white-space:normal}.sp-summary{grid-column:1/-1;font-size:15px;font-weight:600;display:flex;justify-content:space-between;margin:0;max-width:none}.sp-summary small{font-size:12px}.sp-toolbar .sp-switch{display:none}.sp-toolbar .sp-search{grid-column:1/-1;height:46px;min-width:0;font-size:14px;padding:0 13px}.sp-control{height:44px;font-size:14px}.sp-control select{max-width:100px}.sp-main-inner .core-mobile-stage{display:flex;margin:0 20px 15px;border:1px solid #DFE9F4;border-radius:11px;background:white;align-items:center;gap:10px;padding:12px}.core-mobile-stage select{appearance:none;border:0;background:transparent;font-size:15px;font-weight:600;flex:1;min-width:0}.sp-board{display:block;padding:0 20px 30px;background:#F8FBFE}.sp-lane{display:none;min-width:0;width:100%;padding:0;border:0;background:transparent;min-height:0}.sp-lane.mobile-current{display:block}.sp-lane-header{display:none}.sp-lead{height:202px;padding:16px 20px 14px;margin-bottom:14px}.sp-lead-top b{font-size:18px}.sp-lead>p{font-size:15px}.sp-lead>strong{font-size:20px}.sp-card-line{font-size:14px}.sp-stage-navigation{display:none}.detail-grid{display:flex;flex-direction:column;gap:18px}.detail-sidebar{width:100%}.detail-sidebar .detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid>div{width:100%;min-width:0}.detail-sidebar .notice{display:none}.stage-track{margin-bottom:18px}.detail-hero h1,.sp-workspace h1{font-size:25px}.detail-hero{gap:12px}.detail-hero .avatar{height:50px;width:50px;font-size:18px}.detail-hero p{font-size:12px}.page-header{display:block}.page-header .actions{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px}.page-header .actions .btn{font-size:12px;padding:10px;min-height:44px}.panel-body,.panel-pad{padding:19px}.panel-title{padding:19px}.core-followup{padding:17px;flex-wrap:wrap}.core-contact-toolbar{flex-wrap:wrap}.core-contact-toolbar .searchbox{min-width:100%;max-width:none}.core-pager{flex-wrap:wrap;padding:15px}.core-tabs{gap:20px}.core-tabs .tab{font-size:13px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.cm-dialog#modal{left:8px;right:8px;top:16px;width:auto;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);max-width:none;border-radius:15px}.cm-dialog#modal .cm-body{padding:19px 20px 25px;top:105px;bottom:78px}.cm-header .cm-close{right:20px;top:20px}.cm-contact-row{padding-right:80px}.cm-change{right:10px!important;width:70px!important;font-size:12px}.cm-contact-options{left:20px;right:20px;top:188px}.cm-contact-row p{font-size:12px}.cm-control select{font-size:16px}.cm-field>small{position:static}.core-drawer#modal{max-width:100vw;width:100vw}.details{grid-template-columns:110px 1fr}.core-compact-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(max-width:991px){.sp-sidebar{display:block}.sp-workspace-main{width:auto}}
@media(max-width:600px){.sp-workspace-main,.sp-workspace-main.core-board-mode{width:100%}.sp-workspace .stage-track{overflow-x:auto}.sp-workspace .detail-grid .detail-sidebar{display:block}.sp-sidebar{display:block}}
/* Preserve visible icon geometry while providing a keyboard/touch target of at least 44px. */
.sp-lead-actions,.sp-preview-head button,.sp-lane-label button{position:relative}.sp-lead-actions::after,.sp-preview-head button::after,.sp-lane-label button::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}

/* Native dialogs must remain absent from layout and hit testing while closed. */
#modal:not([open]){display:none!important}
#modal.cm-dialog[open]{display:block}
#modal::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}

@media(max-width:600px){.sp-summary-dot{display:none}}

/* Restore the board-specific measurements after shared heading/control rules. */
@media(min-width:601px){
  .sp-workspace .sp-header h1{font-size:36px;letter-spacing:-1.25px;color:#080B3E}
  .sp-toolbar .sp-summary{margin-right:18px}
  .sp-toolbar .sp-switch{min-width:188px;width:188px;flex:0 0 188px}
  .sp-toolbar .sp-switch button{min-width:0;flex:1}
  .sp-toolbar .sp-control:has(#core-owner){width:132px;flex:0 0 132px}
  .sp-toolbar #core-owner{min-width:0;width:75px}
  .sp-lane-header{padding-left:3px;padding-right:1px}
  .sp-lane-header>p{margin-left:34px;margin-top:3px}
  .sp-lane-cards>.sp-lead:last-child{margin-bottom:8px}
}
.sp-lead:focus-within:not(:has(:focus-visible)){outline:none}
.sp-preview-facts{gap:23px;padding-bottom:26px}
.sp-workspace .sp-next h3{color:#007A7D}
.cm-control:has(input:focus-visible),.cm-control:has(select:focus-visible){outline:3px solid #83DCD1;outline-offset:2px}

/* Sampled resting-state palette shared by the approved desktop references. */
body,.sp-workspace{background:#F6F9FD}
.sp-sidebar{border-color:#EDF2F8}
.sp-nav[aria-current=page]{background:#E2F8F4}
.sp-nav[aria-current=page]::before{background:#00BAAA}
.sp-lane{background:#FBFDFF;border-color:#E8EFF6}
.sp-lead{border-color:#E4EDF6}
.sp-lead.is-selected{background:#F4FFFD}
.sp-avatar{background:#DFF6F6}
.sp-stage-pill{background:#E6F9F6}
.cm-header-symbol{background:#DDF6F4}
.cm-contact-row{background:#F0FBF9}
.cm-contact-tabs [aria-selected=true]{background:#DFF6F2}
.cm-control{border-color:#D6E2F2}
.cm-footer{background:#FBFDFF}
#modal::backdrop{background:rgba(12,27,48,.48)}
@media(min-width:601px){
  .sp-toolbar{gap:12px;padding-right:16px}
  .sp-toolbar .sp-summary{margin-right:19px}
  .sp-toolbar>button.sp-control{width:140px;flex:0 0 140px}
  .sp-toolbar #core-owner{appearance:none;flex:1;width:100%;font:inherit}
  .sp-search input::placeholder{color:#60709F;opacity:1}
  .sp-lane-label h2{font-size:15px;flex-shrink:0}
}

/* Native selects retain their accessible name, keyboard behavior and form value. */
.select-control{display:block;position:relative;min-width:0}
.select-control>select{appearance:none;width:100%;padding-right:42px}
.select-control>.ph{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:16px;color:#526EA0;pointer-events:none}
.select-control:has(select:disabled)>.ph{opacity:.55}
@media(min-width:601px){
  .sp-lane{flex-basis:calc((100% - 16px)/4);width:calc((100% - 16px)/4)}
  .sp-lane-header{padding-left:2px;padding-right:2px}
  .sp-lane-header .sp-lane-label{gap:7px}
  .sp-lane-header>p{margin-left:35px;margin-top:5px}
  .sp-count{width:25px;flex-basis:25px}
  .sp-lane-label button{width:35px;height:33px;flex-basis:35px;padding:0}
}
#modal:not(.cm-dialog)::backdrop{background:rgba(8,45,52,.35)}
#modal.core-drawer::backdrop{background:rgba(12,49,56,.25)}
@media(max-width:600px){
  .sp-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-toolbar .sp-control{min-width:0;padding:0 12px;gap:8px}
  .sp-toolbar #core-owner{appearance:none;min-width:0;max-width:none;width:100%;flex:1;font:inherit}
  .sp-toolbar .sp-control>.ph{flex:0 0 auto}
  .sp-toolbar .sp-control>.ph:last-child{font-size:16px}
}

/* Centered lead forms keep their approved styling above generic dialog defaults. */
.cm-dialog#modal{border-color:#DAE5F1;color:#080D40;box-shadow:0 25px 80px #061A4725}
/* Two 376px controls and their 25px gap; narrower native forms still shrink. */
.cm-dialog#modal .cm-fields{max-width:777px}

/* Mobile board retains the native picker while exposing the approved stage row. */
.core-mobile-open{display:none}
@media(max-width:991px){
  .core-mobile-open{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;color:#008184;font-size:15px;font-weight:600;margin:16px 18px 23px;text-decoration:none}
  .core-mobile-open .ph{font-size:19px}
}
@media(max-width:600px){
  .board-page .sp-header{padding:23px 18px 0}
  .sp-workspace .board-page .sp-header h1{font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.7px}
  .board-page .sp-header>div:first-child{min-width:0}
  .board-page .sp-header-actions .sp-button{height:44px;min-height:44px;flex:0 0 44px}
  .board-page .sp-toolbar{padding:24px 18px 12px;gap:12px 10px}
  .board-page .sp-summary{font-weight:700;margin-bottom:5px;color:#0F1D4E}
  .board-page .sp-summary>span{font-weight:600}
  .board-page .sp-search{height:47px}
  .board-page .sp-control{justify-content:center;gap:10px}
  .board-page .sp-control:has(#core-owner){position:relative}
  .board-page #core-owner{flex:0 1 auto;width:auto;max-width:calc(100% - 50px)}
  .sp-main-inner .core-mobile-stage{position:relative;height:44px;min-height:44px;margin:0 18px 5px;padding:0;border:0;border-radius:0;background:transparent;gap:10px;font-size:16px}
  .core-mobile-stage-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .core-mobile-stage .sp-count{width:24px;height:24px;flex:0 0 24px;font-size:12px}
  .core-mobile-stage>.ph:last-child{margin-left:auto;font-size:17px;color:#6C7DA7}
  .core-mobile-stage select{position:absolute;inset:0;width:100%;height:44px;opacity:0;cursor:pointer}
  .core-mobile-stage:focus-within{outline:3px solid #83DCD1;outline-offset:2px;border-radius:4px}
  .board-page .sp-board{padding:0 18px;background:#F8FBFE}
  .board-page .sp-lane{border:0;background:transparent}
  .board-page .sp-lead{height:213px;padding:17px 18px;border-radius:13px;margin-bottom:13px}
  .board-page .sp-lead>p{margin-top:4px}
  .board-page .sp-card-line{gap:12px;margin-top:12px}
  .board-page .sp-lane-cards>.sp-lead:last-child{margin-bottom:0}
  .board-page .core-mobile-open{margin-top:16px}
}

/* G3 real-browser finding: the hidden validation sibling must not enlarge carets. */
.cm-control > select + .ph-caret-down{font-size:14px;margin-left:auto;color:#6078AD;flex:none}

/* G2/G3 original centered-form authority, measured against 28007c8c browser DOM.
   Keep semantic controls, scrollable body and mobile geometry unchanged. */
@media(min-width:992px){
  .cm-dialog#modal::backdrop{background:rgba(12,29,50,.53)}
  .cm-dialog#modal .cm-body{padding-right:30px}
  .cm-dialog#modal .cm-fields{max-width:none}
  .cm-dialog#modal .cm-contact-tabs [data-mode="existing"]{flex:0 0 161px}
}

/* VIS-006: one-column filter hierarchy; keep actions outside the scrolling field area. */
#modal.core-filter-drawer .modal-head{min-height:104px;padding:24px 27px}
#modal.core-filter-drawer .modal-body{min-height:0;display:flex;overflow:auto;padding:26px 27px 0}
#modal.core-filter-drawer #modal-form{display:flex;flex-direction:column;min-height:100%;width:100%}
#modal.core-filter-drawer .core-filter-fields{display:flex;flex-direction:column;gap:18px}
#modal.core-filter-drawer .field{margin:0;min-width:0}
#modal.core-filter-drawer .field input,#modal.core-filter-drawer .field select{height:46px;min-height:44px;width:100%}
#modal.core-filter-drawer .core-filter-custom:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:14px}
#modal.core-filter-drawer .core-filter-overdue{border-top:1px solid #E3EBF4;margin-top:20px;padding-top:16px}
#modal.core-filter-drawer .core-filter-overdue .check-field{min-height:44px}
#modal.core-filter-drawer .core-filter-hint{font-size:11px;color:#5F70A3;margin:0 0 20px}
#modal.core-filter-drawer .form-actions{margin:auto -27px 0;padding:20px 27px;bottom:0;flex-shrink:0;border-top:1px solid #E3EBF4;z-index:1}
#modal.core-filter-drawer .form-actions .btn{min-height:44px}
#modal.core-filter-drawer .modal-head>.btn.icon{min-height:44px;min-width:44px}
@media(max-width:420px){#modal.core-filter-drawer .core-filter-custom:not([hidden]){grid-template-columns:1fr}}

/* CORE-03 after-cut: original desktop sidebar measurements versus 28007c8c.
   Shift the navigation only; retain 66px link boxes and their keyboard targets. */
@media(min-width:992px){
  .sp-sidebar nav[aria-label="Main navigation"]{margin-top:-8px;padding-left:7px}
  .sp-sidebar .sp-nav[aria-current="page"]{border-top:2px solid transparent;border-bottom:5px solid transparent;background-clip:padding-box}
  .sp-sidebar .sp-nav[aria-current="page"]::before{top:2px;bottom:5px}
}

/* Sidebar links follow the available nav width, including a vertical scrollbar.
   Keep the full label in normal flow instead of clipping it or hiding overflow.
   A smaller gap/end padding leaves room for words beside a classic scrollbar.
   The 66px minimum preserves the existing targets; extra lines can grow a row. */
.sp-sidebar .sp-nav{width:100%;min-width:0;height:auto;min-height:66px;gap:12px;padding-top:4px;padding-right:12px;padding-bottom:4px;white-space:normal;text-decoration:none}
.sp-sidebar .sp-nav>span{flex:1;min-width:0;overflow-wrap:anywhere}

/* Original-authority display glyphs: retain boxes, control semantics and layout. */
/* The board's Phone source uses one shared green tile and white local-font handset.
   Keep the existing 26px source slot and label position; only the decorative
   28px artwork extends beyond it. Dialogs retain this same underlying card. */
.sp-source.phone{overflow:visible}
.sp-source.phone>.ph-fill{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;background:linear-gradient(180deg,#05C783 0%,#05AC72 46%,#038D5D 100%);color:#fff;font-size:22px;line-height:1;transform:translate(3px,4px)}
.reference-brand-glyph{display:block;flex:0 0 37px;width:37px;height:37px;color:#04AB9B;transform:translateY(-4px)}
.reference-lead-create{display:block;flex:none;width:41px;height:41px;color:inherit}
@media(max-width:600px){.reference-lead-create{width:29px;height:29px}.sp-mobile-top .reference-brand-glyph{width:33px;height:33px;flex-basis:33px;transform:none}}

/* Original centered form: the clean reference rows start at 445/540/639/738px
   in the 1585x992 frame, rather than the later recreation's uniform 98px pitch.
   Keep the dialog/header/footer fixed. Use normal-flow control heights and
   explicit 17/19/19px row gaps; validation and native controls remain intact. */
@media(min-width:992px){
  .cm-dialog#modal .cm-body>.cm-divider{margin-bottom:17px}
  .cm-dialog#modal .cm-fields{row-gap:0}
  .cm-dialog#modal .cm-fields>.cm-field{margin-bottom:19px}
  .cm-dialog#modal .cm-fields>.cm-field:nth-child(-n+2){margin-bottom:17px}
  .cm-dialog#modal .cm-fields>.cm-field:nth-last-child(-n+2){margin-bottom:0}
  .cm-dialog#modal .cm-fields>.cm-field .cm-control{height:52px}
  .cm-dialog#modal .cm-fields>.cm-field:nth-child(-n+2) .cm-control{height:50px}
}

/* Original desktop board: preserve its four-track rhythm inside the scroll region.
   At the 1585px reference viewport, tracks are 252/248/245/241px with 6px gaps.
   Quarter-width tracks remain responsive; native min-width and all smaller layouts stay intact. */
@media(min-width:1251px){
  .core-board-mode .sp-board{padding-right:0}
  .core-board-mode .sp-board>.sp-lane{
    flex-basis:calc((100% - 18px)/4 + var(--sp-track-adjust));
    width:calc((100% - 18px)/4 + var(--sp-track-adjust));
  }
  .core-board-mode .sp-board>.sp-lane:nth-child(4n+1){--sp-track-adjust:5.5px;padding-left:6px;padding-right:6px}
  .core-board-mode .sp-board>.sp-lane:nth-child(4n+2){--sp-track-adjust:1.5px;padding-left:7px;padding-right:7px}
  .core-board-mode .sp-board>.sp-lane:nth-child(4n+3){--sp-track-adjust:-1.5px;padding-left:6px;padding-right:5px}
  .core-board-mode .sp-board>.sp-lane:nth-child(4n+4){--sp-track-adjust:-5.5px;padding-left:5px;padding-right:7px}
}

/* Nizam identity: shared native/Next mark, existing shell geometry and palette. */
.nizam-brand-mark{display:block;flex:0 0 37px;width:37px;height:37px;object-fit:contain}
.support-auth .logo{color:#080D40;font-weight:700;letter-spacing:-1px}
.support-auth .logo .nizam-brand-mark{width:40px;height:40px;flex-basis:40px}
.brand-mark:has(.nizam-brand-mark){background:transparent}
.brand-mark .nizam-brand-mark{width:34px;height:34px;flex-basis:34px}
@media(max-width:600px){.sp-mobile-top .nizam-brand-mark{width:33px;height:33px;flex-basis:33px}}