/* Webinator v70: server-rendered workspaces, compact navigation, clear actions. */
.webinator-body{--webinator-side:224px;background:#f5f7fa;color:#1d3043;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.webinator-topbar{height:72px;background:#102e46;box-shadow:none;padding-inline:24px}.webinator-wordmark small{font-size:.62rem}.webinator-sidebar{top:72px;padding:24px 12px 16px;box-shadow:none;border-color:#e1e7ed}.webinator-sidebar nav{gap:6px}.webinator-sidebar nav>a{min-height:48px;padding:10px 12px;font-size:.8rem;grid-template-columns:31px 1fr;border-radius:9px}.webinator-sidebar nav>a>span{background:none;color:inherit}.webinator-sidebar nav>a.is-active{background:#e8f2fb;color:#125f94;box-shadow:none}.webinator-sidebar nav>a.is-active>span{background:none;color:inherit}.webinator-sidebar nav>a:hover{background:#f0f4f8}.wb-sidebar-bottom{display:grid;gap:12px;margin-top:auto;padding:24px 6px 0}.wb-sidebar-bottom .button{font-size:.75rem;padding:12px 8px;justify-content:center}.wb-sidebar-bottom small{font-size:.6rem;color:#6b7a88;letter-spacing:.09em}.webinator-public-link{display:block;margin:0;border:0;padding:6px 0;font-size:.75rem}.webinator-body .admin-main{padding:32px clamp(20px,3vw,48px) 60px}.webinator-body h1{font-size:clamp(1.65rem,2.4vw,2.2rem);letter-spacing:-.035em;line-height:1.2}.webinator-body h2{letter-spacing:-.02em}.webinator-body .admin-heading{gap:20px;margin-bottom:24px;align-items:center}.webinator-body .admin-heading p{max-width:760px;color:#586c7d;line-height:1.6}.webinator-body .admin-heading .eyebrow{color:#196896}.webinator-body .admin-panel{border:1px solid #dfe6ed;border-radius:12px;box-shadow:none}.webinator-body .button,.webinator-body button{border-radius:8px;min-height:42px;font-weight:650}.webinator-body .button.secondary{background:#fff;color:#214760;border:1px solid #cbd9e4}.webinator-body a:focus-visible,.webinator-body button:focus-visible,.webinator-body input:focus-visible,.webinator-body summary:focus-visible,.webinator-body select:focus-visible{outline:3px solid #d99b2c;outline-offset:3px}.webinator-body [hidden]{display:none!important}.webinator-body .webinator-welcome{padding:0;border:0;box-shadow:none;background:transparent}.wb-skip{position:fixed;top:-100px;left:16px;z-index:200;background:#fff;padding:12px}.wb-skip:focus{top:12px}.wb-find{color:#fff}.wb-daily{margin-top:32px}.wb-auctions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 28px}.wb-auction-card{padding:24px;border:1px solid #dce5ec;border-radius:14px;background:#fff;min-width:0;display:flex;flex-direction:column}.wb-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.wb-label{font-size:.67rem;letter-spacing:.06em;font-weight:750;color:#667b8d}.wb-auction-card h3{font-size:1.23rem;line-height:1.4;margin:18px 0 4px;letter-spacing:-.02em}.wb-auction-card>p{font-size:.82rem;color:#607589;margin:6px 0 22px}.wb-card-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:auto}.wb-card-actions .button{font-size:.79rem}.wb-text-link{font-size:.8rem;font-weight:650;color:#19638e}.wb-card-links{display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:20px;margin-top:22px;border-top:1px solid #e6ecf1}.wb-card-links a{color:#4c667b;font-size:.76rem}.wb-context{border-bottom:1px solid #dae3eb;margin:0 0 28px;padding:0 0 16px}.wb-context>div{font-size:.76rem;line-height:1.7;margin-bottom:14px;color:#5a7286}.wb-context>div a{color:#40677f}.wb-steps{display:flex;gap:8px;flex-wrap:wrap}.wb-steps a{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;color:#587082;background:transparent;border:1px solid transparent;border-radius:8px;font-size:.8rem;font-weight:650}.wb-steps a>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cad7e2;border-radius:50%;font-size:.7rem;background:#fff}.wb-steps a[aria-current]{background:#e4f0f9;color:#145c8d;border-color:#c3dced}.wb-steps a[aria-current]>span{background:#176ca4;color:#fff;border-color:#176ca4}.wb-steps a:hover{border-color:#a8c7dc}.wb-shortcuts,.wb-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wb-tool{display:flex;align-items:center;gap:16px;min-width:0;padding:20px;background:#fff;border:1px solid #dce5ec;border-radius:10px;color:#20435d}.wb-tool>svg{flex:0 0 22px}.wb-tool>span:nth-child(2){flex:1;min-width:0}.wb-tool strong{display:block;font-size:.87rem}.wb-tool small{display:block;font-size:.75rem;line-height:1.55;color:#647889;margin-top:5px}.wb-tool:hover{border-color:#72a5c8;background:#fcfdff}.wb-tool-group{margin:28px 0}.wb-tool-group>h2{font-size:1.1rem}.wb-tool-search{display:block;max-width:720px;font-size:.8rem;font-weight:650}.wb-tool-search input{width:100%;margin-top:8px;background:#fff;min-height:50px}.wb-filters{display:grid;grid-template-columns:1.3fr 1.5fr 1fr auto;gap:12px;align-items:end;margin:24px 0}.wb-filters label{font-size:.75rem;display:grid;gap:7px;font-weight:650;min-width:0}.wb-filters input,.wb-filters select{width:100%;min-width:0;margin:0;min-height:44px;background:#fff}.wb-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px;font-size:.8rem}.wb-position-list{border:1px solid #dfe6ed;border-radius:12px;overflow:hidden;background:#fff}.wb-position{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid #e6ecf1}.wb-position:last-child{border:0}.wb-thumbnail{flex:0 0 96px;width:96px;height:76px;border-radius:8px;background:#f1f5f8;overflow:hidden}.wb-thumbnail img{width:96px;height:76px;object-fit:cover}.wb-thumbnail>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7a8e9f;gap:5px}.wb-thumbnail small{font-size:.65rem}.wb-position-info{flex:1;min-width:0}.wb-position-info>small{font-size:.7rem;color:#61798c}.wb-position-info h2{font-size:.95rem;line-height:1.4;margin:5px 0}.wb-position-info h2 a{color:#253e52}.wb-position-info p{font-size:.72rem;margin:4px 0;color:#637a8c}.wb-position-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wb-position-actions .button{padding:10px 13px;font-size:.74rem}.wb-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0;font-size:.8rem}.wb-help{margin:14px 0;padding:12px 16px;background:#edf3f8;border-radius:8px;font-size:.8rem;line-height:1.6}.wb-help summary{cursor:pointer;font-weight:650}.wb-save{position:sticky;bottom:12px;background:#fff;box-shadow:0 -5px 24px #102e4610;padding:14px;border:1px solid #d5e0e9;border-radius:9px;z-index:5}.wb-upload{margin:24px 0}.wb-upload form{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.wb-upload label{flex:1;min-width:min(100%,260px)}.webinator-footer{background:transparent;font-size:.65rem}.webinator-workplace>.stat-grid div{background:#fff;border:1px solid #dfe6ed;color:#314c62}.webinator-workplace>.stat-grid span{color:#637b8e}.webinator-workplace>.stat-grid strong{color:#21455e}.webinator-body .danger-zone{margin-top:32px}.webinator-body .sticky-save{border-radius:9px}.wb-demo-label{display:block;padding:8px 12px;background:#fff3d8;color:#745b22;font-size:.76rem;line-height:1.5}
@media(max-width:1200px){.wb-position{flex-wrap:wrap}.wb-position-actions{margin-left:114px}.wb-filters{grid-template-columns:1fr 1fr}.wb-auction-card{padding:20px}}
@media(max-width:900px){.webinator-body{--webinator-side:0}.webinator-sidebar{position:static;width:100%;height:auto;max-height:none;padding:10px 16px;border-bottom:1px solid #dce5ec;background:#fff;overflow:visible;display:block}.webinator-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.webinator-sidebar nav>a{display:flex;min-width:0;min-height:48px;padding:6px;font-size:.64rem;white-space:normal;text-align:center;gap:3px}.webinator-sidebar nav>a>span{height:22px;width:22px}.wb-sidebar-bottom{display:none}.webinator-body .admin-main{padding-top:24px}.webinator-footer{margin-bottom:0}.webinator-user .wb-find{display:none}.webinator-user span{display:none}.wb-save{bottom:8px}.wb-context{margin-bottom:22px}.wb-steps{gap:3px}.wb-steps a{padding:7px 9px;font-size:.75rem}.webinator-body .sticky-save{bottom:8px}}
@media(max-width:620px){.webinator-topbar{height:64px;padding-inline:16px}.webinator-sidebar{padding:8px}.webinator-body .admin-main{padding:22px 16px 40px}.wb-auctions,.wb-tool-grid,.wb-shortcuts{grid-template-columns:1fr}.wb-card-top{gap:8px}.wb-auction-card{padding:20px}.wb-card-links{gap:16px}.wb-filters{grid-template-columns:1fr}.wb-filters button{width:100%}.wb-steps{display:grid;grid-template-columns:1fr 1fr}.wb-position{padding:16px;gap:12px}.wb-position-actions{margin-left:0;width:100%;gap:8px}.wb-thumbnail{flex-basis:78px;width:78px;height:68px}.wb-thumbnail img{width:78px;height:68px}.wb-position-info h2{font-size:.88rem}.wb-position-actions .button{flex:1;justify-content:center}.wb-position-actions .wb-text-link{padding:10px 0}.webinator-body .admin-heading{align-items:flex-start}.wb-list-heading{align-items:start}.wb-tool{padding:18px}.wb-save{flex-wrap:wrap}.wb-save>button{flex:1}.webinator-user a{padding:8px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.webinator-body *{scroll-behavior:auto!important;transition:none!important}}
/* v71: pointer and keyboard image sorting; ordinary page scrolling stays available. */
.article-image-manager>[data-image-id]{position:relative;min-width:0;overflow:hidden}.webinator-body .wb-drag-handle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:0;background:#e9f2f9;color:#214e6d;padding:10px;min-height:44px;cursor:grab;touch-action:none;user-select:none;font-size:.82rem}.wb-drag-handle:active{cursor:grabbing}.wb-is-dragging{opacity:.25;outline:3px dashed #2581b5;pointer-events:none}.wb-drag-ghost{position:fixed!important;z-index:1000;pointer-events:none;opacity:.9;background:#fff;border:2px solid #2581b5;border-radius:12px;overflow:hidden;box-shadow:0 12px 36px #13365044;transform:rotate(1deg)}.wb-drag-ghost img{width:100%;height:180px;object-fit:cover}.wb-drag-ghost>div{padding:16px}.wb-is-sorting{user-select:none;cursor:grabbing}.wb-order-status{min-height:1.6em;font-size:.85rem;color:#1b6653}.wb-order-status.is-error{padding:14px;background:#fff0e9;color:#89361c;border-radius:8px}.article-image-manager[aria-busy=true]{opacity:.75}@media(prefers-reduced-motion:reduce){.wb-drag-ghost{transform:none}}
/* The image sorter has a vertical card structure, independent of the legacy upload grid. */
.webinator-body .article-image-manager{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));align-items:start}.webinator-body .article-image-manager>article{display:flex;flex-direction:column;border-radius:12px;background:#fff}.webinator-body .article-image-manager>article>img{display:block;width:100%;height:180px;min-height:0;object-fit:contain;background:#eef2f5}.webinator-body .article-image-manager>article>div{width:100%;box-sizing:border-box}.webinator-body .article-image-manager .wb-drag-handle{flex:none;min-height:44px}.webinator-body .article-image-manager .form-actions{display:flex;gap:6px}.webinator-body .article-image-manager .form-actions button{font-size:.75rem;flex:1;padding:8px}.webinator-body .wb-drag-handle[hidden]{display:none}