/* Preproduction presentation layer. Existing icons, layout states and actions remain owned by Angular. */
html[data-sellershub-theme="messenger-blue"] {
  --sh-blue: #087da5;
  --sh-blue-hover: #066588;
  --sh-blue-bright: #159fd2;
  --sh-blue-soft: #eaf7fc;
  --sh-ink: #243a4b;
  --sh-muted: #617586;
  --sh-line: #d3eaf5;
  --sh-surface: #f3f7fa;
  --sh-accent: #087da5;
  --sh-accent-ring: rgba(8,125,165,.18);
  accent-color: var(--sh-blue);
}
html[data-sellershub-theme="messenger-blue"] body { background:var(--sh-surface); color:var(--sh-ink); }
html[data-sellershub-theme="messenger-blue"] .page-wrapper,
html[data-sellershub-theme="messenger-blue"] .card-body-tabs { background:var(--sh-surface)!important; }
html[data-sellershub-theme="messenger-blue"] .topbar,
html[data-sellershub-theme="messenger-blue"] .footer { background:#07516b!important; }
html[data-sellershub-theme="messenger-blue"] .left-sidebar {
  background:linear-gradient(165deg,#087da5,#07516b)!important;
  box-shadow:2px 0 12px rgba(21,62,83,.08);
}
html[data-sellershub-theme="messenger-blue"] .sidebar-nav>ul>li>a,
html[data-sellershub-theme="messenger-blue"] .sidebar-nav .hide-menu { color:#f1faff!important; }
html[data-sellershub-theme="messenger-blue"] .sidebar-nav>ul>li.active>a,
html[data-sellershub-theme="messenger-blue"] .sidebar-nav>ul>li>a.active {
  background:rgba(255,255,255,.18)!important; border-left-color:#83d1ee!important; border-radius:8px;
}
html[data-sellershub-theme="messenger-blue"] .sidebar-nav>ul>li>a:hover,
html[data-sellershub-theme="messenger-blue"] .sidebar-nav>ul>li>a:focus-visible { background:rgba(255,255,255,.12)!important; border-radius:8px; }
html[data-sellershub-theme="messenger-blue"] .leftSideCards,
html[data-sellershub-theme="messenger-blue"] .integrationCards,
html[data-sellershub-theme="messenger-blue"] .mini-sidebar .sidebar-nav #sidebarnav>li>ul {
  background:#076b8e!important; border-color:#3186a2!important; border-radius:10px;
  box-shadow:0 10px 30px rgba(18,52,72,.18);
}
html[data-sellershub-theme="messenger-blue"] .sidebar-nav ul ul a:hover,
html[data-sellershub-theme="messenger-blue"] .sidebar-nav ul ul a:focus-visible { background:rgba(255,255,255,.13)!important; border-radius:6px; }
html[data-sellershub-theme="messenger-blue"] .btn-primary,
html[data-sellershub-theme="messenger-blue"] .btn-info,
html[data-sellershub-theme="messenger-blue"] .btn-success,
html[data-sellershub-theme="messenger-blue"] .btn-gradient,
html[data-sellershub-theme="messenger-blue"] .mat-raised-button.mat-primary,
html[data-sellershub-theme="messenger-blue"] .mat-flat-button.mat-primary {
  background:var(--sh-blue)!important; border-color:var(--sh-blue)!important; color:#fff!important;
}
html[data-sellershub-theme="messenger-blue"] .btn-primary:hover,
html[data-sellershub-theme="messenger-blue"] .btn-info:hover,
html[data-sellershub-theme="messenger-blue"] .btn-success:hover,
html[data-sellershub-theme="messenger-blue"] .btn-gradient:hover { background:var(--sh-blue-hover)!important; border-color:var(--sh-blue-hover)!important; }
html[data-sellershub-theme="messenger-blue"] .btn-outline-primary,
html[data-sellershub-theme="messenger-blue"] .btn-outline-info,
html[data-sellershub-theme="messenger-blue"] .mat-stroked-button.mat-primary {
  color:var(--sh-blue)!important; border-color:#96cadd!important; background:#fff!important;
}
html[data-sellershub-theme="messenger-blue"] .text-primary,
html[data-sellershub-theme="messenger-blue"] .text-info,
html[data-sellershub-theme="messenger-blue"] .breadcrumb-item.active { color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .customtab2 li a.nav-link.active,
html[data-sellershub-theme="messenger-blue"] .customtab2 li a.nav-link:hover,
html[data-sellershub-theme="messenger-blue"] .nav-pills .nav-link.active {
  background:var(--sh-blue)!important; color:#fff!important; border-color:var(--sh-blue)!important;
}
html[data-sellershub-theme="messenger-blue"] .customtab2 li a.nav-link.non-active {
  background:#e8f1f6!important; color:#426578!important;
}
html[data-sellershub-theme="messenger-blue"] .mat-ink-bar { background-color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .mat-form-field.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-thick,
html[data-sellershub-theme="messenger-blue"] .mat-form-field.mat-focused:not(.mat-form-field-invalid) .mat-form-field-label { color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .mat-form-field-appearance-outline .mat-form-field-outline { color:#bed5e2; }
html[data-sellershub-theme="messenger-blue"] .mat-checkbox-checked.mat-accent .mat-checkbox-background,
html[data-sellershub-theme="messenger-blue"] .mat-radio-checked.mat-accent .mat-radio-inner-circle,
html[data-sellershub-theme="messenger-blue"] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .mat-radio-checked.mat-accent .mat-radio-outer-circle { border-color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color:#83d1ee; }
html[data-sellershub-theme="messenger-blue"] .card {
  border-color:var(--sh-line); border-radius:12px;
  box-shadow:0 2px 9px rgba(30,64,85,.045);
}
html[data-sellershub-theme="messenger-blue"] .dropdown-menu,
html[data-sellershub-theme="messenger-blue"] .mat-select-panel,
html[data-sellershub-theme="messenger-blue"] .modal-content { border-color:var(--sh-line); box-shadow:0 12px 36px rgba(30,64,85,.13); }
html[data-sellershub-theme="messenger-blue"] .dropdown-item:hover,
html[data-sellershub-theme="messenger-blue"] .mat-option.mat-selected:not(.mat-option-disabled) { background:var(--sh-blue-soft)!important; color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .table thead th,
html[data-sellershub-theme="messenger-blue"] .table thead td,
html[data-sellershub-theme="messenger-blue"] .mat-header-cell {
  background:#eaf7fc!important; color:#244f65!important; border-color:var(--sh-line)!important;
}
html[data-sellershub-theme="messenger-blue"] .table td { border-color:#e8f0f5; }
html[data-sellershub-theme="messenger-blue"] .table-hover tbody tr:hover { background:#f2f9fd; }
html[data-sellershub-theme="messenger-blue"] .warning-bordered-table,
html[data-sellershub-theme="messenger-blue"] .info-bordered-table { border-color:var(--sh-line)!important; }
html[data-sellershub-theme="messenger-blue"] .page-item.active .page-link { background:var(--sh-blue)!important; border-color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] .page-link { color:var(--sh-blue); }
html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box {
  background:#fff!important; color:var(--sh-ink)!important; border-top:3px solid var(--sh-blue); border-radius:12px;
}
html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box h1 { color:var(--sh-blue)!important; }
html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box h6 { color:var(--sh-muted)!important; }
html[data-sellershub-theme="messenger-blue"] .table-responsive { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
html[data-sellershub-theme="messenger-blue"] .page-wrapper [class*="col-"] { min-width:0; }
html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems {
  display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));
  gap:8px; align-items:start!important; text-align:left;
}
html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems>div {
  width:100%; max-width:none; padding:0 4px; min-width:0;
}
html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems .mat-form-field { width:100%; min-width:0; }
html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems>.row { margin:0; gap:6px; align-items:center; }
html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems .btn { margin-left:0!important; white-space:nowrap; }
html[data-sellershub-theme="messenger-blue"] .tabStrip { max-width:100%; }
html[data-sellershub-theme="messenger-blue"] .tabStrip .nav-link { border-radius:8px 8px 0 0; }
html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide {
  margin:14px 10px 18px; padding:19px 22px; background:#fff; border:1px solid var(--sh-line);
  border-radius:12px; color:var(--sh-ink);
}
html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide .sh-guide-section {
  display:block; color:var(--sh-blue); font-size:10px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase;
}
html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide h2 { font-size:23px; line-height:1.3; font-weight:650; margin:7px 0 8px; color:var(--sh-ink); }
html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide p { font-size:13px; line-height:1.75; color:var(--sh-muted); margin:0; }
html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide small { display:block; margin-top:9px; font-size:11px; color:#4e788e; line-height:1.65; }
@media(max-width:767px) {
  html[data-sellershub-theme="messenger-blue"] .page-wrapper app-app-tabs>.container-fluid { padding-left:8px; padding-right:8px; }
  html[data-sellershub-theme="messenger-blue"] .page-wrapper app-app-tabs>.container-fluid>[class*="col-"] { padding-left:0; padding-right:0; }
  html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide { margin:12px 6px; padding:16px; }
  html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide h2 { font-size:20px; }
  html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide p { font-size:12px; }
  html[data-sellershub-theme="messenger-blue"] app-dashboard .removePadding:has(>.cardSize) { flex:0 0 50%; max-width:50%; }
  html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box h1 { font-size:25px; }
  html[data-sellershub-theme="messenger-blue"] .modal-dialog { margin-left:auto; margin-right:auto; }
  html[data-sellershub-theme="messenger-blue"] .cdk-overlay-pane { max-width:calc(100vw - 24px)!important; }
  html[data-sellershub-theme="messenger-blue"] .modal-content { max-height:calc(100dvh - 24px); }
  html[data-sellershub-theme="messenger-blue"] .modal-body { overflow-y:auto; }
}
@media(max-width:575px) {
  html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems { grid-template-columns:minmax(0,1fr); }
  html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems .btn { display:inline-flex!important; min-height:40px; align-items:center; justify-content:center; }
  html[data-sellershub-theme="messenger-blue"] .modal-dialog { max-width:calc(100vw - 24px); margin-top:12px; margin-bottom:12px; }
  html[data-sellershub-theme="messenger-blue"] .fixedDropdown .profile-pic { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media(max-width:359px) {
  html[data-sellershub-theme="messenger-blue"] app-dashboard .removePadding:has(>.cardSize) { flex-basis:100%; max-width:100%; }
}

/* Keep the existing sidebar and account controls reachable on small screens. */
@media(max-width:767px){
 html[data-sellershub-theme="messenger-blue"] .left-sidebar{left:0!important;width:70px!important;}
 html[data-sellershub-theme="messenger-blue"] .left-sidebar .sidebar-nav{width:70px!important;}
 html[data-sellershub-theme="messenger-blue"] .left-sidebar .hide-menu{display:none!important;}
 html[data-sellershub-theme="messenger-blue"] .page-wrapper{margin-left:70px!important;min-width:0;}
 html[data-sellershub-theme="messenger-blue"] .leftSideCards,
 html[data-sellershub-theme="messenger-blue"] .integrationCards{left:70px!important;max-width:calc(100vw - 82px);}
 html[data-sellershub-theme="messenger-blue"] .topbar .nav-toggler{
  position:fixed!important;left:auto!important;right:10px;top:8px;width:40px;height:40px;padding:10px;
  background:#087da5;border-radius:8px;text-align:center;line-height:20px;
 }
 html[data-sellershub-theme="messenger-blue"] .tabStrip{padding-right:48px;}
 html[data-sellershub-theme="messenger-blue"] .topbar .navbar-collapse.show{min-width:220px;background:#07516b;border-radius:0 0 10px 0;box-shadow:0 12px 30px #183d5b25;}
}
@media(max-width:575px){
 html[data-sellershub-theme="messenger-blue"] .page-wrapper .flexItems>div{padding-left:0;padding-right:0;}
 html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide{padding:14px;}
 html[data-sellershub-theme="messenger-blue"] .sh-workspace-guide h2{font-size:19px;}
 html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box{padding:12px 6px;}
 html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box h1{font-size:22px;}
}

/* Product forms stack their existing fields rather than squeezing controls on phones. */
@media(min-width:768px) and (max-width:1023px){
 html[data-sellershub-theme="messenger-blue"] .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-sellershub-theme="messenger-blue"] .cp-grid>div{grid-column:auto!important;min-width:0;}
 html[data-sellershub-theme="messenger-blue"] .cp-grid>div:has(angular-editor){grid-column:1/-1!important;}
}
@media(max-width:767px){
 html[data-sellershub-theme="messenger-blue"] .topbar .nav-toggler{display:flex!important;align-items:center;justify-content:center;padding:0;}
 html[data-sellershub-theme="messenger-blue"] .cp-grid{grid-template-columns:minmax(0,1fr)!important;}
 html[data-sellershub-theme="messenger-blue"] .cp-grid>div{grid-column:1/-1!important;min-width:0;}
 html[data-sellershub-theme="messenger-blue"] .cp-grid :is(input,select,textarea,angular-editor){min-width:0;max-width:100%;box-sizing:border-box;}
 html[data-sellershub-theme="messenger-blue"] .cp-head,
 html[data-sellershub-theme="messenger-blue"] .cp-actions,
 html[data-sellershub-theme="messenger-blue"] .cp-foot{flex-wrap:wrap;gap:8px;max-width:100%;}
 html[data-sellershub-theme="messenger-blue"] .cp-title,
 html[data-sellershub-theme="messenger-blue"] .cp-sub{overflow-wrap:anywhere;}
 html[data-sellershub-theme="messenger-blue"] .cp-tabs{flex-direction:column;align-items:stretch;}
 html[data-sellershub-theme="messenger-blue"] .cp-tabs>button{white-space:normal;text-align:left;}
 html[data-sellershub-theme="messenger-blue"] .footer{width:auto!important;max-width:none!important;margin-left:70px!important;margin-right:0!important;padding:10px!important;gap:5px;font-size:11px;}
 html[data-sellershub-theme="messenger-blue"] .footer>*{min-width:0;max-width:100%;overflow-wrap:anywhere;}
 html[data-sellershub-theme="messenger-blue"] .footer>[class*="col-"]{flex-basis:100%;max-width:100%;padding-left:0;padding-right:0;}
}
@media(max-width:480px){
 html[data-sellershub-theme="messenger-blue"] app-dashboard .removePadding:has(>.cardSize){flex-basis:100%;max-width:100%;}
 html[data-sellershub-theme="messenger-blue"] app-dashboard .cardSize .box h1{font-size:26px;}
}