.fu-module{color:#183454;max-width:1480px;margin:0 auto}.fu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.fu-heading h1{font-size:28px;margin:0 0 8px;font-weight:750}.fu-heading p{margin:0;color:#8292a8;font-size:13px}.fu-panel{background:#fff;border:1px solid #e3eaf3;border-radius:14px;padding:22px}.fu-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.fu-tabs button,.fu-back,.fu-secondary{border:1px solid #d7e1ee;background:#f5f8fc;border-radius:9px;color:#173759;padding:12px 16px;font-weight:650}.fu-tabs .selected,.fu-actions button[type=submit],.fu-card button{background:#405d80;color:#fff;border-color:#405d80}.fu-tabs button:disabled{opacity:.65}.fu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fu-grid button{min-width:0;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #d7e1ee;border-radius:10px;background:#fff;color:#183454;font-weight:650;padding:16px;cursor:pointer}.fu-grid b{background:#ffe7e7;color:#af1d1d;border-radius:30px;padding:3px 9px;font-size:13px;margin-left:6px}.fu-form{max-width:840px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fu-form label{font-weight:650;font-size:13px;display:flex;flex-direction:column;gap:8px}.fu-form input,.fu-form select,.fu-form textarea{border:1px solid #d5e0ef;border-radius:8px;padding:12px;width:100%;font:inherit;background:white;color:#193657;box-sizing:border-box}.fu-form small{font-weight:400;color:#8492a6}.fu-wide{grid-column:1/-1}.fu-actions{display:flex;gap:8px;flex-wrap:wrap}.fu-actions button,.fu-card button,.fu-pagination button{padding:11px 15px;border-radius:8px;border:1px solid #d7e1ee;font-weight:650;cursor:pointer}.fu-match{display:block;width:100%;text-align:left;padding:12px;border:1px solid #d9e4ef;background:#f6f9fd;cursor:pointer}.fu-selected{padding:10px;background:#edf6ee;border-radius:8px}.fu-list-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.fu-list-head span{color:#8190a4}.fu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fu-card{border:1px solid #e0e8f3;border-radius:12px;padding:17px;min-width:0;overflow-wrap:anywhere}.fu-card-title{display:flex;justify-content:space-between;gap:8px}.fu-tag{border-radius:30px;background:#e8f4ef;color:#11785c;padding:5px 9px;font-size:12px}.fu-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0;font-size:13px}.fu-details>div{min-width:0;overflow-wrap:anywhere}.fu-details small{display:block;color:#8796ac;margin-bottom:4px}.fu-note{font-size:13px;white-space:pre-wrap}.fu-empty{text-align:center;color:#8192a9;padding:45px 10px}.fu-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.fu-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fu-metrics>div{background:#f4f7fb;border-radius:10px;padding:18px;text-align:center}.fu-metrics strong{display:block;font-size:24px}.fu-metrics small{text-transform:capitalize;color:#8392a6}.fu-table-wrap{overflow-x:auto}.fu-table{border-collapse:collapse;width:100%;font-size:13px}.fu-table th,.fu-table td{border-bottom:1px solid #e0e8f3;padding:13px;text-align:left}.fu-table thead{background:#f4f7fb;text-transform:capitalize}@media(max-width:800px){.fu-panel{padding:12px}.fu-grid,.fu-cards{grid-template-columns:1fr}.fu-heading h1{font-size:22px}.fu-form{grid-template-columns:1fr}.fu-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fu-grid button{padding:13px}.fu-tabs button{padding:9px}.fu-details{gap:9px}}

/* Ageing & SLA: restore project row layout and mobile stacked cards; isolated styles */
.fu-health,.fu-project-section{background:#fff;border-radius:12px;margin-bottom:18px}
.fu-health-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}
.fu-health h2,.fu-project-section h2{font-size:18px;margin:0 0 14px;color:#183454}
.fu-health p,.fu-project-section>p,.fu-age-note{font-size:13px;color:#8396b0;line-height:1.55}
.fu-age-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.fu-age-filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#183454}
.fu-age-filters input,.fu-age-filters select{border:1px solid #cfd8e5;border-radius:5px;padding:7px 9px;max-width:210px;background:#fff;color:#183454}
.fu-age-note{margin:16px 0 0}
.fu-project-section{margin-top:20px;border-top:1px solid #e6edf6;padding-top:20px}
.fu-project-head,.fu-project-row{display:grid;grid-template-columns:minmax(190px,2fr) repeat(7,minmax(82px,1fr));align-items:center;gap:10px}
.fu-project-head{padding:14px 12px;color:#667f9e;font-size:10px;text-transform:uppercase;letter-spacing:.035em;font-weight:700}
.fu-project-head span:not(:first-child){text-align:center}
.fu-project-list{display:grid;gap:8px}
.fu-project-row{border:1px solid #dfe8f3;background:#f6f8fc;border-radius:11px;padding:12px;font-size:12px;min-width:0}
.fu-project-name{overflow-wrap:anywhere}
.fu-project-stat{text-align:center}
.fu-project-stat small{display:none}
.fu-count{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:36px;padding:5px;border:1px solid #e3eaf3;background:#f4f6fa;border-radius:9px;color:#8a9db6;font-size:13px}
.fu-count-total_leads{background:#eaf3ff;color:#24528e;border-color:#cfe0f7}
.fu-count-no_feedback{background:#fff;color:#193e6c;border-color:#d8e5f5}
.fu-count-contacted{background:#e9f8f0;color:#147b4a;border-color:#cde9d9}
.fu-count-overdue{background:#fff0ee;color:#c03827;border-color:#ffd4cc}
@media(max-width:1100px){.fu-project-head,.fu-project-row{grid-template-columns:minmax(130px,1.5fr) repeat(7,minmax(65px,1fr));gap:5px}.fu-project-head{font-size:9px}.fu-count{min-width:32px}}
@media(max-width:800px){.fu-health-head{flex-direction:column}.fu-age-filters{width:100%}.fu-age-filters label{flex:1;min-width:130px}.fu-age-filters input,.fu-age-filters select{max-width:none;width:100%;box-sizing:border-box}.fu-project-head{display:none}.fu-project-list{grid-template-columns:1fr}.fu-project-row{display:block;padding:15px;min-width:0}.fu-project-name{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e1e9f3}.fu-project-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fu-project-name{grid-column:1/-1}.fu-project-stat{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;text-align:left;background:#fff;border:1px solid #e4ebf4;border-radius:8px;padding:8px}.fu-project-stat small{display:block;font-size:11px;color:#7286a2;line-height:1.3}.fu-count{flex-shrink:0;min-width:34px;min-height:32px}.fu-project-stat:last-child:nth-child(even){grid-column:1/-1}.fu-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fu-panel{min-width:0;overflow:hidden}}
@media(max-width:390px){.fu-project-row{grid-template-columns:1fr}.fu-project-stat:last-child:nth-child(even){grid-column:auto}}

/* Mobile project summary parity: original CRM's compact two-column cards.
   Scoped to Ageing & SLA; desktop and API behavior unchanged. */
@media (max-width: 800px) {
  .fu-project-section .fu-project-list { display:grid;grid-template-columns:minmax(0,1fr);gap:8px; }
  .fu-project-section .fu-project-row {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:8px !important;
    border:1px solid #dce6e8;
    border-radius:12px;
    background:#fff;
    min-width:0;
    box-sizing:border-box;
  }
  .fu-project-section .fu-project-name {
    grid-column:1/-1;
    margin:0 0 2px;
    padding:10px 12px !important;
    background:#edf4fc;
    border:1px solid #e5edf6;
    border-radius:9px;
    min-width:0;
  }
  .fu-project-section .fu-project-name strong {font-size:14px;line-height:1.35;color:#183454;}
  .fu-project-section .fu-project-stat {
    grid-column:auto;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:4px;
    min-width:0;
    padding:7px 8px !important;
    min-height:40px;
    border-radius:8px;
    background:#f7f9fc;
    box-sizing:border-box;
  }
  .fu-project-section .fu-project-stat small {
    display:block;
    min-width:0;
    font-size:10px;
    font-weight:600;
    line-height:1.2;
    color:#53657d;
    overflow-wrap:anywhere;
  }
  .fu-project-section .fu-count {
    flex:0 0 auto;
    min-width:27px;
    min-height:28px;
    padding:2px 5px;
    border-radius:8px;
    font-size:12px;
  }
  .fu-project-section .fu-project-stat:last-child:nth-child(even) {grid-column:auto !important;}
}
@media (max-width:390px) {
  .fu-project-section .fu-project-row {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

/* Follow-ups & Site Visits final scoped UI polish */
.fu-module{max-width:1480px}.fu-heading{margin-bottom:16px}.fu-heading p:empty{display:none}.fu-panel{border-radius:16px;box-shadow:0 4px 20px rgba(19,50,88,.045)}
.fu-picker{max-width:520px;margin-bottom:18px;display:grid;gap:8px}.fu-picker label{font-size:13px;font-weight:750;color:#24486e}.fu-picker select{width:100%;min-height:48px;border:1px solid #b6c9e0;border-radius:11px;padding:10px 38px 10px 14px;background:#fff;color:#163c68;font-weight:700;font:inherit;cursor:pointer}
.fu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fu-grid button{min-height:64px;padding:15px 18px;border-radius:12px;box-shadow:0 2px 6px rgba(17,57,105,.035);transition:background .15s,border-color .15s}.fu-grid button:hover{background:#f0f6ff;border-color:#5a89c0}.fu-grid b{margin-left:auto;min-width:28px;text-align:center;background:#dfeeff;color:#165f9d}.fu-grid button[data-fu="overdue"] b{background:#fff0e7;color:#a64d20}.fu-list-head span:empty,.fu-heading p:empty{display:none}.fu-list-head{margin-bottom:14px}.fu-card{box-shadow:0 2px 12px rgba(14,53,95,.045)}.fu-card-title strong{font-size:16px}.fu-tag{text-transform:capitalize}.fu-card .fu-note{border-left:3px solid #4c8cc9;background:#f4f8fd;padding:10px 12px;border-radius:5px}.fu-form{max-width:100%;gap:14px}.fu-form input:focus,.fu-form select:focus,.fu-picker select:focus{outline:2px solid #6da5e2;outline-offset:1px}.fu-health,.fu-project-section{border-radius:13px}
@media(max-width:760px){.fu-module{width:100%;min-width:0}.fu-panel{padding:14px}.fu-heading h1{font-size:22px}.fu-picker{max-width:none}.fu-grid,.fu-cards{grid-template-columns:1fr}.fu-grid button{min-height:58px}.fu-form{grid-template-columns:1fr}.fu-form label,.fu-wide{grid-column:1/-1}.fu-card{padding:14px}.fu-details{grid-template-columns:repeat(2,minmax(0,1fr))}.fu-actions button{max-width:100%}}
@media(max-width:390px){.fu-details{grid-template-columns:1fr}}

/* Follow-up & Field Visit V1.1 compact navigation */
.fu-grid button{min-height:52px;padding:11px 14px;gap:8px;font-size:14px;line-height:1.35}
.fu-grid .sv-menu-badge{margin-left:auto;min-width:26px;border-radius:99px;background:#e4efff;color:#155b99;padding:3px 8px;text-align:center;font-size:12px}
@media(max-width:760px){.fu-picker{margin-bottom:12px}.fu-picker select{min-height:42px;padding:8px 34px 8px 11px;font-size:13px}.fu-picker label{font-size:12px}.fu-grid{gap:8px}.fu-grid button{min-height:44px;padding:9px 12px;font-size:13px}.fu-grid b{font-size:12px}.svm-actions{display:flex;gap:8px;flex-wrap:wrap}.svm-actions button{min-width:0;flex:1 1 auto}}

/* V1.3: make category badges visible in compact mobile navigation */
.fu-module .fu-grid button b,.fu-module .fu-grid .sv-menu-badge,.fu-module .fu-grid .fsv13-badge{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:25px;min-height:22px;padding:2px 7px;border-radius:999px;background:#e4efff;color:#155b99;font-size:12px;font-weight:700;line-height:1.2;margin-left:auto;position:static;white-space:nowrap}
.fu-module .fu-grid button{display:flex!important;align-items:center;gap:6px;min-width:0;overflow:visible}
.fu-module .fsv13-nav{margin-bottom:16px}
.fu-module .fsv13-nav button[aria-current="page"]{background:#edf5ff;border-color:#8aafd7}
@media(max-width:760px){.fu-module .fu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.fu-module .fu-grid button{font-size:12px!important;padding:9px 10px!important;min-height:44px!important;line-height:1.25;overflow-wrap:anywhere}.fu-module .fu-grid button b{font-size:11px!important;min-width:22px!important;padding:2px 6px!important}.fu-module .fu-grid button:first-child:last-child{grid-column:1/-1}}
@media(max-width:360px){.fu-module .fu-grid{grid-template-columns:1fr!important}}

/* V1.4: desktop category menu; mobile category + dependent function dropdown. */
.fu-mobile-subpicker{display:none}
@media(max-width:760px){.fu-mobile-subpicker{display:grid;gap:7px;margin:0 0 12px}.fu-mobile-subpicker label{font-size:12px;font-weight:700;color:#24486e}.fu-mobile-subpicker select{display:block;width:100%;min-height:44px;box-sizing:border-box;border:1px solid #b6c9e0;border-radius:10px;padding:9px 35px 9px 12px;background:#fff;color:#163c68;font-size:14px}.fu-module .fu-grid{display:none!important}.fu-module .fu-panel{overflow:visible}}

/* V1.5: menu is shown only at category level, never over active forms. */
@media(max-width:760px){
 .fu-module .fu-grid:not(.fsv13-nav){display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .fu-module .fu-grid:not(.fsv13-nav) button{display:flex!important;width:100%;min-width:0;min-height:46px;padding:11px 13px!important;font-size:13px!important;box-sizing:border-box;white-space:normal}
 .fu-module .fu-mobile-subpicker{display:none!important}
 .fu-module .fu-panel{min-width:0;overflow:visible}
}

/* V1.6: one category menu, one section selection; no duplicate navigation. */
.fsv16-mobile-section{display:none}
@media(max-width:760px){
 .fu-module .fsv16-menu-grid{display:none!important}
 .fu-module .fsv16-mobile-section{display:grid!important;gap:7px;margin:0 0 12px}
 .fu-module .fsv16-mobile-section label{font-size:12px;font-weight:700;color:#24486e}
 .fu-module .fsv16-mobile-section select{display:block;width:100%;min-height:44px;box-sizing:border-box;border:1px solid #b6c9e0;border-radius:10px;padding:9px 35px 9px 12px;background:#fff;color:#163c68;font-size:14px}
}

/* V1.7: one category selector, vertical section buttons on mobile. */
@media(max-width:760px){
 .fu-module .fu-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .fu-module .fu-grid button{display:flex!important;width:100%;min-height:44px;box-sizing:border-box}
 .fu-module .fsv16-mobile-section,.fu-module .fu-mobile-subpicker{display:none!important}
 .fu-module .fu-grid+.wl-mobile-picker,.fu-module .wl-mobile-picker:has(+ .fu-grid){display:none!important}
}

/* V1.8 mobile date/time input containment — no navigation changes. */
@media (max-width:760px) {
 .fu-module,.fu-module .fu-panel,.fu-module .fu-form,.fu-module .fu-form label{min-width:0;max-width:100%;box-sizing:border-box}
 .fu-module .fu-form{width:100%;grid-template-columns:minmax(0,1fr)!important}
 .fu-module .fu-form label{grid-column:1/-1;overflow:visible}
 .fu-module .fu-form input[type=date],.fu-module .fu-form input[type=time]{display:block;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:44px;padding:9px 10px!important;font-size:16px!important}
 .fu-module .fu-form input::-webkit-date-and-time-value{min-width:0;text-align:left}
}

/* HE consolidated Back UI + follow-up action styling. Existing theme tokens take precedence. */
.fu-module .fu-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}
.fu-module .fu-heading .fu-back,.fu-module .fu-heading .sv-back{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;align-items:center!important;justify-content:center!important;flex:none!important;min-height:38px!important;padding:8px 14px!important;font-size:13px!important;font-weight:650!important;line-height:20px!important;border-radius:9px!important;white-space:nowrap!important;cursor:pointer!important}
.fu-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.fu-card-actions button,.fu-card-actions .fu-contact{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid var(--wl-line,#d7e1ee);border-radius:9px;text-decoration:none;font:inherit;font-size:12px;font-weight:650;color:var(--wl-secondary-text,#173759);background:var(--wl-secondary,#f5f8fc);cursor:pointer}
.fu-followup-overlay{position:fixed;inset:0;z-index:100100;background:rgba(9,22,40,.58);display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}
.fu-followup-dialog{background:var(--wl-surface,#fff);color:var(--wl-text,#193657);width:min(100%,520px);max-height:92dvh;overflow:auto;border-radius:14px;padding:20px;display:grid;gap:12px;box-shadow:0 12px 45px #0003}
.fu-followup-dialog h2{font-size:19px;margin:0}.fu-followup-dialog label{display:grid;gap:6px;font-size:13px;font-weight:650}.fu-followup-dialog select,.fu-followup-dialog input,.fu-followup-dialog textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--wl-line,#ccd7e4);border-radius:8px;font:inherit;background:var(--wl-surface,#fff);color:var(--wl-text,#193657)}
.fu-followup-date:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:10px}.fu-followup-date[hidden]{display:none!important}.fu-followup-actions{display:flex;flex-wrap:wrap;gap:8px}.fu-followup-actions button{padding:10px 14px;border-radius:8px;cursor:pointer}.fu-followup-error{color:#b42318;margin:0;font-size:12px}
@media(max-width:600px){.fu-followup-date:not([hidden]){grid-template-columns:1fr}.fu-followup-dialog{padding:15px}.fu-card-actions{gap:6px}.fu-card-actions button,.fu-card-actions .fu-contact{font-size:12px;padding:8px 10px}}