/* Original: https://luxzaun.de/wp-content/uploads/2026/07/LuxZaunLogo-color.png
   Website: red var(--lux-colors-brand), headings var(--lux-colors-heading), white. Darker action red for contrast. */
:root{--lux-red:var(--lux-colors-brand);--lux-action:var(--lux-colors-action);--lux-dark:var(--lux-colors-heading);color:var(--lux-colors-text);background:var(--lux-colors-background)}
header{background:var(--lux-colors-surface);color:var(--lux-dark);border-bottom:4px solid var(--lux-red);min-height:100px}
.brand{gap:22px;min-width:0}.brand img{width:220px;height:auto;display:block}.brand span{color:#555;border-color:#d4d4d4;white-space:nowrap}
header .quiet{color:#333;border-color:var(--lux-colors-input-border)}header .quiet:hover{background:#f3f3f3}
button,.button,input,select,textarea{color:var(--lux-colors-text);border-color:var(--lux-colors-input-border)}
button:hover,.button:hover{background:#f1f1f1}
.primary{background:var(--lux-action);border-color:var(--lux-action);color:var(--lux-colors-surface)}
.primary:hover{background:var(--lux-colors-action-hover);border-color:var(--lux-colors-action-hover);color:var(--lux-colors-surface)}
.eyebrow{color:#676767}h1,h2,h3{color:var(--lux-dark)}
.environment{color:#555;border-color:#d4d4d4;background:var(--lux-colors-surface)}
.summary,.article,.panel,.history-row,.user,.auth{border-color:var(--lux-colors-border)}
.summary>div{border-color:#e8e8e8}.summary span,.summary small,.section-head>span,.hint,.article small,.article .extra,.stock-row span,.history-row p,.user span,footer{color:var(--lux-colors-muted)}
nav{border-color:#d8d8d8}.tab{color:#555}.tab.active{color:#b51c22;background:var(--lux-colors-selected);box-shadow:inset 0 -2px var(--lux-action)}
input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline-color:var(--lux-colors-action)}
.stock-row{border-color:#ececec}.stock-row strong{color:#333}
.auth{border-top:4px solid var(--lux-action);box-shadow:0 8px 28px #00000006}
dialog{box-shadow:0 20px 100px #0004}dialog::backdrop{background:#16161680}
#message:not(:empty){background:var(--lux-colors-text);box-shadow:0 6px 28px #0002;border-left:4px solid var(--lux-red)}
.empty{color:var(--lux-colors-muted);border-color:var(--lux-colors-input-border)}
nav{flex-wrap:wrap}#inventory-list .history-row{align-items:flex-start}#inventory-list .history-row>div:first-child{min-width:0}
.article-top{justify-content:flex-start;align-items:center}.article-top>div:last-child{min-width:0}
.article-picture{width:100px;height:100px;flex:0 0 100px;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden}
.article-picture img{width:100%;height:100%;object-fit:contain;background:var(--lux-colors-surface)}
.article-picture span{font-size:12px;line-height:1.4;text-align:center;color:#696969;padding:8px}
#booking-picture{margin:0 0 20px}#booking-picture .article-picture{width:100%;height:180px}
@media(max-width:380px){.article-picture{width:76px;height:76px;flex-basis:76px}.article-top{gap:12px}}
@media(max-width:700px){header{min-height:88px;gap:12px;flex-wrap:wrap}.brand img{width:185px}.brand span{display:none}.summary .sync{border-color:#e8e8e8}#account{margin-left:auto}}

button,.button,input,select,textarea{min-height:var(--lux-touch-target);border-radius:var(--lux-radius-control)}
.article,.panel,.history-row,.user{border-radius:var(--lux-radius-card);padding:var(--lux-spacing-xl)}
.notice{background:var(--lux-colors-warning-background);border-color:var(--lux-colors-warning-border);color:var(--lux-colors-warning-text)}