:root.admin-preview-mode{--admin-preview-banner-height:50px}
:root.admin-preview-mode body{padding-top:var(--admin-preview-banner-height)}
.admin-preview-banner{position:fixed;top:8px;left:50%;z-index:10000;display:flex;width:max-content;max-width:calc(100vw - 20px);min-height:34px;box-sizing:border-box;align-items:center;justify-content:center;gap:8px;padding:4px 5px 4px 12px;border:1px solid #f0b7bd;border-radius:999px;background:#fff3f4;color:#8f2632;font-size:12px;box-shadow:0 7px 22px rgba(114,31,42,.12);transform:translateX(-50%)}
.admin-preview-mode .app{min-height:calc(100dvh - var(--admin-preview-banner-height))}
.admin-preview-mode .app .sidebar{top:var(--admin-preview-banner-height)}
.admin-preview-banner strong{font-size:12px;font-weight:650;white-space:nowrap}.admin-preview-banner span{color:#9e4d56}.admin-preview-banner button{min-height:26px;padding:2px 10px;border:1px solid #e7a6ad;border-radius:999px;background:#fff;color:#84232e;font:inherit;font-weight:650;white-space:nowrap;cursor:pointer}.admin-preview-banner button:hover{border-color:#d97f89;background:#ffe8ea}.admin-preview-banner button:focus-visible{outline:3px solid rgba(238,63,77,.28);outline-offset:2px}:root.dark-mode .admin-preview-banner{border-color:#7b454b;background:#3b2529;color:#ffcbd0;box-shadow:0 8px 24px rgba(0,0,0,.28)}:root.dark-mode .admin-preview-banner span{color:#e8aab0}:root.dark-mode .admin-preview-banner button{border-color:#89525a;background:#241a1c;color:#ffd7da}:root.dark-mode .admin-preview-banner button:hover{background:#4a2c31}
@media(max-width:600px){:root.admin-preview-mode{--admin-preview-banner-height:48px}.admin-preview-banner{top:7px;gap:6px;padding:4px 4px 4px 10px}.admin-preview-banner strong{font-size:11px}.admin-preview-banner button{min-height:26px;padding-inline:8px;font-size:10px}}
@media print{:root.admin-preview-mode body{padding-top:0}.admin-preview-banner{display:none}.admin-preview-mode .app{min-height:100vh}.admin-preview-mode .app .sidebar{top:0}}