:root{--navy:#102c46;--gold:#b39a65;--cream:#f5f1e9;--line:#e4ddcf}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:15px/1.5 'Segoe UI',sans-serif}main{max-width:1500px;margin:auto;padding:30px 42px}.author{color:#8e7448;font-family:Georgia,serif;margin-bottom:25px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--gold);padding-bottom:25px}header img{width:140px;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}h1{font:clamp(40px,5vw,70px)/1.1 Georgia,serif;margin:18px 0}h1 span{color:var(--gold)}header p{font-size:18px;color:#627081}.meta{display:flex;justify-content:space-between;padding:20px 0}aside{background:#ede2c8;padding:12px 18px;font-size:13px;border-radius:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0 32px;border:1px solid var(--line);background:#fffcf7}.stats div{padding:20px 25px;border-right:1px solid var(--line);display:flex;gap:16px;align-items:center;color:#66707a}.stats b{font:38px Georgia;color:var(--navy)}.stats div:nth-child(2) b{color:#2b785d}.stats div:nth-child(3) b{color:#a66b24}.workspace{background:#fffdf9;border:1px solid var(--line);border-radius:10px;padding:25px;box-shadow:0 8px 30px #172b4010}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}h2{font:30px Georgia;margin:7px 0}.filters{display:flex;gap:12px;align-items:end}label{font-size:12px;color:#65717b}select{display:block;padding:10px;background:white;border:1px solid var(--line);border-radius:5px;color:var(--navy);font:inherit}button{font:600 12px 'Segoe UI';cursor:pointer;border:1px solid #d7dfe0;border-radius:5px;padding:10px 12px;color:var(--navy);background:white}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.quiet{background:transparent}.hint{color:#74808a;font-size:13px;margin-bottom:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--navy);color:#fff;font-size:12px;font-weight:500;letter-spacing:.3px;padding:15px}td{padding:20px 14px;vertical-align:top;border-bottom:1px solid var(--line);min-width:135px}tr:nth-child(even){background:#f8f5ef}td small{display:block;color:#73808c;margin-top:5px;font-size:12px}td a{display:block;margin-top:7px;color:#2d6f83}.actions{display:flex;flex-direction:column;gap:6px;min-width:170px}.actions button.selected[data-value=reached]{background:#deeee5;color:#226348;border-color:#8cbaa1}.actions button.selected[data-value=missed]{background:#fff0d5;color:#825419;border-color:#dfbd76}.actions button.selected[data-value=open]{background:#e9edf3}textarea{width:100%;min-width:200px;height:64px;resize:vertical;border:1px solid #d9d8d2;border-radius:5px;padding:9px;font:13px 'Segoe UI';background:#fff}.save{background:var(--navy);color:white;margin-top:6px}.save:disabled{opacity:.55}.notice{min-height:20px;font-size:12px;color:#27664b;margin-top:6px}.bad,#error{color:#ac3838}footer{background:var(--navy);color:#ecede9;margin:30px -0px 0;padding:25px 30px;border-radius:7px}footer strong{font:25px Georgia}footer div{margin:14px 0;font-size:13px}footer span{color:#d0b274;padding:0 16px}footer small{color:#b8c4cd;font-size:12px}@media(max-width:760px){main{padding:20px 12px}header img{width:85px}header p{font-size:14px}.stats{grid-template-columns:1fr 1fr}.stats div{padding:14px;gap:10px;font-size:12px}.stats b{font-size:28px}.toolbar{display:block}.filters{flex-wrap:wrap;margin-top:16px}.workspace{padding:15px 10px}.meta{font-size:12px}table,tbody,tr,td{display:block}thead{display:none}tr{border:1px solid var(--line);border-radius:8px;margin-bottom:15px;padding:8px}td{border:none;padding:8px;min-width:0}td:before{content:attr(data-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8c784c;margin-bottom:4px}.actions{flex-direction:row;flex-wrap:wrap}textarea{min-width:0}.table-wrap{overflow:visible}footer{padding:20px}footer span{padding:0 5px}}@media print{.filters,.save,.hint{display:none}main{padding:0}.workspace{box-shadow:none}textarea{border:none}button{border:none}.stats{margin:12px 0}footer{background:white;color:#102c46}tr{break-inside:avoid}}
body{background:#f8f5ee}main{max-width:1500px}.editorial{position:relative;display:block;min-height:380px;border:0;background:url('/architecture.png') right top/auto 390px no-repeat;margin-top:-55px;padding-top:60px}.author{position:relative;z-index:1}.brand{display:flex;flex-direction:column;gap:14px;width:280px}.brand img{width:175px}.brand span{font-size:10px;letter-spacing:4px}.brand-motto{position:absolute;top:60px;left:340px;font:15px/1.6 Georgia;border-bottom:1px solid var(--gold);padding-bottom:12px}.hero-title{position:relative;margin-top:48px}.hero-title h1{font-size:clamp(44px,6.5vw,88px);margin:14px 0}.hero-title p{font-family:Georgia;letter-spacing:2px}.promise{position:absolute;right:0;bottom:35px;font:italic 23px Georgia;color:#927544}.meta{border-top:1px solid var(--gold)}.calendar{margin:25px 0;background:#eeeae0;padding:20px 25px;border-radius:8px}.calendar-heading{display:flex;justify-content:space-between;align-items:center}.calendar-heading h2{font-size:24px}.calendar input{display:block;padding:8px;color:var(--navy);border:1px solid #d3c5a7;border-radius:4px;background:#fffdf8}.calendar-nav{display:flex;align-items:stretch;gap:12px;margin-top:16px}.calendar-nav>button{font-size:28px;background:transparent;border:0}#day-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;flex:1}.day{background:#faf8f3;border:1px solid #ddd4c0;padding:12px}.day small{display:block;letter-spacing:2px;font-weight:400}.day strong{display:block;font:23px Georgia;margin-top:6px}.day.today{border:2px solid var(--gold)}.day.active{background:var(--navy);color:white}.calendar p{font-size:12px;color:#5c6977;margin-bottom:0}.workspace{background:#fffdf8;box-shadow:none}.stats{background:#eeeae0;border:0}.stats div{border-right:1px solid #c9b88e}th{background:#ede7da;color:var(--navy);border-bottom:2px solid var(--gold)}footer{background:linear-gradient(120deg,#112c44,#203a51)}@media(max-width:760px){.editorial{min-height:350px;background-size:auto 235px;background-position:right top;padding-top:60px}.brand{width:auto}.brand img{width:105px}.brand span{font-size:8px;letter-spacing:2px}.brand-motto{display:none}.hero-title{margin-top:80px}.hero-title h1{font-size:42px}.hero-title .eyebrow{font-size:8px}.promise{display:none}.calendar{padding:15px 10px}.calendar-heading{gap:10px;align-items:start}.calendar-heading h2{font-size:19px}.calendar input{max-width:130px}.calendar-nav{gap:1px}#day-strip{gap:4px}.day{padding:8px 2px}.day small{font-size:8px;letter-spacing:0}.day strong{font-size:17px}.calendar-nav>button{padding:4px}.hero-title p{font-size:14px}}@media print{.calendar-nav,.calendar-heading label{display:none}}
.contact-menu{margin:0 0 8px;max-width:260px}.contact-menu summary{cursor:pointer;color:#173f5b;overflow-wrap:anywhere;font-weight:600}.contact-options{margin-top:6px;padding:10px;background:#eee8db;border:1px solid #d8c79f;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.contact-options a{margin:0;padding:8px;background:#fff;border-radius:4px}.contact-options small{flex-basis:100%}.list-tools{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-top:20px}.list-tools input{display:block;padding:10px;border:1px solid #ded5c3;border-radius:4px;min-width:260px;background:#fff;color:#102c46}.list-tools span{font-size:12px;color:#65717b;padding:10px 0}tr[hidden]{display:none!important}@media(max-width:760px){.list-tools input{min-width:0;width:100%}.list-tools label:first-child{width:100%}.contact-menu{max-width:100%}}@media print{.list-tools,.contact-options{display:none}.contact-menu summary{list-style:none}}
.preparation{margin-top:14px;max-width:300px;border-top:1px solid #d6c6a4;padding-top:10px}.preparation summary{cursor:pointer;font-weight:600;color:#826831}.preparation strong{display:block;font-size:12px;margin-top:12px}.preparation p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 10px}.preparation small{overflow-wrap:anywhere}dialog{width:min(820px,94vw);max-height:88vh;border:1px solid #bea578;border-radius:12px;padding:25px;background:#faf7ef;color:#102c46;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#102c4699}.note-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}#daily-caption{font-size:13px;color:#65717b}.note-summary{background:#eae1cd;padding:15px;border-radius:5px}.note-card{padding:15px 0;border-bottom:1px solid #d6c6a4}.note-card h3{font:22px Georgia;margin-bottom:5px}.note-card .preparation{max-width:none}.note-card>small{color:#876737}@media(max-width:760px){dialog{padding:16px}.note-heading h2{font-size:23px}.filters{max-width:100%}}
.purchase-card{margin-top:22px}.purchase-field{display:block;font-size:14px;color:#102c46;margin:18px 0}.purchase-field textarea{display:block;margin-top:8px;min-height:95px;max-width:100%}.purchase-field input,.purchase-field select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #c8b894;border-radius:5px;font:inherit;background:white;color:#102c46}.classification-fields{margin:18px 0 24px;padding:14px 16px;border:1px solid #e4ddcf;border-radius:10px;background:#fffdf8}.classification-fields h3{margin:0;color:#102c46}.classification-fields>p{margin:4px 0 10px}.classification-fields .purchase-field{margin:12px 0}.classification-status{display:block;color:#627081;font-size:12px;margin:-6px 0 8px}.task-group{margin:14px 0 20px}.task-group h4{margin:0 0 4px;padding:7px 0;border-bottom:1px solid #d7ccb7;color:#102c46;font-size:15px}.task-group-items:empty{display:none}.assignment-notice{padding:8px 12px;background:#fff1d6;border-left:3px solid #b8963e;border-radius:4px;font-size:13px}.file-download{display:block;padding:10px;margin-bottom:6px;background:#eee8db;color:#102c46;border-radius:4px}.conflict-box{border:1px solid #b65c45;padding:12px;background:#fff0e7}.conflict-box pre{white-space:pre-wrap;overflow-wrap:anywhere}.purchase-card>small{display:block;margin-top:8px}[hidden]{display:none!important}#login input{display:block;padding:10px;margin:8px 0 15px}#login label{display:block}#connection{padding:12px 0}
.purchase-task{display:grid;grid-template-columns:1fr 190px;gap:12px;padding:15px 0;border-bottom:1px solid #d7ccb7}.purchase-task textarea{grid-column:1/-1;min-height:60px}.purchase-task strong{align-self:center}.purchase-task select{width:100%}@media(max-width:600px){.purchase-task{grid-template-columns:1fr}.purchase-task textarea{grid-column:1}}
.seller-compact{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;background:#eee8db;border-radius:7px;margin-bottom:20px}.seller-compact span{overflow-wrap:anywhere}.seller-compact button{font-size:24px;padding:4px 13px;flex-shrink:0}.seller-editor{padding:15px;border:1px solid #d8cbb3;border-radius:7px;margin-bottom:18px}

.purchase-card>summary{cursor:pointer;font:26px/1.4 Georgia,serif;overflow-wrap:anywhere}.purchase-card>summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.purchase-card[open]>summary{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
/* Raised object tiles */
.purchase-card{position:relative;padding:0;border:1px solid #d8ccb5;border-radius:16px;background:linear-gradient(135deg,#fffefb,#f3eddf);box-shadow:0 5px 0 #d7ccb8,0 12px 22px #102c4612;transition:box-shadow .18s ease,transform .18s ease;margin:20px 0 26px}
.purchase-card>summary{position:relative;list-style:none;padding:24px 64px 24px 26px;margin:0!important;border:0!important;font:600 23px/1.4 'Segoe UI',sans-serif;letter-spacing:.3px;border-radius:16px;user-select:none}
.purchase-card>summary::-webkit-details-marker{display:none}
.purchase-card>summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#102c46;color:#eee0bd;font:24px/1 'Segoe UI';box-shadow:0 3px 0 #081c2d}
.purchase-card[open]{padding:0 24px 24px;background:#fffdf8;box-shadow:0 3px 0 #d7ccb8,0 12px 28px #102c4614}
.purchase-card[open]>summary{margin:0 -24px 20px!important;border-bottom:1px solid #ded3be!important;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#f7f1e4,#e9dfc9)}
.purchase-card[open]>summary::after{content:'−'}
@media(hover:hover){.purchase-card:not([open]):hover{transform:translateY(-2px);box-shadow:0 7px 0 #d7ccb8,0 16px 25px #102c461c}}
@media(max-width:600px){.purchase-card>summary{font-size:20px;padding:20px 60px 20px 18px}.purchase-card[open]{padding:0 16px 18px}.purchase-card[open]>summary{margin:0 -16px 18px!important}}
@media(prefers-reduced-motion:reduce){.purchase-card{transition:none}.purchase-card:not([open]):hover{transform:none}}
.task-upload{display:grid;gap:6px;align-content:center}.task-upload input{max-width:100%}.task-files{display:grid;gap:4px;font-size:14px}.task-empty{color:#6b6b6b}.task-upload small{min-height:1em;color:#102c46}@media(max-width:600px){.task-upload{grid-column:1/-1}}
/* 2026-10-08 Sprachumschalter, Abmelden, Fortschritt, Verlauf, Datei-Ersetzen, Anfragetext */
.topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 10px;flex-wrap:wrap}
#lang-switch{display:inline-flex;gap:0;border:1px solid #d8ccb5;border-radius:999px;overflow:hidden;background:#fffdf8}
.lang-btn{border:0;background:transparent;color:#102c46;padding:6px 14px;font:600 13px/1.2 inherit;cursor:pointer;min-height:32px}
.lang-btn+.lang-btn{border-left:1px solid #d8ccb5}
.lang-btn.active{background:#102c46;color:#fff}
.lang-btn:focus-visible,#logout:focus-visible{outline:3px solid #b39a65;outline-offset:2px}
.badge{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;font:600 13px/1.5 inherit;background:#efe7d5;color:#102c46;vertical-align:middle}
.badge.ok{background:#dcefdc;color:#17511f}.badge.bad{background:#f6d9d5;color:#8a1f12}.badge.warn{background:#fbe8c3;color:#7a4b00}
.purchase-card.is-complete{opacity:.8}
.purchase-card>summary .sum-title{font-weight:400}
details.sub{margin:16px 0;border-top:1px solid #d7ccb7;padding-top:10px}
details.sub>summary{cursor:pointer;font-weight:600;color:#102c46;padding:6px 0}
.seller-compact{display:flex;align-items:center;gap:10px;margin:6px 0 14px}
.seller-compact button{min-width:36px;min-height:36px}
.task-upload{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.file-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-name{overflow-wrap:anywhere}
.task-empty{color:#6b6a62;font-size:14px}
.history-list{margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.5}
.inquiry{margin:6px 0;font-size:14px;overflow-wrap:anywhere}.inquiry-none{color:#6b6a62}
.linklike{border:0;background:transparent;color:#102c46;text-decoration:underline;padding:0 4px;min-height:0;cursor:pointer;font:inherit}
.notice.warn{color:#7a4b00}
.classification-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.classification-option{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:40px;padding:8px 12px;border:1px solid #c8b894;background:#fffdf9;color:#102c46;text-align:left;font:600 13px/1.3 'Segoe UI',sans-serif}.classification-option[aria-checked="true"]{border-color:#102c46;background:#102c46;color:#fff;box-shadow:0 0 0 2px #b8963e}.classification-option:focus-visible{outline:3px solid #b8963e;outline-offset:2px}
.classification-choice input[type=hidden]{display:none}
@media(max-width:600px){.topbar{justify-content:space-between}}
@media print{.topbar{display:none}}

/* 2026-10-08 gruener Punkt (neue Aenderungen) und Terminuebersicht */
.new-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2b9a5b;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 2px #dcefdc;flex:none}
.new-count{display:inline-block;padding:2px 10px;border-radius:999px;background:#dcefdc;color:#17511f;font:600 13px/1.5 inherit}
details.appts{margin:12px 0;border:1px solid #d7ccb7;border-radius:12px;padding:6px 14px;background:#fffdf8}
details.appts>summary{cursor:pointer;font-weight:600;color:#102c46;padding:6px 0}
.appts-list{margin:6px 0 8px;padding-left:18px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.appts-none{margin:6px 0 2px;font-size:14px}.appts-none+small{display:block;color:#6b6a62;margin-bottom:6px}
td>.new-dot{float:left;margin-top:7px}

/* 2026-10-08 Objekt-Akkordeon, Termin-Kachel, Kontoleiste */
.account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0;color:#102c46;position:relative;z-index:2}
.account-bar[hidden]{display:none}
.account-as{font-weight:700}
.account-bar select{min-height:36px;border:1px solid #d8ccb5;border-radius:8px;background:#fffefb;color:#102c46;padding:4px 8px;font:inherit}
.objects{display:grid;gap:14px;margin:14px 0}
.obj-card,.appts-tile{border:1px solid #d8ccb5;border-radius:16px;background:linear-gradient(#fffefb,#f3eddf);box-shadow:0 5px 0 #d7ccb8,0 12px 22px #102c4612;padding:0 16px}
.appts-tile{margin:14px 0 18px;padding:12px 16px}
.obj-card[hidden],.contact-card[hidden]{display:none!important}
.obj-sum{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 0;min-height:44px}
.obj-sum::-webkit-details-marker{display:none}
.obj-sum::after{content:'+';margin-left:auto;flex:none;width:28px;height:28px;border-radius:50%;background:#102c46;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.obj-card[open]>.obj-sum::after{content:'\2212'}
.obj-dot{display:inline-flex;min-width:10px}
.obj-title{display:flex;flex-direction:column;min-width:0}
.obj-title small{color:#6b6a62;overflow-wrap:anywhere}
.obj-todo{flex:none;padding:2px 10px;border-radius:999px;background:#b39a65;color:#102c46;font:600 13px/1.5 inherit}
.obj-todo.zero{background:#efe7d5;color:#6b6a62}
.obj-contacts{display:grid;gap:12px;padding:0 0 16px}
.contact-card{border:1px solid #d8ccb5;border-radius:12px;background:#fffdf8;padding:12px 14px}
.cc-head,.cc-ways{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-bottom:6px}
.conv-info p{margin:2px 0 8px;overflow-wrap:anywhere}
.contact-card textarea{width:100%;box-sizing:border-box;min-height:70px;margin:8px 0}
.appts-h{margin:0 0 8px;font-size:18px;color:#102c46}
.appt{margin:4px 0;list-style:none}
.appt-today{font-weight:600}
.appt-day{margin-right:8px;color:#102c46}
.appts-past{margin-top:8px}
.appts-past>summary{cursor:pointer;font-weight:600;color:#102c46}
.appts-tile .appts-list{padding-left:0}
@media(max-width:600px){.obj-card,.appts-tile{padding:0 12px}.obj-sum{gap:8px}.account-bar{gap:6px 8px}}
@media print{.obj-card{box-shadow:none;break-inside:avoid}.account-bar{display:none}}
.cc-line{margin:4px 0;overflow-wrap:anywhere}.cc-next{margin:8px 0;padding:6px 10px;border-left:3px solid var(--gold);background:#f5f1e9;font-weight:600}.cc-warn{border-left-color:#b3402b;color:#7a2a1b}.cc-reach{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.cc-reach select,.cc-reach input{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy)}
/* 2026-10-08 Hikari-Design: kompakte Uebersicht */
:root{--navy:#13243b;--gold:#b8963e;--cream:#f7f2e8}
body{background:var(--cream)}main{max-width:900px;padding:22px 16px}
.hk-head{display:flex;align-items:center;gap:18px;border-bottom:2px solid var(--gold);padding-bottom:16px;margin-bottom:6px}
.hk-head img{width:96px;max-width:30vw;object-fit:contain}.hk-head h1{font:clamp(30px,6vw,46px)/1.1 Georgia,serif;margin:0;color:var(--navy)}.hk-sub{margin:4px 0 0;font:italic 18px Georgia,serif;color:var(--gold)}
.meta{padding:12px 0;font-size:14px}
.stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));background:#fffdf8;border:1px solid var(--line);border-radius:10px;overflow:hidden}.stats div{padding:14px 16px;gap:10px;border-right:1px solid var(--line)}.stats b{font-size:30px}.stats div:nth-child(4) b{color:#2a5d9f}.stats div:nth-child(3) b{color:#b3402b}
.obj-card{padding:0 12px}.obj-sum{padding:12px 0;background:var(--navy);margin:0 -12px;padding:12px 14px;border-radius:15px 15px 0 0;color:#fff}.obj-card:not([open])>.obj-sum{border-radius:15px}.obj-sum::after{background:var(--gold);color:var(--navy)}.obj-title strong{font:600 17px Georgia,serif;overflow-wrap:anywhere}.obj-title small{color:#d9c58f}.obj-contacts{padding:12px 0}
.contact-card{padding:10px 12px;display:block}
.cc-top{display:flex;align-items:center;gap:10px}.cc-avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:700 17px Georgia,serif}.cc-who{flex:1;min-width:0}.cc-who .contact-menu{margin:0;max-width:100%}
.cc-badge{flex:none;font:700 11px/1.3 'Segoe UI',sans-serif;padding:4px 9px;border-radius:999px;text-align:center}.st-reached{background:#dcefdc;color:#17511f}.st-missed{background:#f8dcd6;color:#9a2a18}.st-open{background:#dce8f7;color:#1d4f8f}
.cc-meta{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:center;margin:6px 0 2px 46px;font-size:13px;color:#5c6977}.cc-meta .contact-menu{margin:0;max-width:100%}.cc-meta .contact-menu summary{font-weight:500;color:#1d4f8f}
.cc-fb{margin-left:46px;font-size:13px}
.cc-edit{margin:8px 0 0 46px}.cc-edit>summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--gold);padding:4px 0}.cc-edit-body{padding-top:6px;border-top:1px dashed var(--line)}
.hk-flow{background:var(--navy);color:#ecede9;padding:20px;border-radius:10px;margin-top:26px}.hk-flow ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0}.hk-flow li{background:#1f3652;border:1px solid var(--gold);border-radius:999px;padding:6px 14px;font-size:13px}
@media(max-width:600px){main{padding:14px 10px}.cc-meta,.cc-fb,.cc-edit{margin-left:0}.cc-badge{font-size:10px;padding:3px 7px}.stats div{padding:10px;font-size:12px}.stats b{font-size:24px}.hk-head img{width:70px}.actions{min-width:0}.contact-options{max-width:100%}}
@media print{.cc-edit>.cc-edit-body{display:block}}
.fb-log{margin:8px 0}.fb-entry{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line)}.fb-when{flex:none;color:#6b6a62;font-size:11px}.fb-text{flex:1 1 140px;min-width:0;overflow-wrap:anywhere;font-size:13px}.fb-pen{border:0;background:transparent;padding:2px 6px;font-size:15px;color:var(--gold)}
.fb-input{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);margin:4px 0}.fb-entry .fb-input{flex:1 1 100%}
/* Hintergrundbild (Yaka 08.10.2026): Architektur-Bild fest hinter der ganzen Seite, hell ueberblendet, damit Karten lesbar bleiben */
html body{background:linear-gradient(rgba(248,245,238,.5),rgba(248,245,238,.68)),url('/architecture.png') center top/cover fixed no-repeat,#f8f5ee}
@media(max-width:760px){html body{background-attachment:scroll,scroll;background-size:auto,auto 100vh}}
.heute-bericht .hb-zeile{font-weight:600;margin:6px 0}.hb-liste{margin:4px 0 10px 18px;padding:0}.hb-obj{font:600 15px Georgia;margin:14px 0 6px}.hb-tab{width:100%;border-collapse:collapse;font-size:14px}.hb-tab th,.hb-tab td{text-align:left;padding:6px 8px;border-bottom:1px solid #e3dccb}.hb-stand{display:block;margin-top:10px;color:#5c6977}
.heute-bericht{background:#fff;border:2px solid #1f3a5f;border-radius:14px;box-shadow:0 8px 24px rgba(20,40,70,.18);padding:18px}.heute-bericht .appts-h{font-size:20px;color:#1f3a5f}.hb-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0}.hb-kpi{background:#1f3a5f;color:#fff;border-radius:10px;padding:12px 14px}.hb-kpi b{display:block;font-size:30px;line-height:1.1}.hb-kpi span{font-size:13px;opacity:.9}.hb-tab th{background:#eef2f7;color:#1f3a5f}.hb-tab td{font-size:15px;font-weight:600}

/* Yaka: kompakter Überblick, To-dos im Vordergrund, größere Tagesnotiz. */
.calendar{margin:12px 0;padding:10px 16px}
.calendar-heading .eyebrow{display:none}
.calendar-heading h2{font-size:19px;margin:0}
.calendar-nav{margin-top:8px;gap:6px}
.day{padding:5px 8px}.day strong{font-size:17px;margin-top:2px}
.calendar-nav>button{font-size:22px;padding:2px 8px}
.calendar p{margin-top:6px;font-size:11px}
.stats{display:flex;flex-wrap:wrap;margin:10px 0 12px}
.stats div{padding:7px 12px;gap:7px;font-size:12px}
.stats b{font-size:21px}
.stats #stat-todo{order:-1;background:var(--navy);color:white}
.stats #stat-todo b{color:#e4c779;font-size:27px}
.heute-bericht{padding:9px 14px;border-width:1px;box-shadow:none;margin-bottom:12px}
.heute-bericht .appts-h{font-size:16px;margin:0 0 5px}
.hb-kpis{gap:6px;margin:4px 0}
.hb-kpi{padding:6px 9px;border-radius:5px}
.hb-kpi b{display:inline;font-size:19px;margin-right:7px}
.hb-kpi span{font-size:11px}
#daily-note{font-size:17px;padding:14px 24px;min-height:50px;background:var(--navy);color:white;border-color:var(--gold)}
#daily-dialog{width:min(1100px,96vw);max-height:92vh;font-size:16px}
#daily-dialog .note-card{padding:20px 0}
@media(max-width:600px){
 .calendar{padding:9px 10px}.calendar-heading h2{font-size:16px}
 .day{padding:4px 2px}.day strong{font-size:15px}
 .hb-kpis{grid-template-columns:1fr}.hb-kpi{padding:4px 8px}
 #daily-note{width:100%}.filters{width:100%}
}

/* Name direkt kopieren, ohne aufklappbares Menü. */
.name-copy{background:transparent;border:0;padding:4px 0;text-align:left;font:600 15px/1.5 'Segoe UI',sans-serif;color:var(--navy);overflow-wrap:anywhere;max-width:100%}
.name-copy:hover{text-decoration:underline}
.name-copy-notice{display:block;font-size:11px;color:#27664b}
.name-copy-notice:empty{display:none}
.cc-info{margin:6px 0;padding:8px 10px;background:var(--cream);border-left:3px solid var(--gold);border-radius:4px}
.cc-irow{margin:3px 0}
.luecke{color:#9a3412;font-weight:600}
.cc-lang{color:#555}
.cc-todo{font-weight:600;color:var(--navy)}
.tabs{display:flex;gap:6px;margin:10px 0;border-bottom:1px solid var(--line)}
.tab{background:transparent;border:0;border-bottom:3px solid transparent;padding:8px 14px;font:600 15px 'Segoe UI',sans-serif;color:var(--navy);cursor:pointer}
.tab.active{border-bottom-color:var(--gold)}
.kal{margin:10px 0}
.kal h2,.kal h3{color:var(--navy);margin:14px 0 6px}
.kal label{display:block;margin:6px 0;font-size:13px}
.kal input,.kal select,.kal textarea{display:block;width:100%;max-width:420px;box-sizing:border-box;padding:6px;font:inherit}
.kal-row{padding:8px 10px;margin:6px 0;border:1px solid var(--line);border-radius:6px;background:#fff}
.kal-row small{display:block;color:#555}
.kal-tag{display:inline-block;margin:2px 6px 2px 0;padding:2px 8px;border-radius:10px;font-size:12px;background:var(--cream);border:1px solid var(--line)}
.kal-tag.warn{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
.kal-tag.good{background:#dcfce7;border-color:#86efac;color:#14532d}
.kal-note{font-size:12px;color:#555}
.kal-msg{margin:6px 0;font-weight:600}

/* Kontaktkarte neu (12.10.2026): feste Zonen mit kleiner Ueberschrift */
.cc-zone{margin:8px 0 0 46px;padding:6px 0 2px;border-top:1px solid var(--line)}
.cc-zh{margin:0 0 2px;font:600 10px 'Segoe UI',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#8c784c}
.cc-phone{font-size:18px;font-weight:700}
.cc-src{color:#627081;font-size:13px}
.cc-todo-zone{background:#f5f1e9;border-left:3px solid var(--gold);padding:6px 10px;border-top:0}
.cc-todo-zone .cc-line{font-weight:600}
.cc-term-set strong{font-size:15px}
.linklike{border:0;background:transparent;padding:0;color:#2d6f83;text-decoration:underline;font-weight:600}
.cc-term-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:6px}
.cc-term-form label{display:block}.cc-term-form label span{display:block}
.cc-term-form input{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);max-width:150px}
.cc-sug{margin-top:6px}.cc-sug-h{display:block;color:#65717b}
.cc-sug-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0}
@media(max-width:600px){.cc-zone{margin-left:0}}
@media print{.cc-term-form,.cc-sug,.cc-term-open{display:none}}

/* Einkauf: vier Arbeitsschritte; To-dos wachsen mit dem normalen Seitenfluss. */
.workflow-step{margin:12px 0;border:1px solid var(--line);border-radius:10px;background:#fffdf9;padding:12px 15px}
.workflow-step>summary{cursor:pointer;font:600 17px 'Segoe UI',sans-serif;padding:7px 0;color:var(--navy)}
.workflow-step[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:10px}
.top-upload-direct{display:block;width:100%;min-height:48px;margin:8px 0 14px;background:var(--navy);color:#fff;font-size:15px}
.upload-direct{min-height:44px;max-width:100%;white-space:normal}
.tasks-step,.tasks-step[open],.tasks-step[open] .task-group,.tasks-step[open] .task-group-items,.tasks-step[open] .requirements-source{height:auto;max-height:none;overflow:visible}
.tasks-step>summary{font-size:19px}
.requirements-text{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.5em;padding:8px 10px;background:#f8f5ef;border-radius:5px}
.requirements-source{margin:12px 0}
.requirements-source>summary{cursor:pointer;font-weight:600;padding:8px 0}
.task-answer-state{display:block;color:#476653;font-size:12px;overflow-wrap:anywhere}
.task-answer-label{grid-column:1/-1;display:block}
.task-answer-label>span{display:block;margin:4px 0}
.task-answer-label textarea{display:block;min-height:76px;height:auto;max-height:none;width:100%;min-width:0}
.task-answer-state:empty{display:none}
.classification-referrer{padding:0 10px}
.contract-group{margin:12px 0;padding-top:6px;border-top:1px solid var(--line)}
.contract-group h4{margin:5px 0;color:var(--navy)}
.contract-group-fields{display:block}
.contract-field{margin:10px 0}
.contract-field textarea{min-height:72px;height:auto;max-height:none}
.contract-options{margin-top:6px}
.contract-progress,.contract-template{padding:8px 10px;border-radius:5px;margin:6px 0;background:#f8f5ef}
.contract-template.blocked{border-left:3px solid #b16b2b;color:#704415}
.contract-template.available{border-left:3px solid #38805b;color:#245a40}
.contract-request-button{display:block;width:100%;min-height:48px;margin:8px 0;background:#2d6a4f;color:#fff;font-weight:700}
.contract-request-button:disabled{background:#e8e5dc;color:#707070;border-color:#d2cdc0;cursor:not-allowed}
.contract-request-status{padding:8px 10px;border-radius:5px;margin:6px 0}
.contract-request-status:empty{display:none}
.contract-request-status.available{color:#245a40;background:#edf7f0;border-left:3px solid #38805b}
.contract-request-status.blocked{color:#704415;background:#fbf3e7;border-left:3px solid #b16b2b}
.appointment-log{margin:14px 0;padding-top:8px;border-top:1px solid var(--line)}
.appointment-log h3{margin:6px 0}
.appointment-entry{padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.appointment-entry small{display:block;color:#66717c}
.appointment-entry p{white-space:pre-wrap;margin:4px 0}
.appointment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 12px;align-items:end}
.appointment-form .purchase-field{margin:5px 0}
.appointment-form textarea{min-height:66px;max-height:none;height:auto;min-width:0}
.appointment-form button,.appointment-message{grid-column:1/-1;justify-self:start}
.file-category-group{margin:10px 0;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff}
.file-category-group h4{margin:0 0 6px}
.file-analysis-state,.file-analysis-category,.file-suggestion{display:block;flex:1 1 100%;overflow-wrap:anywhere}
.file-suggestion{color:#5a6571}
.file-line button{max-width:100%;white-space:normal}
.task-files .file-line{padding:5px 0;border-bottom:1px solid var(--line)}
@media(max-width:600px){.workflow-step{padding:10px}.top-upload-direct{position:static}.appointment-form{grid-template-columns:1fr}.appointment-form button,.appointment-message{grid-column:1}.file-line{align-items:flex-start}.file-line>*{max-width:100%;min-width:0}.tasks-step[open] .purchase-task{max-height:none;overflow:visible}}

/* Einkauf: kompakte, mobile Objektübersicht */
.einkauf main{max-width:980px;padding:20px 20px}
.einkauf .topbar{position:relative;z-index:2}
.einkauf .editorial{background-image:none}
.einkauf .editorial{min-height:245px;margin-top:0;padding-top:28px;background-size:auto 250px}
.einkauf .hero-title{margin-top:28px}
.einkauf .hero-title h1{font-size:clamp(36px,5vw,56px)}
.einkauf .hero-title p{font-size:15px;letter-spacing:1px}
.einkauf #connection{margin:4px 0 10px;font-size:13px}
.einkauf main>.list-tools{align-items:center;gap:10px;margin:10px 0 12px;padding:12px 14px;border:1px solid #d8ccb5;border-radius:12px;background:#fffdf8}
.einkauf main>.list-tools label:first-child{flex:1 1 250px}
.einkauf main>.list-tools input{width:100%;min-height:42px;margin-top:4px;border:1px solid #cfc4af;border-radius:8px;padding:9px 12px;font:inherit;color:var(--navy)}
.einkauf main>.list-tools #open-summary{padding:5px 10px;border-radius:999px;background:#efe7d5;color:var(--navy);font-weight:600}
.einkauf main>.list-tools #open-only{accent-color:var(--navy);width:18px;height:18px;vertical-align:middle;margin:0 6px 0 0}
.einkauf .appts-tile{margin:10px 0 14px;padding:9px 14px;border-radius:12px;box-shadow:none}
.einkauf .appts-tile .appts-list{margin:4px 0 6px;font-size:13px}
.einkauf .purchase-card{margin:12px 0 16px;border-radius:14px;box-shadow:0 3px 0 #d7ccb8,0 8px 18px #102c4610}
.einkauf .purchase-card>summary{display:flex;align-items:center;gap:12px;padding:14px 56px 14px 16px;min-height:76px;font-size:16px;line-height:1.3}
.einkauf .purchase-card>summary::after{right:14px;width:30px;height:30px}
.einkauf .purchase-identity{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.einkauf .purchase-identity .new-dot{margin:0 0 2px}
.einkauf .sum-object{font:700 15px/1.2 'Segoe UI',sans-serif;letter-spacing:.04em;color:#d8bd7c}
.einkauf .sum-title{font:600 16px/1.3 'Segoe UI',sans-serif;overflow-wrap:anywhere;color:inherit}
.einkauf .purchase-status{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;flex:none;max-width:100%}
.einkauf .purchase-status .badge{margin:0;padding:3px 8px;font-size:11px;white-space:normal}
.einkauf .purchase-card[open]{padding:0 18px 18px}
.einkauf .purchase-card[open]>summary{margin:0 -18px 14px!important;padding:14px 56px 14px 16px!important}
.einkauf .workflow-step{margin:10px 0;border-radius:12px;padding:10px 13px;box-shadow:0 2px 8px #102c4608}
.einkauf .workflow-step>summary{position:relative;padding:8px 32px 8px 0;font-size:15px;line-height:1.35}
.einkauf .workflow-step>summary::after{content:'+';position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#efe7d5;color:var(--navy);font-size:19px}
.einkauf .workflow-step[open]>summary::after{content:'−'}
.einkauf .contract-request-button{margin:2px 0 8px;min-height:44px;border-radius:8px;background:#205a42}
.einkauf .contract-request-button:disabled{background:#ece8df;color:#58616a;border-color:#d5cdbd}
.einkauf .top-upload-direct{margin:8px 0 2px;min-height:44px;border-radius:8px}
.einkauf .classification-option{color:#102c46;background:#fffdf8;border-color:#b9a67e}
.einkauf .classification-option[aria-checked="true"]{background:#102c46;color:#fff;border-color:#102c46}
.einkauf input:not([type=checkbox]):not([type=file]),.einkauf select,.einkauf textarea{max-width:100%;border-radius:7px}
.einkauf .task-group{margin:14px 0;padding:10px;border:1px solid #e4ddcf;border-radius:10px;background:#fffdf9}
.einkauf .task-group h4{margin:0 0 8px}
.einkauf .task-group[data-requirement-class="must"]{border-color:#b42332;background:#fff7f7;border-left:4px solid #b42332}
.einkauf .task-group[data-requirement-class="must"] h4,.einkauf .task-group[data-requirement-class="must"] .purchase-task>strong{color:#a51d2d}
.einkauf .purchase-task{padding:10px 0;border-top:1px solid #e9e2d6}
.einkauf .purchase-task:first-child{border-top:0}
.einkauf footer{margin:22px 0 0;padding:16px 18px;border-radius:10px;font-size:12px}
@media(max-width:600px){
 .einkauf main{padding:12px 10px}
 .einkauf .topbar{margin-bottom:4px}
 .einkauf .editorial{min-height:0;margin:0;padding:4px 0 8px;background-size:auto 120px;background-position:right top}
 .einkauf .brand{gap:6px}.einkauf .brand img{width:82px}.einkauf .brand span{font-size:7px;letter-spacing:1.5px}
 .einkauf .hero-title{margin-top:14px}.einkauf .hero-title h1{font-size:34px;margin:8px 0}.einkauf .hero-title p{margin:4px 0 8px;font-size:12px;letter-spacing:.4px}
 .einkauf main>.list-tools{padding:10px;gap:8px}.einkauf main>.list-tools label:first-child{flex-basis:100%}.einkauf main>.list-tools #open-summary{font-size:11px}
 .einkauf .appts-tile{padding:8px 10px}.einkauf .appts-tile>summary{font-size:13px}
 .einkauf .purchase-card>summary{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 48px 12px 13px;min-height:0}
 .einkauf .purchase-card>summary::after{right:10px;width:28px;height:28px}
 .einkauf .purchase-identity{gap:2px}.einkauf .sum-title{font-size:14px;line-height:1.35}
 .einkauf .purchase-status{gap:4px}.einkauf .purchase-status .badge{font-size:10px;padding:2px 7px}
 .einkauf .purchase-card[open]{padding:0 10px 12px}.einkauf .purchase-card[open]>summary{margin:0 -10px 10px!important;padding:12px 48px 12px 13px!important}
 .einkauf .workflow-step{padding:8px 10px}.einkauf .workflow-step>summary{font-size:14px}
 .einkauf .seller-compact{flex-wrap:wrap}.einkauf .appointment-form{grid-template-columns:1fr}
 .einkauf footer{padding:12px}
}

/* Einkauf: Feinkorrekturen aus mobiler Sichtpruefung */
.einkauf .sum-object{color:var(--navy)}
.einkauf main>.list-tools{align-items:center;gap:10px;margin:10px 0 12px;padding:12px 14px;border:1px solid #d8ccb5;border-radius:12px;background:#fffdf8}
.einkauf main>.list-tools label:first-child{flex:1 1 250px}
.einkauf main>.list-tools input{width:100%;min-height:42px;margin-top:4px;border:1px solid #cfc4af;border-radius:8px;padding:9px 12px;font:inherit;color:var(--navy)}
.einkauf main>.list-tools #open-summary{padding:5px 10px;border-radius:999px;background:#efe7d5;color:var(--navy);font-weight:600}
.einkauf main>.list-tools #open-only{accent-color:var(--navy);width:18px;height:18px;vertical-align:middle;margin:0 6px 0 0}
.einkauf .purchase-card>.list-tools:empty{display:none}
.einkauf .notice:empty{display:none}
.einkauf .workflow-step>summary{list-style:none}
.einkauf .workflow-step>summary::-webkit-details-marker{display:none}
@media(max-width:600px){
 .einkauf main>.list-tools{padding:10px;gap:8px}
 .einkauf main>.list-tools label:first-child{flex-basis:100%}
 .einkauf main>.list-tools #open-summary{font-size:11px}
}

.einkauf main>.list-tools label:has(> #open-only){display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap;color:var(--navy)}
.einkauf main>.list-tools #open-only{display:inline-block;width:18px;height:18px;min-height:18px;flex:none;margin:0;padding:0}
.einkauf main>.list-tools #open-only{min-width:18px;max-width:18px;flex:0 0 18px}

/* YOKAZA 13.10.2026: Zustand/Zustaendig je Aufgabe */
.einkauf .task-meta{display:block;font-size:.82em;color:#555;margin:.15em 0 .3em}
.einkauf .task-meta[data-state="conflict"]{color:#a51d2d;font-weight:600}
.einkauf .task-meta[data-state="na"]{color:#777}
.einkauf .file-private{color:#6b4e00}

/* Yaka 14.10.2026: Allgemeinauftrag gelb */
.is-allgemeinauftrag{background:#fff9db !important;border:2px solid #f5d565 !important;}
.badge.allgemein{background:#fde68a;color:#7a5a00;border:1px solid #f5d565;}

/* 14.10.2026 Yaka: Name des Maklers sichtbarer */
.account-as{font-size:1.25rem;font-weight:800;color:#0b1f33;background:#f3e7c9;border:1px solid #d9b96a;border-radius:10px;padding:6px 14px}
#broker{font-size:1.35rem;font-weight:800;color:#0b1f33;background:#f3e7c9;border:1px solid #d9b96a;border-radius:10px;padding:6px 14px;display:inline-block}

/* 14.10.2026 Yaka: Eigentümer grün ganz oben je Objekt, „+“ wenn er fehlt */
.obj-owner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#dcefdc;border:1px solid #8fc98f;color:#17511f;font-size:15px}
.obj-owner-tag{font:700 11px/1.3 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.04em;background:#17511f;color:#fff;padding:3px 8px;border-radius:999px}
.obj-owner strong{font-size:16px}.obj-owner a{color:#17511f;font-weight:700;text-decoration:none}.obj-owner a:hover{text-decoration:underline}
.obj-owner small{color:#2f6b37}.obj-owner .linklike{color:#17511f;font-size:12px}
.obj-owner-missing{background:#edf7ed;border-style:dashed}
.obj-owner-plus{width:32px;height:32px;border-radius:50%;border:2px solid #17511f;background:#fff;color:#17511f;font:700 20px/1 'Segoe UI',sans-serif;cursor:pointer}.obj-owner-plus:hover{background:#17511f;color:#fff}
.obj-owner-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.obj-owner-form input{flex:1;min-width:140px;padding:6px 8px;border:1px solid #8fc98f;border-radius:8px;font-size:14px}
/* 14.10.2026 Yaka: an den Makler weitergeleitete Kontakte andere Farbe */
.contact-card.cc-forwarded{border-color:#8f7bd1;background:#f4f0ff;box-shadow:inset 4px 0 0 #6a4fc4}
.cc-fwd{margin:6px 0 0;font:700 12px/1.3 'Segoe UI',sans-serif;color:#4a338f}
.cc-timetree{display:inline-block;text-decoration:none}

.hb-kennz{font-weight:700;white-space:nowrap}.hb-anfrage .hb-kennz{color:#1f7a3a}.hb-archiv .hb-kennz{color:#7a5a1f}.hb-termin .hb-kennz{color:#1f3a5f}.hb-makler .hb-kennz{color:#5c6977}.hb-leer{color:#5c6977}
.obj-owner-note{display:block;color:#5c6977;font-size:12px;margin-top:2px}.hb-hint{margin-top:4px;font-size:12px}