/* ========================================================== PK Fake-Shop-Tabelle — table.css v1.2 Light + Dark Mode via [data-theme="dark"] am ========================================================== */ :root{--pk-bg:#fff;--pk-surface:#f5f5f7;--pk-border:#dcdcde;--pk-text:#1a1a1a;--pk-subtle:#666;--pk-accent:#2271b1;--pk-th-bg:#eaeaec;--pk-odd:#f5f5f7;--pk-hover:#e8f0fb;--pk-link:#2271b1;--pk-btn-bg:#f0f0f1;--pk-btn-bd:#c5c5c5;--pk-btn-hov:#dce6f5;--pk-radius:6px;--pk-shadow:0 2px 8px rgba(0,0,0,.1);} [data-theme="dark"]{--pk-bg:#1e2130;--pk-surface:#252838;--pk-border:#2e3245;--pk-text:#e2e4ec;--pk-subtle:#9aa3b2;--pk-accent:#4da6ff;--pk-th-bg:#252838;--pk-odd:#1a1d2e;--pk-hover:#2a3050;--pk-link:#7fc1ff;--pk-btn-bg:#1e2130;--pk-btn-bd:#2e3245;--pk-btn-hov:#2a3050;--pk-shadow:0 2px 10px rgba(0,0,0,.4);} .pk-fst-wrap{background:var(--pk-bg);border:1px solid var(--pk-border);border-radius:var(--pk-radius);box-shadow:var(--pk-shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,sans-serif;font-size:.9rem;color:var(--pk-text);margin-bottom:2rem;overflow:hidden;contain:layout style;} .pk-fst-header{padding:.85rem 1.1rem .2rem;} .pk-fst-title{margin:0!important;font-size:1.1rem!important;font-weight:700!important;color:var(--pk-text)!important;line-height:1.3!important;border:none!important;padding:0!important;} .pk-fst-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:var(--pk-surface);border-bottom:1px solid var(--pk-border);} .pk-fst-btns{display:flex;flex-wrap:wrap;gap:.3rem;} .pk-fst-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.28rem .6rem;border:1px solid var(--pk-btn-bd);border-radius:4px;background:var(--pk-btn-bg);color:var(--pk-text);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .13s,border-color .13s;line-height:1.4;} .pk-fst-btn:hover,.pk-fst-btn:focus-visible{background:var(--pk-btn-hov);border-color:var(--pk-accent);outline:none;} .pk-fst-search-box{display:flex;align-items:center;gap:.3rem;margin-left:auto;} .pk-fst-search-icon{font-size:.95rem;opacity:.65;} .pk-fst-search{border:1px solid var(--pk-border);border-radius:4px;background:var(--pk-bg);color:var(--pk-text);padding:.28rem .6rem;font-size:.85rem;width:200px;outline:none;transition:border-color .15s,box-shadow .15s;} .pk-fst-search:focus{border-color:var(--pk-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--pk-accent) 25%,transparent);} .pk-fst-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;} .pk-fst-table{width:100%;border-collapse:collapse;table-layout:auto;} .pk-fst-th{background:var(--pk-th-bg);color:var(--pk-text);padding:.55rem 1rem;text-align:left;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid var(--pk-border);position:sticky;top:0;z-index:2;user-select:none;white-space:nowrap;} .pk-fst-th.col-shop{width:70%;}.pk-fst-th.col-date{width:30%;} .pk-fst-th.sortable{cursor:pointer;}.pk-fst-th.sortable:hover{background:var(--pk-hover);} .sort-arrow::after{content:' ⇅';font-size:.75em;opacity:.4;} .sort-asc .sort-arrow::after{content:' ↑';opacity:1;} .sort-desc .sort-arrow::after{content:' ↓';opacity:1;} .pk-fst-row td{padding:.42rem 1rem;border-bottom:1px solid var(--pk-border);color:var(--pk-text);font-size:.875rem;line-height:1.45;vertical-align:middle;} .pk-fst-row:last-child td{border-bottom:none;}.pk-fst-row.odd td{background:var(--pk-odd);} .pk-fst-row:hover td{background:var(--pk-hover);transition:background .1s;} .pk-fst-row .col-shop{font-weight:500;}.pk-fst-row .col-shop a{color:var(--pk-link)!important;text-decoration:none!important;}.pk-fst-row .col-shop a:hover{text-decoration:underline!important;} .pk-fst-row .col-date{color:var(--pk-subtle);font-size:.82rem;white-space:nowrap;} .pk-fst-status{text-align:center!important;padding:2rem 1rem!important;color:var(--pk-subtle);font-style:italic;} .pk-fst-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.55rem 1.1rem;background:var(--pk-surface);border-top:1px solid var(--pk-border);font-size:.78rem;color:var(--pk-subtle);} .pk-fst-pager{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap;} .pk-fst-pager-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pk-btn-bd);border-radius:4px;background:var(--pk-btn-bg);color:var(--pk-text);padding:.22rem .48rem;font-size:.85rem;line-height:1;min-width:28px;text-align:center;transition:background .12s,border-color .12s,color .12s;text-decoration:none!important;} .pk-fst-pager-link:hover,.pk-fst-pager-link:focus-visible{background:var(--pk-btn-hov);border-color:var(--pk-accent);outline:none;} .pk-fst-pager-link.is-disabled{opacity:.3;cursor:default;pointer-events:none;} .pk-fst-page-no{padding:0 .35rem;white-space:nowrap;font-size:.78rem;} html.dm-ready .pk-fst-wrap,html.dm-ready .pk-fst-th,html.dm-ready .pk-fst-toolbar,html.dm-ready .pk-fst-footer,html.dm-ready .pk-fst-btn,html.dm-ready .pk-fst-search,html.dm-ready .pk-fst-pager-link{transition:background-color .25s ease,border-color .2s ease,color .15s ease;} @media(max-width:600px){.pk-fst-toolbar{flex-direction:column;align-items:stretch;}.pk-fst-search-box{margin-left:0;}.pk-fst-search{width:100%;box-sizing:border-box;}.pk-fst-footer{flex-direction:column;align-items:flex-start;}.pk-fst-th.col-shop{width:60%;}.pk-fst-th.col-date{width:40%;}} @media print{.pk-fst-toolbar,.pk-fst-footer{display:none!important;}.pk-fst-table-scroll{overflow:visible;}.pk-fst-row:hover td{background:transparent!important;}} .pk-fst-msg{padding:.75rem 1rem;border:1px solid var(--pk-border);border-radius:var(--pk-radius);background:var(--pk-surface);color:var(--pk-subtle);font-size:.9rem;}