/* Original Fal material art. Opaque backgrounds are intentional; no claimed alpha. */
:root {
  --bar-sign-art:url('./detail-assets/bar-sign.webp');
  --tiki-panel-art:url('./detail-assets/panel-frame.webp');
  --tiki-bubble-art:url('./detail-assets/bubble.webp');
  --tiki-tooltip-art:url('./detail-assets/tooltip.webp');
  --tiki-map-art:url('./detail-assets/map-prop.webp');
  --tiki-rope-art:url('./detail-assets/rope-prop.webp');
}
.tiki-detail-icon {
  display:inline-block;flex:0 0 auto;width:var(--tiki-icon-size,28px);height:var(--tiki-icon-size,28px);
  vertical-align:middle;background-color:#131d16;background-repeat:no-repeat;background-size:400% 400%;
  background-position:var(--tiki-icon-x) var(--tiki-icon-y);border-radius:5px;pointer-events:none;
}
.tiki-detail-icon--navigation {background-image:url('./detail-assets/navigation-atlas.webp')}
.tiki-detail-icon--subnavigation {background-image:url('./detail-assets/subnavigation-atlas.webp')}
.tiki-detail-icon--action {background-image:url('./detail-assets/action-atlas.webp')}
.tiki-detail-frame {
  border:var(--tiki-frame-width,12px) solid transparent;border-image-source:var(--tiki-panel-art);
  border-image-slice:20%;border-image-width:var(--tiki-frame-width,12px);border-image-repeat:stretch;
}
.tiki-detail-frame--dialog {--tiki-frame-width:16px}
.tiki-detail-corners {position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.tiki-detail-corners>span {
  position:absolute;width:var(--tiki-corner-size,38px);height:var(--tiki-corner-size,38px);
  background-image:var(--tiki-panel-art);background-repeat:no-repeat;background-size:500% 500%;pointer-events:none;
}
.tiki-detail-corners>span:nth-child(1) {top:0;left:0;background-position:0 0}
.tiki-detail-corners>span:nth-child(2) {top:0;right:0;background-position:100% 0}
.tiki-detail-corners>span:nth-child(3) {bottom:0;right:0;background-position:100% 100%}
.tiki-detail-corners>span:nth-child(4) {bottom:0;left:0;background-position:0 100%}
.tiki-detail-prop {display:block;max-width:100%;height:auto;pointer-events:none}
/* Apply to compact decorative text containers only; never paint over form inputs. */
.tiki-detail-bubble {background:var(--tiki-bubble-art) center/100% 100% no-repeat;color:#30271a;padding:9% 10% 22%}
.tiki-detail-tooltip {background:var(--tiki-tooltip-art) center/100% 100% no-repeat;color:#fff0d2;padding:9% 10% 20%}
@media(forced-colors:active) {
  .tiki-detail-icon,.tiki-detail-corners {display:none}
  .tiki-detail-frame {border:1px solid CanvasText;border-image:none}
  .tiki-detail-bubble,.tiki-detail-tooltip {background:Canvas;color:CanvasText;border:1px solid CanvasText}
}
@media print {.tiki-detail-icon,.tiki-detail-corners,.tiki-detail-prop{display:none}.tiki-detail-frame{border-image:none}}

/* One physical icon replaces each former glyph; text remains the link name. */
.sidebar .nav-link > .tiki-detail-icon { --tiki-icon-size:30px; }
.sub-navigation a { display:inline-flex;align-items:center;gap:7px;min-width:0; }
.sub-navigation .tiki-detail-icon { --tiki-icon-size:24px; }
.topbar-brand > .tiki-detail-icon { --tiki-icon-size:30px; }
.account-signout { display:inline-flex;align-items:center;gap:6px; }
.account-signout > .tiki-detail-icon { --tiki-icon-size:21px; }
.tiki-route-heading { display:flex;align-items:center;gap:13px; }
.tiki-route-heading > .tiki-detail-icon { --tiki-icon-size:42px; }
@media(max-width:560px) {
 .sidebar .nav-link > .tiki-detail-icon { --tiki-icon-size:23px; }
 .sub-navigation .tiki-detail-icon { --tiki-icon-size:21px; }
 .tiki-route-heading { gap:9px; }
 .tiki-route-heading > .tiki-detail-icon { --tiki-icon-size:29px; }
}