/* ZakupPRO v111 — единые компоненты детальной и новой заявки. */
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui){
  --cabinet-card-radius:18px;
  --cabinet-card-border:rgba(108,92,231,.13);
  --cabinet-card-shadow:0 8px 24px rgba(45,35,98,.055);
  --cabinet-gap:16px;
}

/* Карточки и заголовки */
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .detail-card{
  margin:0!important;padding:18px!important;border:1px solid var(--cabinet-card-border)!important;
  border-radius:var(--cabinet-card-radius)!important;background:#fff!important;
  box-shadow:var(--cabinet-card-shadow)!important;box-sizing:border-box;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .detail-card:hover{
  border-color:rgba(108,92,231,.23)!important;box-shadow:0 11px 29px rgba(45,35,98,.075)!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .order-card-title{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:34px!important;
  margin:0 0 14px!important;padding:0 0 11px!important;border:0!important;
  border-bottom:1px solid #ece9f4!important;border-radius:0!important;background:transparent!important;
  color:#1a1a2e!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .order-card-title i{
  display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;
  margin:0!important;border-radius:9px!important;background:#eeeaff!important;color:#6c5ce7!important;
  -webkit-text-fill-color:currentColor!important;font-family:"Font Awesome 5 Free","Font Awesome 6 Free"!important;
  font-size:13px!important;font-style:normal!important;font-weight:900!important;
}

/* Товары */
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-card{margin:0 0 var(--cabinet-gap)!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-wrap{
  overflow:auto!important;margin:0!important;border:1px solid #e4e0ee!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table{
  width:100%!important;min-width:1260px!important;table-layout:fixed!important;border-collapse:collapse!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th{
  height:36px!important;padding:7px 6px!important;background:#f6f4ff!important;color:#4e4960!important;
  font-size:10px!important;letter-spacing:.025em!important;text-align:center!important;white-space:normal!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td{
  height:44px!important;padding:4px!important;text-align:center!important;vertical-align:middle!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table input,
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table select{
  width:100%!important;min-height:34px!important;height:34px!important;padding:6px 7px!important;
  border-radius:8px!important;text-align:center!important;font-size:12px!important;box-sizing:border-box!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(2) input,
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(4) input,
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(6) input,
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(7) input{text-align:left!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) :is(.goods-actions,.goods-add-actions){display:flex!important;justify-content:flex-start!important;margin-top:11px!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .btn-add-goods{
  display:inline-flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;width:auto!important;
  min-height:40px!important;padding:9px 16px!important;border:1px solid rgba(108,92,231,.2)!important;
  border-radius:11px!important;background:rgba(108,92,231,.08)!important;color:#6c5ce7!important;box-shadow:none!important;
}

/* Данные клиента и расчет */
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-primary-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--cabinet-gap)!important;
  align-items:stretch!important;margin:0 0 var(--cabinet-gap)!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-primary-grid>.detail-card{height:100%!important;margin:0!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label{
  display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;
  color:#514d64!important;font-size:11px!important;font-weight:700!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label.wide{grid-column:1/-1!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label>input,
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label>select{
  width:100%!important;min-height:39px!important;height:39px!important;margin:0!important;padding:7px 10px!important;
  border:1px solid #e8e6ef!important;border-radius:9px!important;background:#fff!important;color:#1a1a2e!important;
  font:600 12px/1.35 'Inter',sans-serif!important;box-shadow:none!important;box-sizing:border-box!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label>input:focus,
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label>select:focus{
  outline:none!important;border-color:#6c5ce7!important;box-shadow:0 0 0 3px rgba(108,92,231,.09)!important;
}
.order-workspace-page #app .order-ui .hidden-field:not(.visible){display:none!important}
.order-workspace-page #app .order-ui .payment-info{display:block;margin-top:2px;color:#777187;font-size:10px;font-weight:500}

/* Новая заявка: клиентские значения читаются слева, без изменения сетки полей. */
.order-workspace-page #app .order-ui .cabinet-client-card .cabinet-form-grid>label{
  align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;
}
.order-workspace-page #app .order-ui .cabinet-client-card .cabinet-form-grid>label>input,
.order-workspace-page #app .order-ui .cabinet-client-card .cabinet-form-grid>label>select{
  text-align:left!important;text-align-last:left!important;
}

/* В колонке ссылки оставляем только URL и компактную кнопку перехода. */
.order-workspace-page #app .order-ui .product-link-wrap .product-fetch-state,
.order-workspace-page #app .order-ui .product-link-wrap .product-preview-btn{display:none!important}

/* Одинаковые мини-карточки расчета */
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .cabinet-form-grid>label{
  min-width:0!important;padding:10px!important;border:1px solid #e8e4f2!important;
  border-radius:11px!important;background:#fff!important;box-sizing:border-box!important;
}
#detailPage.order-ui :is(#dDiscountPercentRow,#dDiscountAmountRow,#dDiscountFinalRow)[hidden]{display:none!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .currency-input-wrap{position:relative!important;margin-top:auto!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .currency-input-wrap .currency-suffix{
  position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;
  color:#6c5ce7!important;font-weight:800!important;pointer-events:none!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .calc-readonly-input{
  display:flex!important;align-items:center!important;width:100%!important;min-height:37px!important;height:37px!important;
  margin:0!important;padding:7px 30px 7px 9px!important;border:1px solid #e8e6ef!important;border-radius:8px!important;
  background:#f5f4f9!important;color:#57536b!important;font-size:14px!important;font-weight:700!important;
  box-sizing:border-box!important;box-shadow:none!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .calc-readonly-value strong{font:inherit;color:inherit}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .calc-pending-value{height:auto!important;min-height:37px!important;padding-right:9px!important;font-size:11px!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .cabinet-calculation-total{
  position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;grid-column:1/-1!important;
  padding:13px!important;border:1px solid #ddd6ff!important;border-radius:13px!important;
  background:linear-gradient(135deg,#f0ecff 0%,#e7e2ff 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .cabinet-calculation-total:before{
  content:'\f51e';grid-column:1;grid-row:1/3;width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:rgba(108,92,231,.13);color:#6c5ce7;font-family:'Font Awesome 6 Free';font-size:20px;font-weight:900;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .cabinet-calculation-total__label{
  grid-column:2;grid-row:1;color:#5f5684;font-size:12px;font-weight:800;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .cabinet-calculation-total>.currency-input-wrap{
  grid-column:2;grid-row:2;width:100%!important;min-height:32px!important;border:0!important;background:transparent!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-calculation-card .cabinet-calculation-total .calc-readonly-input{
  height:32px!important;min-height:32px!important;padding:0 28px 0 0!important;border:0!important;border-radius:0!important;
  color:#5a45e6!important;font-size:22px!important;font-weight:900!important;background:transparent!important;box-shadow:none!important;
}
.order-workspace-page #app .order-ui .calc-inline-note{min-height:37px;padding:8px 9px;border-radius:8px;background:#f5f4f9;color:#57536b}

/* Услуги и комментарий */
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-secondary-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--cabinet-gap)!important;
  margin:0 0 18px!important;align-items:stretch!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-secondary-grid>.detail-card{height:100%!important;margin:0!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .order-services-box{display:block!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-service-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-service-list label{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;margin:0!important;
  padding:9px 11px!important;border:1px solid #e7e4f0!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-service-list input{width:18px!important;height:18px!important;accent-color:#6c5ce7!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-service-list strong{margin-left:5px!important;color:#6c5ce7!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-service-total{margin-top:10px!important;color:#6b6b8a!important;text-align:right!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .order-comment-hint{margin:-4px 0 9px!important;color:#6b6b8a!important;font-size:11px!important;line-height:1.45!important}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .order-comment-textarea{
  display:block!important;width:100%!important;min-height:98px!important;margin:0!important;padding:11px!important;
  border:1px solid #e1dff0!important;border-radius:11px!important;background:#fff!important;color:#1a1a2e!important;
  font:inherit!important;line-height:1.55!important;resize:vertical!important;outline:none!important;
  box-shadow:0 4px 14px rgba(40,32,90,.04)!important;box-sizing:border-box!important;
}
:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .order-comment-textarea:focus{border-color:#6c5ce7!important;box-shadow:0 0 0 4px rgba(108,92,231,.09)!important}

/* Номер новой заявки использует то же поле кабинета, но расположен в шапке формы. */
.order-workspace-page .order-create-number{display:flex;flex-direction:column;gap:5px;min-width:190px;color:#514d64;font-size:11px;font-weight:700}
.order-workspace-page .order-create-number input{width:100%;height:39px;padding:7px 10px;border:1px solid #e8e6ef;border-radius:9px;background:#f5f4f9;color:#57536b;font:700 12px 'Inter',sans-serif;text-align:center}

@media (min-width:861px){
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(1),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(1){width:3%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(2),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(2){width:9%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(3),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(3){width:10%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(4),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(4){width:15%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(5),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(5){width:7%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(6),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(6){width:8%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(7),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(7){width:20%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(8),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(8){width:7%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(9),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(9){width:8%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(10),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(10){width:10%!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table th:nth-child(11),:is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table td:nth-child(11){width:3%!important}
}

@media (max-width:1000px){
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-primary-grid{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui){--cabinet-gap:12px}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .detail-card{padding:14px!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) :is(.cabinet-primary-grid,.cabinet-secondary-grid){display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid{grid-template-columns:1fr!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .cabinet-form-grid>label{grid-column:1!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-card{padding:14px!important;border:1px solid var(--cabinet-card-border)!important;background:#fff!important;box-shadow:var(--cabinet-card-shadow)!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-wrap{overflow:visible!important;border:0!important;background:transparent!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table{display:block!important;width:100%!important;min-width:0!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table thead{display:none!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table tbody{display:grid!important;width:100%!important;gap:14px!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table tbody tr:not(.goods-empty){position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:18px 16px 14px!important;border:1px solid rgba(108,92,231,.13)!important;border-radius:20px!important;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%)!important;box-shadow:0 10px 28px rgba(42,34,94,.08)!important;overflow:hidden!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table tbody tr:not(.goods-empty):before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#6c5ce7}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table tbody tr:not(.goods-empty) td{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;height:auto!important;min-width:0!important;padding:9px 0!important;border:0!important;border-bottom:1px solid rgba(36,31,66,.065)!important;background:transparent!important;text-align:left!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table tbody tr:not(.goods-empty) td:last-child{border-bottom:0!important;padding-bottom:0!important}
  :is(#detailPage.order-ui,.order-workspace-page #app .order-ui) .goods-edit-table tbody tr:not(.goods-empty) td::before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.045em;font-weight:800;color:#827d98}
  .order-workspace-page .order-page-head{align-items:stretch!important}
  .order-workspace-page .order-create-number{width:100%}
}

/* v133: CAPTCHA перед отправкой заявки */
.order-workspace-page .order-captcha{display:grid;grid-template-columns:minmax(220px,360px) 44px;gap:8px;align-items:end;justify-content:center;margin:4px auto 12px}
.order-workspace-page .order-captcha label{display:grid;gap:6px;color:#5f5a72;font-size:12px;font-weight:750}
.order-workspace-page .order-captcha b{color:#6c5ce7;font-weight:900}
.order-workspace-page .order-captcha input{height:44px;padding:10px 12px;border:1px solid #e1dff0;border-radius:11px;background:#fff;color:#1a1a2e;font:inherit;outline:none}
.order-workspace-page .order-captcha input:focus{border-color:#6c5ce7;box-shadow:0 0 0 4px rgba(108,92,231,.09)}
.order-workspace-page .order-captcha__refresh{width:44px;height:44px;border:1px solid #e1dff0;border-radius:11px;background:#f6f4ff;color:#6c5ce7;cursor:pointer;font-size:16px}
.order-workspace-page .order-captcha__refresh:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}
@media(max-width:520px){.order-workspace-page .order-captcha{grid-template-columns:minmax(0,1fr) 44px;width:100%;padding:0 2px}}