/* BKDataDeals customer convenience tools: favorite numbers + quick reorder */
.bk-customer-tools-card{margin:18px 0;padding:18px;border:1px solid var(--line,rgba(128,128,128,.16));border-radius:18px;background:var(--panel,var(--surface,#fff));box-shadow:0 12px 30px rgba(0,0,0,.05)}
.bk-customer-tools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.bk-customer-tools-head h3{margin:0;font-size:17px;letter-spacing:-.02em}.bk-customer-tools-head p{margin:5px 0 0;color:var(--muted,#68727d);font-size:12px;line-height:1.5}.bk-customer-tools-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(var(--accent-rgb,203,153,0),.10);color:var(--accent,#c99a08);font-size:10px;font-weight:900;white-space:nowrap}
.bk-favorite-list{display:flex;gap:8px;flex-wrap:wrap}.bk-favorite-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 38px 8px 11px;border:1px solid var(--line,rgba(128,128,128,.16));border-radius:13px;background:var(--surface3,rgba(127,127,127,.05));color:var(--text,var(--ink,#17202a));cursor:pointer;text-decoration:none}.bk-favorite-chip:hover{border-color:rgba(var(--accent-rgb,203,153,0),.35)}.bk-favorite-chip span{display:grid;gap:2px;text-align:left}.bk-favorite-chip strong{font-size:12px}.bk-favorite-chip small{color:var(--muted,#68727d);font-size:10px}.bk-favorite-delete{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--muted,#68727d);cursor:pointer;font-size:16px}.bk-favorite-delete:hover{background:rgba(255,90,90,.10);color:#d84d4d}
.bk-favorite-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.bk-favorite-form input{min-width:0;min-height:42px;padding:0 11px;border:1px solid var(--line,rgba(128,128,128,.16));border-radius:11px;background:var(--input,#fff);color:var(--text,#17202a);font:inherit}.bk-favorite-form button,.bk-quick-reorder-button{min-height:42px;padding:0 13px;border:1px solid rgba(var(--accent-rgb,203,153,0),.27);border-radius:11px;background:rgba(var(--accent-rgb,203,153,0),.10);color:var(--accent,#c99a08);font:800 12px/1 inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.bk-favorite-help{margin-top:8px;color:var(--muted,#68727d);font-size:10px}.bk-favorite-empty{padding:12px;border:1px dashed var(--line,rgba(128,128,128,.2));border-radius:12px;color:var(--muted,#68727d);font-size:11px}
.bk-dashboard-convenience{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.bk-dashboard-convenience .bk-customer-tools-card{margin:0;min-width:0}.bk-reorder-main{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line,rgba(128,128,128,.16));border-radius:14px;background:var(--surface3,rgba(127,127,127,.04))}.bk-reorder-main strong,.bk-reorder-main small{display:block}.bk-reorder-main small{margin-top:4px;color:var(--muted,#68727d);font-size:10px}.bk-reorder-phone{margin-top:5px;font-size:12px;font-weight:800}.bk-tools-status{margin-top:9px;color:var(--muted,#68727d);font-size:10px}
@media(max-width:760px){.bk-dashboard-convenience{grid-template-columns:1fr}.bk-favorite-form{grid-template-columns:1fr}.bk-favorite-form button{width:100%}.bk-customer-tools-card{padding:15px;border-radius:16px}.bk-customer-tools-head{align-items:flex-start}.bk-reorder-main{align-items:flex-start;flex-direction:column}.bk-quick-reorder-button{width:100%}.bk-favorite-chip{flex:1 1 calc(50% - 8px);min-width:150px}}
@media(max-width:430px){.bk-favorite-chip{flex-basis:100%}.bk-customer-tools-head h3{font-size:16px}}

/* Hardened favorite-number form: the saved number is entered explicitly. */
.bk-favorite-fields{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1.2fr);gap:8px;min-width:0}
.bk-favorite-fields input{width:100%}
@media(max-width:760px){.bk-favorite-fields{grid-template-columns:1fr}}

/* =========================================================
   V14 — FLOATING DASHBOARD CONVENIENCE CARDS
   Raised, layered surfaces without fixed-position overlays.
   ========================================================= */
#bkDashboardConvenience.bk-dashboard-convenience{
  gap:22px;
  margin:28px 0 24px;
  align-items:stretch;
}
#bkDashboardConvenience .bk-customer-tools-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:22px;
  border:1px solid color-mix(in srgb, var(--accent,#d4a51f) 28%, var(--line,rgba(128,128,128,.16)));
  border-radius:22px;
  background:
    linear-gradient(145deg,
      color-mix(in srgb, var(--panel,var(--surface,#fff)) 96%, var(--accent,#d4a51f) 4%),
      var(--panel,var(--surface,#fff)) 64%);
  box-shadow:
    0 18px 42px rgba(0,0,0,.11),
    0 3px 10px rgba(0,0,0,.06),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-3px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
#bkDashboardConvenience .bk-customer-tools-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:180px;
  height:180px;
  right:-72px;
  top:-82px;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb, var(--accent,#d4a51f) 18%, transparent) 0%, transparent 68%);
  pointer-events:none;
}
#bkDashboardConvenience .bk-customer-tools-card::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-18px;
  height:34px;
  border-radius:50%;
  background:rgba(0,0,0,.14);
  filter:blur(18px);
  opacity:.50;
  z-index:-2;
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  #bkDashboardConvenience .bk-customer-tools-card:hover{
    transform:translateY(-8px);
    border-color:color-mix(in srgb, var(--accent,#d4a51f) 52%, transparent);
    box-shadow:
      0 28px 54px rgba(0,0,0,.16),
      0 8px 18px rgba(0,0,0,.08),
      inset 0 1px 0 rgba(255,255,255,.11);
  }
}
#bkDashboardConvenience .bk-customer-tools-head{
  position:relative;
  z-index:1;
  margin-bottom:16px;
}
#bkDashboardConvenience .bk-customer-tools-head h3{
  font-size:18px;
  font-weight:850;
  letter-spacing:-.025em;
}
#bkDashboardConvenience .bk-customer-tools-head p{
  font-size:12.5px;
  line-height:1.55;
}
#bkDashboardConvenience .bk-customer-tools-badge{
  border:1px solid color-mix(in srgb, var(--accent,#d4a51f) 24%, transparent);
  box-shadow:0 5px 14px color-mix(in srgb, var(--accent,#d4a51f) 11%, transparent);
}
#bkDashboardConvenience .bk-favorite-chip{
  min-height:48px;
  border-radius:15px;
  background:color-mix(in srgb, var(--surface3,rgba(127,127,127,.05)) 92%, var(--accent,#d4a51f) 8%);
  box-shadow:0 7px 18px rgba(0,0,0,.055);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
@media (hover:hover) and (pointer:fine){
  #bkDashboardConvenience .bk-favorite-chip:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb, var(--accent,#d4a51f) 52%, transparent);
    box-shadow:0 12px 24px rgba(0,0,0,.10);
  }
}
#bkDashboardConvenience .bk-reorder-main{
  min-height:88px;
  padding:16px 17px;
  border-radius:17px;
  background:color-mix(in srgb, var(--surface3,rgba(127,127,127,.04)) 93%, var(--accent,#d4a51f) 7%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.05);
}
#bkDashboardConvenience .bk-quick-reorder-button{
  min-height:46px;
  padding:0 17px;
  border-radius:14px;
  box-shadow:0 8px 18px color-mix(in srgb, var(--accent,#d4a51f) 14%, transparent);
  transition:transform .18s ease, box-shadow .18s ease;
}
@media (hover:hover) and (pointer:fine){
  #bkDashboardConvenience .bk-quick-reorder-button:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px color-mix(in srgb, var(--accent,#d4a51f) 20%, transparent);
  }
}

/* Make the services drawer belong to the same floating card family. */
.dashboard-more-services{
  position:relative!important;
  overflow:hidden!important;
  margin:26px 0 22px!important;
  border-radius:20px!important;
  border:1px solid color-mix(in srgb, var(--accent,#d4a51f) 24%, var(--border,rgba(128,128,128,.16)))!important;
  background:linear-gradient(145deg,
    color-mix(in srgb, var(--panel,var(--surface,#fff)) 97%, var(--accent,#d4a51f) 3%),
    var(--panel,var(--surface,#fff)))!important;
  box-shadow:0 16px 36px rgba(0,0,0,.10),0 2px 9px rgba(0,0,0,.05)!important;
  transform:translateY(-2px);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .dashboard-more-services:hover{
    transform:translateY(-5px);
    border-color:color-mix(in srgb, var(--accent,#d4a51f) 46%, transparent)!important;
    box-shadow:0 22px 46px rgba(0,0,0,.14),0 6px 14px rgba(0,0,0,.06)!important;
  }
}
.dashboard-more-services summary{
  min-height:68px!important;
  padding:13px 18px!important;
}
.dashboard-more-services summary strong{font-size:14px!important}
.dashboard-more-services summary small{font-size:10.5px!important}
.dashboard-more-grid a{
  border-radius:15px!important;
  box-shadow:0 7px 18px rgba(0,0,0,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .dashboard-more-grid a:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(0,0,0,.09);
  }
}

/* Keep the floating look compact and stable on phones. */
@media(max-width:760px){
  #bkDashboardConvenience.bk-dashboard-convenience{gap:18px;margin:22px 0 20px}
  #bkDashboardConvenience .bk-customer-tools-card{
    padding:18px;
    border-radius:19px;
    transform:none;
    box-shadow:0 13px 28px rgba(0,0,0,.10),0 2px 7px rgba(0,0,0,.05);
  }
  #bkDashboardConvenience .bk-customer-tools-card::after{display:none}
  .dashboard-more-services{margin:20px 0!important;transform:none}
}

@media(prefers-reduced-motion:reduce){
  #bkDashboardConvenience .bk-customer-tools-card,
  #bkDashboardConvenience .bk-favorite-chip,
  #bkDashboardConvenience .bk-quick-reorder-button,
  .dashboard-more-services,
  .dashboard-more-grid a{transition:none!important;transform:none!important}
}