/* Farbarchiv – Zusatz-Styles (nur Tokens aus kit.css, keine festen Farben außer Nutzerdaten-Farbfeldern) */
.ic{display:inline-flex;vertical-align:-4px}
a.item,a.card,a.back,a.btn.ghost{color:inherit;text-decoration:none}
a.item.click{display:flex}
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 0 6px -6px;padding:0 10px;border-radius:var(--r-s);color:var(--mut);font-weight:600}
.back:hover{background:var(--line-2);color:var(--fg)}
.crumb{font-size:.85rem;color:var(--mut);overflow-wrap:anywhere}
.nowrap{white-space:nowrap}.grow{flex:1;min-width:0}
.strong{font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px}.sec-h h2,.sec-h h3{margin:0}

/* Farbfelder (nur Orientierung) */
.swatch{--s:28px;flex:0 0 var(--s);width:var(--s);height:var(--s);border-radius:8px;border:1px solid color-mix(in srgb,var(--fg) 18%,transparent);display:inline-block;vertical-align:middle;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--surface) 55%,transparent)}
.swatch.l{--s:42px;border-radius:10px}.swatch.xl{--s:64px;border-radius:14px}.swatch.s{--s:18px;border-radius:5px}
.swatch.none{background:repeating-linear-gradient(45deg,var(--line-2) 0 6px,var(--line) 6px 12px)}
.farbhinweis{display:flex;gap:8px;align-items:flex-start;color:var(--mut);font-size:.82rem;margin:12px 0 0}.farbhinweis svg{flex:0 0 auto;margin-top:2px}

/* Ausführung (Farbe/Produkt/Glanz/Datum) */
.ausf-main{display:flex;gap:12px;align-items:flex-start}
.ausf .code{font-weight:700;font-size:1.05rem;overflow-wrap:anywhere}.ausf.big .code{font-size:1.4rem;letter-spacing:-.01em}
.ausf .fname{font-weight:500;color:var(--mut)}
.ausf .m{color:var(--mut);font-size:.9rem;overflow-wrap:anywhere}
.ausf .note{margin-top:6px;font-size:.9rem;background:var(--line-2);border-radius:var(--r-s);padding:6px 10px;overflow-wrap:anywhere}
.ausf .photos{margin-top:10px}
.photos{display:flex;gap:10px;flex-wrap:wrap}
.photos figure{margin:0;display:flex;flex-direction:column;gap:3px;max-width:96px}
.photos figcaption{font-size:.74rem;color:var(--mut);line-height:1.25;overflow-wrap:anywhere}
.photos figure .ghost{min-height:36px;padding:2px 6px;justify-content:flex-start;color:var(--mut);font-size:.78rem}
.cur-card{border-left:5px solid var(--acc)}
.tl{list-style:none;margin:0;padding:0}
.tl>li{position:relative;padding:0 0 16px 22px;border-left:2px solid var(--line);margin-left:6px}
.tl>li:last-child{border-left-color:transparent;padding-bottom:0}
.tl>li::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--mut)}
.tl>li.now::before{background:var(--acc);border-color:var(--acc)}
.tl>li.plan::before{border-color:var(--warn)}
.acts-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.vergleich{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.vergleich>div{display:flex;gap:10px;align-items:center;min-width:0}
.vergleich .arrow{color:var(--mut);justify-content:center}
.vergleich .lbl{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:600}
@media(max-width:640px){.vergleich{grid-template-columns:1fr}.vergleich .arrow{transform:rotate(90deg);justify-self:start;margin-left:14px}}

/* Suche */
.bigsearch{display:flex;gap:10px;align-items:stretch}
.bigsearch .in{position:relative;flex:1;min-width:0}
.bigsearch .in svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mut);pointer-events:none}
.bigsearch input{padding-left:44px;min-height:52px;font-size:1.05rem;border-radius:var(--r)}
.bigsearch button{min-height:52px}
.hit .crumb{margin-bottom:2px}.hit h3{margin:0 0 8px;font-size:1.1rem}
.hit .old{border-left:3px solid var(--line);padding:2px 0 2px 12px;margin:10px 0;color:var(--mut)}
.hit .old .code{color:var(--fg)}
.hit .sec{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:700;margin:14px 0 6px}
.hit details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--acc);font-weight:600}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* Objektkarten, Raumkarten */
a.objcard{display:flex;flex-direction:column;gap:6px;min-width:0;transition:border-color .12s,transform .12s}
a.objcard:hover{border-color:var(--acc)}
a.objcard h3{margin:0;overflow-wrap:anywhere}
.objcard .m{color:var(--mut);font-size:.88rem;overflow-wrap:anywhere}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.toolbar input[type=search]{flex:1 1 200px;min-width:0}.toolbar select{flex:0 1 190px;width:auto}
.toolbar .seg{margin:0;flex:0 0 auto}
.raum-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.raum-h h2{margin:0;flex:1;min-width:120px}
.fl-item .sub{color:var(--mut);font-size:.88rem;overflow-wrap:anywhere}
.fl-item .side-b{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:42%}
@media(max-width:560px){.fl-item{flex-wrap:wrap}.fl-item .side-b{max-width:none;justify-content:flex-start;width:100%;padding-left:40px}}
input[type=color]{padding:4px;cursor:pointer}
.linkbox{display:flex;gap:8px}.linkbox input{flex:1;min-width:0}
textarea[readonly]{background:var(--line-2)}
.stat b.sm{font-size:1.25rem}

/* Tabellen (Materialübersicht) */
.tbl td .cell{display:flex;gap:8px;align-items:center;justify-content:flex-end}
@media(min-width:641px){.tbl td .cell{justify-content:flex-start}}
tr.alt td{color:var(--mut)}
tr.click{cursor:pointer}tr.click:hover td{background:var(--line-2)}

/* Kundenseite */
.public .zeile{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line-2)}.public .zeile:last-child{border-bottom:0}
.public h1{font-size:1.4rem}.public h2{font-size:1.05rem}
.public .big-btn{min-height:52px;font-size:1rem;width:100%}
.public .photos figure{max-width:112px}.public .photos img{width:112px;height:112px}
.public .ablauf{color:var(--mut);font-size:.85rem;text-align:center;margin-top:18px}
.public .fehler{text-align:center;padding:34px 8px}.public .fehler svg{width:44px;height:44px;color:var(--warn)}

.print-only{display:none}
@media print{
  .print-only{display:block;margin-bottom:12px}
  nav.tabs,.no-print,.banner,.back,.toolbar{display:none!important}
  body{background:#fff;color:#000;font-size:12px}
  .card{border:0;padding:0;box-shadow:none}
  .tbl.stack thead{display:table-header-group}.tbl.stack tr{display:table-row;border:0;padding:0}.tbl.stack td{display:table-cell;text-align:left;padding:5px 6px;border-bottom:1px solid #ccc}.tbl.stack td::before{content:none}
  .public{max-width:none;padding:0}
}
.cols-2>*{min-width:0}
@media(max-width:760px){.cols-2{grid-template-columns:minmax(0,1fr)}}
.item .badge{white-space:normal;text-align:right}
.item{min-width:0}
.raum-acts{display:inline-flex;gap:4px;align-items:center;flex:0 0 auto}.raum-h h2{min-width:0;flex:1 1 40%}
@media(max-width:640px){.tbl.stack td.zero{display:none}}