.sm-dash-shell {
  --sm-blue:#084ee9;
  --sm-navy:#07184a;
  --sm-light:#f6f9ff;
  color:var(--sm-navy)
}
.sm-dash-head {
  background:linear-gradient(135deg, #eef5ff, #fff);
  border:1px solid #e4edff;
  border-radius:24px;
  padding:24px;
  margin-bottom:22px;
  box-shadow:0 10px 30px rgba(8, 78, 233, .08)
}
.sm-dash-head h2 {
  font-weight:800;
  margin:0;
  color:var(--sm-navy)
}.sm-dash-head p {
  margin:4px 0 0;
  color:#61708e
}.sm-dash-tabs {
  gap:8px
}.sm-dash-tabs .nav-link {
  border-radius:999px;
  font-weight:700;
  color:#14306b
}.sm-dash-tabs .nav-link.active {
  background:var(--sm-blue);
  box-shadow:0 8px 22px rgba(8, 78, 233, .25)
}
.sm-mobile-menu .list-group-item {
  border:0;
  border-radius:14px!important;
  margin-bottom:10px;
  box-shadow:0 6px 20px rgba(14, 38, 89, .08);
  font-weight:700;
  color:#102a66
}.sm-dog-card, .sm-login-card, .sm-dash-shell .card {
  border-radius:22px
}.sm-dog-card img {
  background:#eef5ff
}.sm-info-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px
}.sm-info-grid small {
  display:block;
  color:#64748b
}.sm-info-grid strong {
  display:block
}.sm-card-preview-photo {
  box-shadow:0 8px 20px rgba(0, 0, 0, .08)
}

@media(max-width:767px) {
  .sm-dash-shell .tab-pane {
    display:block!important;
    opacity:1!important;
    margin-bottom:16px
  }.sm-dash-tabs {
    display:none!important
  }.sm-mobile-menu {
    display:block
  }.sm-info-grid {
    grid-template-columns:1fr
  }

}

@media(min-width:768px) {
  .sm-mobile-menu {
    display:none
  }

}
.sm-side-nav {
  background:#fff;
  border:1px solid #e6edff;
  border-radius:24px;
  padding:12px;
  box-shadow:0 12px 32px rgba(8, 78, 233, .08);
  gap:8px
}.sm-side-nav .nav-link {
  border-radius:16px;
  color:#102a66;
  font-weight:800;
  padding:14px 16px
}.sm-side-nav .nav-link.active {
  background:var(--sm-blue);
  color:#fff;
  box-shadow:0 8px 22px rgba(8, 78, 233, .24)
}.sm-dash-content>.tab-pane>.card, .sm-dash-content .sm-dog-card {
  border-radius:24px
}.sm-entry-long-value {
  display:inline-block;
  max-width:340px;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-family:monospace;
  font-size:11px
}.gform_wrapper .sm-card-card-template select {
  width:100%
}.sm-card-photo-upload .sm-card-preview-photo {
  display:block
}.sm-admin-entry-card .sm-admin-preview-img {
  max-width:320px
}.sm-admin-template-select {
  margin-top:6px
}

@media(max-width:767px) {
  .sm-dash-head {
    padding:18px;
    border-radius:20px
  }.sm-dash-shell .tab-pane {
    scroll-margin-top:20px
  }.sm-mobile-menu .list-group-item {
    padding:14px 16px
  }.sm-mobile-menu .list-group-item:before {
    content:'▣';
    color:var(--sm-blue);
    margin-right:10px
  }

}

.sm-doc-dropzone {
  border:2px dashed #b7c7cf;
  border-radius:16px;
  background:#f5fbff;
  padding:2rem 1rem;
  text-align:center;
  cursor:pointer;
  transition:.2s;
  position:relative
}
.sm-doc-dropzone:hover, .sm-doc-dropzone.is-dragover {
  background:#eef7ff;
  border-color:#0d6efd
}
.sm-doc-drop-icon {
  font-size:2.5rem;
  line-height:1;
  color:#0d6efd;
  margin-bottom:.5rem
}
.sm-doc-file-input {
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
  width:100%;
  height:100%
}
.sm-side-nav {
  background:#fff;
  border-radius:20px;
  padding:10px;
  box-shadow:0 10px 30px rgba(13, 39, 105, .08)
}
.sm-side-nav .nav-link {
  border-radius:14px;
  color:#10245a;
  font-weight:700;
  margin-bottom:6px
}
.sm-side-nav .nav-link.active {
  background:#0d47e9;
  color:#fff
}
.sm-dash-content>.tab-pane {
  min-height:480px
}


/* SM Cards 1.6 polish */
.sm-dash-shell {
  --sm-blue:#0a49e8;
  --sm-cyan:#5bd5f2;
  --sm-ink:#0b1742;
  --sm-muted:#64748b;
  --sm-soft:#f3f8ff;
  --sm-line:#e5efff
}
.sm-dash-head {
  background:linear-gradient(135deg, #eaf4ff 0%, #ffffff 62%, #edf7ff 100%);
  border-color:var(--sm-line);
  box-shadow:0 18px 45px rgba(10, 73, 232, .10)
}
.sm-dash-head h2 {
  letter-spacing:-.03em
}.sm-panel-card, .sm-dash-shell .card {
  border:1px solid var(--sm-line)!important;
  box-shadow:0 16px 40px rgba(15, 38, 90, .07)!important
}
.sm-side-nav {
  background:linear-gradient(180deg, #ffffff, #f8fbff);
  border:1px solid var(--sm-line);
  box-shadow:0 18px 42px rgba(15, 38, 90, .09)
}
.sm-side-nav .nav-link {
  display:flex;
  align-items:center;
  gap:10px;
  color:#15306c;
  font-weight:800
}
.sm-side-nav .nav-link:before {
  content:'';
  width:9px;
  height:9px;
  border-radius:50%;
  background:#c8d8ff;
  display:inline-block
}.sm-side-nav .nav-link.active:before {
  background:#fff
}
.sm-dog-card {
  overflow:hidden
}.sm-dog-card .card-body {
  background:linear-gradient(180deg, #fff, #f9fbff)
}
.sm-doc-dropzone {
  border:2px dashed #9db8e8;
  background:linear-gradient(180deg, #f7fbff, #eef7ff)
}
.sm-doc-dropzone.has-file {
  background:#effaf3;
  border-color:#60b981
}.sm-doc-progress .progress-bar {
  transition:width .2s ease
}
.sm-email-file-picker .accordion-item, .sm-doc-accordion .accordion-item {
  border:1px solid var(--sm-line);
  border-radius:16px!important;
  overflow:hidden;
  margin-bottom:10px
}.sm-email-file-picker .accordion-button, .sm-doc-accordion .accordion-button {
  font-weight:800;
  color:var(--sm-ink);
  background:#f8fbff
}.sm-email-file-picker .accordion-button:not(.collapsed), .sm-doc-accordion .accordion-button:not(.collapsed) {
  background:#eaf4ff;
  color:var(--sm-blue)
}
.sm-email-check {
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid #e3ecff;
  border-radius:14px;
  padding:12px;
  background:#fff;
  height:100%;
  cursor:pointer
}.sm-email-check:hover {
  border-color:#aac4ff;
  box-shadow:0 8px 20px rgba(10, 73, 232, .08)
}.sm-email-check span {
  display:flex;
  flex-direction:column
}.sm-email-check small {
  color:var(--sm-muted);
  font-size:12px
}.sm-email-check .form-check-input {
  margin-top:3px
}
.sm-dashboard-photo-preview, .sm-admin-photo-preview {
  background:#eef5ff;
  border:1px solid #e2ebff
}.sm-mobile-menu .list-group-item {
  background:linear-gradient(135deg, #fff, #f7fbff);
  border:1px solid var(--sm-line)!important
}


/* 1.7 login/dashboard polish */
.sm-login-wrap {
  padding:32px 12px;
  background:linear-gradient(135deg, #eef5ff, #ffffff);
  border-radius:28px
}
.sm-login-card {
  max-width:560px;
  border-radius:28px!important;
  overflow:hidden
}
.sm-login-card .card-body {
  background:linear-gradient(180deg, #ffffff, #f8fbff)
}
.sm-login-icon {
  width:64px;
  height:64px;
  border-radius:20px;
  margin:0 auto 12px;
  background:#eef4ff;
  color:#084ee9;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  box-shadow:0 10px 28px rgba(8, 78, 233, .12)
}
.sm-login-tabs {
  background:#eef4ff;
  border-radius:18px;
  padding:6px
}
.sm-login-tabs .nav-link {
  border-radius:14px;
  font-weight:800;
  color:#102a66
}
.sm-login-tabs .nav-link.active {
  background:#084ee9;
  color:#fff;
  box-shadow:0 8px 20px rgba(8, 78, 233, .24)
}
.sm-dash-head {
  padding:24px;
  border-radius:28px;
  background:linear-gradient(135deg, #102a66, #084ee9);
  color:#fff;
  margin-bottom:24px;
  box-shadow:0 16px 36px rgba(8, 78, 233, .18)
}
.sm-dash-head p {
  opacity:.88;
  margin-bottom:0
}.sm-panel-card, .sm-dog-card {
  border:1px solid #e6edff!important
}.sm-doc-dropzone {
  border:2px dashed #bfd0ff;
  background:#f4f8ff;
  border-radius:22px;
  padding:28px;
  text-align:center;
  cursor:pointer;
  transition:.2s
}.sm-doc-dropzone:hover, .sm-doc-dropzone.is-dragover {
  background:#ecf4ff;
  border-color:#084ee9
}.sm-doc-drop-icon {
  font-size:38px;
  color:#084ee9
}.sm-email-file-picker .accordion-item, .sm-doc-accordion .accordion-item {
  border:1px solid #e6edff;
  border-radius:18px!important;
  overflow:hidden;
  margin-bottom:10px
}.sm-email-check {
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid #e6edff;
  border-radius:16px;
  padding:14px;
  background:#fff;
  height:100%
}.sm-email-check span small {
  display:block;
  color:#64748b
}.sm-housing-docs .list-group-item {
  border-radius:14px!important;
  margin-bottom:8px;
  border:1px solid #e6edff
}.sm-public-profile, .sm-dog-lookup {
  border-radius:24px!important
}
.sm-edit-photo-panel {
  border:1px solid #e6edff;
  background:#f8fbff;
  border-radius:22px;
  padding:14px
}.sm-card-template-sample {
  box-shadow:0 8px 22px rgba(15, 23, 42, .08)
}.sm-account-form .form-control {
  border-radius:14px
}.sm-card-edit-modal .modal-content {
  border:0;
  border-radius:24px;
  overflow:hidden
}.sm-card-edit-modal .modal-header {
  background:linear-gradient(135deg, #084ee9, #0e7490);
  color:#fff
}.sm-card-edit-modal .btn-close {
  filter:invert(1)
}



.sm-mobile-acc-btn {
  display:none;
}

@media(max-width:767px) {
  .sm-mobile-menu {
    display:none!important;
  }

  .sm-mobile-acc-btn {
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items:center;
    border:0;
    border-radius:14px;
    padding:15px 16px;
    margin-bottom:10px;
    background:#fff;
    color:#102a66;
    font-weight:800;
    box-shadow:0 6px 20px rgba(14,38,89,.08);
  }

  .sm-mobile-acc-btn.active {
    background:var(--sm-blue);
    color:#fff;
  }

  .sm-dash-content > .tab-pane {
    display:none!important;
    opacity:1!important;
    margin-bottom:16px;
  }

  .sm-dash-content > .tab-pane.sm-mobile-open {
    display:block!important;
  }
}