/* Mak MoU Suite — front-end directory */
:root{--mou-ink:#1d2327;--mou-mute:#3f4a55;--mou-line:#d7dbe0;--mou-bg:#fff;--mou-soft:#f6f7f9;--mou-brand:#0b6b3a;
  --mou-brand-d:#08532c;--mou-green:#0b6234;--mou-amber:#7a5200;--mou-red:#9b2223;--mou-blue:#17518f}
.mou-dir{--mou-ink:#1d2327;--mou-mute:#3f4a55;--mou-line:#d7dbe0;--mou-bg:#fff;--mou-soft:#f6f7f9;--mou-brand:#0b6b3a;--mou-brand-d:#08532c;--mou-green:#0b6234;--mou-amber:#7a5200;--mou-red:#9b2223;--mou-blue:#17518f;
  font-family:inherit;color:var(--mou-ink);max-width:1280px;margin:0 auto;padding:4px 0 32px;box-sizing:border-box}
.mou-dir *,.mou-dir *::before,.mou-dir *::after{box-sizing:border-box}
.mou-dir-title{margin:0 0 18px;font-size:1.9rem;line-height:1.2}

/* --- stat chips --- */
.mou-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px}
.mou-stat{background:var(--mou-bg);border:1px solid var(--mou-line);border-radius:10px;padding:12px 14px;text-align:left;cursor:pointer;
  display:flex;flex-direction:column;gap:2px;transition:border-color .15s,box-shadow .15s,transform .1s;font:inherit}
.mou-stat:hover{border-color:#b9c0c8;transform:translateY(-1px)}
.mou-stat.is-on{border-color:var(--mou-brand);box-shadow:inset 0 0 0 1px var(--mou-brand)}
.mou-stat-n{font-size:1.6rem;font-weight:700;line-height:1.1}
.mou-stat-l{font-size:.78rem;color:var(--mou-mute);text-transform:uppercase;letter-spacing:.04em}
.mou-c-active{color:var(--mou-green)}.mou-c-expiring{color:var(--mou-amber)}.mou-c-expired{color:var(--mou-red)}.mou-c-doc{color:var(--mou-blue)}

/* --- toolbar --- */
.mou-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.mou-search{position:relative;flex:1 1 320px;min-width:240px}
.mou-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:var(--mou-mute);pointer-events:none}
.mou-dir input[type=search]{width:100%;padding:10px 34px 10px 36px;border:1px solid var(--mou-line);border-radius:8px;font:inherit;font-size:.94rem;background:var(--mou-bg);color:inherit}
.mou-dir input[type=search]:focus,.mou-dir select:focus{outline:2px solid var(--mou-brand);outline-offset:1px;border-color:var(--mou-brand)}
.mou-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:20px;line-height:1;color:var(--mou-mute);cursor:pointer;padding:2px 6px;display:none}
.mou-search.has-val .mou-clear{display:block}
.mou-dir select{padding:9px 10px;border:1px solid var(--mou-line);border-radius:8px;background:var(--mou-bg);font:inherit;font-size:.88rem;color:inherit;max-width:230px}
.mou-viewtoggle{display:flex;border:1px solid var(--mou-line);border-radius:8px;overflow:hidden}
.mou-viewtoggle button{border:0;background:var(--mou-bg);padding:9px 12px;cursor:pointer;font-size:.95rem;color:var(--mou-mute)}
.mou-viewtoggle button.is-on{background:var(--mou-brand);color:#fff}
.mou-btn{display:inline-block;padding:9px 14px;border-radius:8px;border:1px solid var(--mou-line);background:var(--mou-bg);color:var(--mou-ink);
  font:inherit;font-size:.88rem;cursor:pointer;text-decoration:none;line-height:1.2}
.mou-btn:hover{border-color:#b9c0c8;text-decoration:none}
.mou-btn-primary{background:var(--mou-brand);border-color:var(--mou-brand);color:#fff}
.mou-btn-primary:hover{background:var(--mou-brand-d);border-color:var(--mou-brand-d);color:#fff}
.mou-count{font-size:.85rem;color:var(--mou-mute);margin:0 0 10px}

/* --- badges --- */
.mou-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}
.mou-active{background:#e6f5ec;color:var(--mou-green);border-color:#bfe4cd}
.mou-extended{background:#e7f0fb;color:var(--mou-blue);border-color:#c3d8f2}
.mou-expiring{background:#fdf3dc;color:var(--mou-amber);border-color:#f2ddab}
.mou-expired{background:#fdeaea;color:var(--mou-red);border-color:#f4c9c9}
.mou-unknown{background:#f0f1f2;color:var(--mou-mute);border-color:#e0e2e5}

/* --- table view --- */
.mou-tablewrap{overflow-x:auto;border:1px solid var(--mou-line);border-radius:10px;background:var(--mou-bg)}
.mou-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:900px}
.mou-table th{text-align:left;padding:11px 14px;background:var(--mou-soft);border-bottom:1px solid var(--mou-line);font-size:.74rem;
  text-transform:uppercase;letter-spacing:.05em;color:var(--mou-mute);white-space:nowrap;font-weight:700}
.mou-table td{padding:11px 14px;border-bottom:1px solid #f0f1f3;vertical-align:top}
.mou-table tbody tr:last-child td{border-bottom:0}
.mou-table tbody tr:hover{background:#fafbfc}
.mou-org{font-weight:600;background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--mou-ink);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#c8cdd3;text-underline-offset:3px}
.mou-org:hover{color:var(--mou-brand);text-decoration-color:var(--mou-brand)}
.mou-sub{display:block;font-size:.78rem;color:var(--mou-mute);margin-top:2px}
.mou-nowrap{white-space:nowrap}
.mou-dl{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;background:#eef4fb;color:var(--mou-blue);
  font-size:.78rem;font-weight:600;text-decoration:none;border:1px solid #cfe0f2;white-space:nowrap}
.mou-dl:hover{background:var(--mou-blue);color:#fff;text-decoration:none}
.mou-dl-none{font-size:.78rem;color:#9aa2ab}

/* --- card view --- */
.mou-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.mou-card{border:1px solid var(--mou-line);border-radius:12px;background:var(--mou-bg);padding:16px;display:flex;flex-direction:column;gap:9px;transition:box-shadow .15s,transform .1s}
.mou-card:hover{box-shadow:0 6px 18px rgba(16,24,40,.08);transform:translateY(-2px)}
.mou-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.mou-card h3{margin:0;font-size:1rem;line-height:1.35}
.mou-card h3 button{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;color:inherit}
.mou-card h3 button:hover{color:var(--mou-brand)}
.mou-meta{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:.83rem;color:var(--mou-mute);margin:0}
.mou-meta dt{font-weight:600;color:#3c4650}
.mou-meta dd{margin:0}
.mou-card-actions{margin-top:auto;padding-top:6px;display:flex;gap:8px;flex-wrap:wrap}

/* --- pager --- */
.mou-pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.mou-pager button{min-width:38px;padding:8px 11px;border:1px solid var(--mou-line);background:var(--mou-bg);border-radius:8px;cursor:pointer;font:inherit;font-size:.85rem;color:inherit}
.mou-pager button:hover:not(:disabled){border-color:var(--mou-brand)}
.mou-pager button.is-on{background:var(--mou-brand);border-color:var(--mou-brand);color:#fff}
.mou-pager button:disabled{opacity:.4;cursor:default}
.mou-pager .mou-gap{align-self:center;color:var(--mou-mute);padding:0 2px}

.mou-empty{text-align:center;padding:46px 20px;border:1px dashed var(--mou-line);border-radius:12px;color:var(--mou-mute)}

/* --- modal --- */
.mou-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.mou-modal[hidden]{display:none}
.mou-modal-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.55)}
.mou-modal-box{position:relative;background:#fff;border-radius:14px;max-width:680px;width:100%;max-height:86vh;overflow:auto;padding:26px 28px;box-shadow:0 24px 60px rgba(16,24,40,.28)}
.mou-modal-x{position:absolute;top:10px;right:14px;border:0;background:none;font-size:28px;line-height:1;color:var(--mou-mute);cursor:pointer}
.mou-modal-box h3{margin:0 6px 10px 0;font-size:1.35rem;line-height:1.3;padding-right:24px}
.mou-single-table,.mou-modal-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:12px 0}
.mou-single-table th,.mou-modal-table th{text-align:left;padding:9px 12px 9px 0;color:var(--mou-mute);font-weight:600;width:190px;vertical-align:top;border-bottom:1px solid #f0f1f3}
.mou-single-table td,.mou-modal-table td{padding:9px 0;border-bottom:1px solid #f0f1f3;vertical-align:top}
.mou-doc-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.mou-nodoc{color:var(--mou-mute);font-size:.9rem;font-style:italic}
.mou-single{margin-top:22px}

@media (max-width:640px){
  .mou-dir select{max-width:none;flex:1 1 100%}
  .mou-stat-n{font-size:1.3rem}
  .mou-modal-box{padding:22px 18px}
  .mou-single-table th,.mou-modal-table th{width:auto;display:block;padding-bottom:0;border:0}
  .mou-single-table td,.mou-modal-table td{display:block;padding-top:2px}
}

/* ==================================================================
   Specificity armour.
   The active theme styles bare `button` elements, and Elementor's
   global kit adds `.elementor-kit-68 button {…}` (specificity 0,2,1)
   which outranks the single-class rules above and painted every
   control solid green. Doubling the scope class gives 0,3,0 so the
   directory keeps its own look without resorting to !important.
   ================================================================== */

.mou-dir.mou-dir button,
.mou-dir.mou-dir input,
.mou-dir.mou-dir select,
.mou-single.mou-single a.mou-btn{
  font-family:inherit;letter-spacing:normal;text-transform:none;white-space:normal;
  box-shadow:none;text-shadow:none;min-height:0;width:auto;transition:none}

/* stat chips */
.mou-dir.mou-dir .mou-stat{background:var(--mou-bg);color:var(--mou-ink);border:1px solid var(--mou-line);
  border-radius:10px;padding:12px 14px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.mou-dir.mou-dir .mou-stat:hover{background:var(--mou-soft);color:var(--mou-ink);border-color:#b9c0c8}
.mou-dir.mou-dir .mou-stat.is-on{background:var(--mou-bg);border-color:var(--mou-brand);box-shadow:inset 0 0 0 1px var(--mou-brand)}
.mou-dir.mou-dir .mou-stat .mou-stat-n{color:var(--mou-ink);font-size:1.6rem;font-weight:700;line-height:1.15}
.mou-dir.mou-dir .mou-stat .mou-stat-l{color:var(--mou-mute);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.mou-dir.mou-dir .mou-stat .mou-c-active{color:var(--mou-green)}
.mou-dir.mou-dir .mou-stat .mou-c-expiring{color:var(--mou-amber)}
.mou-dir.mou-dir .mou-stat .mou-c-expired{color:var(--mou-red)}
.mou-dir.mou-dir .mou-stat .mou-c-doc{color:var(--mou-blue)}

/* organisation name reads as a link, not a chunky green button */
.mou-dir.mou-dir .mou-org{background:none;border:0;padding:0;margin:0;border-radius:0;color:var(--mou-ink);
  font-size:.93rem;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;
  text-decoration:underline;text-decoration-color:#c8cdd3;text-underline-offset:3px}
.mou-dir.mou-dir .mou-org:hover{background:none;color:var(--mou-brand);text-decoration-color:var(--mou-brand)}
.mou-dir.mou-dir .mou-card-actions .mou-org{text-decoration:none}

/* generic buttons */
.mou-dir.mou-dir .mou-btn,
.mou-single.mou-single .mou-btn{background:var(--mou-bg);color:var(--mou-ink);border:1px solid var(--mou-line);
  border-radius:8px;padding:9px 14px;font-size:.86rem;font-weight:500;text-decoration:none;display:inline-block}
.mou-dir.mou-dir .mou-btn:hover,
.mou-single.mou-single .mou-btn:hover{background:var(--mou-soft);color:var(--mou-ink);border-color:#b9c0c8}
.mou-dir.mou-dir .mou-btn-primary,
.mou-single.mou-single .mou-btn-primary{background:var(--mou-brand);border-color:var(--mou-brand);color:#fff}
.mou-dir.mou-dir .mou-btn-primary:hover,
.mou-single.mou-single .mou-btn-primary:hover{background:var(--mou-brand-d);border-color:var(--mou-brand-d);color:#fff}

/* view toggle + pager + document pill */
.mou-dir.mou-dir .mou-viewtoggle button{background:var(--mou-bg);color:var(--mou-mute);border:0;border-radius:0;padding:9px 13px}
.mou-dir.mou-dir .mou-viewtoggle button.is-on{background:var(--mou-brand);color:#fff}
.mou-dir.mou-dir .mou-pager button{background:var(--mou-bg);color:var(--mou-ink);border:1px solid var(--mou-line);border-radius:8px;padding:8px 11px;font-weight:500}
.mou-dir.mou-dir .mou-pager button.is-on{background:var(--mou-brand);border-color:var(--mou-brand);color:#fff}
.mou-dir.mou-dir .mou-pager button:hover:not(:disabled):not(.is-on){background:var(--mou-soft);color:var(--mou-ink)}
.mou-dir.mou-dir .mou-clear{background:none;border:0;color:var(--mou-mute);padding:2px 6px;border-radius:0}
.mou-dir.mou-dir .mou-clear:hover{background:none;color:var(--mou-ink)}
.mou-dir.mou-dir .mou-dl{background:#eef4fb;color:var(--mou-blue);border:1px solid #cfe0f2;border-radius:6px;
  padding:5px 10px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}
.mou-dir.mou-dir .mou-dl:hover{background:var(--mou-blue);color:#fff;border-color:var(--mou-blue)}
.mou-modal.mou-modal .mou-modal-x{background:none;border:0;color:var(--mou-mute);padding:0 4px}
.mou-modal.mou-modal .mou-btn{border-radius:8px;padding:9px 14px;text-decoration:none}

/* ---- table sizing: everything must fit without a hidden scrollbar ---- */
.mou-dir.mou-dir .mou-table{min-width:0;width:100%;table-layout:fixed;font-size:.87rem}
.mou-dir.mou-dir .mou-table th,
.mou-dir.mou-dir .mou-table td{padding:10px 12px;overflow-wrap:anywhere}
.mou-dir .mou-table col.c-org{width:auto}
.mou-dir .mou-table col.c-col{width:15%}
.mou-dir .mou-table col.c-cty{width:10%}
.mou-dir .mou-table col.c-sig{width:10%}
.mou-dir .mou-table col.c-exp{width:12%}
.mou-dir .mou-table col.c-sta{width:11%}
.mou-dir .mou-table col.c-doc{width:10%}
.mou-dir .mou-sub{display:block;font-size:.76rem;color:var(--mou-mute);margin-top:3px;font-weight:400;
  text-decoration:none;line-height:1.35}
.mou-dir .mou-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

@media (max-width:1100px){
  .mou-dir.mou-dir .mou-table{table-layout:auto;min-width:820px}
  .mou-dir .mou-scrollhint{display:block}
}
.mou-dir .mou-scrollhint{display:none;font-size:.78rem;color:var(--mou-mute);margin:0 0 6px}

/* ==================================================================
   Readability + type-ahead country picker + small-screen fixes
   ================================================================== */

/* Secondary text was too light to read comfortably against white. */
.mou-dir.mou-dir .mou-count{color:#3f4a55;font-size:.88rem;font-weight:500}
.mou-dir.mou-dir .mou-sub{color:#4a5560;font-size:.78rem}
.mou-dir.mou-dir .mou-table th{color:#33404c;font-size:.75rem}
.mou-dir.mou-dir .mou-table td{color:#1d2327}
.mou-dir.mou-dir .mou-dl-none{color:#5c6773;font-size:.78rem}
.mou-dir.mou-dir .mou-stat .mou-stat-l{color:#3f4a55}
.mou-dir.mou-dir .mou-meta{color:#3f4a55}
.mou-dir.mou-dir .mou-meta dt{color:#26313c}
.mou-modal.mou-modal .mou-modal-table th{color:#3f4a55}
.mou-single.mou-single .mou-single-table th{color:#3f4a55}
.mou-dir.mou-dir .mou-empty{color:#3f4a55}
.mou-dir.mou-dir input::placeholder{color:#5c6773;opacity:1}

/* Country type-ahead: an input + datalist, so staff can type "swe" or pick
   from the flagged list. Styled to match the neighbouring selects. */
.mou-combo{position:relative;flex:0 1 230px;min-width:190px}
.mou-dir.mou-dir .mou-combo input{width:100%;padding:9px 30px 9px 11px;border:1px solid var(--mou-line);
  border-radius:8px;background:var(--mou-bg);font:inherit;font-size:.88rem;color:inherit;line-height:1.3}
.mou-dir.mou-dir .mou-combo input:focus{outline:2px solid var(--mou-brand);outline-offset:1px;border-color:var(--mou-brand)}
.mou-combo .mou-clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:none;
  font-size:19px;line-height:1;cursor:pointer}
.mou-combo.has-val .mou-clear{display:block}

/* Small "open the dedicated partner page" affordance next to each name. */
.mou-dir.mou-dir .mou-pagelink{display:inline-block;margin-left:5px;color:var(--mou-blue);text-decoration:none;
  font-size:.82rem;font-weight:700;background:none;border:0;line-height:1;vertical-align:baseline}
.mou-dir.mou-dir .mou-pagelink:hover{color:var(--mou-brand);text-decoration:none}

/* Long option text was stretching the selects far past the viewport on
   phones, which pushed the whole page into horizontal scroll. */
.mou-dir.mou-dir select{max-width:260px;text-overflow:ellipsis}
.mou-dir.mou-dir input[type=search],
.mou-dir.mou-dir .mou-combo input{max-width:100%;text-overflow:ellipsis}

/* Toolbar in deliberate rows: search gets its own line, then the four
   filters, then the layout/export controls pushed to the right. */
.mou-dir.mou-dir .mou-search{flex:1 1 100%;min-width:0}
.mou-dir.mou-dir .mou-toolbar>select,
.mou-dir.mou-dir .mou-combo{flex:1 1 190px}
.mou-dir.mou-dir .mou-viewtoggle{margin-left:auto}
.mou-dir{overflow-x:hidden}
.mou-dir .mou-tablewrap{max-width:100%}

@media (max-width:820px){
  .mou-dir.mou-dir select,
  .mou-combo{flex:1 1 100%;max-width:100%;width:100%}
  .mou-dir.mou-dir .mou-search{flex:1 1 100%}
  .mou-dir.mou-dir .mou-toolbar{gap:8px}
}
@media (max-width:520px){
  .mou-stats{grid-template-columns:repeat(2,1fr)}
  .mou-dir.mou-dir .mou-stat-n{font-size:1.35rem}
}

/* Elementor's kit also resets input widths; win it back explicitly. */
.mou-dir.mou-dir .mou-search input[type=search]{width:100%;max-width:none;display:block}
.mou-dir.mou-dir .mou-combo input[type=text]{width:100%;max-width:none;display:block}

/* Single MoU page */
.mou-single .mou-lede{color:#3f4a55;font-size:.95rem;margin:.4em 0 1.2em}
.mou-single .mou-notes-h{font-size:1.05rem;margin:1.8em 0 .4em}
.mou-single .mou-notes{font-size:.92rem;color:#3f4a55;background:var(--mou-soft);border:1px solid var(--mou-line);
  border-radius:8px;padding:12px 16px;overflow-x:auto}
.mou-single .mou-notes pre{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.85rem}

/* ==================================================================
   Dedicated partner page
   ================================================================== */
.mou-crumbs{margin:0 0 14px;font-size:.85rem}
.mou-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.mou-crumbs li{display:flex;align-items:center;gap:6px;color:#3f4a55}
.mou-crumbs li+li::before{content:"›";color:#8b95a1}
.mou-crumbs a{color:#17518f;text-decoration:none}
.mou-crumbs a:hover{text-decoration:underline}
.mou-crumbs li[aria-current]{color:#3f4a55;font-weight:600}

.mou-single-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 6px}
.mou-single .mou-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;
  background:#f0f2f4;color:#33404c;border:1px solid #dfe3e8}

.mou-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:18px 0 20px}
.mou-fact{border:1px solid #d7dbe0;border-radius:10px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:3px}
.mou-fact-l{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#3f4a55;font-weight:700}
.mou-fact-v{font-size:1.02rem;font-weight:600;color:#1d2327;line-height:1.3}
.mou-fact-v.mou-fact-expired{color:#9b2223}
.mou-fact-v.mou-fact-expiring{color:#7a5200}
.mou-fact-v.mou-fact-active,.mou-fact-v.mou-fact-extended{color:#0b6234}

.mou-single .mou-h2{font-size:1.15rem;margin:2em 0 .5em;padding-bottom:.35em;border-bottom:1px solid #e6e9ec}
.mou-contact{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;border:1px solid #d7dbe0;border-radius:10px;
  padding:14px 16px;font-size:.93rem}
.mou-contact a{color:#17518f;text-decoration:none}
.mou-contact a:hover{text-decoration:underline}

.mou-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.mou-related li{border:1px solid #d7dbe0;border-radius:9px;padding:10px 13px;background:#fff}
.mou-related a{display:block;font-weight:600;color:#1d2327;text-decoration:none;font-size:.92rem;line-height:1.35}
.mou-related a:hover{color:#0b6b3a}
.mou-related span{display:block;font-size:.78rem;color:#3f4a55;margin-top:3px}

.mou-pagenav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:2.4em 0 0;
  padding-top:1.4em;border-top:1px solid #e6e9ec}
@media (max-width:620px){
  .mou-pagenav{grid-template-columns:1fr;text-align:center}
  .mou-pagenav div{text-align:center !important}
}

/* ==================================================================
   Country combobox — a real listbox, not the browser's datalist UI
   ================================================================== */
.mou-combo{position:relative}
.mou-dir.mou-dir .mou-combo input{padding-right:52px}
.mou-combo-caret{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:0;padding:4px;
  cursor:pointer;display:flex;align-items:center;color:#3f4a55;border-radius:6px}
.mou-dir.mou-dir .mou-combo-caret{background:none;border:0}
.mou-combo-caret svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .15s}
.mou-combo.is-open .mou-combo-caret svg{transform:rotate(180deg)}
.mou-combo.has-val .mou-combo-caret{right:26px}
.mou-combo .mou-clear{right:6px}

.mou-combo-panel{position:absolute;z-index:60;top:calc(100% + 5px);left:0;right:0;margin:0;padding:5px;
  list-style:none;background:#fff;border:1px solid #d7dbe0;border-radius:10px;
  box-shadow:0 12px 30px rgba(16,24,40,.14);max-height:290px;overflow-y:auto;min-width:250px}
.mou-combo-panel[hidden]{display:none}
.mou-combo-panel li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;cursor:pointer;
  font-size:.88rem;color:#1d2327;line-height:1.3}
.mou-combo-panel li.is-active{background:#eaf4ee}
.mou-combo-flag{font-size:1.05rem;line-height:1;width:1.35em;text-align:center;flex:0 0 auto}
.mou-combo-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mou-combo-name mark{background:#fff2ab;color:inherit;padding:0;border-radius:2px}
.mou-combo-n{flex:0 0 auto;font-size:.74rem;font-weight:700;color:#0b6234;background:#e6f5ec;
  border:1px solid #bfe4cd;border-radius:999px;padding:1px 8px}
.mou-combo-empty{padding:12px 10px;color:#3f4a55;font-size:.86rem;cursor:default}
.mou-combo-panel::-webkit-scrollbar{width:10px}
.mou-combo-panel::-webkit-scrollbar-thumb{background:#cdd3da;border-radius:6px;border:3px solid #fff}