/* Marti Mon – Unicode & Emoji Explorer v0.1.3
   Bewusst dieselben PHP-Fusion-Theme-Klassen wie im Erfolgssystem:
   tbl1 / tbl2 / tbl-border / textbox / button / small.
   Keine fest codierten hellen Hintergruende oder Schriftfarben.
   Die vier Spalten der kompakten v0.1.1 bleiben erhalten.
   Alle Regeln sind auf .ue-wrap begrenzt. */
.ue-wrap{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;color:inherit;font:inherit}
.ue-wrap *{box-sizing:border-box}
.ue-wrap .ue-intro{margin:9px 0 14px;text-align:center}
.ue-wrap .ue-intro strong{font-size:18px;font-weight:bold;color:inherit}
.ue-wrap .ue-intro p{margin:6px 0 0}
.ue-wrap .ue-search{display:flex;flex-wrap:wrap;gap:7px;align-items:end;margin:10px 0 7px}
.ue-wrap .ue-search label{display:block;width:100%;font-size:12px;font-weight:bold}
.ue-wrap .ue-search input,.ue-wrap .ue-search select{padding:5px 7px;font:inherit;min-width:0;max-width:100%}
.ue-wrap .ue-search input{flex:2 1 150px}
.ue-wrap .ue-search select{flex:1 1 130px}
.ue-wrap .ue-search .ue-btn{flex:0 0 auto}
.ue-wrap .ue-hint{font-size:12px;opacity:.82;margin:5px 0 11px}
.ue-wrap .ue-admin-link{font-weight:bold}
/* Buttons uebernehmen Farben, Hintergruende und Rahmen des aktiven Themes. */
/* Theme kann eigene Button-Zeilenhoehen setzen: Text per Flex zentrieren.
   Leicht asymmetrisches Innenpadding hebt die Schrift optisch 1px an. */
.ue-wrap .ue-btn,.ue-wrap button.ue-btn{display:inline-flex;align-items:center;justify-content:center;min-height:22px;cursor:pointer;font:inherit;line-height:1.2!important;padding:1px 9px 3px;text-decoration:none;text-align:center;vertical-align:middle}
.ue-wrap .ue-btn:hover,.ue-wrap .ue-mini:hover{text-decoration:none}
.ue-wrap .ue-btn.ue-outline{background:transparent;color:inherit}
.ue-wrap .ue-count{font-size:12px;opacity:.85;margin:12px 0 9px}
/* Wie gewuenscht: immer vier Karten pro Zeile im vorhandenen festen Layout. */
.ue-wrap .ue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
/* Die Kartenfarbe liefert PHP-Fusion ueber .tbl1, wie bei den Erfolgen. */
.ue-wrap .ue-card{min-width:0;overflow-wrap:anywhere;text-align:center;padding:6px 5px;border:1px solid rgba(128,128,128,.25)}
.ue-wrap .ue-emoji{font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;font-size:28px;line-height:1.2;min-height:34px;text-align:center}
.ue-wrap .ue-name{display:block;font-size:11px;line-height:1.25;margin-top:2px;text-align:center}
.ue-wrap .ue-cat{display:block;opacity:.77;text-align:center;font-size:10px;margin:2px 0}
.ue-wrap .ue-codepoint{display:block;font:10px/1.3 Consolas,monospace;text-align:center;overflow-wrap:anywhere;margin:4px 0;color:inherit;opacity:.82}
.ue-wrap .ue-card>.ue-btn{display:flex;width:100%;font-size:11px;padding:2px 2px 4px;white-space:normal;min-height:23px}
.ue-wrap .ue-details{margin-top:6px;border-top:1px solid rgba(128,128,128,.3);padding-top:5px;text-align:left}
.ue-wrap .ue-details summary{cursor:pointer;color:inherit;font-weight:bold;font-size:10px}
.ue-wrap .ue-code-row{border-top:1px solid rgba(128,128,128,.22);padding:4px 0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.ue-wrap .ue-code-label{font-size:11px;font-weight:bold;color:inherit}
.ue-wrap .ue-code-row code{font:10px/1.3 Consolas,monospace;overflow-wrap:anywhere;white-space:normal;max-width:100%;color:inherit}
.ue-wrap .ue-mini{font-size:11px;line-height:1.2!important;font-family:inherit;cursor:pointer;padding:1px 5px 3px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:21px;vertical-align:middle}
.ue-wrap .ue-card .ue-mini{font-size:10px;padding:1px 5px 3px}
.ue-wrap .ue-empty,.ue-wrap .ue-alert{padding:10px;margin:12px 0;border:1px solid rgba(128,128,128,.3)}
.ue-wrap .ue-error{border-left:3px solid #b84a4a}
.ue-wrap .ue-pages{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:16px 0}
.ue-wrap .ue-pages a{display:inline-flex;align-items:center;justify-content:center;min-height:22px;line-height:1.2!important;padding:1px 9px 3px;text-decoration:none;border:1px solid rgba(128,128,128,.4)}
.ue-wrap .ue-pages a.ue-current{font-weight:bold;text-decoration:underline}
.ue-wrap .ue-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.ue-wrap .ue-toolbar strong{font-size:17px;color:inherit}
.ue-wrap .ue-nav{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.ue-wrap .ue-section{padding:12px;margin:15px 0;border:1px solid rgba(128,128,128,.25)}
.ue-wrap .ue-section h3{margin:0 0 10px;font-size:16px;text-align:center;color:inherit}
.ue-wrap .ue-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ue-wrap .ue-fields label,.ue-wrap .ue-block-label{display:block;font-size:12px;font-weight:bold;margin-bottom:10px}
.ue-wrap .ue-fields input,.ue-wrap .ue-fields select,.ue-wrap .ue-block-label input{display:block;width:100%;min-width:0;padding:6px 7px;margin-top:4px;font:inherit}
.ue-wrap .ue-checkbox{display:flex;gap:6px;align-items:center;margin:10px 0}
.ue-wrap .ue-table-scroll{overflow-x:auto;width:100%}
.ue-wrap .ue-table{width:100%;border-spacing:1px;border-collapse:separate;font-size:12px}
.ue-wrap .ue-table th,.ue-wrap .ue-table td{text-align:left;padding:6px;vertical-align:middle;border:0}
.ue-wrap .ue-table-emoji{font-size:26px;white-space:nowrap}
.ue-wrap .ue-table code{overflow-wrap:anywhere;white-space:normal;font-size:11px;color:inherit}
.ue-wrap .ue-actions{white-space:nowrap}
.ue-wrap .ue-inline{display:inline-block;margin:0}
.ue-wrap .ue-danger{border:1px solid #b84a4a}