/* Seitenspezifische Styles für units.html */

/* ---- Seitenstil ---- */
.syncbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:max(10px,env(safe-area-inset-top)) 16px 10px}.headrow{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;}.header-actions{display:flex;align-items:center;gap:8px}.syncbar{position:sticky;top:0;z-index:50;background:#fff;padding:max(10px,env(safe-area-inset-top)) 16px 10px}.headrow h1{font-size:1.3rem;margin:0}main{max-width:760px;margin:auto;padding:0 18px calc(28px + env(safe-area-inset-bottom));position:relative}
.units-sticky-tools{position:sticky;top:0;z-index:60;background:#fff;padding-top:20px}.units-sticky-tools::before{content:"";position:absolute;z-index:-1;inset:0 -8px 0 -8px;background:inherit;pointer-events:none}
html[data-theme="dark"] .units-sticky-tools{background:#181818}.add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--smartcart-round-size);gap:8px;margin:0;padding:0 0 12px;align-items:end;background:transparent!important}.add label{display:block;min-width:0}.add input,.unit-card input{font:inherit;font-size:16px;padding:10px;border:1px solid #aaa;border-radius:7px;min-width:0}.add input{display:block;width:100%;box-sizing:border-box;margin-top:5px}.add button{padding:0;border:0;border-radius:50%;background:#3A83F7;color:#fff;font-size:22px;align-self:end;margin-bottom:3px}.unit-card{border-bottom:0;padding:14px 8px;margin:0 -8px}.unit-card.unit-ruler{background:var(--unit-ruler-color,#FAFAFA);border-radius:0}html[data-theme="dark"] .unit-card.unit-ruler input{border-color:#777!important}
.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--smartcart-round-size);gap:8px;align-items:center}.fields label{min-width:0}.fields input{width:100%;display:block;margin-top:0;box-sizing:border-box}.unit-delete{padding:0;border:0;border-radius:50%;background:#c62828!important;color:#fff!important;font-size:22px;align-self:center;margin:0}@media(max-width:560px){.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--smartcart-round-size);gap:8px}}.units-sticky-separator{height:0;border-bottom:1px solid #bbb}
.sc-page-list-units main{overscroll-behavior-y:none!important;overscroll-behavior-x:none!important;touch-action:pan-y}
