/* Island Depot · luz sobre navy. Presentation only; original controls and motion preference. */
@property --p504-oled-flow {
 syntax:"<percentage>";
 inherits:false;
 initial-value:0%;
}
@layer panel504 {
@media screen {
body.panel504 header.p504-topbar.p504-horizontal-header {
 isolation:isolate!important;
 background:linear-gradient(112deg,#09182e 0%,#112a48 54%,#0b1b32 100%)!important;
 border-bottom-color:#30435b!important;
 box-shadow:0 5px 20px #08162c14!important;
 color:#fff!important;
}
body.panel504 header.p504-topbar.p504-horizontal-header::before {
 content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
 width:auto!important;height:auto!important;border:0!important;border-radius:0!important;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20120%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22red%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23ed3048%22%20stop-opacity%3D%22.15%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23f13b50%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%23ef334b%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ef334b%22%20stop-opacity%3D%22.35%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23ffd34f%22%20stop-opacity%3D%22.2%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23ffd859%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23ffe585%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffce3c%22%20stop-opacity%3D%22.4%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22white%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.85%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.65%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.1%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20d%3D%22M-120%208%20C180%20142%20490%20100%20790%2040%20S1270%20-35%201720%20100%22%20fill%3D%22none%22%20stroke%3D%22url(%23red)%22%20stroke-width%3D%2234%22%20opacity%3D%22.1%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-120%208%20C180%20142%20490%20100%20790%2040%20S1270%20-35%201720%20100%22%20fill%3D%22none%22%20stroke%3D%22url(%23red)%22%20stroke-width%3D%2213%22%20opacity%3D%22.2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-120%208%20C180%20142%20490%20100%20790%2040%20S1270%20-35%201720%20100%22%20fill%3D%22none%22%20stroke%3D%22url(%23red)%22%20stroke-width%3D%224%22%20opacity%3D%22.88%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-100%20140%20C290%2015%20590%20-5%20940%2078%20S1390%2098%201730%20-35%22%20fill%3D%22none%22%20stroke%3D%22url(%23gold)%22%20stroke-width%3D%2233%22%20opacity%3D%22.09%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-100%20140%20C290%2015%20590%20-5%20940%2078%20S1390%2098%201730%20-35%22%20fill%3D%22none%22%20stroke%3D%22url(%23gold)%22%20stroke-width%3D%2211%22%20opacity%3D%22.23%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-100%20140%20C290%2015%20590%20-5%20940%2078%20S1390%2098%201730%20-35%22%20fill%3D%22none%22%20stroke%3D%22url(%23gold)%22%20stroke-width%3D%223%22%20opacity%3D%22.95%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-150%20122%20C190%20-52%20500%20148%20850%2066%20S1270%20-8%201740%2050%22%20fill%3D%22none%22%20stroke%3D%22url(%23white)%22%20stroke-width%3D%2213%22%20opacity%3D%22.08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M-150%20122%20C190%20-52%20500%20148%20850%2066%20S1270%20-8%201740%2050%22%20fill%3D%22none%22%20stroke%3D%22url(%23white)%22%20stroke-width%3D%221.6%22%2F%3E%0A%3C%2Fsvg%3E%0A") var(--p504-oled-flow) 50%/165% 155%,radial-gradient(ellipse at 70% 115%,#f1b82b3b,transparent 58%) var(--p504-oled-flow) 50%/170% 170%,radial-gradient(ellipse at 65% -10%,#ee334c47,transparent 54%) calc(100% - var(--p504-oled-flow)) 50%/180% 170%,linear-gradient(110deg,transparent 32%,#ffffff12 48%,transparent 65%) var(--p504-oled-flow) 50%/200% 100%!important;
 opacity:1!important;transform:none!important;mask-image:linear-gradient(90deg,#0002 0%,#000a 20%,#000 42%)!important;
 animation:p504-oled-light 6.5s ease-in-out infinite alternate!important;
}
body.panel504 header.p504-topbar.p504-horizontal-header::after {
 content:""!important;position:absolute!important;inset:auto 0 0!important;z-index:-1!important;
 width:100%!important;height:2px!important;pointer-events:none!important;border:0!important;border-radius:0!important;
 background:linear-gradient(90deg,#fff2 0%,#fff9 14%,#fff3 27%,#ffd34ff0 42%,#ffd34f66 56%,#ef334beb 73%,#ef334b55 86%,#fff4 100%)!important;
 background-size:220% 100%!important;opacity:.85!important;transform:none!important;
 background-position:var(--p504-oled-flow) 50%!important;
 animation:p504-oled-edge 4.5s ease-in-out infinite alternate!important;
}
body.panel504[data-panel-layout=sidebar] header.p504-horizontal-header #header-title {
 color:#f7f9ff!important;font-weight:550!important;letter-spacing:-.4px!important;
}
body.panel504 header.p504-horizontal-header .p504-layout-control>summary {
 color:#eef3fb!important;background:#ffffff0a!important;border-color:#ffffff26!important;box-shadow:none!important;
}
body.panel504 header.p504-horizontal-header .p504-layout-control>summary>.p504-icon {color:#cedbec!important;}
body.panel504 header.p504-horizontal-header .p504-layout-control>summary>i {border-color:#becde0!important;}
body.panel504 header.p504-horizontal-header :is(.p504-search-launch,.p504-top-menu-toggle) {color:#e0e9f5!important;background:transparent!important;}
body.panel504 header.p504-horizontal-header .p504-search-launch>.p504-icon {color:#dce7f6!important;}
body.panel504 header.p504-horizontal-header :is(.p504-search-launch,.p504-top-menu-toggle):hover {background:#ffffff12!important;color:#fff!important;}
body.panel504 header.p504-horizontal-header .p504-account {border-left-color:#ffffff20!important;}
body.panel504 header.p504-horizontal-header #user-badge-text {color:#f3f6fc!important;}
body.panel504 header.p504-horizontal-header #user-badge-text small {color:#bccce0!important;}
body.panel504 header.p504-horizontal-header :is(button,summary):focus-visible {
 outline:0!important;box-shadow:inset 0 0 0 2px #f3ce65!important;
}
body.panel504 header.p504-horizontal-header .p504-layout-control>summary:hover {background:#ffffff12!important;border-color:#ffffff4a!important;}
/* Horizontal layout shares the header; its dropdown panels retain their original light surface. */
body.panel504 header.p504-horizontal-header>.sidebar-brand {background:transparent!important;border-color:transparent!important;}
body.panel504 header.p504-horizontal-header>.sidebar-brand .logo-box-mini {color:#f3cf68!important;}
body.panel504 header.p504-horizontal-header>.sidebar-brand .brand-text-mini>strong {color:#f4f7fc!important;}
body.panel504 header.p504-horizontal-header>.sidebar-brand .brand-text-mini>span {color:#bbcadb!important;}
@media(min-width:1200px) {
body.panel504[data-panel-layout=top] header.p504-horizontal-header .p504-horizontal-nav .sidebar-menu>.menu-item>button,
body.panel504[data-panel-layout=top] header.p504-horizontal-header .p504-horizontal-nav .sidebar-menu>.p504-nav-group-item>.p504-nav-group>summary {color:#dfe8f4!important;}
body.panel504[data-panel-layout=top] header.p504-horizontal-header .p504-horizontal-nav .sidebar-menu>.menu-item.active>button {color:#f4d16b!important;background:#f4d16b0d!important;}
body.panel504[data-panel-layout=top] header.p504-horizontal-header .p504-horizontal-nav .sidebar-menu>.menu-item>button:hover,
body.panel504[data-panel-layout=top] header.p504-horizontal-header .p504-horizontal-nav .sidebar-menu>.p504-nav-group-item>.p504-nav-group>summary:hover,
body.panel504[data-panel-layout=top] header.p504-horizontal-header .p504-horizontal-nav .sidebar-menu>.p504-nav-group-item>.p504-nav-group[open]>summary {color:#fff!important;background:#ffffff12!important;}
}
body.panel504:is(.p504-motion-paused,.p504-backgrounded) header.p504-topbar.p504-horizontal-header::before,
body.panel504:is(.p504-motion-paused,.p504-backgrounded) header.p504-topbar.p504-horizontal-header::after {animation-play-state:paused!important;}
}
/* Animate the registered value, not an !important background/transform longhand. */
@keyframes p504-oled-light {from{--p504-oled-flow:0%}to{--p504-oled-flow:100%}}
@keyframes p504-oled-edge {from{--p504-oled-flow:0%}to{--p504-oled-flow:100%}}
@media(prefers-reduced-motion:reduce) {
 body.panel504 header.p504-topbar.p504-horizontal-header::before,
 body.panel504 header.p504-topbar.p504-horizontal-header::after {animation:none!important;transform:none!important;}
}
}
