/* Baskibu Designer v0.25.62 — Baskibu navy × yellow brand refinement.
 * Visual only: no DOM position, editor geometry, artboard, production guides,
 * price/configurator logic, canvas object colors or template artwork changes.
 * Apple-like neutral surfaces and interaction behavior are retained.
 */
.bbd-app.bbd-brand-ui-v02562 {
  --bbd-apple-accent:#142246;
  --bbd-apple-accent-soft:#fff7dc;
  --bbd-brand-navy:#111e3e;
  --bbd-brand-navy-hover:#263963;
  --bbd-brand-yellow:#ffcf24;
  --bbd-brand-yellow-hover:#f3bf08;
  --bbd-brand-yellow-soft:#fff7dc;
  --bbd-brand-ink:#182743;
  --bbd-brand-line:#e2e7ee;
  color:var(--bbd-brand-ink);
}
/* Utility actions and menu bar are white/neutral; logo still leads the identity. */
.bbd-app.bbd-brand-ui-v02562 .bbd-topbar .bbd-icon-button:hover:not(:disabled),
.bbd-app.bbd-brand-ui-v02562 .bbd-more-menu>summary:hover,
.bbd-app.bbd-brand-ui-v02562 .bbd-more-menu[open]>summary {
  background:#f0f3f8!important;
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-workspace-mode-tabs button.is-active,
.bbd-app.bbd-brand-ui-v02562 .bbd-workspace-mode-tabs button[aria-selected="true"] {
  background:#fff8e4!important;
  color:var(--bbd-brand-navy)!important;
  border-color:#f1d78b!important;
  box-shadow:0 1px 4px rgba(20,30,61,.10)!important;
}
/* Main save CTA: primary Baskibu navy, fine yellow leading accent. */
.bbd-app.bbd-brand-ui-v02562 #bbd-save {
  background:var(--bbd-brand-navy)!important;
  border-color:var(--bbd-brand-navy)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--bbd-brand-yellow),0 3px 10px rgba(17,30,62,.16)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-save:hover:not(:disabled) {
  background:var(--bbd-brand-navy-hover)!important;
  border-color:var(--bbd-brand-navy-hover)!important;
  box-shadow:inset 3px 0 0 var(--bbd-brand-yellow),0 5px 14px rgba(17,30,62,.20)!important;
}
/* Rail: navy selection + yellow icon, white labels remain accessible. */
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool.is-active,
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool[aria-current="page"] {
  background:var(--bbd-brand-navy)!important;
  border-color:var(--bbd-brand-navy)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(17,30,62,.12)!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool.is-active svg,
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool[aria-current="page"] svg {
  color:var(--bbd-brand-yellow)!important;
  stroke:currentColor!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar .bbd-tool:not(.is-active):not([aria-current="page"]):hover:not(:disabled) {
  background:#fff7e5!important;
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 .bbd-sidebar-active-indicator {
  background:var(--bbd-brand-yellow)!important;
  border-color:var(--bbd-brand-yellow)!important;
}
/* Panel headings, price and option surfaces. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-panel-heading h2,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-group__head strong,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__title strong {
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02561-size-summary {
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option {
  border-color:#dfe5ef!important;
  color:#243455!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option:hover:not(:disabled) {
  border-color:#eac560!important;
  background:#fffaf0!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option.is-selected,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-v81-option[aria-pressed="true"] {
  border-color:#e3b528!important;
  background:var(--bbd-brand-yellow-soft)!important;
  color:var(--bbd-brand-navy)!important;
  box-shadow:0 0 0 2px rgba(255,207,36,.18)!important;
}
/* Custom dimensions: yellow is an intentional action, not system status. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__apply {
  background:var(--bbd-brand-yellow)!important;
  color:var(--bbd-brand-navy)!important;
  border:1px solid #ecc026!important;
  box-shadow:0 2px 7px rgba(137,106,0,.12)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__apply:hover:not(:disabled) {
  background:var(--bbd-brand-yellow-hover)!important;
  border-color:#e6b908!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__fields input:focus,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-field input:focus,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-field select:focus {
  border-color:#d8ab19!important;
  outline:2px solid rgba(255,207,36,.34)!important;
}
/* Product-panel preview CTA and primary quick actions. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-primary,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-secondary,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel [data-bbd-product-action="preview"] {
  background:var(--bbd-brand-navy)!important;
  color:#fff!important;
  border-color:var(--bbd-brand-navy)!important;
  box-shadow:0 2px 7px rgba(17,30,62,.10)!important;
}
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-primary:hover:not(:disabled),
.bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-product-flow-actions .is-secondary:hover:not(:disabled) {
  background:var(--bbd-brand-navy-hover)!important;
}
/* Generic UI selections: only editor chrome, not individual user designs. */
.bbd-app.bbd-brand-ui-v02562 #bbd-panel :is(.bbd-action-card,.bbd-upload-tabs button,.bbd-inline-actions button).is-active,
.bbd-app.bbd-brand-ui-v02562 #bbd-panel :is(.bbd-action-card,.bbd-upload-tabs button,.bbd-inline-actions button)[aria-selected="true"] {
  border-color:#eac958!important;
  background:var(--bbd-brand-yellow-soft)!important;
  color:var(--bbd-brand-navy)!important;
}
.bbd-app.bbd-brand-ui-v02562 :is(.bbd-tool,.bbd-v81-option,.bbd-icon-button,#bbd-save,.bbd-02560-custom-size__apply):focus-visible {
  outline:3px solid rgba(255,207,36,.65)!important;
  outline-offset:2px!important;
}
/* Never recolor: green "Kaydedildi"/"Kalite 100" status, red/green bleed guides,
 * inline artwork colors, swatches, safety messages. Those are semantic values.
 */
@media (prefers-reduced-motion:reduce) {
  .bbd-app.bbd-brand-ui-v02562 #bbd-save,
  .bbd-app.bbd-brand-ui-v02562 #bbd-panel .bbd-02560-custom-size__apply {
    transition:none!important;transform:none!important;
  }
}
