/* Brands module (Products route) */
.brk-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,240px));
  gap:14px;
}

.brk-empty{grid-column:1/-1}

.brk-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:visible;
  display:flex;
  flex-direction:column;
  min-width:0;
  max-width:240px;
  cursor:pointer;
  transition:border-color .12s,box-shadow .12s;
}

.brk-card:hover{
  border-color:var(--nc);
  box-shadow:0 4px 14px rgba(243,72,41,.1);
}

.brk-card-logo{
  height:96px;
  background:var(--soft);
  border-bottom:1px solid var(--line);
  border-radius:12px 12px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  overflow:hidden;
}

.brk-card-logo-inner,
.brk-logo-preview img{
  width:56px;
  height:56px;
  object-fit:contain;
  border-radius:10px;
  flex:none;
}

.brk-logo-fallback{
  width:56px;
  height:56px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  color:#fff;
  letter-spacing:-.02em;
  flex:none;
}

.brk-card-body{
  padding:10px 12px 12px;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
  border-radius:0 0 12px 12px;
  background:var(--panel);
}

.brk-card-head{
  display:flex;
  align-items:flex-start;
  gap:6px;
}

.brk-card-name{
  flex:1;
  min-width:0;
  font-size:13.5px;
  font-weight:700;
  color:var(--ink);
  margin:0;
  letter-spacing:-.01em;
  line-height:1.3;
}

.brk-card-menu{flex:none;z-index:5}
.brk-card-menu-btn{width:26px;height:26px}
.brk-card-menu .row-menu-drop{
  top:auto;
  bottom:calc(100% + 4px);
  right:0;
  z-index:80;
}

.row-menu-item.danger{color:#e03}
.row-menu-item.danger:hover{background:#FEF1F1;color:#c0271c}

/* form */
.brk-form-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}

.brk-crumb{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  font-size:14px;
}

.brk-crumb-link{
  border:none;
  background:none;
  padding:0;
  font:inherit;
  font-weight:600;
  color:var(--ink2);
  cursor:pointer;
}

.brk-crumb-link:hover{color:var(--ink)}

.brk-crumb-sep{color:var(--ink3)}

.brk-crumb-current{
  font-weight:700;
  color:var(--ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.brk-form-wrap{
  display:flex;
  justify-content:center;
  padding:0 0 32px;
}

.brk-form-card{
  width:100%;
  max-width:640px;
}

.brk-fld{margin-bottom:18px}

.brk-fld>label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:8px;
}

.brk-req{color:var(--nc);font-weight:700}

.brk-dest-panel{
  border:1px solid var(--line);
  border-radius:10px;
  padding:16px 16px 14px;
  margin-bottom:18px;
  background:var(--soft);
}

.brk-dest-panel .brk-fld{
  margin-bottom:14px;
}

.brk-dest-panel .brk-fld:last-child{
  margin-bottom:0;
}

.brk-dest-hint{
  font-size:12px;
  color:var(--ink3);
  line-height:1.5;
  margin:0 0 14px;
}

.brk-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:28px;
  padding-top:8px;
}

.brk-save-btn{
  background:var(--nc);
  border-color:var(--nc);
}

.brk-save-btn:hover{
  background:var(--ncd);
  border-color:var(--ncd);
}

@media (max-width:640px){
  .brk-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .brk-card{max-width:none}
  .brk-form-head{align-items:flex-start;flex-direction:column-reverse}
}