/* WMS header and navigation only. */
.wms-page > .wms-heading { gap: 14px; padding: 2px 0 20px; }
.wms-heading > div:first-child { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid #dce8e4; border-radius: 12px; background: #f0f6f3; }
.wms-heading h1 { color: #183b35; font-size: 21px; font-weight: 650; line-height: 1.35; letter-spacing: -.5px; }
.wms-heading p { margin-top: 5px; color: #76817d; font-size: 13px; line-height: 1.5; }
.wms-page > .wms-tabs { display: flex; gap: 28px; margin-top: 0; padding: 0; border-radius: 0; border-bottom: 1px solid #dfe7e3; background: transparent; scrollbar-width: thin; }
.wms-tabs > button { display: inline-flex; align-items: center; gap: 9px; position: relative; padding: 13px 2px 15px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #78817d; font-size: 13px; font-weight: 500; box-shadow: none; transition: color .15s, border-color .15s; }
.wms-tabs > button:hover { color: #244d42; }
.wms-tabs > button[aria-selected="true"] { color: #184d3d; border-bottom-color: #237153; font-weight: 650; background: transparent; box-shadow: none; }
.wms-tabs > button:focus-visible { outline: 2px solid #237153; outline-offset: -4px; border-radius: 4px; }
.wms-tabs > button::before { content: ''; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; mask: var(--wms-icon) center / contain no-repeat; -webkit-mask: var(--wms-icon) center / contain no-repeat; }
.wms-tabs > button:nth-child(1) { --wms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h11v12H3zM14 9h4l3 4v4h-7M3 12h11'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E"); }
.wms-tabs > button:nth-child(2) { --wms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8V4h4M16 4h4v4M20 16v4h-4M8 20H4v-4M8 12h8M12 8l-4 4 4 4'/%3E%3C/svg%3E"); }
.wms-tabs > button:nth-child(3) { --wms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h8l10 10-8 8L3 11z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1'/%3E%3C/svg%3E"); }
.wms-tabs > button:nth-child(4) { --wms-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H5v18h14V8zM14 3v5h5M8 12h8M8 16h5'/%3E%3C/svg%3E"); }
.wms-page > .wms-tabs + div { margin-top: 26px; }
.wms-page > .wms-tabs + div > div:first-child > h2 { color: #243c34; font-size: 17px; font-weight: 600; letter-spacing: -.25px; }
.wms-page > .wms-tabs + div > div:first-child > p { margin-top: 5px; font-size: 13px; color: #7b8580; }
@media (max-width: 640px) { .wms-heading h1 { font-size: 18px; max-width: 270px; } .wms-page > .wms-tabs { gap: 22px; } .wms-tabs > button { font-size: 12px; } .wms-page > .wms-heading { gap: 12px; padding-bottom: 15px; } }