/* Mobilio · Azubis. Globale Datei für Seite und eingebettete Verwaltung. */
.az-page,.az-module { color-scheme:dark;--az-text:#edf1f4;--az-muted:#b4c1c9;--az-bg:#111b23;--az-surface:#1a2731;--az-soft:#243440;--az-line:rgba(255,255,255,.17);--az-accent:#77ceb0;color:var(--az-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.az-page.is-light,.az-module.is-light { color-scheme:light;--az-text:#17232e;--az-muted:#536570;--az-bg:#f5f6f7;--az-surface:#fff;--az-soft:#e9efed;--az-line:rgba(23,35,46,.17);--az-accent:#b3e4cf; }
.az-module { background:var(--az-surface);padding:clamp(18px,2vw,30px);border:1px solid var(--az-line);border-radius:18px; }
.az-module .aza { color:var(--az-text);background:var(--az-surface); }
.az-module .aza :is(h2,h3,h4,strong),.az-page :is(h1,h2,h3) { color:var(--az-text); }
.is-page .is-panel.az-settings-panel { background:transparent;padding:0;border:0;box-shadow:none; }
.az-module-tabs { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid var(--az-line); }
.az-module-tabs button { border:1px solid var(--az-line);border-radius:9px;padding:11px 17px;background:var(--az-bg);color:var(--az-text);font:inherit;font-size:13px;font-weight:650;cursor:pointer; }
.az-module-tabs button.selected { background:var(--az-accent);border-color:var(--az-accent);color:#17382b; }
.az-module [hidden] { display:none !important; }
@media(prefers-color-scheme:light){.az-page.is-system{color-scheme:light;--az-text:#17232e;--az-muted:#536570;--az-bg:#f5f6f7;--az-surface:#fff;--az-soft:#e9efed;--az-line:rgba(23,35,46,.17);--az-accent:#b3e4cf;}}
.az-page *,.aza * { box-sizing:border-box; }
.az-page { min-height:100vh;background:var(--az-bg); }
.az-page a { color:inherit;text-decoration:none; }
.az-page button,.aza button { cursor:pointer;font:inherit;color:var(--az-text); }
.az-page input,.aza input,.aza select { font:inherit;color:var(--az-text); }
.az-page :focus-visible,.aza :focus-visible { outline:3px solid #529cba;outline-offset:3px; }
.az-header { display:flex;align-items:center;gap:24px;min-height:76px;padding:12px clamp(20px,4vw,72px);border-bottom:1px solid var(--az-line); }
.az-brand { display:flex;align-items:center;gap:12px;margin-right:auto; }
.az-brand i { display:grid;place-items:center;width:40px;height:40px;background:var(--az-accent);color:#152d24;border-radius:12px;font-style:normal;font-weight:800; }
.az-brand span { display:grid;gap:3px; }.az-brand small { color:var(--az-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase; }
.az-back { font-size:12px; }.az-theme { width:40px;height:40px;border:1px solid var(--az-line);border-radius:50%;background:var(--az-surface); }
.az-main { max-width:1800px;margin:auto;padding:clamp(28px,5vw,72px) clamp(20px,4vw,72px); }
.az-eyebrow { text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:var(--az-muted); }
.az-intro { display:grid;grid-template-columns:1fr 210px;gap:40px;align-items:end;margin-bottom:36px; }
.az-intro h1 { font-size:clamp(40px,4.5vw,76px);letter-spacing:-.055em;line-height:1.03;margin:18px 0; }.az-intro h1 em { font-family:Georgia,serif;font-weight:400; }
.az-intro p { color:var(--az-muted);max-width:660px;line-height:1.7;font-size:15px; }
.az-intro aside { border-left:1px solid var(--az-line);padding:16px 0 16px 28px;display:grid;gap:5px; }.az-intro aside strong { font-size:64px;letter-spacing:-.07em;line-height:1; }.az-intro aside span { font-size:14px;font-weight:650; }.az-intro aside small { color:var(--az-muted);font-size:11px; }
.az-tabs { display:flex;flex-wrap:wrap;gap:6px; }.az-tabs button { border:1px solid var(--az-line);padding:11px 17px;border-radius:9px;background:transparent;font-size:13px;font-weight:650; }.az-tabs button.selected { color:#17382b;background:var(--az-accent);border-color:var(--az-accent); }.az-tabs button small { margin-left:6px;font-size:10px; }
.az-filterbar { display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--az-line);padding-bottom:20px; }
.az-search { display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:9px;background:var(--az-surface);border:1px solid var(--az-line);width:min(360px,100%); }.az-search input { background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:13px; }.az-search:focus-within { outline:2px solid #529cba; }
.az-yearline { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px; }.az-yearline>span { color:var(--az-muted);font-size:12px; }.az-yearline button { font-size:12px;border-radius:999px;padding:8px 13px; }
.az-category-description { color:var(--az-muted);font-size:13px;line-height:1.6; }
.az-year { margin-top:38px; }.az-year>header { display:flex;justify-content:space-between;align-items:end;margin-bottom:18px; }.az-year h2 { font-size:28px;letter-spacing:-.035em;margin:7px 0 0; }.az-year>header>span { color:var(--az-muted);font-size:12px; }
.az-portraits { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
.az-card { min-width:0;background:var(--az-surface);border:1px solid var(--az-line);border-radius:14px;overflow:hidden; }
.az-portrait { position:relative;aspect-ratio:4/3;background:var(--az-soft);overflow:hidden; }.az-portrait>a { display:block;width:100%;height:100%; }.az-portrait img { width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform .3s; }.az-portrait a:hover img { transform:scale(1.025); }
.az-initials { display:grid;place-items:center;height:100%;font-size:56px;letter-spacing:-.06em;color:var(--az-muted);background:linear-gradient(140deg,var(--az-soft),var(--az-surface)); }
.az-year-badge { position:absolute;left:14px;bottom:14px;border:1px solid rgba(255,255,255,.2);padding:6px 10px;background:#17232ee6;color:#fff;border-radius:6px;font-size:10px;pointer-events:none; }
.az-zoom { position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#17232e99; }
.az-card-copy { padding:20px; }.az-card h3 { margin:0 0 6px;font-size:19px;letter-spacing:-.025em;overflow-wrap:anywhere; }.az-card p { color:var(--az-muted);font-size:13px;line-height:1.5;margin:0; }.az-card small { display:block;margin-top:14px;font-size:10px;color:var(--az-muted); }
.az-footer { display:flex;justify-content:space-between;gap:16px;padding:26px clamp(20px,4vw,72px);border-top:1px solid var(--az-line);color:var(--az-muted);font-size:12px; }
.az-empty { padding:40px 22px;text-align:center;border:1px dashed var(--az-line);border-radius:12px;margin:20px 0; }.az-empty strong { font-size:20px; }.az-empty p { color:var(--az-muted);line-height:1.6; }.az-empty button { border:1px solid var(--az-line);padding:10px 16px;border-radius:8px;background:var(--az-surface); }
.az-message { padding:14px 18px;margin:16px 0;background:var(--az-soft);border:1px solid var(--az-line);border-radius:10px;font-size:13px;line-height:1.6; }.az-message.az-error { border-color:#c86969; }.az-muted { color:var(--az-muted);font-size:12px; }
.aza-heading,.aza-subheading { display:flex;justify-content:space-between;align-items:center;gap:18px; }.aza-heading { align-items:flex-start;margin-bottom:24px; }.aza h2 { margin:7px 0;font-size:32px;letter-spacing:-.04em; }.aza h3 { margin:0 0 8px; }.aza h4 { margin:0 0 10px; }.aza p { color:var(--az-muted);font-size:13px;line-height:1.65;margin:5px 0 14px; }
.aza button { border:1px solid transparent;border-radius:8px;padding:10px 15px;background:var(--az-accent);color:#17382b;font-weight:650;font-size:12px; }.aza button.secondary { background:var(--az-surface);border-color:var(--az-line);color:var(--az-text); }.aza button:disabled { opacity:.45;cursor:not-allowed; }.aza-fieldset { border:0;padding:0;margin:0;min-width:0; }.aza-fieldset:disabled { opacity:.72; }
.aza .az-tabs button { background:var(--az-surface);border-color:var(--az-line);color:var(--az-text); }.aza .az-tabs button.selected { background:var(--az-accent);color:#17382b; }
.aza-subheading { padding:20px 0; }.aza-yearbar { display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--az-line);padding-bottom:16px; }.aza-yearbar>.az-tabs { flex:1; }
.aza-editor { padding:20px;border:1px solid var(--az-line);border-radius:12px;background:var(--az-surface);min-width:0;margin-top:14px; }.aza-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px; }.aza label { font-size:12px;color:var(--az-muted);display:grid;gap:7px; }.aza input:not([type=checkbox]),.aza select { width:100%;min-width:0;padding:11px 12px;border:1px solid var(--az-line);border-radius:8px;background:var(--az-bg);font-size:13px; }.aza label.aza-check { display:flex;align-items:center;gap:8px; }.aza input[type=checkbox] { width:17px;height:17px;accent-color:#518570; }
.aza-actions { display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px; }.aza-subheading .aza-actions { margin:0; }.aza-filter { display:flex;gap:8px;margin:0 0 16px; }.aza-filter input { flex:1; }
.aza-workspace { display:grid;grid-template-columns:minmax(210px,30%) minmax(0,1fr);gap:20px;align-items:start; }.aza-workspace>.aza-editor { margin-top:0; }.aza-list { border:1px solid var(--az-line);border-radius:12px;padding:8px;display:grid;gap:6px;max-height:720px;overflow-y:auto; }
.aza button.aza-person { display:flex;gap:12px;align-items:center;text-align:left;background:transparent;color:var(--az-text);padding:10px;width:100%;border-color:transparent; }.aza button.aza-person.selected { background:var(--az-soft);border-color:var(--az-line); }.aza-person img,.aza-person i { width:48px;height:52px;object-fit:cover;object-position:center 25%;border-radius:7px;flex-shrink:0; }.aza-person i { display:grid;place-items:center;font-style:normal;background:var(--az-soft); }.aza-person span { min-width:0;display:grid;gap:4px; }.aza-person small { font-size:10px;color:var(--az-muted);overflow-wrap:anywhere; }.aza-list-empty { padding:18px; }
.aza-photo { margin-top:22px;padding-top:22px;border-top:1px solid var(--az-line);display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px; }.aza-photo>img,.aza-photo-placeholder { width:150px;height:160px;object-fit:cover;object-position:center 25%;border-radius:9px;background:var(--az-soft); }.aza-photo-placeholder { display:grid;place-items:center;font-size:12px;color:var(--az-muted); }.aza-photo input[type=file] { font-size:11px; }.aza-photo button { margin:10px 8px 0 0; }.aza-progress { margin-top:24px;padding-top:22px;border-top:1px solid var(--az-line); }.aza-progress .aza-actions { justify-content:flex-start; }
@media(max-width:1250px){.az-portraits{grid-template-columns:repeat(3,minmax(0,1fr));}.aza-workspace{grid-template-columns:230px minmax(0,1fr);}.aza-photo{grid-template-columns:100px minmax(0,1fr);}.aza-photo>img,.aza-photo-placeholder{width:100px;height:120px;}}
@media(max-width:900px){.az-portraits{grid-template-columns:repeat(2,minmax(0,1fr));}.az-intro{grid-template-columns:1fr 160px;gap:20px;}.az-filterbar{align-items:stretch;flex-direction:column;}.az-search{width:100%;}.aza-workspace{grid-template-columns:1fr;}.aza-list{max-height:260px;}.aza-subheading{align-items:flex-start;flex-direction:column;}.aza-filter{flex-wrap:wrap;}.aza-filter input{flex-basis:100%;}}
@media(max-width:560px){.az-header{gap:12px;}.az-brand small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.az-back{display:none;}.az-intro{grid-template-columns:1fr;margin-bottom:24px;}.az-intro aside{border-left:0;border-top:1px solid var(--az-line);padding:18px 0 0;grid-template-columns:65px 1fr;}.az-intro aside strong{grid-row:span 2;font-size:42px;}.az-intro h1{font-size:42px;}.az-portraits{gap:12px;grid-template-columns:1fr;}.az-card-copy{padding:18px;}.az-yearline{align-items:flex-start;flex-direction:column;}.az-footer{flex-direction:column;}.aza-heading{flex-direction:column;}.aza-fields{grid-template-columns:1fr;}.aza-editor{padding:15px;}.aza-photo{grid-template-columns:1fr;}.aza-photo>img,.aza-photo-placeholder{width:140px;height:150px;}.aza-yearbar{align-items:flex-start;flex-direction:column;}.aza-actions{justify-content:flex-start;}}
@media(prefers-reduced-motion:reduce){.az-portrait img{transition:none;}}