/* Общие компоненты главной страницы портала и welcome. Единственный источник. */
.hm-page{padding:22px 26px 40px;max-width:1500px;margin:0 auto}
.hm-hello{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.hm-hello-t{font-size:23px;font-weight:800;color:var(--text);letter-spacing:-.4px}
.hm-hello-s{font-size:12.5px;color:var(--text3);margin-top:3px}
.hm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:22px}
.hm-tile{display:flex;align-items:center;gap:13px;padding:15px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;cursor:pointer;text-align:left;transition:transform .12s,border-color .12s,box-shadow .12s;font-family:inherit;width:100%}
.hm-tile:hover{transform:translateY(-2px);border-color:var(--accent-h);box-shadow:0 8px 22px rgba(0,0,0,.10)}
.hm-tile:focus-visible{outline:2px solid var(--accent-h);outline-offset:2px}
.hm-tile.off{cursor:default;opacity:.55}
.hm-tile.off:hover{transform:none;border-color:var(--border);box-shadow:none}
.hm-tile-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid;flex:0 0 auto}
.hm-tile-tx{display:flex;flex-direction:column;min-width:0}
.hm-tile-l{font-size:14px;font-weight:700;color:var(--text);line-height:1.25}
.hm-tile-s{font-size:11.5px;color:var(--text3);margin-top:2px}
.hm-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:22px}
.hm-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.hm-card-h h3{margin:0;font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.2px}