.s365-matcher { background:#0a1c30; color:#f4f8ff; padding:clamp(16px,4vw,36px); border:1px solid #385c7c; border-radius:16px; }
.s365-matcher header span { color:#80d7ff; font-weight:800; letter-spacing:.12em; font-size:.8rem; }
.s365-matcher h2 { color:#f4f8ff; font-weight:800; margin:.2em 0; }
.s365-matcher .s365m-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr)); gap:12px; margin:12px 0; }
.s365-matcher label { display:grid; gap:4px; color:#c4daee; font-weight:700; }
.s365-matcher :is(input,select) { width:100%; min-width:0; min-height:44px; border:1px solid #456783; border-radius:8px; background:#112b45; color:#fff; color-scheme:dark; font-size:16px; }
.s365-matcher button { background:#ffdf00; color:#081827; border-radius:8px; font-weight:800; min-height:44px; }
.s365-matcher details { margin:.6rem 0; border:1px solid #385c7c; border-radius:8px; background:#112b45; }
.s365-matcher summary { padding:.75rem; cursor:pointer; }
.s365-matcher summary span { color:#ffdf00; font-weight:800; margin-inline-start:.5rem; }
.s365-matcher summary small { color:#c4daee; }
.s365-matcher .s365m-table { overflow-x:auto; padding:0 .75rem; }
.s365-matcher table { color:#f4f8ff; font-size:.9rem; }
.s365-matcher :is(th,td) { padding:.4rem; }
.s365-matcher nav { display:flex; gap:1rem; flex-wrap:wrap; margin-top:1rem; }
.s365-matcher nav a { color:#ffdf00; }

.s365-matcher .s365m-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.s365-matcher .s365m-clear { display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border:1px solid #456783; border-radius:8px; color:#f4f8ff; text-decoration:none; font-weight:800; }
.s365-matcher .s365m-clear:hover { border-color:#ffdf00; color:#ffdf00; }