:root{
  --msn-navy:#10233f;--msn-blue:#1d4f85;--msn-blue2:#2e6ba5;--msn-gold:#b78a36;
  --msn-bg:#f5f7fb;--msn-card:#ffffff;--msn-line:#e4eaf2;--msn-text:#17243a;--msn-muted:#6f7d91;
  --msn-success:#20744b;--msn-success-bg:#e9f7ef;--msn-warning:#9a6b11;--msn-warning-bg:#fff5dc;
}
.msn-fe{width:100%;color:var(--msn-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.msn-fe *{box-sizing:border-box}
.msn-fe-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;padding:0}
.msn-fe-toolbar h2{margin:3px 0 6px;font-size:27px;line-height:1.15;color:var(--msn-text)}
.msn-fe-toolbar p{margin:0;max-width:760px;color:var(--msn-muted);font-size:13px;line-height:1.55}
.msn-fe-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--msn-gold);text-transform:uppercase}
.msn-summary-pill{min-width:150px;padding:11px 15px;border-radius:12px;background:linear-gradient(135deg,#10233f,#1b4a7c);color:#fff;box-shadow:0 8px 20px rgba(16,35,63,.12)}
.msn-summary-pill strong{display:block;font-size:21px}.msn-summary-pill span{display:block;font-size:10px;opacity:.76;margin-top:2px}

.msn-fe .row{display:flex;flex-wrap:wrap;margin:-5px}.msn-fe .g-2>*{padding:5px}.msn-fe .g-3>*{padding:7px}
.msn-fe [class*="col-"]{width:100%}
@media(min-width:992px){
 .msn-fe .col-lg-1{width:8.333%}.msn-fe .col-lg-2{width:16.666%}.msn-fe .col-lg-3{width:25%}
 .msn-fe .col-xl-4{width:33.333%}.msn-fe .col-xl-8{width:66.666%}
}
@media(min-width:768px){
 .msn-fe .col-md-3{width:25%}.msn-fe .col-md-4{width:33.333%}.msn-fe .col-md-6{width:50%}.msn-fe .col-md-8{width:66.666%}
}

.msn-filter{background:var(--msn-card);border:1px solid var(--msn-line);border-radius:16px;padding:14px;margin-bottom:18px;box-shadow:0 6px 22px rgba(27,47,73,.05)}
.msn-fe .form-control,.msn-fe .form-select{
 width:100%;height:40px;border:1px solid #d9e1ec;border-radius:10px;background:#fff;color:var(--msn-text);
 padding:0 11px;font-size:12px;outline:none;transition:.18s
}
.msn-fe textarea.form-control{height:auto;min-height:92px;padding:10px 11px;line-height:1.5}
.msn-fe .form-control:focus,.msn-fe .form-select:focus{border-color:#7fa7ce;box-shadow:0 0 0 3px rgba(46,107,165,.10)}
.msn-fe label{display:block;font-size:11px;font-weight:700;color:#526177;margin-bottom:6px}
.msn-fe .d-flex{display:flex}.msn-fe .gap-2{gap:8px}.msn-fe .flex-grow-1{flex:1}.msn-fe .text-nowrap{white-space:nowrap}

.msn-fe .btn{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 13px;border-radius:9px;
 border:1px solid transparent;text-decoration:none;font-size:11px;font-weight:700;cursor:pointer;transition:.18s;background:#fff
}
.msn-fe .btn:hover{transform:translateY(-1px)}
.msn-fe .btn-primary{background:var(--msn-navy);color:#fff;border-color:var(--msn-navy)}
.msn-fe .btn-primary:hover{background:#183a63}
.msn-fe .btn-outline-primary{color:var(--msn-blue);border-color:#b8cce0;background:#fff}
.msn-fe .btn-outline-secondary{color:#5f6d80;border-color:#d5dde8;background:#fff}
.msn-fe .btn-success{background:#208251;color:#fff;border-color:#208251}
.msn-fe .btn-outline-danger{color:#a43c42;border-color:#e6b9bd;background:#fff}
.msn-fe .btn-sm{min-height:31px;padding:0 9px;font-size:10px}

.msn-fe-table{background:#fff;border:1px solid var(--msn-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(27,47,73,.05)}
.msn-fe .table-responsive{width:100%;overflow-x:auto}
.msn-fe table{width:100%;border-collapse:collapse;min-width:1080px}
.msn-fe thead{background:linear-gradient(180deg,#f8fafc,#f3f6fa)}
.msn-fe thead th{padding:13px 14px;text-align:left;border-bottom:1px solid var(--msn-line);font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#66758a;font-weight:800}
.msn-fe tbody td{padding:14px;border-bottom:1px solid #edf1f5;vertical-align:middle;font-size:11px;line-height:1.45}
.msn-fe tbody tr{transition:.15s}.msn-fe tbody tr:hover{background:#f9fbfd}
.msn-fe tbody tr:last-child td{border-bottom:0}
.msn-fe td strong,.msn-fe td small{display:block}.msn-fe td small{color:var(--msn-muted);margin-top:3px}
.msn-opd-name{display:block;font-size:12px;font-weight:800;color:#163f6d;text-decoration:none;max-width:420px}
.msn-opd-name:hover{text-decoration:underline}
.msn-score{display:inline-block;padding:4px 7px;border-radius:7px;background:#edf4fb;color:#1d578a;font-size:9px;font-weight:800;margin-bottom:3px}
.msn-fe .badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;margin-top:4px}
.msn-fe .text-bg-success{background:var(--msn-success-bg);color:var(--msn-success)}
.msn-fe .text-bg-warning{background:var(--msn-warning-bg);color:var(--msn-warning)}
.msn-fe .text-bg-light{background:#f0f3f7;color:#69778a}

.msn-pagination{display:flex;justify-content:center;padding:15px;border-top:1px solid var(--msn-line);background:#fbfcfe}
.msn-pagination ul{display:flex;gap:5px;list-style:none;margin:0;padding:0}
.msn-pagination a,.msn-pagination span{display:grid;place-items:center;min-width:31px;height:31px;border:1px solid #dfe6ef;border-radius:8px;text-decoration:none;color:#506175;background:#fff;font-size:10px}
.msn-pagination .active span{background:var(--msn-navy);color:#fff;border-color:var(--msn-navy)}

.msn-form-card{background:#fff;padding:18px;margin-bottom:16px;border:1px solid var(--msn-line);border-radius:16px;box-shadow:0 6px 20px rgba(27,47,73,.04)}
.msn-form-card h4{font-size:15px;margin:0 0 15px;color:#173b67;padding-bottom:10px;border-bottom:1px solid #edf1f5}
.msn-contact-card{border-top:4px solid var(--msn-gold)}
.msn-fe .alert{padding:12px 14px;border-radius:10px;font-size:11px;margin-bottom:14px}
.msn-fe .alert-warning{background:var(--msn-warning-bg);color:var(--msn-warning);border:1px solid #f0deb0}
.msn-fe .border-danger{border-color:#e6c0c3}
.msn-fe .text-muted{color:var(--msn-muted)}
.msn-fe .small{font-size:10px}

@media(max-width:1100px){
 .msn-fe-toolbar{align-items:flex-start}.msn-summary-pill{min-width:130px}
 .msn-fe .col-lg-1,.msn-fe .col-lg-2,.msn-fe .col-lg-3{width:50%}
}
@media(max-width:760px){
 .msn-fe-toolbar{flex-direction:column}.msn-summary-pill{width:100%}
 .msn-fe .col-lg-1,.msn-fe .col-lg-2,.msn-fe .col-lg-3,.msn-fe .col-md-3,.msn-fe .col-md-4,.msn-fe .col-md-6,.msn-fe .col-md-8{width:100%}
 .msn-fe-toolbar .d-flex{width:100%;flex-wrap:wrap}.msn-fe-toolbar .btn{flex:1}
 .msn-fe-toolbar h2{font-size:22px}
}

/* v0.2.75.4 - explicit pagination, no dependency on Joomla icon glyphs */
.msn-pagination-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 16px;border-top:1px solid var(--msn-line);background:#fbfcfe
}
.msn-pagination-info{font-size:10px;color:#748094}
.msn-pagination-info strong{color:#173b67}.msn-pagination-info span{margin:0 5px;color:#a5afbc}
.msn-pagination{
  display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;
  padding:0;border:0;background:transparent
}
.msn-page-btn,.msn-page-num{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;
  border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#536378;
  text-decoration:none;font-size:10px;font-weight:700;padding:0 10px;transition:.16s
}
.msn-page-num{min-width:34px;padding:0 8px}
.msn-page-btn:hover,.msn-page-num:hover{
  color:#173b67;border-color:#aac1d8;background:#f3f7fb;transform:translateY(-1px)
}
.msn-page-num.active{
  background:#173b67;color:#fff;border-color:#173b67;box-shadow:0 4px 10px rgba(23,59,103,.16)
}
.msn-page-btn.disabled{
  opacity:.38;pointer-events:none;cursor:default;background:#f4f6f9
}
.msn-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:22px;color:#8a97a8;font-size:12px}
@media(max-width:760px){
  .msn-pagination-wrap{align-items:flex-start}
  .msn-pagination-info{width:100%}
  .msn-pagination{justify-content:flex-start}
  .msn-page-btn{padding:0 8px;font-size:9px}
}

/* v0.2.75.6 OPD office photo */
.msn-office-photo-preview{width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#eef2f6;border:1px solid #e2e8f0}
.msn-office-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.msn-office-photo-empty{min-height:150px;border:1px dashed #cfd8e4;border-radius:12px;background:#f8fafc;color:#8a97a8;display:grid;place-items:center;font-size:11px}
.msn-photo-caption{margin:8px 0 0;font-size:10px;color:#6f7d90;line-height:1.4}
.msn-opd-cell{display:flex;align-items:center;gap:10px;min-width:320px}
.msn-opd-thumb{width:52px;height:42px;border-radius:8px;object-fit:cover;flex:0 0 auto;border:1px solid #e0e6ee;background:#f4f7fa}
.msn-opd-thumb-empty{display:grid;place-items:center;font-size:15px;color:#8d99a8}
.msn-form-card .mt-1{margin-top:4px}.msn-form-card .mt-2{margin-top:8px}

/* v0.2.75.8 prominent photo editor */
.msn-photo-card-primary{border-top:4px solid #b78a36}
.msn-photo-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #edf1f5}
.msn-photo-card-head h4{margin:2px 0 0;padding:0;border:0}
.msn-photo-kicker{display:block;font-size:8px;letter-spacing:.13em;font-weight:800;color:#a67b28}
.msn-photo-status{display:inline-flex;padding:4px 7px;border-radius:99px;background:#f1f4f8;color:#66758a;font-size:8px;font-weight:800}
.msn-photo-primary-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:16px;align-items:start}
.msn-office-photo-preview-large{aspect-ratio:16/9;min-height:230px}
.msn-office-photo-empty-large{min-height:230px;text-align:center;padding:20px}
.msn-office-photo-empty-large strong{display:block;color:#59697d;font-size:12px}
.msn-office-photo-empty-large span{display:block;max-width:290px;margin:6px auto 0;color:#8a97a8;font-size:9px;line-height:1.5}
.msn-photo-fields{display:grid;gap:7px}.msn-photo-fields label{margin:2px 0 -2px}.msn-photo-fields .btn{justify-self:start;margin-top:4px}
@media(max-width:850px){.msn-photo-primary-layout{grid-template-columns:1fr}}

/* v0.2.75.9 remote image fallback */
.msn-office-photo-preview.is-broken{position:relative}
.msn-office-photo-preview.is-broken img{display:none}
.msn-office-photo-preview.is-broken:after{
  content:"Gambar dari URL tidak dapat dimuat. Pastikan URL langsung menuju file gambar dan server sumber mengizinkan hotlink.";
  position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;
  color:#7b8797;background:#f8fafc;font-size:10px;line-height:1.5
}

/* v0.2.76.4 automatic map marker */
.msn-map-auto-note{
  margin:-3px 0 14px;padding:10px 12px;border-radius:9px;
  background:#edf6ff;border:1px solid #d4e6f6;color:#285b84;
  font-size:9px;line-height:1.5
}

/* v0.2.77.0 OPD Follow-up Intelligence */
.msn-followup{margin-top:22px;background:#fff;border:1px solid #dde6ef;border-radius:15px;overflow:hidden}
.msn-fu-hero{padding:19px 21px;background:linear-gradient(110deg,#102b4e,#194873);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}
.msn-fu-hero>div:first-child span{font-size:8px;letter-spacing:.15em;font-weight:900;color:#dfc078}.msn-fu-hero h3{font-size:19px;margin:4px 0}.msn-fu-hero p{font-size:10px;color:#bfd0e0;margin:0}
.msn-fu-progress{min-width:245px;padding:11px 13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:10px}.msn-fu-progress small{display:block;font-size:7px;color:#bdcede}.msn-fu-progress b{display:block;font-size:10px}.msn-fu-progress>div{display:inline-block;width:76%;height:5px;background:rgba(255,255,255,.16);border-radius:5px;overflow:hidden}.msn-fu-progress i{display:block;height:100%;background:#d9b55f}.msn-fu-progress strong{font-size:8px;margin-left:5px}.msn-fu-progress em{display:block;font-size:8px;color:#e7ca80;font-style:normal;margin-top:4px}
.msn-fu-form{padding:19px 21px;border-bottom:1px solid #e5ebf1}.msn-fu-form h4,.msn-fu-history h4{font-size:12px;color:#173b67;margin:0 0 13px}.msn-fu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.msn-fu-grid .wide{grid-column:1/-1}.msn-fu-grid label span{display:block;font-size:8px;font-weight:800;color:#607185;margin-bottom:5px}.msn-fu-grid input,.msn-fu-grid select,.msn-fu-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1ea;border-radius:8px;padding:9px 10px;font-size:10px;background:#fff}.msn-fu-grid textarea{resize:vertical}
.msn-fu-next{margin-top:15px;padding:14px;background:#f6f9fc;border:1px solid #e0e8f0;border-radius:10px}.msn-fu-next h5{font-size:10px;color:#173b67;margin:0 0 11px}.msn-fu-save{margin-top:13px;border:0;border-radius:8px;background:#173b67;color:#fff;padding:10px 14px;font-size:9px;font-weight:800;cursor:pointer}
.msn-fu-history{padding:19px 21px}.msn-fu-history-head{display:flex;justify-content:space-between;align-items:center}.msn-fu-history-head span{font-size:8px;color:#8594a4}.msn-fu-empty{text-align:center;padding:18px;background:#f7f9fb;border-radius:8px;color:#8795a5;font-size:9px}
.msn-fu-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;position:relative}.msn-fu-item:before{content:"";position:absolute;left:14px;top:27px;bottom:0;width:1px;background:#dce5ed}.msn-fu-item:last-child:before{display:none}.msn-fu-number{width:27px;height:27px;border-radius:50%;background:#173b67;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900;z-index:1}
.msn-fu-card{border:1px solid #e0e7ee;border-radius:10px;padding:12px 13px;margin-bottom:13px}.msn-fu-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}.msn-fu-meta b{font-size:10px;color:#173b67}.msn-fu-meta span{font-size:8px;color:#7c8a99}.msn-fu-meta em,.msn-fu-meta strong{font-size:7px;font-style:normal;padding:4px 7px;border-radius:10px;background:#eef4fa;color:#315f89}.msn-fu-card small{display:block;font-size:7px;font-weight:900;color:#8a98a7;margin-bottom:3px}.msn-fu-card p{font-size:9px;line-height:1.55;color:#4c5e71;margin:3px 0 9px}.msn-fu-result{background:#f5f9fc;border-left:3px solid #6d8faf;padding:8px 9px;border-radius:5px}.msn-fu-result p{margin:2px 0}.msn-fu-next-history{margin-top:8px;padding:8px 9px;background:#fff8e8;border:1px solid #eee0b8;border-radius:7px}.msn-fu-next-history b{font-size:9px;color:#7c6225}.msn-fu-next-history p{margin:3px 0;color:#6c5a35}.msn-fu-internal{border-top:1px dashed #dce4eb;padding-top:8px;color:#697888!important}
@media(max-width:700px){.msn-fu-hero{flex-direction:column;align-items:stretch}.msn-fu-progress{min-width:0}.msn-fu-grid{grid-template-columns:1fr}.msn-fu-grid .wide{grid-column:auto}}

/* v0.2.77.1 Standard readable typography */
.msn-workspace{font-size:14px;line-height:1.55}
.msn-workspace p,.msn-workspace td,.msn-workspace th,.msn-workspace label,
.msn-workspace input,.msn-workspace select,.msn-workspace textarea,.msn-workspace button{font-size:13px}
.msn-workspace small{font-size:11px}
.msn-workspace h1{font-size:28px}
.msn-workspace h2{font-size:23px}
.msn-workspace h3{font-size:19px}
.msn-workspace h4{font-size:16px}
.msn-workspace h5{font-size:14px}

/* Follow-up Intelligence specifically */
.msn-followup{font-size:14px}
.msn-fu-hero>div:first-child span{font-size:11px}
.msn-fu-hero h3{font-size:21px}
.msn-fu-hero p{font-size:13px}
.msn-fu-progress small{font-size:10px}
.msn-fu-progress b{font-size:13px}
.msn-fu-progress strong,.msn-fu-progress em{font-size:11px}
.msn-fu-form h4,.msn-fu-history h4{font-size:16px}
.msn-fu-next h5{font-size:14px}
.msn-fu-grid label span{font-size:12px}
.msn-fu-grid input,.msn-fu-grid select,.msn-fu-grid textarea{font-size:13px}
.msn-fu-save{font-size:12px}
.msn-fu-history-head span{font-size:11px}
.msn-fu-empty{font-size:12px}
.msn-fu-number{font-size:11px}
.msn-fu-meta b{font-size:13px}
.msn-fu-meta span{font-size:11px}
.msn-fu-meta em,.msn-fu-meta strong{font-size:10px}
.msn-fu-card small{font-size:10px}
.msn-fu-card p{font-size:13px;line-height:1.6}

/* Form/card readability across OPD profile */
.msn-form-card label,.msn-form-card input,.msn-form-card select,.msn-form-card textarea{font-size:13px}
.msn-form-card h4{font-size:16px}
.msn-map-auto-note{font-size:12px}
@media(max-width:700px){
  .msn-workspace{font-size:14px}
  .msn-fu-grid input,.msn-fu-grid select,.msn-fu-grid textarea{font-size:16px}
}

/* =========================================================
   v0.2.77.2 FOLLOW-UP COMFORT UI
   Readability-first overrides
   ========================================================= */
#msn-followup.msn-followup{
  background:#f7f9fc;
  color:#26384d;
  border:1px solid #d8e2ec;
  border-radius:18px;
  box-shadow:0 8px 28px rgba(24,59,103,.08);
}
#msn-followup .msn-fu-hero{
  padding:26px 30px;
  background:linear-gradient(110deg,#15385f 0%,#1d4f7d 100%);
  min-height:92px;
}
#msn-followup .msn-fu-hero>div:first-child span{
  font-size:12px!important;line-height:1.4;letter-spacing:.10em;color:#f0c96b;
}
#msn-followup .msn-fu-hero h3{
  font-size:24px!important;line-height:1.25;margin:7px 0 5px;
}
#msn-followup .msn-fu-hero p{
  font-size:14px!important;line-height:1.55;color:#d8e5f0;max-width:760px;
}
#msn-followup .msn-fu-progress{
  min-width:290px;padding:16px 18px;background:#315f88;
  border:1px solid rgba(255,255,255,.20);border-radius:12px;
}
#msn-followup .msn-fu-progress small{font-size:11px!important;color:#dce8f2}
#msn-followup .msn-fu-progress b{font-size:14px!important;line-height:1.45;margin:3px 0 8px}
#msn-followup .msn-fu-progress strong{font-size:12px!important}
#msn-followup .msn-fu-progress em{font-size:12px!important;color:#ffe19a;margin-top:7px}
#msn-followup .msn-fu-progress>div{height:8px;background:#6e8eaa}
#msn-followup .msn-fu-progress i{background:#efbd4e}

#msn-followup .msn-fu-form{padding:28px 30px;background:#fff}
#msn-followup .msn-fu-form h4{
  font-size:18px!important;line-height:1.35;color:#173b67;margin-bottom:20px;
}
#msn-followup .msn-fu-grid{gap:18px 20px}
#msn-followup .msn-fu-grid label span{
  font-size:13px!important;line-height:1.4;font-weight:700;color:#354c65;margin-bottom:8px;
}
#msn-followup .msn-fu-grid input,
#msn-followup .msn-fu-grid select,
#msn-followup .msn-fu-grid textarea{
  font-size:15px!important;line-height:1.5;color:#24374b;
  background:#fbfcfe;border:1px solid #cbd8e5;border-radius:10px;
  padding:12px 14px;min-height:48px;
  box-shadow:inset 0 1px 2px rgba(24,59,103,.025);
}
#msn-followup .msn-fu-grid textarea{min-height:110px}
#msn-followup .msn-fu-grid input::placeholder,
#msn-followup .msn-fu-grid textarea::placeholder{color:#8190a0;opacity:1}
#msn-followup .msn-fu-grid input:focus,
#msn-followup .msn-fu-grid select:focus,
#msn-followup .msn-fu-grid textarea:focus{
  outline:none;border-color:#4679a8;background:#fff;
  box-shadow:0 0 0 3px rgba(70,121,168,.13);
}
#msn-followup .msn-fu-next{
  margin-top:24px;padding:20px 22px;background:#f3f7fb;
  border:1px solid #d6e2ed;border-radius:12px;
}
#msn-followup .msn-fu-next h5{
  font-size:16px!important;line-height:1.4;color:#173b67;margin-bottom:16px;
}
#msn-followup .msn-fu-save{
  margin-top:20px;padding:13px 19px;font-size:14px!important;line-height:1.3;
  background:#1d527f;border-radius:9px;box-shadow:0 5px 12px rgba(29,82,127,.15);
}
#msn-followup .msn-fu-save:hover{background:#173f67}

#msn-followup .msn-fu-history{padding:26px 30px;background:#f7f9fc}
#msn-followup .msn-fu-history h4{font-size:18px!important}
#msn-followup .msn-fu-history-head span{font-size:13px!important;color:#63768a}
#msn-followup .msn-fu-empty{font-size:14px!important;padding:22px;background:#fff}
#msn-followup .msn-fu-number{width:34px;height:34px;font-size:13px!important;background:#1d527f}
#msn-followup .msn-fu-item{grid-template-columns:38px minmax(0,1fr);gap:13px}
#msn-followup .msn-fu-item:before{left:16px;top:34px}
#msn-followup .msn-fu-card{
  padding:18px 20px;margin-bottom:17px;background:#fff;border-color:#d8e2ec;
  box-shadow:0 3px 12px rgba(24,59,103,.045);
}
#msn-followup .msn-fu-meta{gap:9px;margin-bottom:14px}
#msn-followup .msn-fu-meta b{font-size:15px!important}
#msn-followup .msn-fu-meta span{font-size:13px!important}
#msn-followup .msn-fu-meta em,
#msn-followup .msn-fu-meta strong{font-size:12px!important;padding:5px 9px}
#msn-followup .msn-fu-card small{font-size:11px!important;letter-spacing:.03em}
#msn-followup .msn-fu-card p{font-size:14px!important;line-height:1.65;color:#3f5368}
#msn-followup .msn-fu-result{
  padding:12px 14px;background:#eef5fa;border-left:4px solid #4d7ca5;
}
#msn-followup .msn-fu-next-history{
  padding:12px 14px;background:#fff7e5;border-color:#ead7a2;
}
#msn-followup .msn-fu-next-history b{font-size:13px!important;color:#73591d}
#msn-followup .msn-fu-internal{background:#f7f8fa;padding:10px 12px;border-radius:7px}

@media(max-width:700px){
  #msn-followup .msn-fu-hero{padding:22px 18px}
  #msn-followup .msn-fu-progress{min-width:0}
  #msn-followup .msn-fu-form,#msn-followup .msn-fu-history{padding:22px 16px}
  #msn-followup .msn-fu-grid input,
  #msn-followup .msn-fu-grid select,
  #msn-followup .msn-fu-grid textarea{font-size:16px!important}
}

/* v0.2.77.6 Rich OPD Profile + Kadis/PIC Photo */
.msn-rich-profile-card{overflow:visible}
.msn-rich-section-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.msn-rich-section-title h4{margin:2px 0 0}
.msn-rich-kicker{font-size:10px;font-weight:900;letter-spacing:.1em;color:#b48628}
.msn-rich-help{font-size:12px;color:#6e7f91;background:#f3f7fb;padding:7px 10px;border-radius:8px}
.msn-rich-field>label{font-weight:800;color:#30475f;margin-bottom:7px}
.msn-rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:7px;background:#eef3f8;border:1px solid #ccd8e4;border-bottom:0;border-radius:9px 9px 0 0}
.msn-rich-toolbar button{border:1px solid #c7d2dd;background:#fff;color:#284660;border-radius:5px;min-height:30px;padding:4px 8px;font-size:12px;cursor:pointer}
.msn-rich-toolbar button:hover{background:#173b67;color:#fff;border-color:#173b67}
.msn-rich-toolbar>span{height:22px;width:1px;background:#c7d2dd;margin:0 2px}
.msn-rich-editor,.msn-rich-readonly{min-height:150px;padding:14px 16px;background:#fff;border:1px solid #ccd8e4;border-radius:0 0 9px 9px;font-size:14px;line-height:1.7;color:#2f4357;overflow:auto}
.msn-rich-editor:focus{outline:0;border-color:#517fa7;box-shadow:0 0 0 3px rgba(81,127,167,.12)}
.msn-rich-editor p,.msn-rich-readonly p{margin:0 0 .65em}
.msn-rich-editor ul,.msn-rich-editor ol,.msn-rich-readonly ul,.msn-rich-readonly ol{padding-left:25px}
.msn-rich-editor h2,.msn-rich-readonly h2{font-size:22px}.msn-rich-editor h3,.msn-rich-readonly h3{font-size:18px}.msn-rich-editor h4,.msn-rich-readonly h4{font-size:16px}
.msn-rich-readonly{border-radius:9px;background:#fbfcfe}
.msn-rich-hidden{display:none!important}

.msn-person-photo-box{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px;background:#f6f9fc;border:1px solid #d7e1eb;border-radius:11px}
.msn-person-photo-preview{width:120px;height:145px;border-radius:10px;overflow:hidden;background:#e9eef4;border:1px solid #cdd9e4}
.msn-person-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.msn-person-photo-empty{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#8290a0;font-size:13px;font-weight:800;background:linear-gradient(145deg,#eef3f7,#dfe7ee)}
.msn-person-photo-input strong{display:block;color:#173b67;font-size:14px;margin-bottom:4px}
.msn-person-photo-input small{display:block;color:#718295;font-size:12px;margin-bottom:10px}
.msn-photo-remove{display:block;margin-top:8px;color:#9a4048;font-size:12px}
.msn-photo-remove input{margin-right:5px}
.msn-person-photo-box-pic{background:#f9fbfd}

@media(max-width:700px){
  .msn-rich-section-title{align-items:flex-start;flex-direction:column}
  .msn-rich-toolbar{gap:4px}
  .msn-rich-toolbar button{font-size:12px}
  .msn-rich-editor,.msn-rich-readonly{font-size:15px}
  .msn-person-photo-box{grid-template-columns:90px 1fr}
  .msn-person-photo-preview{width:90px;height:115px}
}

/* v0.2.77.7 MSN Email Intelligence */
.msn-email-intelligence{margin-top:22px;background:#fff;border:1px solid #d8e2ec;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(24,59,103,.06)}
.msn-email-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;background:linear-gradient(110deg,#14365c,#1e517f);color:#fff}
.msn-email-hero>div:first-child span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#e6c36f}
.msn-email-hero h3{font-size:21px;margin:5px 0}.msn-email-hero p{font-size:13px;color:#d7e4ef;margin:0}
.msn-email-status{min-width:145px;padding:11px 13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:10px}
.msn-email-status small,.msn-email-status em{display:block;font-size:10px;color:#d8e5ef;font-style:normal}.msn-email-status strong{display:block;font-size:24px;color:#f3cd70;margin:2px 0}
.msn-email-form{padding:22px 24px;background:#fff;border-bottom:1px solid #e2e8ef}
.msn-email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.msn-email-grid .wide{grid-column:1/-1}
.msn-email-grid label>span,.msn-email-editor-wrap>label{display:block;font-size:12px;font-weight:800;color:#40566d;margin-bottom:6px}
.msn-email-grid input,.msn-email-grid select{width:100%;box-sizing:border-box;min-height:43px;border:1px solid #ccd8e4;border-radius:8px;padding:9px 11px;font-size:13px;background:#fbfcfe;color:#2c4054}
.msn-email-grid small{display:block;margin-top:4px;font-size:10px;color:#7c8c9d}
.msn-email-editor-wrap{margin-top:16px}.msn-email-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;background:#edf3f8;border:1px solid #cbd8e4;border-bottom:0;border-radius:9px 9px 0 0}
.msn-email-toolbar button{border:1px solid #c5d1dc;background:#fff;color:#294963;border-radius:5px;padding:4px 8px;font-size:11px;min-height:29px;cursor:pointer}.msn-email-toolbar button:hover{background:#173b67;color:#fff}
.msn-email-toolbar>span{width:1px;background:#c5d1dc;margin:2px}.msn-email-editor{min-height:230px;padding:15px 17px;border:1px solid #cbd8e4;border-radius:0 0 9px 9px;font-size:14px;line-height:1.7;color:#2f4357;background:#fff;overflow:auto}
.msn-email-editor:focus{outline:0;border-color:#4d7ca5;box-shadow:0 0 0 3px rgba(77,124,165,.12)}
.msn-email-options{margin-top:17px;padding:15px;background:#f5f8fb;border:1px solid #dde6ee;border-radius:10px}
.msn-email-check{display:flex!important;align-items:center;gap:8px}.msn-email-check input{width:auto!important;min-height:0!important}.msn-email-check span{margin:0!important}
.msn-email-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.msn-email-send{border:0;border-radius:8px;background:#1b5a86;color:#fff;padding:11px 16px;font-size:13px;font-weight:800;cursor:pointer}.msn-email-send:disabled{opacity:.6;cursor:wait}.msn-email-actions small{font-size:10px;color:#758596}
.msn-email-history{padding:20px 24px;background:#f8fafc}.msn-email-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.msn-email-history-head h4{font-size:15px;color:#173b67;margin:0}.msn-email-history-head span{font-size:10px;color:#7d8d9d}
.msn-email-empty{padding:17px;text-align:center;background:#f7f9fb;color:#7f8d9c;font-size:12px}
.msn-email-history-item{background:#fff;border:1px solid #dce5ed;border-left:4px solid #4b8b67;border-radius:9px;padding:13px 14px;margin-bottom:10px}.msn-email-history-item.is-failed{border-left-color:#b94f56}
.msn-email-history-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.msn-email-history-top strong{display:block;font-size:13px;color:#193e68}.msn-email-history-top span{display:block;font-size:10px;color:#8291a0;margin-top:2px}.msn-email-history-top>b{font-size:9px;color:#3c7756;background:#edf7f1;padding:4px 7px;border-radius:10px}.msn-email-history-item.is-failed .msn-email-history-top>b{color:#a24349;background:#faeeee}
.msn-email-history-item p{font-size:11px;color:#475b70;margin:9px 0}.msn-email-history-item small{display:block;font-size:9px;color:#8694a3;font-weight:800;margin-bottom:2px}.msn-email-history-item details{margin-top:9px}.msn-email-history-item summary{font-size:11px;color:#315e86;cursor:pointer}.msn-email-body-preview{margin-top:8px;padding:12px;background:#fafbfd;border:1px solid #e2e8ef;border-radius:7px;font-size:12px;line-height:1.6}.msn-email-error{margin-top:8px;padding:8px;background:#fff0f0;color:#9f4148;border-radius:6px;font-size:11px}
@media(max-width:700px){.msn-email-hero{flex-direction:column;align-items:stretch}.msn-email-status{min-width:0}.msn-email-form,.msn-email-history{padding:18px 15px}.msn-email-grid{grid-template-columns:1fr}.msn-email-grid .wide{grid-column:auto}.msn-email-grid input,.msn-email-grid select,.msn-email-editor{font-size:16px}.msn-email-actions{align-items:flex-start;flex-direction:column}}
/* v0.2.77.8 Rich Profile clipboard persistence */
.msn-rich-editor img,.msn-rich-readonly img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}
.msn-rich-editor table,.msn-rich-readonly table{width:100%;border-collapse:collapse;margin:10px 0;background:#fff}
.msn-rich-editor th,.msn-rich-editor td,.msn-rich-readonly th,.msn-rich-readonly td{border:1px solid #cfd9e3;padding:7px 9px;vertical-align:top}
.msn-rich-paste-status{min-height:18px;margin-top:5px;font-size:11px;color:#718295}
.msn-rich-paste-status.is-ok{color:#347052}.msn-rich-paste-status.is-error{color:#a53e47}.msn-rich-paste-status.is-warn{color:#946c19}.msn-rich-paste-status.is-busy{color:#315f88}

/* v0.2.77.9 Email Inbox Intelligence */
.msn-inbox-intelligence{margin-top:22px;background:#fff;border:1px solid #d7e1eb;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(24,59,103,.06)}
.msn-inbox-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 24px;background:linear-gradient(110deg,#173b67,#245d88);color:#fff}
.msn-inbox-head>div:first-child>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#e8c66e}.msn-inbox-head h3{font-size:21px;margin:4px 0}.msn-inbox-head p{font-size:13px;margin:0;color:#d9e5ef}
.msn-inbox-count{min-width:125px;padding:10px 12px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:10px}.msn-inbox-count small,.msn-inbox-count em{display:block;font-size:10px;font-style:normal;color:#d9e5ef}.msn-inbox-count strong{display:block;font-size:24px;color:#f0ca6b}
.msn-inbox-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;background:#f5f8fb;border-bottom:1px solid #e0e7ee}.msn-inbox-state b,.msn-inbox-state span,.msn-inbox-state small{display:block}.msn-inbox-state b{font-size:12px;color:#397055}.msn-inbox-state span{font-size:11px;color:#6f8192}.msn-inbox-state small{font-size:10px;color:#8190a0}.msn-inbox-state.is-warn b{color:#a4672f}
.msn-inbox-sync{border:0;border-radius:8px;background:#1d5d88;color:#fff;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer}
.msn-inbox-list{padding:18px 24px;background:#fafbfd}.msn-inbox-empty{padding:20px;text-align:center;border:1px dashed #ccd8e3;border-radius:9px;color:#7c8b9a;font-size:12px}
.msn-inbox-item{padding:14px 15px;background:#fff;border:1px solid #dce5ed;border-left:4px solid #9eacb8;border-radius:9px;margin-bottom:11px}.msn-inbox-item.is-new{border-left-color:#c39a3b}
.msn-inbox-item-top{display:flex;justify-content:space-between;gap:12px}.msn-inbox-item-top strong{display:block;color:#173b67;font-size:13px}.msn-inbox-item-top span,.msn-inbox-item-top time{font-size:10px;color:#8291a0}.msn-inbox-item h4{font-size:14px;color:#2d465e;margin:10px 0 7px}.msn-inbox-preview,.msn-inbox-full{font-size:12px;line-height:1.65;color:#465b70}.msn-inbox-item details{margin-top:9px}.msn-inbox-item summary{font-size:11px;color:#2e648e;cursor:pointer}.msn-inbox-full{margin-top:8px;padding:12px;background:#f8fafc;border-radius:7px}
.msn-inbox-meta{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #edf1f4;font-size:9px;color:#8795a3}.msn-inbox-meta b{color:#936e21;background:#fff5d8;padding:3px 6px;border-radius:8px}
@media(max-width:700px){.msn-inbox-head,.msn-inbox-tools{flex-direction:column;align-items:stretch}.msn-inbox-head,.msn-inbox-tools,.msn-inbox-list{padding-left:15px;padding-right:15px}.msn-inbox-count{min-width:0}.msn-inbox-sync{width:100%}.msn-inbox-item-top{flex-direction:column}}