/* ============================================================
   Масла.сайт — Личный кабинет + Вход + Цеховая карта.
   Порт дизайна v6: pages3.css (.acc-*), pages.css (.auth-*),
   map-enterprise.css (.em-* / .c-*). Грузится на is_account_page() и входе.
   Разметка — WooCommerce my-account overrides (woocommerce/myaccount/*).
   ============================================================ */

/* ---------------- ВХОД (.auth-*) ---------------- */
.auth { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: var(--hairline); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--el-2); margin: 8px auto; max-width: 980px; background: #fff; }
.auth-form { padding: 40px 44px; }
.auth-tabs { display: flex; gap: 6px; background: var(--soft); border-radius: var(--r-sm); padding: 4px; margin-bottom: 26px; }
.auth-tabs button { flex: 1; padding: 10px; border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--neutral-500); transition: background 140ms, color 140ms; border: 0; background: transparent; cursor: pointer; font-family: var(--font-body); }
.auth-tabs button.on { background: #fff; color: var(--masla-navy); box-shadow: var(--el-1); }
.auth-field { margin-bottom: 16px; }
.auth-field label { display: block; font-size: 13px; font-weight: 600; color: var(--masla-navy); margin-bottom: 7px; }
.auth-field .inp { position: relative; }
.auth-field input { width: 100%; box-sizing: border-box; border: var(--hairline); border-radius: var(--r-sm); padding: 13px 14px 13px 42px; font-family: var(--font-body); font-size: 15px; color: var(--masla-navy); outline: none; transition: border-color 140ms, box-shadow 140ms; background: #fff; }
.auth-field input:focus { border-color: var(--cyan); box-shadow: var(--ring); }
.auth-field .lead-ic { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--neutral-400); }
.auth-field .toggle { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--neutral-400); font-size: 12px; cursor: pointer; user-select: none; }
.auth-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; font-size: 13px; flex-wrap: wrap; gap: 8px; }
.auth-row .remember { display: flex; align-items: center; gap: 8px; color: var(--masla-navy); cursor: pointer; }
.auth-row .remember .box { width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--border-strong); display: flex; align-items: center; justify-content: center; color: #fff; transition: all 120ms; }
.auth-row .remember.on .box, .auth-row .remember input:checked + .box { background: var(--cyan); border-color: var(--cyan); }
.auth-row .remember .box svg { opacity: 0; }
.auth-row .remember.on .box svg { opacity: 1; }
.auth-row a { color: var(--cyan-700); font-weight: 600; }
.auth-form .btn { width: 100%; }
.auth-or { display: flex; align-items: center; gap: 14px; margin: 20px 0; color: var(--neutral-400); font-size: 13px; }
.auth-or::before, .auth-or::after { content: ""; flex: 1; height: 1px; background: var(--border-default); }
.auth-alt { display: flex; gap: 10px; }
.auth-alt .btn { flex: 1; }
.auth-foot { margin-top: 22px; font-size: 13.5px; color: var(--neutral-500); text-align: center; }
.auth-foot a { color: var(--cyan-700); font-weight: 600; cursor: pointer; }
.auth-aside { padding: 40px 44px; background: linear-gradient(160deg, #0C141D 0%, #16273A 70%, #1E4A6B 100%); color: #fff; display: flex; flex-direction: column; }
.auth-aside .eyb { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--bronze); margin-bottom: 14px; }
.auth-aside h3 { font-family: var(--font-display); font-weight: 800; font-size: 26px; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 24px; color: #fff; }
.auth-benefits { display: flex; flex-direction: column; gap: 18px; }
.auth-benefit { display: flex; gap: 13px; }
.auth-benefit .ic { width: 40px; height: 40px; border-radius: var(--r-sm); background: rgba(255,255,255,0.08); color: var(--bronze); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.auth-benefit .t { font-weight: 600; font-size: 15px; margin-bottom: 3px; }
.auth-benefit .d { font-size: 13px; color: rgba(255,255,255,0.66); line-height: 1.45; }
.auth-aside .help { margin-top: auto; padding-top: 26px; font-size: 13px; color: rgba(255,255,255,0.6); }
.auth-aside .help b { color: #fff; display: block; font-family: var(--font-display); font-size: 18px; margin-top: 4px; }
/* WooCommerce notices внутри формы входа */
.auth-form .woocommerce-error, .auth-form .woocommerce-message, .auth-form .woocommerce-info { list-style: none; margin: 0 0 16px; padding: 12px 14px; border-radius: var(--r-sm); font-size: 13.5px; }
.auth-form .woocommerce-error { background: var(--danger-bg); color: var(--danger); }
.auth-form .woocommerce-message, .auth-form .woocommerce-info { background: var(--cyan-50); color: var(--cyan-900); }

/* ---------------- ЛИЧНЫЙ КАБИНЕТ (.acc-*) ---------------- */
.acc-layout { display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: start; padding-top: 8px; }
.acc-side { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 16px; }
.acc-card { border: var(--hairline); border-radius: var(--r-md); padding: 18px; }
.acc-org { display: flex; flex-direction: column; gap: 4px; }
.acc-org .nm { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--masla-navy); }
.acc-org .bal { font-size: 12px; color: var(--success); background: var(--success-bg); padding: 5px 10px; border-radius: var(--r-pill); margin-top: 8px; align-self: flex-start; }
.acc-nav { display: flex; flex-direction: column; gap: 2px; padding: 8px; }
.acc-nav a { display: flex; align-items: center; gap: 11px; padding: 11px 12px; border-radius: var(--r-sm); font-size: 14px; font-weight: 500; color: var(--masla-navy); transition: background 120ms, color 120ms; cursor: pointer; }
.acc-nav a .ic { color: var(--neutral-400); transition: color 120ms; display: inline-flex; }
.acc-nav a .cnt { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--neutral-400); background: var(--soft); padding: 1px 8px; border-radius: var(--r-pill); }
.acc-nav a.on, .acc-nav a:hover { background: var(--cyan-50); color: var(--cyan-900); }
.acc-nav a.on .ic, .acc-nav a:hover .ic { color: var(--cyan); }
.acc-nav a.on { font-weight: 600; }
.acc-nav a.on .cnt { background: var(--cyan); color: #fff; }
.acc-logout { display: flex; align-items: center; gap: 10px; padding: 11px 12px; font-size: 14px; color: var(--neutral-500); }
.acc-logout:hover { color: var(--danger); }

.acc-main { min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.acc-welcome { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.acc-welcome h1 { font-family: var(--font-display); font-weight: 800; font-size: 28px; letter-spacing: -0.02em; color: var(--masla-navy); }
.acc-welcome .s { font-size: 14px; color: var(--neutral-500); margin-top: 4px; }

.acc-pane { display: none; flex-direction: column; gap: 24px; }
.acc-pane.on { display: flex; }

.acc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.acc-stat { border: var(--hairline); border-radius: var(--r-md); padding: 18px; }
.acc-stat .n { font-family: var(--font-display); font-weight: 800; font-size: 26px; letter-spacing: -0.02em; color: var(--masla-navy); }
.acc-stat .l { font-size: 12.5px; color: var(--neutral-500); margin-top: 6px; }

.acc-block { border: var(--hairline); border-radius: var(--r-lg); overflow: hidden; }
.acc-block-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: var(--hairline); gap: 12px; }
.acc-block-head h3 { font-family: var(--font-display); font-weight: 800; font-size: 17px; color: var(--masla-navy); }

.acc-orders { width: 100%; border-collapse: collapse; }
.acc-orders th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--neutral-400); padding: 12px 22px; background: var(--soft); }
.acc-orders td { padding: 15px 22px; font-size: 14px; border-top: var(--hairline); }
.acc-orders tr:hover td { background: var(--soft); }
.acc-orders .num { font-family: var(--font-mono); font-weight: 600; color: var(--masla-navy); }
.acc-orders .sum { font-family: var(--font-display); font-weight: 700; color: var(--masla-navy); }
.acc-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 5px 11px; border-radius: var(--r-pill); }
.acc-status .dot { width: 6px; height: 6px; border-radius: 99px; background: currentColor; }
.acc-status.process { background: var(--warning-bg); color: var(--warning); }
.acc-status.ship { background: var(--cyan-50); color: var(--cyan-900); }
.acc-status.done { background: var(--success-bg); color: var(--success); }
.acc-orders .act a { color: var(--cyan-700); font-weight: 600; font-size: 13px; }

.acc-maps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 18px 22px; }
.acc-map { border: var(--hairline); border-radius: var(--r-md); padding: 18px; transition: box-shadow 150ms, border-color 150ms; cursor: pointer; display: block; }
.acc-map:hover { box-shadow: var(--el-2); border-color: transparent; }
.acc-map .ic { width: 40px; height: 40px; border-radius: var(--r-sm); background: var(--cyan-50); color: var(--cyan-700); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.acc-map .nm { font-weight: 600; font-size: 14px; color: var(--masla-navy); line-height: 1.3; margin-bottom: 6px; }
.acc-map .meta { font-size: 12px; color: var(--neutral-400); }

.acc-manager { display: flex; align-items: center; gap: 16px; padding: 20px 22px; flex-wrap: wrap; }
.acc-manager .ava { width: 52px; height: 52px; border-radius: var(--r-pill); background: linear-gradient(140deg, #1E4A6B, #0C141D); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 800; font-size: 18px; flex-shrink: 0; }
.acc-manager .info .nm { font-weight: 700; font-size: 15px; color: var(--masla-navy); }
.acc-manager .info .role { font-size: 12.5px; color: var(--neutral-500); }
.acc-manager .acts { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }

/* addresses */
.acc-addr { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 18px 22px; }
.acc-addr-card { border: var(--hairline); border-radius: var(--r-md); padding: 18px; }
.acc-addr-card .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.acc-addr-card .ic { width: 38px; height: 38px; border-radius: var(--r-sm); background: var(--cyan-50); color: var(--cyan-700); display: flex; align-items: center; justify-content: center; }
.acc-addr-card .def { font-size: 11px; font-weight: 700; color: var(--success); background: var(--success-bg); padding: 4px 10px; border-radius: var(--r-pill); }
.acc-addr-card .nm { font-weight: 700; font-size: 14.5px; color: var(--masla-navy); margin-bottom: 6px; }
.acc-addr-card .addr { font-size: 13px; color: var(--neutral-700); line-height: 1.45; margin-bottom: 8px; }
.acc-addr-card .contact { font-size: 12.5px; color: var(--neutral-500); margin-bottom: 12px; }
.acc-addr-card .row { padding-top: 10px; border-top: var(--hairline); }

/* requisites */
.acc-req { padding: 8px 22px 18px; }
.acc-req .r { display: grid; grid-template-columns: 280px 1fr; gap: 16px; padding: 13px 0; border-bottom: var(--hairline); font-size: 14px; }
.acc-req .r:last-child { border-bottom: 0; }
.acc-req .r .k { color: var(--neutral-500); }
.acc-req .r .v { color: var(--masla-navy); font-weight: 600; }

/* documents */
.acc-docs-bar { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 22px; border-bottom: var(--hairline); }
.docfilter { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--neutral-500); background: var(--soft); border: 1px solid transparent; border-radius: var(--r-pill); padding: 7px 13px; transition: background 140ms, color 140ms, border-color 140ms; cursor: pointer; }
.docfilter:hover { color: var(--masla-navy); }
.docfilter .c { font-size: 11px; font-weight: 700; color: var(--neutral-400); background: #fff; border-radius: var(--r-pill); padding: 1px 7px; min-width: 18px; text-align: center; transition: background 140ms, color 140ms; }
.docfilter.on { background: var(--cyan-50); color: var(--cyan-900); border-color: color-mix(in oklab, var(--cyan) 30%, transparent); }
.docfilter.on .c { background: var(--cyan); color: #fff; }
.acc-docs { width: 100%; border-collapse: collapse; }
.acc-docs th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--neutral-400); padding: 12px 22px; background: var(--soft); }
.acc-docs td { padding: 12px 22px; font-size: 14px; border-top: var(--hairline); vertical-align: middle; }
.acc-docs tbody tr:hover td { background: var(--soft); }
.acc-docs .docmain { display: flex; align-items: center; gap: 13px; }
.acc-docs .doc-ic { width: 40px; height: 40px; border-radius: var(--r-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--cyan-50); color: var(--cyan-700); }
.acc-docs .doc-name { font-weight: 600; color: var(--masla-navy); }
.acc-docs .doc-tag { display: inline-block; font-size: 12px; font-weight: 600; color: var(--neutral-700); background: var(--soft); border: var(--hairline); padding: 4px 11px; border-radius: var(--r-pill); white-space: nowrap; }
.acc-docs .doc-date { color: var(--neutral-500); white-space: nowrap; }
.acc-docs .doc-file { display: inline-flex; align-items: center; gap: 9px; }
.acc-docs .doc-file .fmt { font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--masla-navy); background: #fff; border: var(--hairline); padding: 3px 6px; border-radius: 4px; }
.acc-docs .doc-file .size { font-size: 12.5px; color: var(--neutral-400); white-space: nowrap; }
.acc-docs .doc-act { text-align: right; width: 70px; }
.acc-docs .doc-dl { width: 38px; height: 38px; border-radius: var(--r-pill); background: var(--soft); color: var(--neutral-500); display: inline-flex; align-items: center; justify-content: center; transition: background 150ms, color 150ms; border: 0; cursor: pointer; }
.acc-docs tbody tr:hover .doc-dl { background: var(--cyan); color: #fff; }

@media (max-width: 1024px) {
  .acc-layout { grid-template-columns: 1fr; }
  .acc-side { position: static; flex-direction: row; flex-wrap: wrap; }
  .acc-card, .acc-nav { flex: 1; min-width: 240px; }
  .acc-nav { flex-direction: row; flex-wrap: wrap; }
  .acc-stats { grid-template-columns: repeat(2, 1fr); }
  .acc-maps, .acc-addr { grid-template-columns: 1fr; }
  .acc-req .r { grid-template-columns: 1fr; gap: 2px; }
}
@media (max-width: 820px) {
  .auth { grid-template-columns: 1fr; }
  .auth-aside { display: none; }
}
@media (max-width: 600px) {
  .acc-orders thead, .acc-docs thead { display: none; }
  .acc-orders td, .acc-docs td { display: block; padding: 4px 18px; border: 0; }
  .acc-orders tr, .acc-docs tr { display: block; border-top: var(--hairline); padding: 10px 0; }
}

/* ---------------- ЦЕХОВАЯ КАРТА (.em-*) — порт map-enterprise.css v6 (субсет) ---------------- */
.em-back { display: flex; margin-bottom: 14px; }
.em-back-btn { display: inline-flex; align-items: center; gap: 7px; }
.em-back-btn svg { transform: rotate(180deg); transition: transform 150ms; }
.em-back-btn:hover svg { transform: rotate(180deg) translateX(-3px); }
.em-doc { border: var(--hairline); border-radius: var(--r-lg); overflow: hidden; background: #fff; box-shadow: var(--el-2); }
.em-doc-head { display: grid; grid-template-columns: 1fr 360px; gap: 0; border-top: 4px solid var(--masla-navy); border-bottom: var(--hairline); }
.em-doc-id { padding: 26px 28px; }
.em-eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--cyan-700); background: var(--cyan-50); padding: 5px 11px; border-radius: var(--r-pill); }
.em-doc-id h1 { font-family: var(--font-display); font-weight: 800; font-size: 28px; letter-spacing: -0.02em; color: var(--masla-navy); line-height: 1.1; margin: 14px 0 12px; }
.em-object { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--masla-navy); }
.em-object svg { color: var(--cyan-700); }
.em-org { font-size: 13px; color: var(--neutral-500); margin-top: 7px; }
.em-doc-meta { padding: 20px 26px; background: var(--soft); border-left: var(--hairline); display: flex; flex-direction: column; justify-content: center; }
.em-meta-row { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px dashed var(--neutral-200, #e5e9ed); font-size: 13px; }
.em-meta-row:last-child { border-bottom: 0; }
.em-meta-row .k { color: var(--neutral-500); white-space: nowrap; }
.em-meta-row .v { color: var(--masla-navy); font-weight: 700; text-align: right; }
.em-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; flex-wrap: wrap; }
.em-dl { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.em-dl-label { font-size: 13px; font-weight: 600; color: var(--neutral-500); }
.em-fmt { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; color: var(--masla-navy); background: #fff; border: var(--hairline-strong, 1px solid var(--border-strong)); border-radius: var(--r-sm); padding: 8px 13px 8px 9px; cursor: pointer; transition: border-color 150ms, box-shadow 150ms, transform 120ms; }
.em-fmt:hover { border-color: var(--cyan); box-shadow: var(--el-2); transform: translateY(-1px); }
.em-fmt .ext { font-family: var(--font-mono); font-size: 10px; font-weight: 700; color: #fff; padding: 3px 5px; border-radius: 4px; }
.em-fmt .ext.pdf { background: #C0392B; }
.em-addall { white-space: nowrap; }
.em-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.em-stat { border: var(--hairline); border-radius: var(--r-md); padding: 18px; background: #fff; transition: box-shadow 160ms, transform 160ms; }
.em-stat:hover { box-shadow: var(--el-2); transform: translateY(-2px); }
.em-stat .n { font-family: var(--font-display); font-weight: 800; font-size: 22px; letter-spacing: -0.02em; color: var(--masla-navy); }
.em-stat .l { font-size: 12.5px; color: var(--neutral-500); margin-top: 6px; line-height: 1.35; }
.em-pane-title { font-family: var(--font-display); font-weight: 800; font-size: 18px; color: var(--masla-navy); margin: 26px 0 12px; }
.em-table-wrap { border: var(--hairline); border-radius: var(--r-md); overflow: hidden; }
.em-table { width: 100%; border-collapse: collapse; }
.em-table thead th { background: var(--masla-navy); color: #fff; text-align: left; font-size: 11px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; padding: 13px 16px; white-space: nowrap; }
.em-table tbody td { padding: 13px 16px; font-size: 14px; vertical-align: middle; border-top: var(--hairline); }
.em-table .c-no { width: 40px; color: var(--neutral-400); font-family: var(--font-mono); font-size: 12px; text-align: center; }
.em-table .c-pts { text-align: center; width: 64px; font-weight: 700; color: var(--masla-navy); }
.em-table .c-fill, .em-table .c-per, .em-table .c-year { white-space: nowrap; }
.em-unitrow td { background: var(--soft-2, color-mix(in oklab, var(--masla-navy) 5%, #fff)); border-top: var(--hairline); padding: 11px 16px; }
.em-unitrow .em-unit-ic { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--r-sm); background: #fff; color: var(--cyan-700); border: var(--hairline); vertical-align: middle; margin-right: 11px; }
.em-unitrow .em-unit-nm { font-family: var(--font-display); font-weight: 800; font-size: 15px; color: var(--masla-navy); vertical-align: middle; }
.em-unitrow .em-unit-tags { display: inline-flex; gap: 7px; margin-left: 12px; vertical-align: middle; }
.em-unitrow .em-unit-tags .t { font-size: 11px; font-weight: 700; color: var(--cyan-900); background: var(--cyan-50); padding: 3px 9px; border-radius: var(--r-pill); }
.em-unitrow .em-unit-tags .inv { font-family: var(--font-mono); font-size: 11px; color: var(--neutral-400); background: #fff; border: var(--hairline); padding: 3px 8px; border-radius: var(--r-pill); }
.em-noderow:hover td { background: var(--soft); }
.em-table .c-node { font-weight: 600; color: var(--masla-navy); }
.em-table .c-prod .meta { display: flex; align-items: center; gap: 9px; margin-top: 4px; }
.em-table .c-prod .sku { font-family: var(--font-mono); font-size: 11px; color: var(--neutral-400); }
.em-table .c-fill { font-weight: 600; color: var(--masla-navy); }
.em-cls { font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: var(--masla-navy); background: var(--soft); border: var(--hairline); padding: 3px 8px; border-radius: 4px; white-space: nowrap; }
.em-stock { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: var(--r-pill); white-space: nowrap; }
.em-stock.in { background: var(--success-bg); color: var(--success); }
.em-stock.order { background: var(--warning-bg); color: var(--warning); }
.em-foot { display: grid; grid-template-columns: 1fr 360px; gap: 18px; align-items: stretch; }
.em-note { border: var(--hairline); border-radius: var(--r-md); padding: 20px 22px; background: var(--soft); }
.em-note-head { display: flex; align-items: center; gap: 9px; font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--masla-navy); }
.em-note-head svg { color: var(--cyan-700); }
.em-note p { font-size: 13.5px; line-height: 1.55; color: var(--neutral-700); margin: 10px 0 0; }
.em-legend { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; }
.em-legend span { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: var(--neutral-500); }
.em-legend .lg { width: 12px; height: 12px; border-radius: 4px; flex-shrink: 0; }
.em-legend .lg.ru { background: var(--success); }
.em-legend .lg.pts { background: var(--bronze); }
.em-signs { display: grid; grid-template-rows: repeat(3, 1fr); gap: 12px; }
.em-sign { border: var(--hairline); border-radius: var(--r-md); padding: 14px 16px; display: flex; flex-direction: column; justify-content: center; }
.em-sign .role { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--neutral-400); }
.em-sign .line { height: 1px; background: var(--neutral-300); margin: 16px 0 8px; }
.em-sign .who { font-size: 12.5px; color: var(--neutral-500); }
.em-sign .who-name { font-size: 13.5px; font-weight: 700; color: var(--masla-navy); margin-top: 1px; }
@media (max-width: 1024px) {
  .em-doc-head { grid-template-columns: 1fr; }
  .em-doc-meta { border-left: 0; border-top: var(--hairline); }
  .em-stats { grid-template-columns: repeat(3, 1fr); }
  .em-foot { grid-template-columns: 1fr; }
  .em-signs { grid-template-rows: none; grid-template-columns: repeat(3, 1fr); }
  .em-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .em-table { min-width: 820px; }
}
@media (max-width: 600px) {
  .em-doc-id h1 { font-size: 22px; }
  .em-stats { grid-template-columns: repeat(2, 1fr); }
  .em-signs { grid-template-columns: 1fr; }
}
@media print {
  .hd, .ft, .cat-crumbs, .em-toolbar, .em-back, .acc-side, .woocommerce-MyAccount-navigation { display: none !important; }
  .em-doc { box-shadow: none !important; }
  @page { size: A4 landscape; margin: 12mm; }
}

/* ---------------- Страницы кабинета: разворот из узкого ms-контейнера + скрытие дубль-заголовка ----------------
   Контент WP-страницы /my-account/ — шорткод [woocommerce_my_account], завёрнутый прежней
   блочной миграцией в узкий .ms-text (720px) / .ms-container--narrow (880px). Кабинету нужна
   полная ширина. Scoped строго на body.woocommerce-account, чтобы не задеть остальной сайт. */
body.woocommerce-account .entry-title { display: none !important; }
body.woocommerce-account .ms-section .ms-container,
body.woocommerce-account .ms-section .ms-container--narrow { max-width: 1320px !important; }
body.woocommerce-account .ms-text { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body.woocommerce-account .woocommerce { width: 100%; }

/* WooCommerce ядро задаёт float+width(30/68%) для nav/content — ломает наш грид .acc-layout.
   Сбрасываем, чтобы грид-треки (260px / 1fr) растягивали колонки на всю ширину. */
body.woocommerce-account .acc-layout > .woocommerce-MyAccount-navigation,
body.woocommerce-account .acc-layout > .woocommerce-MyAccount-content { float: none !important; width: auto !important; margin: 0 !important; }
