:root { --navy:#17365d; --blue:#1769aa; --ink:#1d2b3a; --muted:#667789; --line:#dce3e9; --surface:#fff; --bg:#f4f7f9; --green:#157a5a; --amber:#9a6410; --red:#b23b3b; --radius:14px; --shadow:0 8px 28px rgba(27,49,72,.07); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--blue); text-decoration:none; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:.35rem; font-size:clamp(1.8rem,3vw,2.5rem); letter-spacing:-.035em; }
h2 { font-size:1.15rem; }
button,input,select { font:inherit; }
.app-header { height:72px; padding:0 max(24px,calc((100vw - 1180px)/2)); background:var(--surface); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); font-weight:760; white-space:nowrap; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--navy),#2e79af); border-radius:10px; font-size:.82rem; letter-spacing:.04em; }
.brand-mark.large { width:54px; height:54px; margin:0 auto 18px; }
/* Eigenes Logo. Die .brand-mark-Regeln darüber bleiben absichtlich stehen: so
   genügt das Zurücktauschen einer Zeile im Template, um den alten Stand
   wiederherzustellen.
   48px in der 72px hohen Kopfzeile - etwas größer als die frühere 38px-Kachel,
   mit 12px Luft nach oben und unten. Der Schriftzug daneben
   kommt weiterhin aus dem Template und wird auf schmalen Bildschirmen von der
   bestehenden Regel .brand span:last-child ausgeblendet.
   flex-shrink:0, damit die Kopfzeile das Bild in schmalen Fenstern nicht
   zusammenquetscht. */
.brand-logo-mark { width:48px; height:48px; display:block; flex-shrink:0; }
.brand-icon { width:64px; height:64px; display:block; margin:0 auto 18px; }
nav { display:flex; align-items:center; gap:24px; }
nav a,.nav-button { color:#506173; font-size:.92rem; font-weight:600; }
nav form { margin:0; }
.nav-button { border:0; background:none; cursor:pointer; padding:0; }
.page { max-width:1180px; min-height:calc(100vh - 72px); margin:auto; padding:42px 24px 80px; }
.narrow-page { max-width:820px; margin:auto; }
.review-page { max-width:980px; margin:auto; }
.page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.page-heading p { color:var(--muted); margin:0; }
.eyebrow { display:block; margin-bottom:5px; color:var(--blue); font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.panel,.stat-card,.auth-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); }
.panel { padding:26px; margin-bottom:22px; }
.panel-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.panel-heading h2 { margin:0; }
.stats-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.stat-card { padding:24px; }
.stat-card span,.stat-card small { display:block; color:var(--muted); }
.stat-card strong { display:block; margin:8px 0 3px; font-size:2rem; }
.button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 16px; border:1px solid #bdc9d3; border-radius:9px; color:var(--ink); background:#fff; font-weight:700; cursor:pointer; }
.button.primary { color:#fff; background:var(--blue); border-color:var(--blue); }
.button:disabled { cursor:not-allowed; opacity:.45; }
.button.ghost { background:transparent; }
.button.small { min-height:34px; padding:5px 11px; font-size:.86rem; }
.button.wide,.wide { width:100%; }
.button.dashed { border-style:dashed; background:transparent; color:var(--blue); }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; }
th { padding:11px 12px; color:var(--muted); background:#f7f9fb; font-size:.75rem; letter-spacing:.04em; text-transform:uppercase; text-align:left; border-bottom:1px solid var(--line); }
td { padding:14px 12px; border-bottom:1px solid var(--line); vertical-align:middle; }
tr:last-child td { border-bottom:0; }
.strong-link { color:var(--ink); font-weight:700; }
.cell-sub { display:block; color:var(--muted); margin-top:2px; }
.align-right { text-align:right; }
.status { display:inline-flex; align-items:center; gap:7px; padding:5px 9px; border-radius:999px; color:#425568; background:#edf2f5; font-size:.8rem; font-weight:750; white-space:nowrap; }
.status i { width:7px; height:7px; border-radius:50%; background:#8293a3; }
.status-completed,.status-ready { color:var(--green); background:#e8f6f1; }.status-completed i{background:var(--green)}
.status-review_required { color:var(--amber); background:#fff5df; }.status-review_required i{background:#d08a1a}
.status-analyzing,.status-generating { color:var(--blue); background:#e9f3fb; }.status-analyzing i,.status-generating i{background:var(--blue)}
.status-failed { color:var(--red); background:#fdecec; }.status-failed i{background:var(--red)}
.empty-state { padding:48px; text-align:center; color:var(--muted); }.empty-state h3{color:var(--ink);}.empty-icon{font-size:2rem;}
.message { padding:13px 16px; margin-bottom:20px; border-radius:9px; background:#e9f3fb; }.message.error,.field-error{color:#8f2929;background:#fdecec;}.message ul{margin-bottom:0}
.auth-page { display:grid; place-items:center; min-height:calc(100vh - 72px); padding:30px; }
.auth-card { width:min(430px,100%); padding:36px; text-align:center; }
.muted,.form-hint { color:var(--muted); }
.stack-form { display:grid; gap:9px; text-align:left; margin-top:24px; }.stack-form .button{margin-top:12px;}
.password-field{position:relative}.password-field input{padding-right:48px}.password-visibility-toggle{position:absolute;top:50%;right:4px;display:grid;width:36px;height:36px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.password-visibility-toggle:hover{color:var(--ink);background:#edf3f7}.password-visibility-toggle:focus-visible{outline:3px solid rgba(30,128,198,.24);outline-offset:1px}.password-eye{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-eye-hide{display:none}.password-visibility-toggle.is-visible .password-eye-show{display:none}.password-visibility-toggle.is-visible .password-eye-hide{display:block}
label { display:block; margin-bottom:7px; font-weight:700; font-size:.88rem; }
label small { color:var(--muted); font-weight:500; }
input,select { width:100%; height:43px; padding:8px 11px; color:var(--ink); border:1px solid #c8d2db; border-radius:8px; background:#fff; }
input:focus,select:focus { outline:3px solid rgba(23,105,170,.13); border-color:var(--blue); }
.drop-zone { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:28px; border:2px dashed #b8c7d3; border-radius:12px; background:#f9fbfc; text-align:center; cursor:pointer; transition:.15s; }
.drop-zone:hover,.drop-zone.dragging { border-color:var(--blue); background:#f0f7fc; }.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone span,.drop-zone small{color:var(--muted)}.drop-zone strong{font-size:1.1rem;color:var(--ink)}
.upload-icon { width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e5f0f8;color:var(--blue)!important;font-size:1.5rem; }.file-selection{max-width:100%;margin-top:10px;color:var(--blue)!important;overflow-wrap:anywhere;}
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:22px; }.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;}
.processing-card { text-align:center; padding:44px; }.processing-symbol{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#e9f3fb}.processing-symbol span{width:29px;height:34px;border:2px solid var(--blue);border-radius:4px;position:relative}.processing-symbol span:after{content:"";position:absolute;left:5px;right:5px;top:10px;height:2px;background:var(--blue);box-shadow:0 7px var(--blue),0 14px var(--blue)}
.processing-card h2{font-size:1.45rem;margin:18px 0 7px}.processing-card>p{color:var(--muted);max-width:560px;margin:0 auto 24px}.progress{height:8px;max-width:560px;margin:auto;background:#e8edf1;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue);transition:width .3s}.progress-label{display:flex;justify-content:space-between;max-width:560px!important;margin:7px auto 25px!important;font-size:.8rem}.processing-actions{display:flex;justify-content:center;gap:10px}
.incident-notice{display:flex;gap:14px;max-width:620px;margin:18px auto 14px;padding:16px 18px;text-align:left;border:1px solid #efc86c;border-radius:12px;background:#fff9e8;color:#49370d}.incident-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#d99b16;color:#fff;font-weight:800}.incident-notice h3{margin:1px 0 6px;font-size:1rem}.incident-notice p{margin:0;line-height:1.55;color:#5f4a1a}.processing-card>p.error-reference{margin-bottom:18px;font-size:.86rem}.error-reference code{display:inline-block;padding:3px 7px;border-radius:6px;background:#f0f3f5;color:#25313b;font-size:.82rem}
.processing-actions .incident-followup{max-width:560px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.5;text-align:center}
.period-panel h2 { margin-bottom:18px; }.hidden{display:none!important}.uncertainty{display:grid;gap:2px;margin-bottom:14px;padding:14px 16px;border:1px solid #efcf8e;border-radius:9px;background:#fff8e8;color:#65460e}.uncertainty small{color:#806228}
.employee-card{padding:0;overflow:hidden}.employee-head{display:grid;grid-template-columns:50px 1.5fr 1fr 38px;gap:15px;align-items:end;padding:20px 22px;background:#f8fafb;border-bottom:1px solid var(--line)}.employee-number{align-self:center;color:#9aa8b5;font-weight:800;font-size:1.1rem}.employee-fields label{margin-bottom:5px}.icon-button{width:34px;height:34px;border:0;border-radius:7px;color:#798997;background:#edf1f4;font-size:1.25rem;cursor:pointer}.monthly-block,.days-block{padding:22px}.monthly-block{max-width:300px}.days-table input{min-width:85px;height:37px}.days-table input[data-field=day]{min-width:65px}.days-table td{padding:8px}.days-block>.button{margin-top:13px}
.sticky-actions{position:sticky;bottom:16px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 10px 35px rgba(20,40,60,.15);backdrop-filter:blur(10px)}.sticky-actions>span{display:flex;align-items:center;gap:14px}.sticky-actions small{color:var(--muted)}
.settings-list>div{display:flex;justify-content:space-between;gap:30px;padding:14px 0;border-bottom:1px solid var(--line)}.settings-list>div:last-child{border:0}.settings-list span{color:var(--muted)}
.manual-employee-row{display:grid;grid-template-columns:48px minmax(220px,1fr) minmax(150px,.45fr) 42px;gap:14px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}.manual-employee-row:first-child{padding-top:0}.manual-employee-row:last-child{border-bottom:0}.employee-index{align-self:center;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#edf3f7;color:var(--navy);font-weight:800}.delete-field{display:none}.manual-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.manual-actions>span{display:flex;align-items:center;gap:14px}.field-error ul,.errorlist{margin:6px 0 0;padding:8px 12px;list-style:none;color:#8f2929;background:#fdecec;border-radius:7px;font-size:.86rem}
.creation-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.creation-choice{display:flex;align-items:center;gap:15px;min-height:96px;padding:18px;border:1px solid #c8d4dd;border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s,transform .15s,background .15s}.creation-choice:hover{border-color:var(--blue);transform:translateY(-1px)}.creation-choice.selected{border-color:var(--blue);background:#eef6fc;box-shadow:0 0 0 2px rgba(23,105,170,.1)}.creation-choice>span:last-child{display:grid;gap:3px}.creation-choice strong{font-size:1.02rem}.creation-choice small{color:var(--muted)}.choice-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e7f0f7;color:var(--blue);font-size:1.25rem;font-weight:800}.creation-choice.selected .choice-icon{background:var(--blue);color:#fff}.creation-form{margin-top:0}.creation-form .panel-heading h2{margin:0}.compact-period-grid{margin-top:0}.manual-panel>.panel-heading{margin-top:22px}
.app-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted)}.app-footer>div{max-width:1180px;min-height:72px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-footer nav{gap:18px;flex-wrap:wrap}.app-footer a{font-size:.84rem}
.download-return{position:fixed;z-index:50;right:24px;bottom:24px;max-width:min(430px,calc(100vw - 32px));padding:14px 17px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 12px 35px rgba(20,40,60,.2);font-weight:700}
.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.overall-usage{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(120px,1fr));gap:16px;align-items:center;margin:-4px 0 24px;padding:16px 20px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.overall-usage>div{display:grid;gap:2px}.overall-usage span,.overall-usage small{color:var(--muted)}.overall-usage strong{font-size:1.15rem}.admin-metrics-table{table-layout:fixed;font-size:.82rem}.admin-metrics-table th,.admin-metrics-table td{padding:10px 8px}.admin-metrics-table th:nth-child(1){width:29%}.admin-metrics-table th:nth-child(2){width:14%}.admin-metrics-table th:nth-child(3){width:17%}.admin-metrics-table th:nth-child(4){width:9%}.admin-metrics-table th:nth-child(5){width:13%}.admin-metrics-table th:nth-child(6){width:10%}.admin-metrics-table th:nth-child(7){width:8%}.metric-lines{display:grid;grid-template-columns:auto auto;gap:1px 7px}.metric-lines span:nth-child(odd){color:var(--muted)}.report-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:#f8fafb}.report-filter{display:flex;align-items:flex-end;gap:10px}.report-filter label{margin:0}.report-filter select{min-width:210px}.management-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:22px;align-items:start}.user-create-card{padding:0;overflow:hidden}.form-card-header{padding:24px 26px 19px;border-bottom:1px solid var(--line);background:#f8fafb}.form-card-header h2{margin:0 0 4px}.form-card-header p{margin:0;color:var(--muted)}.admin-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:25px 26px}.admin-user-form .field-wide,.admin-user-form .form-section,.admin-user-form .form-actions{grid-column:1/-1}.admin-user-form .form-section{margin:3px 0 -7px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--navy);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-user-form .form-actions{justify-content:space-between;align-items:center;margin:3px 0 0}.admin-user-form .form-actions small{max-width:360px;color:var(--muted)}.admin-toggle{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#f8fafb}.admin-toggle input{flex:0 0 auto;width:18px;height:18px;margin-top:2px}.admin-toggle label{margin:0}.admin-toggle small{display:block;color:var(--muted);font-weight:400}.organization-card form{display:grid;gap:10px;margin-top:18px}.organization-list{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.organization-list>div{display:flex;justify-content:space-between;gap:12px}.organization-list small{color:var(--muted)}.button.danger{color:var(--red);border-color:var(--red);background:transparent}.auth-help-link{display:block;text-align:center;margin-top:8px}.centered-panel{text-align:center;padding:48px}.suspended-icon{width:54px;height:54px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--red);font-size:1.6rem;font-weight:900}
.test-version-banner{display:flex;align-items:center;justify-content:center;gap:8px;min-height:31px;padding:5px 18px;border-bottom:1px solid #e7c875;background:#fff8dc;color:#654f12;font-size:.78rem}.test-version-banner strong{text-transform:uppercase;letter-spacing:.08em}.test-version-banner span:before{content:"·";margin-right:8px}.test-phase-card{max-width:590px;text-align:left}.test-phase-card h1{text-align:center}.test-phase-card>p{text-align:center;color:var(--muted);line-height:1.55}.test-phase-kicker{display:block;margin-bottom:7px;color:var(--amber);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-align:center;text-transform:uppercase}.test-phase-notice{margin:20px 0 4px;padding:15px 17px;border:1px solid #e7c875;border-radius:10px;background:#fff9e8}.test-phase-notice ul{margin:9px 0 0;padding-left:20px}.acceptance-checkbox{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#f8fafb;line-height:1.48}.acceptance-checkbox input{flex:0 0 auto;width:20px;height:20px;margin-top:2px}.acceptance-checkbox span{font-weight:600}.test-phase-card .form-hint{font-size:.84rem;line-height:1.5}
.legal-page{max-width:1120px;margin:auto}.legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.legal-nav,.legal-content{min-width:0}.legal-nav{position:sticky;top:24px;display:grid;gap:6px;padding:14px}.legal-nav a{padding:8px 10px;border-radius:7px;color:var(--muted);font-weight:650;overflow-wrap:anywhere}.legal-nav a:hover{background:#f2f6f9;color:var(--blue)}.legal-content{overflow-wrap:anywhere}.legal-content h2{margin:32px 0 10px}.legal-content h2:first-child{margin-top:0}.legal-content h3{margin:22px 0 7px}.legal-content ul{padding-left:21px}.legal-content li+li{margin-top:6px}.legal-content table{margin:16px 0}.legal-services-table{table-layout:fixed;min-width:800px}.legal-services-table th:nth-child(1){width:24%}.legal-services-table th:nth-child(2){width:20%}.legal-services-table th:nth-child(3){width:24%}.legal-services-table th:nth-child(4){width:32%}.legal-notice{padding:15px 17px;margin-bottom:20px;border:1px solid #efcf8e;border-radius:9px;background:#fff8e8;color:#65460e}.legal-meta{color:var(--muted);font-size:.86rem}.legal-address{font-style:normal;white-space:pre-line}.definition-list{display:grid;grid-template-columns:minmax(250px,.45fr) minmax(0,1fr);gap:0}.definition-list dt,.definition-list dd{min-width:0;padding:10px 0;border-bottom:1px solid var(--line);margin:0}.definition-list dt{padding-right:24px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.app-header{height:auto;padding:14px 20px;align-items:flex-start}.brand span:last-child{display:none}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a,.nav-button{font-size:.78rem}.test-version-banner{align-items:flex-start;flex-direction:column;gap:1px}.test-version-banner span:before{content:none}.page{padding:30px 16px 70px}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid,.form-grid,.creation-choices,.admin-user-form,.management-grid,.overall-usage{grid-template-columns:1fr}.employee-head{grid-template-columns:38px 1fr 34px}.employee-head .employee-fields:nth-of-type(2){grid-column:2/3}.sticky-actions>span small{display:none}.manual-employee-row{grid-template-columns:38px 1fr 38px}.manual-employee-row>div:nth-of-type(2){grid-column:2/3}.legal-layout,.definition-list{grid-template-columns:1fr}.legal-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.definition-list dt{padding:10px 0 2px;border-bottom:0}.definition-list dd{padding-top:2px}.app-footer>div{align-items:flex-start;flex-direction:column}.app-footer nav{justify-content:flex-start}.download-return{right:16px;bottom:16px}.report-toolbar,.report-filter{align-items:stretch;flex-direction:column}.report-filter select{min-width:0}.admin-metrics-table{min-width:900px}}
.mfa-card{max-width:460px}
.mfa-steps{margin:0 0 18px 0;padding-left:20px;color:var(--muted);font-size:.94rem}
.mfa-steps li{margin-bottom:6px}
.mfa-qr{display:grid;place-items:center;padding:16px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.mfa-qr img{display:block;width:220px;height:220px}
.mfa-manual{margin-bottom:18px;font-size:.92rem}
.mfa-manual summary{cursor:pointer;color:var(--blue)}
.mfa-manual p{margin:8px 0 0}
.mfa-secret code{display:block;padding:10px 12px;background:#f3f6f9;border:1px solid var(--line);border-radius:8px;font-size:.98rem;letter-spacing:.09em;word-break:break-all}
.mfa-codes{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px 0;padding:0}
.mfa-codes code{display:block;padding:9px 10px;background:#f3f6f9;border:1px solid var(--line);border-radius:8px;font-size:.96rem;letter-spacing:.06em;text-align:center}
.mfa-cancel{margin-top:14px;text-align:center}
@media (max-width:520px){.mfa-codes{grid-template-columns:1fr}}
@media print{.app-header,.app-footer,.mfa-cancel,.button{display:none!important}}

/* Recovery-code copy action */
.mfa-codes-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px 0}
.copy-feedback{font-size:.88rem;color:var(--muted,#5b6572)}
.copy-feedback.ok{color:#1c7a4a;font-weight:600}
.copy-feedback.fail{color:#b3261e;font-weight:600}
@media print{.mfa-codes-actions{display:none!important}}

/* Hinweise zur Erkennung — je Ursache ein Eintrag, darunter die betroffenen
   Mitarbeiter und Tage als eigene Zeilen. Die Namen stehen bewusst in einer
   verschachtelten Liste: sie bleiben so auch ohne dieses Stylesheet lesbar. */
.hint-list{margin:12px 0 0 0;padding-left:20px}
.hint-list>li{margin:0 0 14px 0}
.hint-list>li:last-child{margin-bottom:0}
.hint-message{margin:0}
.hint-detail{margin:6px 0 2px 0;color:var(--muted,#5b6572);font-size:.86rem}
.hint-names{margin:0;padding-left:18px;color:var(--muted,#5b6572);font-size:.9rem}
.hint-names li{margin:1px 0}