/* Feste Icon-Leiste links (Adminhülle), am Handy unten */
.rail{position:fixed;left:0;top:0;bottom:0;width:72px;z-index:30;background:#0A0B0F;color:#ffffffa6;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px;border-right:1px solid #ffffff12}
.rail a,.rail button{color:inherit;text-decoration:none;font:inherit}
.rail-marke{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#FE6303,#FFB27A);color:#fff;font:900 20px/1 "Barlow Condensed",system-ui,sans-serif;margin-bottom:8px}
.rail-apps{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;scrollbar-width:none;width:100%;align-items:center}
.rail-apps a,.rail-fuss a{display:grid;justify-items:center;gap:2px;width:60px;padding:8px 2px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.01em;text-align:center;line-height:1.15}
.rail svg{width:22px;height:22px}
.rail a:hover{color:#fff;background:#ffffff10}.rail a.an{color:#fff;background:#FE630326}.rail a.an svg{color:#FE8A3D}
.rail a:focus-visible,.rail button:focus-visible{outline:2px solid #FE6303;outline-offset:2px}
.rail-fuss{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.rail-av{all:unset;cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#FE6303;color:#fff;font-weight:800;font-size:14px}
.rail-menu{position:absolute;left:62px;bottom:0;min-width:200px;background:#17181D;color:#ECECEE;border:1px solid #ffffff1c;border-radius:14px;padding:12px;display:grid;gap:4px;box-shadow:0 18px 40px -12px #000}
.rail-menu[hidden]{display:none}.rail-menu span{font-size:12px;color:#a3a6b0;margin-bottom:6px}
.rail-menu button{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px;border-radius:9px;font-weight:700;font-size:14px}.rail-menu button:hover{background:#ffffff12}.rail-menu svg{width:18px;height:18px}
body.mit-rail{padding-left:72px}
body.mit-rail .leiste{display:none}
@media (max-width:760px){
  body.mit-rail{padding-left:0;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .rail{top:auto;right:0;width:auto;height:auto;flex-direction:row;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid #ffffff14}
  .rail-marke{display:none}.rail-apps{flex-direction:row;justify-content:space-around;overflow:visible}
  .rail-apps a{display:none}.rail-apps a.mob{display:grid;flex:1;width:auto}
  .rail-fuss{flex-direction:row}.rail-fuss a.mob{width:58px}.rail-av{width:34px;height:34px;font-size:13px;margin-right:4px}
  .rail-menu{left:auto;right:0;bottom:56px}
}
/* Bunte App-Kacheln wie im Eurener-Dashboard (Noah 05.11.2026) */
.rail-k{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,var(--a),var(--b));color:#fff;box-shadow:inset 0 1px 0 #ffffff59,0 6px 14px -6px var(--a);transition:transform .18s ease,box-shadow .18s ease}
.rail-k svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px #00000040)}
.rail-apps a,.rail-fuss a{padding:6px 2px;color:#ffffffa6}
.rail a:hover .rail-k{transform:translateY(-1px) scale(1.06);box-shadow:inset 0 1px 0 #ffffff59,0 10px 20px -8px var(--a)}
.rail a.an{background:#ffffff12}.rail a.an .rail-k{outline:2px solid #fff;outline-offset:2px}.rail a.an svg{color:#fff}

@media (prefers-reduced-motion:reduce){.rail-k{transition:none}}

/* Hamburger zuerst, Titel unter jedem Icon, breite Leiste auf Wunsch, Mandanten-Icon neben dem Schriftlogo (Noah 05.11.2026) */
.rail{width:80px}body.mit-rail{padding-left:80px}
.rail-burger{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;margin-bottom:6px}
.rail-burger:hover{background:#ffffff14}.rail-burger svg{width:24px;height:24px}.rail-burger:focus-visible{outline:2px solid #FE6303;outline-offset:2px}
.rail-apps a,.rail-fuss a{width:72px;gap:4px;padding:6px 2px}
.rail-apps a small,.rail-fuss a small{display:block;font-size:10.5px;font-weight:700;color:#ffffffc7;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.rail-breit .rail{width:220px;align-items:stretch;padding-left:10px;padding-right:10px}body.rail-breit.mit-rail{padding-left:220px}
body.rail-breit .rail-apps{align-items:stretch}body.rail-breit .rail-apps a,body.rail-breit .rail-fuss a{width:auto;grid-template-columns:40px 1fr;justify-items:start;align-items:center;gap:12px;padding:6px 8px}
body.rail-breit .rail-apps a small,body.rail-breit .rail-fuss a small{font-size:14px;max-width:none}
.mandant-ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;margin-right:10px;background:linear-gradient(140deg,var(--m),#FFB27A);color:#fff;box-shadow:inset 0 1px 0 #ffffff59,0 6px 14px -6px var(--m);vertical-align:middle;flex:none}
.mandant-ic svg{width:18px;height:18px}
@media (max-width:760px){.rail-burger{display:none}body.mit-rail,body.rail-breit.mit-rail{padding-left:0}.rail,body.rail-breit .rail{width:auto;padding:4px 6px calc(4px + env(safe-area-inset-bottom))}
 .rail-apps a small,.rail-fuss a small{font-size:10px}body.rail-breit .rail-apps a{grid-template-columns:none;justify-items:center}}
/* Nur ein Profil-Icon: unten in der Leiste */
body.mit-rail #avatar,body.mit-rail #avatar-menu{display:none}