/* ZakupPRO v104 — компактная страница заявки клиента */ #detailPage{ --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; } #detailPage .detail-card{ padding:18px; border-color:var(--cabinet-card-border); border-radius:var(--cabinet-card-radius); box-shadow:var(--cabinet-card-shadow); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; } #detailPage .detail-card:hover{border-color:rgba(108,92,231,.23);box-shadow:0 11px 29px rgba(45,35,98,.075)} #detailPage .detail-card>h3{ display:flex;align-items:center;gap:10px; min-height:34px;margin:0 0 14px;padding:0 0 11px; border-bottom:1px solid #ece9f4;font-size:17px;line-height:1.3; } #detailPage .detail-card>h3 i{flex:0 0 30px;width:30px;height:30px;border-radius:9px;font-size:13px} /* Верхняя сводка заявки */ #detailPage .cabinet-order-overview{ display:grid!important; grid-template-columns:minmax(300px,1fr) minmax(150px,auto) auto; align-items:center;gap:18px; margin-bottom:var(--cabinet-gap);padding:15px 17px; border:1px solid var(--cabinet-card-border);border-radius:var(--cabinet-card-radius); background:linear-gradient(135deg,#fff 0%,#fbfaff 72%,#f5f2ff 100%); box-shadow:var(--cabinet-card-shadow); } .cabinet-order-overview__main{display:flex;align-items:center;gap:13px;min-width:0} .cabinet-order-overview__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#eeeaff,#e3ddff);color:#6552df;font-size:19px} .cabinet-order-overview__main>div{min-width:0} .cabinet-order-overview__title{display:flex;align-items:center;flex-wrap:wrap;gap:9px} #detailPage .cabinet-order-overview__title h2{display:flex;align-items:center;gap:6px;margin:0!important;font-size:20px;line-height:1.25;white-space:nowrap} #detailPage .cabinet-order-overview #detailOrderNumber{margin:0;padding:2px 8px;font-size:18px} .cabinet-order-overview__meta{display:flex;align-items:center;gap:14px;margin-top:6px;color:#797389;font-size:12px} .cabinet-order-overview__meta i{margin-right:5px;color:#6c5ce7}.cabinet-order-overview__meta b{color:#4d485c} #detailPage .cabinet-order-overview .cabinet-header-status{margin:0} #detailPage .cabinet-order-overview__total{ display:flex!important;align-items:flex-end;justify-content:center;flex-direction:column; min-width:150px;min-height:62px;margin:0;padding:8px 15px; border-left:1px solid rgba(108,92,231,.13);color:#716b82;font-size:12px;font-weight:700; } .cabinet-order-overview__total>div{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;width:100%} #detailPage .cabinet-order-overview__total input{ width:auto;max-width:130px;height:auto;min-height:0;padding:0!important;border:0!important; background:transparent!important;color:#5b48df!important;box-shadow:none!important; font-size:25px!important;font-weight:900!important;text-align:right!important;line-height:1.15; -moz-appearance:textfield; } .cabinet-order-overview__total input::-webkit-inner-spin-button,.cabinet-order-overview__total input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none} .cabinet-order-overview__total b{color:#5b48df;font-size:22px} #detailPage .cabinet-order-overview .header-btns{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content} #detailPage .cabinet-order-overview .header-btns button{min-height:39px;margin:0;padding:8px 11px;border-radius:11px;font-size:12px} /* Товары */ #detailPage .goods-card{margin:0 0 var(--cabinet-gap)!important} #detailPage .goods-edit-wrap{overflow:auto;border-color:#e4e0ee;border-radius:12px} #detailPage .goods-edit-table{table-layout:fixed} #detailPage .goods-edit-table th{height:36px;padding:7px 6px!important;background:#f6f4ff!important;color:#4e4960;font-size:10px;letter-spacing:.025em;text-align:center!important;white-space:normal} #detailPage .goods-edit-table td{height:44px;padding:4px!important;text-align:center!important;vertical-align:middle} #detailPage .goods-edit-table .goods-input{min-height:34px!important;height:34px!important;padding:6px 7px!important;border-radius:8px!important;text-align:center!important;font-size:12px!important} #detailPage .goods-edit-table td:nth-child(2) .goods-input,#detailPage .goods-edit-table td:nth-child(4) .goods-input,#detailPage .goods-edit-table td:nth-child(6) .goods-input,#detailPage .goods-edit-table td:nth-child(7) .goods-input{text-align:left!important} #detailPage .goods-edit-table .goods-link-field{gap:4px} #detailPage .goods-edit-table .goods-link-open{flex:0 0 31px;width:31px;height:31px;border-radius:8px} #detailPage .goods-edit-table .goods-stock-badge{min-height:30px;padding:5px 8px;font-size:10px} #detailPage .goods-edit-table .goods-remove{width:32px;height:32px;border-radius:9px} #detailPage .goods-actions{margin-top:11px} #detailPage .btn-add-goods{min-height:40px;padding:9px 16px;border-radius:11px} /* Основные данные и расчёт */ #detailPage .cabinet-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cabinet-gap);align-items:stretch;margin:0 0 var(--cabinet-gap)} #detailPage .cabinet-primary-grid>.detail-card{height:100%;margin:0!important} #detailPage .cabinet-form-grid{gap:10px} #detailPage .cabinet-form-grid label{gap:5px;font-size:11px} #detailPage .cabinet-client-card .cabinet-form-grid input,#detailPage .cabinet-client-card .cabinet-form-grid select{min-height:39px;height:39px;padding:7px 10px;border-radius:9px;font-size:12px} #detailPage .cabinet-calculation-card .cabinet-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #detailPage .cabinet-calculation-card .cabinet-form-grid>label{min-width:0;padding:10px!important;border:1px solid #e8e4f2!important;border-radius:11px!important;background:#fff!important} #detailPage .cabinet-calculation-card .cabinet-form-grid input{min-height:37px!important;height:37px!important;padding:7px 30px 7px 9px!important;border-radius:8px!important;font-size:14px!important} #detailPage .cabinet-calculation-card .cabinet-calculation-total{grid-column:1/-1!important;padding:13px 14px!important;border:1px solid rgba(108,92,231,.2)!important;background:linear-gradient(135deg,#f6f3ff,#eeeaff)!important} #detailPage .cabinet-calculation-card .cabinet-calculation-total .currency-input-wrap{margin-top:5px} #detailPage .cabinet-calculation-card .cabinet-calculation-total input{height:45px!important;color:#5b48df!important;font-size:23px!important;font-weight:900!important;background:#fff!important} #detailPage .cabinet-calculation-card #dDiscountPercentRow,#detailPage .cabinet-calculation-card #dDiscountAmountRow{grid-column:auto!important} /* Оплата */ #detailPage .cabinet-payment-card--wide{ display:flex;align-items:flex-start;gap:14px;width:100%;margin:0 0 var(--cabinet-gap);padding:17px!important; border:1px solid rgba(0,184,148,.25)!important;border-radius:var(--cabinet-card-radius); background:linear-gradient(135deg,#f5fffc 0%,#fff 68%,#effcf8 100%)!important; box-shadow:0 8px 24px rgba(0,128,100,.055);box-sizing:border-box; } #detailPage .cabinet-payment-card--wide[hidden]{display:none!important} #detailPage .cabinet-payment-card--wide .cabinet-payment-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#dcf8ef;color:#00a27e;font-size:20px} #detailPage .cabinet-payment-card--wide .cabinet-payment-copy{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr) minmax(160px,.65fr);align-items:center;gap:13px;width:100%;min-width:0} #detailPage .cabinet-payment-card--wide .cabinet-payment-eyebrow{grid-column:1;margin-bottom:1px;font-size:10px} #detailPage .cabinet-payment-card--wide h3{grid-column:1;margin:0!important;font-size:16px} #detailPage .cabinet-payment-card--wide .cabinet-payment-list{grid-column:2;grid-row:1/span 2} #detailPage .cabinet-payment-card--wide .cabinet-payment-total{grid-column:3;grid-row:1/span 2;margin:0;min-height:49px;justify-content:center;flex-direction:column;gap:3px;text-align:center} /* Объединённая доставка */ #detailPage .cabinet-logistics-grid{margin:0 0 var(--cabinet-gap);gap:0} #detailPage .cabinet-delivery-card{display:flex;align-items:flex-start;gap:14px;width:100%;margin:0!important} #detailPage .cabinet-delivery-card[hidden]{display:none!important} #detailPage .cabinet-delivery-card .cabinet-tracking-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px} #detailPage .cabinet-delivery-card .cabinet-tracking-copy{width:100%;min-width:0} #detailPage .cabinet-delivery-card .cabinet-tracking-copy>h3{margin:2px 0 12px!important;font-size:17px} #detailPage .cabinet-delivery-card .cabinet-track-item{grid-template-columns:30px minmax(160px,1fr) minmax(120px,.45fr) 104px;min-height:43px;padding:7px 9px;border-radius:10px} #detailPage .cabinet-delivery-card .tracking-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:96px;padding:0 10px;border-radius:9px;text-decoration:none} #detailPage .cabinet-delivery-card .tracking-open::after{content:"Отследить";font-size:11px;font-weight:800} #detailPage .cabinet-delivery-card .cabinet-china-shipping{margin-top:14px;padding-top:14px} #detailPage .cabinet-delivery-card .cabinet-china-shipping__row{padding:9px 12px;border-radius:10px} /* Услуги и комментарий */ #detailPage .cabinet-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cabinet-gap);margin:0 0 18px!important;align-items:stretch} #detailPage .cabinet-secondary-grid>.detail-card{height:100%;margin:0!important} #detailPage .cabinet-service-list{gap:8px} #detailPage .cabinet-service-list label{min-height:40px;padding:9px 11px;border-radius:10px} #detailPage .order-comment-hint{margin:-4px 0 9px;font-size:11px;line-height:1.45} #detailPage .order-comment-textarea{min-height:98px;padding:11px;border-radius:11px} @media (min-width:861px){ #detailPage .goods-edit-table th:nth-child(1),#detailPage .goods-edit-table td:nth-child(1){width:3%!important} #detailPage .goods-edit-table th:nth-child(2),#detailPage .goods-edit-table td:nth-child(2){width:9%!important} #detailPage .goods-edit-table th:nth-child(3),#detailPage .goods-edit-table td:nth-child(3){width:10%!important} #detailPage .goods-edit-table th:nth-child(4),#detailPage .goods-edit-table td:nth-child(4){width:15%!important} #detailPage .goods-edit-table th:nth-child(5),#detailPage .goods-edit-table td:nth-child(5){width:7%!important} #detailPage .goods-edit-table th:nth-child(6),#detailPage .goods-edit-table td:nth-child(6){width:8%!important} #detailPage .goods-edit-table th:nth-child(7),#detailPage .goods-edit-table td:nth-child(7){width:20%!important} #detailPage .goods-edit-table th:nth-child(8),#detailPage .goods-edit-table td:nth-child(8){width:7%!important} #detailPage .goods-edit-table th:nth-child(9),#detailPage .goods-edit-table td:nth-child(9){width:8%!important} #detailPage .goods-edit-table th:nth-child(10),#detailPage .goods-edit-table td:nth-child(10){width:10%!important} #detailPage .goods-edit-table th:nth-child(11),#detailPage .goods-edit-table td:nth-child(11){width:3%!important} } @media (hover:hover){ #detailPage button,#detailPage a{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease} #detailPage button:hover,#detailPage a:hover{transform:translateY(-1px)} #detailPage button:active,#detailPage a:active{transform:translateY(0)} } @media (max-width:1000px){ #detailPage .cabinet-order-overview{grid-template-columns:minmax(260px,1fr) 145px} #detailPage .cabinet-order-overview .header-btns{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%} #detailPage .cabinet-primary-grid{grid-template-columns:1fr} #detailPage .cabinet-payment-card--wide .cabinet-payment-copy{grid-template-columns:minmax(160px,.65fr) minmax(0,1.5fr)} #detailPage .cabinet-payment-card--wide .cabinet-payment-total{grid-column:1;grid-row:3;margin-top:8px} #detailPage .cabinet-payment-card--wide .cabinet-payment-list{grid-column:2;grid-row:1/span 3} } @media (max-width:760px){ #detailPage.active{display:flex!important;flex-direction:column} #detailPage .cabinet-primary-grid,#detailPage .cabinet-secondary-grid{display:contents} #detailPage .cabinet-order-overview{order:1;grid-template-columns:1fr!important;gap:11px;padding:14px!important} #detailPage .cabinet-order-overview__main{align-items:flex-start} #detailPage .cabinet-order-overview__title{align-items:flex-start;flex-direction:column;gap:7px} #detailPage .cabinet-order-overview__total{align-items:flex-start;width:100%;min-height:0;padding:11px 12px;border:1px solid rgba(108,92,231,.14);border-radius:12px;background:#f6f3ff} #detailPage .cabinet-order-overview__total>div{justify-content:flex-start} #detailPage .cabinet-order-overview__total input{text-align:left!important} #detailPage .cabinet-order-overview .header-btns{grid-column:auto!important;margin:0!important;padding:8px!important} #detailPage .cabinet-payment-card--wide{order:2;margin-bottom:var(--cabinet-gap)} #detailPage .goods-card{order:3} #detailPage .cabinet-calculation-card{order:4;margin:0 0 var(--cabinet-gap)!important} #detailPage .cabinet-logistics-grid{order:5} #detailPage .cabinet-client-card{order:6;margin:0 0 var(--cabinet-gap)!important} #detailPage .cabinet-services-card{order:7;margin:0 0 var(--cabinet-gap)!important} #detailPage .order-comment-card{order:8;margin:0 0 18px!important} #detailPage .cabinet-payment-card--wide .cabinet-payment-copy{grid-template-columns:1fr} #detailPage .cabinet-payment-card--wide .cabinet-payment-eyebrow,#detailPage .cabinet-payment-card--wide h3,#detailPage .cabinet-payment-card--wide .cabinet-payment-list,#detailPage .cabinet-payment-card--wide .cabinet-payment-total{grid-column:1;grid-row:auto} #detailPage .cabinet-payment-card--wide .cabinet-payment-total{align-items:flex-start;text-align:left} #detailPage .cabinet-calculation-card .cabinet-form-grid{grid-template-columns:1fr} #detailPage .cabinet-calculation-card .cabinet-form-grid>label{grid-column:1!important} #detailPage .cabinet-delivery-card{padding:15px} #detailPage .cabinet-delivery-card .cabinet-track-item{grid-template-columns:29px minmax(0,1fr) 34px} #detailPage .cabinet-delivery-card .cabinet-track-item small{grid-column:2} #detailPage .cabinet-delivery-card .tracking-open{width:34px;min-width:34px;padding:0} #detailPage .cabinet-delivery-card .tracking-open::after{display:none} } @media (max-width:480px){ #detailPage{--cabinet-gap:12px} #detailPage .detail-card{padding:14px} .cabinet-order-overview__icon{flex-basis:40px;width:40px;height:40px} #detailPage .cabinet-order-overview__title h2{font-size:17px} #detailPage .cabinet-order-overview #detailOrderNumber{font-size:15px} #detailPage .cabinet-order-overview .header-btns{grid-template-columns:repeat(2,minmax(0,1fr))!important} #detailPage .cabinet-order-overview .header-btns .btn-save-order{grid-column:1/-1} #detailPage .cabinet-payment-card--wide{gap:10px;padding:14px!important} #detailPage .cabinet-payment-card--wide .cabinet-payment-icon{flex-basis:38px;width:38px;height:38px} } /* ZakupPRO v105 — единый UX кабинета и новой заявки */ :root{--zp-primary:#6c5ce7;--zp-line:rgba(108,92,231,.14);--zp-shadow:0 10px 30px rgba(45,35,98,.06)} /* Список заявок */ #listPage.cabinet-dashboard{display:block} #listPage .cabinet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px} #listPage .stat-card{min-height:112px;padding:20px 22px;border:1px solid var(--zp-line);border-radius:18px;background:linear-gradient(135deg,#fff,#fbfaff);box-shadow:var(--zp-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} #listPage .stat-card:hover{transform:translateY(-2px);border-color:rgba(108,92,231,.25);box-shadow:0 14px 34px rgba(45,35,98,.085)} #listPage .stat-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#e5e0ff);color:var(--zp-primary);font-size:20px} #listPage .stat-value{font-size:27px;line-height:1.15;font-weight:900;color:#17142d} #listPage .stat-label{margin-top:5px;color:#777187;font-size:11px;font-weight:800;letter-spacing:.065em;text-transform:uppercase} #listPage .cabinet-filter-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 16px;padding:16px;border:1px solid var(--zp-line);border-radius:18px;background:#fff;box-shadow:var(--zp-shadow)} #listPage .cabinet-filter-fields{display:grid;grid-template-columns:minmax(250px,1.45fr) minmax(190px,.8fr) auto;align-items:end;gap:10px;flex:1} #listPage .cabinet-filter-control{min-width:0} #listPage .cabinet-filter-control>span{display:block;margin:0 0 6px;color:#696477;font-size:11px;font-weight:750} #listPage .cabinet-input-shell,#listPage .cabinet-select-shell{height:42px;border:1px solid #e3dfed;border-radius:11px;background:#fff;box-shadow:none} #listPage .cabinet-input-shell:focus-within,#listPage .cabinet-select-shell:focus-within{border-color:var(--zp-primary);box-shadow:0 0 0 3px rgba(108,92,231,.1)} #listPage .cabinet-reset{height:42px;margin:0;border-radius:11px} #listPage .cabinet-bulk-actions{align-self:flex-end;min-height:42px} #listPage .cabinet-bulk-actions .btn-filter{min-height:42px;border-radius:11px} #listPage .cabinet-orders-card{overflow:hidden;margin:0;border:1px solid var(--zp-line);border-radius:18px;background:#fff;box-shadow:var(--zp-shadow)} #listPage .cabinet-orders-card__head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #eeeaf6} #listPage .cabinet-orders-card__head>div{display:flex;align-items:center;gap:11px} #listPage .cabinet-orders-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eeeaff;color:var(--zp-primary)} #listPage .cabinet-orders-card__head h2{margin:0;color:#1e1939;font-size:17px} #listPage .cabinet-orders-card__head p{margin:3px 0 0;color:#8a8497;font-size:11px} #listPage .cabinet-orders-table-wrap{margin:0;border:0;border-radius:0;box-shadow:none} #listPage #cabinetOrdersTable{margin:0;border-collapse:separate;border-spacing:0} #listPage #cabinetOrdersTable th{height:43px;padding:9px 12px;background:#f8f6ff;color:#4f4960;font-size:10px;letter-spacing:.04em;text-align:center;white-space:nowrap} #listPage #cabinetOrdersTable td{height:54px;padding:8px 12px;border-bottom:1px solid #efecf5;text-align:center;vertical-align:middle;font-size:13px} #listPage #cabinetOrdersTable tbody tr{transition:background-color .18s ease} #listPage #cabinetOrdersTable tbody tr:hover{background:#fbfaff} #listPage #cabinetOrdersTable tbody tr:last-child td{border-bottom:0} #listPage #cabinetOrdersTable .order-number{color:#5d4bdb;font-weight:850} #listPage #cabinetOrdersTable td:nth-child(4){color:#211b3a;font-weight:850} #listPage #cabinetOrdersTable .status-badge{justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;white-space:nowrap} #listPage #cabinetOrdersTable .action-group button{min-height:35px;border-radius:10px} #listPage .table-info{padding:11px 18px;border-top:1px solid #f0edf6;background:#fcfbff;color:#817b8e;font-size:11px} #listPage .cabinet-pagination{padding:0 18px 14px;text-align:center;background:#fcfbff} /* Новая заявка */ .order-workspace-page{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(145deg,#f5f3ff 0%,#ede9fe 100%);color:var(--color-dark);padding:24px;min-height:100vh;line-height:1.5} .order-workspace-page #app{max-width:1480px;padding:34px 36px 44px;border:1px solid rgba(108,92,231,.09);border-radius:var(--radius,16px);background:#fff;box-shadow:0 18px 55px rgba(61,49,139,.14)} .order-account-header{display:grid;gap:13px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #e7e3ef} .order-account-header__title{display:flex;align-items:center;justify-content:space-between;gap:16px} .order-account-header__title h1{display:flex;align-items:center;gap:11px;margin:0!important;padding:0!important;border:0!important;color:#1d1836;font-size:clamp(25px,2.4vw,34px)!important;line-height:1.2} .order-account-header__title h1 i{background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;color:var(--zp-primary)!important;-webkit-text-fill-color:currentColor!important;font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-size:27px;font-style:normal;font-weight:900} .order-online-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid rgba(0,184,148,.2);border-radius:999px;background:#effbf7;color:#08795f;font-size:12px;font-weight:800;box-shadow:0 5px 14px rgba(0,184,148,.08)} .order-online-badge i{color:#00b894;font-size:8px} .order-account-menu{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(108,92,231,.12);border-radius:15px;background:#fbfaff} .order-account-menu a,.order-account-menu button,.order-account-menu .cabinet-user-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin:0!important;padding:8px 13px!important;border:1px solid #e5e1ef!important;border-radius:11px!important;background:#fff!important;color:#312b48!important;font-family:inherit;font-size:12px!important;font-weight:750;text-decoration:none;box-shadow:0 3px 10px rgba(45,35,98,.035)!important} .order-account-menu a i,.order-account-menu button i{color:var(--zp-primary)} .order-account-menu a:hover,.order-account-menu button:hover,.order-account-menu a.is-active{border-color:rgba(108,92,231,.32)!important;background:#f5f2ff!important;color:#5947d6!important} .order-account-menu__user{margin-left:auto!important;border-color:#ddd5ff!important;color:#5143bd!important} .cabinet-command-menu.order-account-menu .cabinet-user-badge{margin-left:auto!important;border-color:#ddd5ff!important;color:#5143bd!important} .order-account-menu .order-menu-exit{color:#a94f42!important}.order-account-menu .order-menu-exit i{color:#d65f4d!important} .order-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid #e7e3ef} .order-page-head__copy h1{display:flex;align-items:center;gap:12px;margin:0!important;padding:0!important;border:0!important;font-size:clamp(25px,2.4vw,34px)!important;line-height:1.15} .order-page-head__copy h1 i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#eeeaff,#e4deff);background-clip:border-box;-webkit-background-clip:border-box;color:var(--zp-primary);-webkit-text-fill-color:currentColor;font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-size:19px;font-style:normal;font-weight:900} .order-page-head__copy p{margin:8px 0 0 58px;color:#777187;font-size:13px} .order-workspace-page .top-actions{display:flex;justify-content:flex-end;margin:-4px 0 10px} .order-workspace-page .order-card{margin:0 0 16px;padding:18px;border:1px solid var(--zp-line);border-radius:18px;background:#fff;box-shadow:var(--zp-shadow);box-sizing:border-box} .order-workspace-page .section-title{display:flex;align-items:center;min-height:34px;margin:0 0 13px;padding:0 0 11px;border:0;border-bottom:1px solid #eeeaf5;border-left:0!important;border-radius:0!important;background:transparent;color:#1f1a39;font-size:17px;font-weight:850} .order-workspace-page .section-title i{display:grid;place-items:center;width:30px;height:30px;margin-right:9px;border-radius:9px;background:#eeeaff;background-clip:border-box;-webkit-background-clip:border-box;color:var(--zp-primary);-webkit-text-fill-color:currentColor;font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-size:13px;font-style:normal;font-weight:900} .order-products-card .table-wrap{overflow:auto;margin:0;border:1px solid #e4e0ee;border-radius:12px;box-shadow:none} .order-products-card #goodsTable{table-layout:fixed;margin:0} .order-products-card #goodsTable th{height:36px;padding:7px 5px!important;background:#f7f5ff!important;font-size:9px;text-align:center!important;white-space:normal} .order-products-card #goodsTable td{height:44px;padding:4px!important;text-align:center!important;vertical-align:middle} .order-products-card #goodsTable input,.order-products-card #goodsTable select{min-height:34px!important;height:34px!important;padding:5px 6px!important;border-radius:8px!important;text-align:center!important;font-size:11px!important} .order-products-card #goodsTable td:nth-child(2) input,.order-products-card #goodsTable td:nth-child(4) input,.order-products-card #goodsTable td:nth-child(7) input{text-align:left!important} .order-products-card .goods-add-actions{display:flex;justify-content:flex-start;margin-top:11px} .order-products-card .goods-add-actions .btn--add-bottom{flex:0 0 auto!important;width:auto!important;min-height:40px;padding:9px 16px!important;border:1px solid rgba(108,92,231,.2)!important;border-radius:11px;background:rgba(108,92,231,.08)!important;color:var(--zp-primary)!important;box-shadow:none!important;font-size:13px;font-weight:800} .order-products-card .goods-add-actions .btn--add-bottom:hover{background:var(--zp-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(108,92,231,.2)!important} .order-products-card .delivery-info{margin-top:11px;padding:10px 12px;border-radius:10px;background:#faf9ff;font-size:12px} .order-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch} .order-primary-grid>.order-card{height:100%;margin:0 0 16px} .order-client-card .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} .order-client-card .field-group{min-width:0}.order-client-card .field-group label{margin-bottom:5px;color:#686174;font-size:11px} .order-client-card input,.order-client-card select{min-height:40px;height:40px;padding:7px 10px;border-color:#e3dfed;border-radius:9px;font-size:12px} .order-client-card input:focus,.order-client-card select:focus{border-color:var(--zp-primary);box-shadow:0 0 0 3px rgba(108,92,231,.09)} .order-calculation-card #totalsBox{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .order-calculation-card #totalsBox>span{display:flex!important;align-items:center;min-height:58px;padding:10px!important;border:1px solid #e8e4f2!important;border-radius:11px!important;background:#fff!important;font-size:12px} .order-calculation-card #totalsBox>span>i{width:23px;color:#8276d8;text-align:center}.order-calculation-card #totalsBox .label{flex:1;color:#686174} .order-calculation-card #totalsBox .total-amount{margin-left:auto;color:#211b3a;font-size:14px;font-weight:900} .order-calculation-card #totalsBox>span:nth-child(6),.order-calculation-card #afterDiscountRow{grid-column:1/-1;margin-top:0;padding:13px!important;border:1px solid rgba(108,92,231,.18)!important;border-radius:12px!important;background:linear-gradient(135deg,#f3f0ff,#eae5ff)!important;color:#5a48dc;font-size:15px} .order-calculation-card #totalsBox>span:nth-child(6) .label,.order-calculation-card #totalsBox>span:nth-child(6) .total-amount{color:#5a48dc;font-size:17px} .order-services-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px!important}.order-services-box .section-title{grid-column:1/-1} .order-services-box .order-service-option{min-height:48px;margin:0;padding:10px 12px;border:1px solid #e6e2ef;border-radius:11px;background:#fff;transition:border-color .18s ease,background-color .18s ease} .order-services-box .order-service-option:hover{border-color:rgba(108,92,231,.35);background:#fbfaff} .order-workspace-page .btn-group{display:flex;justify-content:flex-end;gap:10px;margin-top:0;padding-top:0;border:0} .order-workspace-page .btn-group .btn{min-height:46px;margin:0;border-radius:12px}.order-workspace-page #sendEmailBtn{background:linear-gradient(135deg,#6c5ce7,#5b48df)} @media (hover:hover){.order-workspace-page button,.order-workspace-page a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.order-workspace-page button:hover,.order-workspace-page a:hover{transform:translateY(-1px)}.order-workspace-page button:active,.order-workspace-page a:active{transform:none}} @media (max-width:980px){ #listPage .cabinet-filter-panel{align-items:stretch;flex-direction:column}#listPage .cabinet-bulk-actions{width:100%;justify-content:flex-end} .order-primary-grid{grid-template-columns:1fr}.order-page-head{align-items:flex-start}.order-account-menu{flex-wrap:wrap}.order-account-menu a,.order-account-menu button,.order-account-menu .cabinet-user-badge{flex:1 1 145px}.order-account-menu__user,.cabinet-command-menu.order-account-menu .cabinet-user-badge{margin-left:0!important} } @media (max-width:760px){ #listPage .cabinet-stats{grid-template-columns:1fr 1fr;gap:10px}#listPage .stat-card{min-height:92px;padding:14px}#listPage .stat-icon{width:42px;height:42px;flex-basis:42px}#listPage .stat-value{font-size:21px} #listPage .cabinet-filter-panel{padding:13px}#listPage .cabinet-filter-fields{grid-template-columns:1fr}#listPage .cabinet-bulk-actions{display:grid;grid-template-columns:1fr 1fr}#listPage .cabinet-bulk-actions .selected-count{grid-column:1/-1;text-align:right} #listPage .cabinet-orders-card__head{padding:13px 14px}#listPage .cabinet-orders-table-wrap{overflow:visible}#listPage #cabinetOrdersTable,#listPage #cabinetOrdersTable tbody{display:block}#listPage #cabinetOrdersTable thead{display:none} #listPage #cabinetOrdersTable .cabinet-order-row{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto;gap:6px 10px;margin:12px;border:1px solid #e5e1ef;border-radius:14px;background:#fff;padding:12px;box-shadow:0 7px 20px rgba(45,35,98,.05)} #listPage #cabinetOrdersTable .cabinet-order-row td{display:block!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;text-align:left!important} #listPage #cabinetOrdersTable .cabinet-order-row .select-col{grid-column:1;grid-row:1}#listPage #cabinetOrdersTable .cabinet-order-row .order-cell{grid-column:2;grid-row:1;font-size:16px}#listPage #cabinetOrdersTable .cabinet-order-row td:nth-child(3){grid-column:2;grid-row:3;color:#847e92;font-size:11px}#listPage #cabinetOrdersTable .cabinet-order-row td:nth-child(4){grid-column:3;grid-row:1;text-align:right!important;font-size:16px}#listPage #cabinetOrdersTable .cabinet-order-row td:nth-child(5){grid-column:2/-1;grid-row:2}#listPage #cabinetOrdersTable .cabinet-order-row .actions-cell{grid-column:1/-1;grid-row:4;margin-top:7px;padding-top:9px!important;border-top:1px solid #f0edf6!important} #listPage #cabinetOrdersTable .cabinet-order-row .action-group{display:grid!important;grid-template-columns:1fr 1fr!important} .order-workspace-page{padding:0!important}.order-workspace-page #app{padding:20px 14px 32px;border-radius:0;box-shadow:none}.order-account-header{margin-bottom:17px}.order-account-header__title h1{font-size:22px!important}.order-account-header__title h1 i{font-size:22px}.order-account-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.order-account-menu a,.order-account-menu button,.order-account-menu .cabinet-user-badge{min-width:0;justify-content:flex-start;padding:8px 9px!important}.order-account-menu .cabinet-user-badge{grid-column:1/-1}.order-page-head{flex-direction:column;padding-bottom:14px}.order-page-head__copy h1{font-size:24px!important}.order-page-head__copy h1 i{width:40px;height:40px}.order-page-head__copy p{margin:7px 0 0;font-size:12px}.order-workspace-page .order-card{padding:14px;border-radius:15px}.order-client-card .client-grid{grid-template-columns:1fr}.order-calculation-card #totalsBox{grid-template-columns:1fr!important}.order-calculation-card #totalsBox>span{grid-column:1!important}.order-services-box{grid-template-columns:1fr;margin-top:12px!important}.order-workspace-page .btn-group{display:grid;grid-template-columns:1fr}.order-workspace-page .btn-group .btn{width:100%} .order-products-card .table-wrap{overflow:visible;border:0}.order-products-card #goodsTable,.order-products-card #goodsTable tbody{display:block}.order-products-card #goodsTable thead{display:none} } @media (max-width:430px){#listPage .cabinet-stats{grid-template-columns:1fr}#listPage .cabinet-bulk-actions{grid-template-columns:1fr}} /* v109: order.html использует тот же UI-слой, что детальная заявка кабинета. */ .order-workspace-page .order-account-header.admin-header{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:16px!important;margin:0 0 22px!important;padding:0 0 18px!important;border-bottom:1px solid #e7e3ef!important} .order-workspace-page .order-account-header .admin-header__titlebar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;width:100%!important} .order-workspace-page .order-account-header .cabinet-online-badge{margin-left:auto!important} .order-workspace-page .order-account-header .cabinet-command-menu{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;padding:7px!important;border:1px solid rgba(108,92,231,.12)!important;border-radius:15px!important;background:#fbfaff!important;box-shadow:none!important;box-sizing:border-box} .order-workspace-page .order-account-header .cabinet-command-menu>.cabinet-user-badge{margin-left:auto!important} .order-workspace-page #app .order-products-card, .order-workspace-page #app .order-client-card, .order-workspace-page #app .order-calculation-card, .order-workspace-page #app .order-services-box{ padding:18px!important;border:1px solid rgba(108,92,231,.13)!important;border-radius:18px!important; background:#fff!important;box-shadow:0 8px 24px rgba(45,35,98,.055)!important; } .order-workspace-page #app .order-card>.section-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-left:0!important;border-radius:0!important;background:transparent!important;color:#1a1a2e!important; font-size:17px!important;font-weight:700!important;line-height:1.3!important; } .order-workspace-page #app .order-card>.section-title i{ display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important; width:30px!important;height:30px!important;margin:0!important;border-radius:9px!important;background:#eeeaff!important; background-clip:border-box!important;-webkit-background-clip:border-box!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; } .order-workspace-page #app .order-products-card{margin:0 0 16px!important} .order-workspace-page #app .order-products-card .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} .order-workspace-page #app .order-products-card #goodsTable{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important} .order-workspace-page #app .order-products-card #goodsTable th{height:36px!important;padding:7px 5px!important;background:#f6f4ff!important;color:#4e4960!important;font-size:9px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:.025em!important;text-align:center!important;white-space:normal!important} .order-workspace-page #app .order-products-card #goodsTable td{height:44px!important;padding:4px!important;border-color:#e3e0eb!important;text-align:center!important;vertical-align:middle!important} .order-workspace-page #app .order-products-card #goodsTable input,.order-workspace-page #app .order-products-card #goodsTable select{min-height:34px!important;height:34px!important;padding:5px 6px!important;border:1px solid #e5e1ed!important;border-radius:8px!important;background:#fff!important;text-align:center!important;font-size:11px!important;box-shadow:none!important} .order-workspace-page #app .order-products-card .goods-add-actions{display:flex!important;justify-content:flex-start!important;margin:11px 0 0!important} .order-workspace-page #app .order-products-card .btn-add-goods{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-height:40px!important;padding:9px 16px!important} .order-workspace-page #app .order-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important} .order-workspace-page #app .order-primary-grid>.order-card{height:100%!important;margin:0 0 16px!important} .order-workspace-page #app .order-client-card .client-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .order-workspace-page #app .order-client-card .field-group{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important} .order-workspace-page #app .order-client-card .field-group label{margin:0!important;color:#6b6b8a!important;font-size:11px!important;font-weight:600!important} .order-workspace-page #app .order-client-card .field-group input,.order-workspace-page #app .order-client-card .field-group select{width:100%!important;min-height:39px!important;height:39px!important;padding:7px 10px!important;border:1px solid #e8e6ef!important;border-radius:9px!important;background:#fff!important;color:#1a1a2e!important;font-size:12px!important;box-sizing:border-box!important;box-shadow:none!important} .order-workspace-page #app .order-client-card .currency-field-inline{min-height:39px!important;height:39px!important} .order-workspace-page #app .order-calculation-card #totalsBox{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .order-workspace-page #app .order-calculation-card #totalsBox>span{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:5px 8px!important;min-width:0!important;min-height:75px!important;padding:10px!important;border:1px solid #e8e4f2!important;border-radius:11px!important;background:#fff!important;color:#6b6b8a!important;font-size:11px!important;box-sizing:border-box!important} .order-workspace-page #app .order-calculation-card #totalsBox>span>i{grid-row:1/3!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:#eeeaff!important;color:#6c5ce7!important} .order-workspace-page #app .order-calculation-card #totalsBox .label{align-self:end!important;color:#6b6b8a!important;font-size:11px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important} .order-workspace-page #app .order-calculation-card #totalsBox .total-amount{align-self:start!important;margin:0!important;color:#1a1a2e!important;font-size:15px!important;font-weight:900!important} .order-workspace-page #app .order-calculation-card #totalsBox>span:nth-child(6),.order-workspace-page #app .order-calculation-card #afterDiscountRow{grid-column:1/-1!important;min-height:82px!important;border-color:rgba(108,92,231,.2)!important;background:linear-gradient(135deg,#f6f3ff,#eeeaff)!important;color:#5b48df!important} .order-workspace-page #app .order-calculation-card #totalsBox>span:nth-child(6) .label,.order-workspace-page #app .order-calculation-card #totalsBox>span:nth-child(6) .total-amount{color:#5b48df!important;font-size:18px!important} .order-workspace-page #app .order-services-box{margin-top:16px!important} @media(max-width:980px){ .order-workspace-page .order-account-header .cabinet-command-menu{flex-wrap:wrap!important} .order-workspace-page .order-account-header .cabinet-command-menu>*{flex:1 1 145px!important} .order-workspace-page .order-account-header .cabinet-command-menu>.cabinet-user-badge{margin-left:0!important} .order-workspace-page #app .order-primary-grid{grid-template-columns:1fr!important} } @media(max-width:760px){ .order-workspace-page .order-account-header .cabinet-command-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .order-workspace-page .order-account-header .cabinet-command-menu>*{min-width:0!important;width:100%!important} .order-workspace-page .order-account-header .cabinet-command-menu>.cabinet-user-badge{grid-column:1/-1!important} .order-workspace-page #app .order-products-card,.order-workspace-page #app .order-client-card,.order-workspace-page #app .order-calculation-card,.order-workspace-page #app .order-services-box{padding:14px!important;border-radius:15px!important} .order-workspace-page #app .order-client-card .client-grid,.order-workspace-page #app .order-calculation-card #totalsBox{grid-template-columns:1fr!important} .order-workspace-page #app .order-calculation-card #totalsBox>span{grid-column:1!important} } /* v131: four actions in the client order header. */ #cabinetApp #detailPage .cabinet-order-overview .header-btns{min-width:0;flex-wrap:wrap} @media(max-width:1000px){ #cabinetApp #detailPage .cabinet-order-overview .header-btns{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:760px){ #cabinetApp #detailPage .cabinet-order-overview .header-btns{grid-template-columns:repeat(2,minmax(0,1fr))!important} #cabinetApp #detailPage .cabinet-order-overview .header-btns .btn-save-order{grid-column:auto!important;grid-row:auto!important} }