/* Seitenspezifische Styles für articles.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;}html,body{margin:0;background:#fff;color:var(--smartcart-black);font-family:Arial,Helvetica,sans-serif;overscroll-behavior-y:none}html.article-short-lock,body.article-short-lock{overflow:hidden!important;overscroll-behavior:none!important}body.article-short-lock{position:fixed;inset:0;width:100%}.syncbar{position:sticky;top:0;z-index:50;background:#fff;padding:max(10px,env(safe-area-inset-top)) 16px 10px}main{max-width:760px;margin:auto;padding:0 18px calc(28px + env(safe-area-inset-bottom))}.headrow h1{font-size:1.3rem;margin:0}.article-tools{position:sticky;top:var(--article-tools-top,0px);z-index:90;max-width:760px;margin:0 auto;background:#fff;padding:20px 18px 1px}.article-add-link{display:flex;width:100%;align-items:center;justify-content:center;border:1px solid var(--smartcart-black);text-decoration:none;font:inherit;font-weight:700;padding:11px 14px;border-radius:7px;margin-bottom:14px}.article-row-icons{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.article-price-icon{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#555}.article-search{position:relative;margin-bottom:14px}.article-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:none;stroke:#666;stroke-width:2;stroke-linecap:round}.article-search input{width:100%;font:inherit;font-size:16px;padding:11px 42px 11px 40px;border:1px solid #999;border-radius:7px;background:var(--sc-field-bg)}#articleSearch::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}#articleSearch::-ms-clear{display:none;width:0;height:0}.article-search input:focus{outline:none;border-color:#999}.article-search-clear{box-shadow:var(--sc-shadow);position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;color:#555;font:inherit;font-size:24px;line-height:1;padding:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.article-search-clear[hidden]{display:none}.article-search-clear:active{background:#eee}.add{border:1px solid #bbb;border-radius:7px;padding:14px;margin-bottom:18px;background:#fafafa}.tax-field{grid-column:1/-1}.tax-field>span{display:block;font-weight:600;margin-bottom:6px}.tax-switch{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #999;border-radius:7px;overflow:hidden;background:#fff}.tax-switch button{border:0;border-right:1px solid #aaa;background:#fff;color:var(--smartcart-black);padding:9px 5px;font:inherit;font-size:.88rem;line-height:1.15;cursor:pointer;min-width:0}.tax-switch button:last-child{border-right:0}.tax-switch button.active{background:var(--smartcart-black);color:#fff}.tax-switch .rate{display:block;font-size:.77rem;margin-top:2px;opacity:.8}
.edit-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-grid label {font-size:.82rem;color:#666}.edit-grid input,.edit-grid select {width:100%;display:block;margin-top:5px;font:inherit;font-size:16px;padding:10px;border:1px solid #aaa;border-radius:7px;background:var(--sc-field-bg);min-width:0}.article-row{padding:0}.article-row.article-ruler{background:var(--article-ruler-color,#FAFAFA)}.article-row.article-separator{border-bottom:1px solid #bbb}.article-open{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:13px 4px 13px 12px;font:inherit;font-size:1rem;color:var(--smartcart-black);cursor:pointer}.article-camera{width:19px;height:19px;flex:none}.article-camera path,.article-camera circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.article-open:active{background:#f4f4f4}.label-row{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.38);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(500px,100%);max-height:min(88vh,760px);overflow:auto;background:#fff;border-radius:7px;padding:20px;box-shadow:0 14px 45px rgba(0,0,0,.28)}.modal h2{margin:0 0 18px;font-size:1.2rem}.modal-actions{display:flex;justify-content:space-between;gap:9px;margin-top:20px}.modal-actions .right{display:flex;gap:9px}.modal-actions button{font:inherit;padding:10px 14px;border-radius:7px;border:1px solid #aaa;background:#f5f5f5}.modal-actions .primary{background:var(--smartcart-black);color:#fff;border-color:var(--smartcart-black)}.price input{text-align:right;font-variant-numeric:tabular-nums}.photo-section{grid-column:1/-1;border-top:1px solid #ccc;padding-top:12px}.photo-preview{display:flex;align-items:center;justify-content:center;min-height:120px;background:#f5f5f5;border:1px solid #ccc;border-radius:7px;overflow:hidden;margin-top:6px}.photo-preview img{display:block;max-width:100%;max-height:280px;object-fit:contain}.photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.photo-actions button{font:inherit;padding:9px 12px;border:1px solid #888888;border-radius:7px;background:#fff}.photo-actions .delete-photo{display:none}.photo-actions .delete-photo.visible{display:inline-block}.photo-actions .rotate-photo{display:none}.photo-actions .rotate-photo.visible{display:inline-block}@media(max-width:560px){.edit-grid {grid-template-columns:1fr}.label-row{grid-column:auto}}.photo-actions .delete-photo{background:#c62828;color:#fff;border-color:#c62828}.modal-actions .delete{background:#c62828;color:#fff;border-color:#c62828}.article-add-link,.tax-switch button.active,.modal-actions .primary {border-color:var(--smartcart-black)}.article-add-link{background:#3A83F7!important;border-color:#3A83F7!important;color:#fff!important}