.smb-shell {
  display: grid;
  width: 100%;
  max-width: none;
  gap: 14px;
  margin: 0;
  padding: 14px 16px 18px;
}

.smb-head,
.smb-card {
  border: 1px solid rgba(111, 155, 194, .24);
  border-radius: 16px;
  background: #0b1929;
  color: #e7f0f8;
  box-shadow: 0 12px 28px rgba(2, 9, 17, .22);
}

.smb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
}

.smb-head h1 { margin: 0 0 5px; font-size: 20px; }
.smb-head p { margin: 0; color: #8fa4b9; font-size: 11px; }
.smb-head a { display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px; border: 1px solid rgba(90, 201, 232, .3); border-radius: 11px; color: #bfefff; text-decoration: none; }
.smb-card { padding: 16px; }
.smb-card--settings { padding: 12px 16px 14px; }
.smb-selected { display: flex; flex-wrap: wrap; gap: 7px; max-height: 145px; overflow: auto; }
.smb-person { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(113, 151, 184, .22); border-radius: 10px; background: #081522; }
.smb-person i { color: #f1bf42; }
.smb-person b { font-size: 10px; }
.smb-person small { color: #7890a8; font-size: 8px; }
.smb-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 9px; }
.smb-title h2 { margin: 0; font-size: 14px; }
.smb-title b { padding: 5px 9px; border-radius: 99px; background: #17344e; color: #bdefff; }
.smb-form { display: grid; grid-template-columns: minmax(190px, 1.2fr) minmax(210px, 1.3fr) repeat(4, minmax(125px, 1fr)); gap: 8px; align-items: end; }
.smb-form label { min-width: 0; margin: 0; }
.smb-form label > span { display: block; margin-bottom: 4px; overflow: hidden; color: #cbd8e5; font-size: 9px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.smb-form input,
.smb-form select { width: 100%; height: 38px; min-height: 38px !important; padding: 0 9px; border: 1px solid rgba(122, 159, 190, .28); border-radius: 9px; background: #071421; color: #eef6fc; }
.smb-form .smb-wide { grid-column: auto; }
.smb-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 10px; border-top: 1px solid rgba(119, 153, 181, .2); }
.smb-actions p { margin: 0; color: #8da2b7; font-size: 10px; }
.smb-actions button { min-width: 190px; height: 44px; border: 0; border-radius: 11px; background: linear-gradient(135deg, #08a86c, #19c780); color: #fff; font-weight: 900; cursor: pointer; }
.smb-alert { padding: 11px 13px; border: 1px solid rgba(238, 91, 102, .4); border-radius: 11px; background: rgba(154, 37, 48, .16); color: #ffb8bf; }
.smb-empty { padding: 30px; text-align: center; color: #8ca0b5; }

@media (max-width: 850px) {
  .smb-shell { padding: 10px; }
  .smb-form { grid-template-columns: 1fr; }
  .smb-form .smb-wide { grid-column: auto; }
  .smb-head { align-items: flex-start; flex-direction: column; }
  .smb-actions { align-items: stretch; flex-direction: column; }
  .smb-actions button { width: 100%; }
}

@media (min-width: 851px) and (max-width: 1250px) {
  .smb-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
