/* ===== V170_SYSTEM_VISUAL_STANDARD — padrão aprovado em Histórico e Clientes ===== */ #view-products,#view-stock,#view-transfer,#view-receivables,#view-production,#view-admin{max-width:1280px;margin-inline:auto} #view-admin{max-width:1180px} #view-products .page-head,#view-stock .page-head,#view-transfer .page-head,#view-receivables .page-head,#view-production>.page-head,#view-admin>.page-head{margin-bottom:14px} #view-products .page-head h2,#view-stock .page-head h2,#view-transfer .page-head h2,#view-receivables .page-head h2,#view-production>.page-head h2,#view-admin>.page-head h2{font-size:1.9rem;letter-spacing:-.02em} #view-products .page-head p,#view-stock .page-head p,#view-transfer .page-head p,#view-receivables .page-head p,#view-production>.page-head p,#view-admin>.page-head p{font-size:.92rem;line-height:1.4} #view-products .page-data-summary,#view-stock .page-data-summary{display:inline-flex;margin-top:7px!important;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,var(--text) 6%);font-size:.72rem!important;color:var(--muted)!important} /* filtros e cabeçalhos operacionais */ #view-products .products-toolbar99,#stock-workspace-products .stock-inline-filter-toolbar,#stock-workspace-supplies .supply-inline-filter-toolbar{margin-bottom:12px!important;padding:13px 14px!important;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)} #view-products .products-toolbar99 input,#view-products .products-toolbar99 select,#stock-workspace-products .stock-inline-filter-toolbar input,#stock-workspace-supplies .supply-inline-filter-toolbar input{min-height:44px;border-radius:10px} #view-products .products-toolbar99 .btn,#stock-workspace-products .stock-inline-filter-toolbar .btn,#stock-workspace-supplies .supply-inline-filter-toolbar .btn{min-height:44px;padding:9px 13px} #stockWorkspaceTabs,#view-production>.workspace-tabs{display:inline-flex;gap:5px;padding:4px;margin:0 0 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)} #stockWorkspaceTabs .workspace-tab-btn,#view-production>.workspace-tabs .workspace-tab-btn{min-height:38px;padding:8px 13px;border-radius:9px;border:0;background:transparent;font-size:.82rem;font-weight:800} #stockWorkspaceTabs .workspace-tab-btn.active,#view-production>.workspace-tabs .workspace-tab-btn.active{background:color-mix(in srgb,var(--panel) 86%,#2563eb 14%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 62%,#2563eb 38%)} .stock-refine-filters,.transfer-refine-filters107{margin:0 0 12px;gap:8px} .stock-refine-step,.transfer-refine-step107{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%)} /* tabelas viram linhas-ficha sem perder densidade */ #productsTableWrap,#stockTableWrap,#suppliesTableWrap,#receivablesTableWrap,#lotsTableWrap{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:auto!important} #productsTableWrap table,#stockTableWrap table,#suppliesTableWrap table,#receivablesTableWrap table,#lotsTableWrap table{border-collapse:separate!important;border-spacing:0 8px!important;background:transparent!important} #productsTableWrap thead th,#stockTableWrap thead th,#suppliesTableWrap thead th,#receivablesTableWrap thead th,#lotsTableWrap thead th{padding-top:5px!important;padding-bottom:5px!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:.025em} #productsTableWrap tbody td,#stockTableWrap tbody td,#suppliesTableWrap tbody td,#receivablesTableWrap tbody td,#lotsTableWrap tbody td{padding-top:11px!important;padding-bottom:11px!important;background:var(--panel)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;font-size:.82rem;vertical-align:middle} #productsTableWrap tbody td:first-child,#stockTableWrap tbody td:first-child,#suppliesTableWrap tbody td:first-child,#receivablesTableWrap tbody td:first-child,#lotsTableWrap tbody td:first-child{border-left:1px solid var(--line)!important;border-radius:12px 0 0 12px} #productsTableWrap tbody td:last-child,#stockTableWrap tbody td:last-child,#suppliesTableWrap tbody td:last-child,#receivablesTableWrap tbody td:last-child,#lotsTableWrap tbody td:last-child{border-right:1px solid var(--line)!important;border-radius:0 12px 12px 0} #productsTableWrap tbody tr:hover td,#stockTableWrap tbody tr:hover td,#suppliesTableWrap tbody tr:hover td,#receivablesTableWrap tbody tr:hover td,#lotsTableWrap tbody tr:hover td{background:color-mix(in srgb,var(--panel) 95%,#2563eb 5%)!important;border-color:color-mix(in srgb,var(--line) 70%,#2563eb 30%)!important} #productsTableWrap tr.product-group-start td,#stockTableWrap tr.product-group-start td{border-top:1px solid var(--line)!important} #productsTableWrap .product-main-text strong,#stockTableWrap .product-main-text strong,#suppliesTableWrap .product-main-text strong{font-size:.9rem!important;font-weight:750!important;line-height:1.25} #productsTableWrap .table-value,#stockTableWrap .table-value,#suppliesTableWrap .table-value{font-size:.8rem} #productsTableWrap .stock-action-menu>summary,#stockTableWrap .stock-action-menu>summary,#suppliesTableWrap .stock-action-menu>summary{min-height:36px} /* Transferir */ #view-transfer .transfer-panel107{max-width:none!important;padding:18px;border-radius:16px;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)} #view-transfer .transfer-form107{gap:13px 16px} #view-transfer .transfer-form107>label{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%)} #view-transfer .transfer-form107>label select,#view-transfer .transfer-form107>label input{margin-top:5px;min-height:44px;background:var(--panel)} #view-transfer .transfer-filter-toolbar107{padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%)} #view-transfer .transfer-search-field107 input,#view-transfer .transfer-category-field107 select{min-height:44px} #view-transfer .transfer-availability107{padding:12px 14px;border:1px solid color-mix(in srgb,var(--line) 72%,#2563eb 28%);border-radius:12px;background:color-mix(in srgb,var(--panel) 95%,#2563eb 5%);font-size:.82rem} #view-transfer .transfer-actions107 .btn{min-height:44px;padding-inline:18px} /* A receber */ #view-receivables .compact-metrics{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px} #view-receivables .metric{min-height:72px;padding:12px 14px;border-radius:12px;box-shadow:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center} #view-receivables .metric>span{font-size:.72rem;font-weight:750} #view-receivables .metric>strong{grid-column:2;grid-row:1 / span 2;margin:0;font-size:1.15rem;letter-spacing:-.02em} #view-receivables .metric>small{font-size:.72rem} #receivablesTableWrap td[data-label="Origem"] strong,#receivablesTableWrap td[data-label="Cliente"] strong,#receivablesTableWrap td[data-label="Valor"] strong{font-size:.88rem} #receivablesTableWrap .inline-actions{gap:6px;justify-content:flex-end} #receivablesTableWrap .btn.small{min-height:36px;padding:7px 10px} /* Produção / Receitas */ #view-production .workspace-tab-panel{padding-top:2px} #production-recipes .recipe-kpis{gap:8px!important;margin-bottom:10px!important} #production-recipes .recipe-kpi{min-height:66px!important;padding:11px 13px!important;border-radius:12px!important;box-shadow:none!important} #production-recipes .recipe-kpi span,#production-recipes .recipe-kpi small{font-size:.7rem!important} #production-recipes .recipe-kpi strong{font-size:1.2rem!important;margin:2px 0!important} #production-recipes .recipe-library-panel,#production-recipes .recipe-detail-panel{padding:15px!important;border-radius:16px!important;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)!important} #production-recipes .recipe-panel-head{align-items:center!important;gap:12px} #production-recipes .recipe-panel-head h3{margin:0 0 3px!important;font-size:1.05rem} #production-recipes .recipe-toolbar{margin:11px 0!important;padding:10px!important;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%);gap:8px!important} #production-recipes .recipe-toolbar input,#production-recipes .recipe-toolbar select{min-height:42px!important} #production-recipes .recipe-list{gap:8px!important} #production-recipes .recipe-card{min-height:64px!important;padding:12px 13px!important;border-radius:12px!important;box-shadow:none!important} #production-recipes .recipe-card-main strong{font-size:.92rem!important;line-height:1.2} #production-recipes .recipe-card-main small{font-size:.72rem!important;line-height:1.35} #production-recipes .recipe-card-status{font-size:.7rem!important} /* Fragrâncias — alta especificidade para superar o estilo injetado pelo módulo */ #view-production #production-fragrances .fragrance165-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important} #view-production #production-fragrances .fragrance165-kpis article{min-height:66px!important;padding:11px 13px!important;border-radius:12px!important;box-shadow:none!important} #view-production #production-fragrances .fragrance165-kpis span,#view-production #production-fragrances .fragrance165-kpis small{font-size:.7rem!important} #view-production #production-fragrances .fragrance165-kpis strong{font-size:1.2rem!important} #view-production #production-fragrances .fragrance165-library{padding:15px!important;border-radius:16px!important;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)!important} #view-production #production-fragrances .fragrance165-head{align-items:center!important;gap:12px!important} #view-production #production-fragrances .fragrance165-head h3{margin:0 0 3px!important;font-size:1.05rem!important} #view-production #production-fragrances .fragrance165-toolbar{margin:11px 0!important;padding:10px!important;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%)} #view-production #production-fragrances .fragrance165-toolbar input{min-height:42px!important} #view-production #production-fragrances .fragrance165-list{gap:8px!important} #view-production #production-fragrances .fragrance165-row{padding:13px 14px!important;border-radius:12px!important;box-shadow:none!important;gap:10px!important} #view-production #production-fragrances .fragrance165-main strong{font-size:.92rem!important} #view-production #production-fragrances .fragrance165-main span,#view-production #production-fragrances .fragrance165-note-preview small{font-size:.7rem!important} #view-production #production-fragrances .fragrance165-note-preview span{font-size:.78rem!important} /* Produção & lotes */ #production-lots #internal-production .subpage-head{margin-bottom:10px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:14px} #production-lots #internal-production .subpage-head h3{margin:0 0 3px;font-size:1.05rem} #production-lots #internal-production .subpage-head p{margin:0;font-size:.78rem} #production-lots #internal-production .subpage-head .btn{min-height:42px} #lotsTableWrap td[data-label="Lote"] strong,#lotsTableWrap td[data-label="Produto"]{font-size:.86rem} /* Administração */ #view-admin .admin-stack{gap:12px} #view-admin .admin-section-card{padding:16px;border-radius:16px;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)} #view-admin .admin-section-kicker{margin-bottom:7px;font-size:.66rem;letter-spacing:.07em} #view-admin .admin-section-head{margin-bottom:10px} #view-admin .admin-section-head h3,#view-admin .promotion-panel-head h3{font-size:1.05rem} #view-admin .admin-user-list{gap:8px} #view-admin .admin-user-row{min-height:68px;padding:11px 12px;border-radius:12px;box-shadow:none} #view-admin .admin-user-title strong{font-size:.9rem} #view-admin .admin-user-main small{font-size:.72rem} #view-admin .system-health-head{gap:12px;align-items:center} #view-admin .system-health-grid{gap:8px!important} #view-admin .system-health-item{padding:11px 12px!important;border-radius:11px!important;box-shadow:none!important} #view-admin .promotion-progress{padding:11px 12px;border-radius:11px} #view-admin .promotion-button{min-height:42px} /* formulários principais também seguem o novo ritmo */ #productDialog,#supplyDialog,#recipeDialog,#fragrance165Dialog{border-radius:18px} #productDialog .modal-form,#supplyDialog .modal-form,#recipeDialog .modal-form,#fragrance165Dialog .modal-form{padding:20px} #productDialog .modal-head,#supplyDialog .modal-head,#recipeDialog .modal-head,#fragrance165Dialog .modal-head{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)} #productDialog .form-grid input,#productDialog .form-grid select,#supplyDialog .form-grid input,#supplyDialog .form-grid select,#recipeDialog .form-grid input,#recipeDialog .form-grid select,#fragrance165Dialog .form-grid input{min-height:43px} @media(max-width:1100px){ #view-products,#view-stock,#view-transfer,#view-receivables,#view-production,#view-admin{max-width:none} #view-production #production-fragrances .fragrance165-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:760px){ #view-products .page-head h2,#view-stock .page-head h2,#view-transfer .page-head h2,#view-receivables .page-head h2,#view-production>.page-head h2,#view-admin>.page-head h2{font-size:1.55rem} #view-products .products-toolbar99,#stock-workspace-products .stock-inline-filter-toolbar,#stock-workspace-supplies .supply-inline-filter-toolbar{padding:10px!important} #stockWorkspaceTabs,#view-production>.workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} #view-production>.workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr))} #productsTableWrap,#stockTableWrap,#suppliesTableWrap,#receivablesTableWrap,#lotsTableWrap{overflow:visible!important} #productsTableWrap table,#stockTableWrap table,#suppliesTableWrap table,#receivablesTableWrap table,#lotsTableWrap table{border-spacing:0!important} #productsTableWrap tbody tr,#stockTableWrap tbody tr,#suppliesTableWrap tbody tr,#receivablesTableWrap tbody tr,#lotsTableWrap tbody tr{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;padding:9px!important} #productsTableWrap tbody td,#stockTableWrap tbody td,#suppliesTableWrap tbody td,#receivablesTableWrap tbody td,#lotsTableWrap tbody td{background:transparent!important;border:0!important;border-radius:0!important;padding:7px 5px!important} #view-transfer .transfer-panel107{padding:12px} #view-transfer .transfer-form107>label,#view-transfer .transfer-filter-toolbar107{padding:11px} #view-receivables .compact-metrics{grid-template-columns:1fr 1fr} #view-receivables .metric{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:10px 11px} #view-receivables .metric>strong{grid-column:1;grid-row:auto;font-size:1rem} #production-recipes .recipe-kpis{grid-template-columns:1fr!important} #view-production #production-fragrances .fragrance165-kpis{grid-template-columns:1fr!important} #production-lots #internal-production .subpage-head{align-items:flex-start;flex-direction:column} #production-lots #internal-production .subpage-head .btn{width:100%} #view-admin .admin-section-card{padding:13px} } @media(max-width:480px){ #stockWorkspaceTabs,#view-production>.workspace-tabs{grid-template-columns:1fr} #view-receivables .compact-metrics{grid-template-columns:1fr} } /* ===== V171_TRANSFER_TOP_ACTIONS — ações no topo como no Estoque ===== */ #view-transfer .transfer-top-toolbar171{ margin:0!important;padding:13px 14px!important;border:1px solid var(--line);border-radius:16px; background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent); align-items:flex-end!important } #view-transfer .transfer-top-left171{align-items:flex-end;gap:10px;flex:1 1 auto} #view-transfer .transfer-route-field171{ width:230px;min-width:200px;display:grid;gap:5px;color:var(--muted);font-size:.74rem;font-weight:750 } #view-transfer .transfer-route-field171>span{display:flex;align-items:center;gap:5px} #view-transfer .transfer-route-field171 select{min-height:44px;margin:0;background:var(--panel)} #view-transfer .transfer-toolbar-actions171{display:flex;align-items:center;gap:8px;justify-content:flex-end} #view-transfer .transfer-toolbar-actions171 .btn{min-height:44px;padding:9px 14px;white-space:nowrap} #view-transfer .transfer-quantity171{max-width:360px} @media(max-width:1180px){ #view-transfer .transfer-top-toolbar171{align-items:stretch!important} #view-transfer .transfer-top-left171{flex:1 1 100%;flex-wrap:wrap} #view-transfer .transfer-toolbar-actions171{margin-left:auto!important} } @media(max-width:760px){ #view-transfer .transfer-top-toolbar171{padding:10px!important} #view-transfer .transfer-top-left171{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px} #view-transfer .transfer-route-field171{width:100%;min-width:0} #view-transfer .transfer-toolbar-actions171{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px} #view-transfer .transfer-toolbar-actions171 .btn{width:100%} #view-transfer .transfer-quantity171{max-width:none} } @media(max-width:480px){ #view-transfer .transfer-top-left171,#view-transfer .transfer-toolbar-actions171{grid-template-columns:1fr} } /* ===== V172_TRANSFER_ROUTE_SEPARATION — ações no cabeçalho; De/Para em linha própria ===== */ #view-transfer .transfer-page-head172{align-items:flex-start} #view-transfer .transfer-page-actions172{ margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap } #view-transfer .transfer-page-actions172 .btn{min-height:44px;padding:9px 14px;white-space:nowrap} #view-transfer .transfer-route-grid172{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; padding:13px 14px;border:1px solid var(--line);border-radius:14px; background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%) } #view-transfer .transfer-route-field172{display:grid;gap:5px;color:var(--muted);font-size:.74rem;font-weight:750} #view-transfer .transfer-route-field172>span{display:flex;align-items:center;gap:5px} #view-transfer .transfer-route-field172 select{min-height:44px;margin:0;background:var(--panel)} #view-transfer #transferAvailability.hidden{display:none!important} @media(max-width:760px){ #view-transfer .transfer-page-head172{gap:10px} #view-transfer .transfer-page-actions172{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr} #view-transfer .transfer-page-actions172 .btn{width:100%} #view-transfer .transfer-route-grid172{padding:10px;grid-template-columns:1fr 1fr} } @media(max-width:480px){ #view-transfer .transfer-page-actions172,#view-transfer .transfer-route-grid172{grid-template-columns:1fr} } /* ===== V173_TRANSFER_STOCK_TOOLBAR — mesma lógica visual do Estoque ===== */ #view-transfer .transfer-page-head173{margin-bottom:12px!important} #view-transfer .transfer-panel107{max-width:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} #view-transfer .transfer-form173{display:grid!important;grid-template-columns:1fr!important;gap:10px!important} #view-transfer .transfer-route-grid173{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent} #view-transfer .transfer-route-field173{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:.74rem;font-weight:750} #view-transfer .transfer-route-field173>span{display:flex;align-items:center;gap:5px} #view-transfer .transfer-route-field173 select{min-height:42px;margin:0;background:var(--panel)} #view-transfer .transfer-inline-toolbar173{margin:0!important;padding:13px 14px!important;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)} #view-transfer .transfer-left173{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto} #view-transfer .transfer-search-compact173{width:420px;max-width:420px;min-width:260px;flex:0 1 420px;position:relative} #view-transfer .transfer-search-compact173>input[type=search]{min-height:44px;margin:0;border-radius:10px} #view-transfer #transferCategoryFilter{width:190px;min-width:175px;flex:0 0 190px;min-height:44px;border-radius:10px} #view-transfer .transfer-qty-compact173{display:grid;grid-template-columns:auto 76px;align-items:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:.74rem;color:var(--muted);white-space:nowrap} #view-transfer .transfer-qty-compact173 input{width:76px;min-height:40px;margin:0;padding:7px 8px;text-align:center;border:0;background:transparent;box-shadow:none} #view-transfer .transfer-actions173{display:flex;align-items:center;gap:8px;margin-left:auto} #view-transfer .transfer-actions173 .btn{min-height:44px;padding:9px 14px;white-space:nowrap} #view-transfer .transfer-refine-filters107{margin:0!important} #view-transfer #transferAvailability.hidden{display:none!important} @media(max-width:1180px){#view-transfer .transfer-inline-toolbar173{flex-wrap:wrap!important}#view-transfer .transfer-left173{flex:1 1 100%;flex-wrap:wrap}#view-transfer .transfer-actions173{margin-left:auto!important}} @media(max-width:760px){#view-transfer .transfer-route-grid173{grid-template-columns:1fr 1fr}#view-transfer .transfer-inline-toolbar173{padding:10px!important}#view-transfer .transfer-left173{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}#view-transfer .transfer-search-compact173{grid-column:1/-1;width:100%;max-width:none;min-width:0}#view-transfer #transferCategoryFilter{width:100%;min-width:0}#view-transfer .transfer-qty-compact173{grid-template-columns:1fr 70px}#view-transfer .transfer-actions173{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}#view-transfer .transfer-actions173 .btn{width:100%}} @media(max-width:480px){#view-transfer .transfer-route-grid173,#view-transfer .transfer-left173,#view-transfer .transfer-actions173{grid-template-columns:1fr}#view-transfer .transfer-search-compact173{grid-column:auto}} /* ===== V174_TRANSFER_PAINT_LAYOUT — composição aprovada pelo usuário ===== */ #view-transfer .transfer-page-head174{margin-bottom:12px!important} #view-transfer .transfer-panel107{max-width:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} #view-transfer .transfer-form174{display:grid!important;grid-template-columns:1fr!important;gap:10px!important} #view-transfer .transfer-command-bar174{ margin:0!important;padding:13px 14px!important;min-height:72px;border:1px solid var(--line);border-radius:16px; background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent);align-items:center!important } #view-transfer .transfer-command-copy174{margin:0;color:var(--muted);font-size:.88rem;line-height:1.35} #view-transfer .transfer-command-actions174{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end} #view-transfer .transfer-command-actions174 .btn{min-height:44px;padding:9px 14px;white-space:nowrap} #view-transfer .transfer-route-grid174{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent} #view-transfer .transfer-route-field174{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:.74rem;font-weight:750} #view-transfer .transfer-route-field174>span{display:flex;align-items:center;gap:5px} #view-transfer .transfer-route-field174 select{min-height:42px;margin:0;background:var(--panel)} #view-transfer .transfer-inline-toolbar174{margin:0!important;padding:13px 14px!important;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 72%,transparent)} #view-transfer .transfer-left174{display:grid!important;grid-template-columns:minmax(320px,1fr) 190px 130px;align-items:center;gap:10px;width:100%;min-width:0} #view-transfer .transfer-search-compact174{width:100%;max-width:none;min-width:0;position:relative} #view-transfer .transfer-search-compact174>input[type=search]{width:100%;min-height:44px;margin:0;border-radius:10px} #view-transfer #transferCategoryFilter{width:100%!important;min-width:0!important;min-height:44px;border-radius:10px} #view-transfer .transfer-qty-compact174{display:grid;grid-template-columns:auto 52px;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:.74rem;color:var(--muted);white-space:nowrap} #view-transfer .transfer-qty-compact174 input{width:52px;min-height:40px;margin:0;padding:7px 5px;text-align:center;border:0;background:transparent;box-shadow:none} #view-transfer .transfer-refine-filters107{margin:0!important} #view-transfer #transferAvailability.hidden{display:none!important} @media(max-width:900px){ #view-transfer .transfer-left174{grid-template-columns:minmax(0,1fr) 170px 120px} } @media(max-width:760px){ #view-transfer .transfer-command-bar174{padding:10px!important;gap:10px;align-items:stretch!important} #view-transfer .transfer-command-actions174{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr} #view-transfer .transfer-command-actions174 .btn{width:100%} #view-transfer .transfer-route-grid174{grid-template-columns:1fr 1fr} #view-transfer .transfer-inline-toolbar174{padding:10px!important} #view-transfer .transfer-left174{grid-template-columns:1fr 1fr} #view-transfer .transfer-search-compact174{grid-column:1/-1} } @media(max-width:480px){ #view-transfer .transfer-command-actions174,#view-transfer .transfer-route-grid174,#view-transfer .transfer-left174{grid-template-columns:1fr} #view-transfer .transfer-search-compact174{grid-column:auto} } /* ===== V175_TRANSFER_ALIGNMENT_FINISH — centralização e proporções do mockup ===== */ #view-transfer .transfer-page-head174, #view-transfer .transfer-form174{width:100%;max-width:1200px;margin-left:auto!important;margin-right:auto!important} #view-transfer .transfer-form174{gap:12px!important} #view-transfer .transfer-command-bar174{ display:flex!important;justify-content:space-between!important;align-items:center!important; width:100%;min-height:76px;padding:14px 16px!important;gap:18px } #view-transfer .transfer-command-copy174{display:flex;align-items:center;min-height:44px;margin:0!important} #view-transfer .transfer-command-actions174{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto} #view-transfer .transfer-command-actions174 .btn{height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center} #view-transfer .transfer-route-grid174{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch} #view-transfer .transfer-route-field174{ min-height:84px;padding:11px 13px;align-content:center;justify-content:stretch } #view-transfer .transfer-route-field174>span{min-height:18px;align-items:center} #view-transfer .transfer-route-field174 select{width:100%;height:44px;min-height:44px;margin:0} #view-transfer .transfer-inline-toolbar174{width:100%;padding:13px 14px!important;display:flex!important;align-items:center!important} #view-transfer .transfer-left174{ width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,260px) 140px; align-items:center!important;justify-content:center;gap:12px;margin:0 auto } #view-transfer .transfer-search-compact174, #view-transfer #transferCategoryFilter, #view-transfer .transfer-qty-compact174{height:46px;min-height:46px;margin:0!important;align-self:center} #view-transfer .transfer-search-compact174{display:flex;align-items:center} #view-transfer .transfer-search-compact174>input[type=search]{height:46px;min-height:46px;margin:0!important} #view-transfer #transferCategoryFilter{display:block;width:100%!important;padding-top:0;padding-bottom:0} #view-transfer .transfer-qty-compact174{ width:140px;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:center; gap:6px;padding:0 10px!important } #view-transfer .transfer-qty-compact174>span{display:flex;align-items:center;justify-content:center;height:100%} #view-transfer .transfer-qty-compact174 input{ width:100%;height:42px;min-height:42px;margin:0!important;padding:0 4px!important;text-align:center } @media(max-width:980px){ #view-transfer .transfer-left174{grid-template-columns:minmax(0,1fr) 210px 130px} #view-transfer .transfer-qty-compact174{width:130px} } @media(max-width:760px){ #view-transfer .transfer-page-head174,#view-transfer .transfer-form174{max-width:none} #view-transfer .transfer-command-bar174{align-items:stretch!important;flex-direction:column} #view-transfer .transfer-command-actions174{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr} #view-transfer .transfer-command-actions174 .btn{width:100%} #view-transfer .transfer-route-grid174{grid-template-columns:1fr 1fr} #view-transfer .transfer-left174{grid-template-columns:1fr 1fr} #view-transfer .transfer-search-compact174{grid-column:1/-1} #view-transfer .transfer-qty-compact174{width:100%} } @media(max-width:480px){ #view-transfer .transfer-command-actions174,#view-transfer .transfer-route-grid174,#view-transfer .transfer-left174{grid-template-columns:1fr} #view-transfer .transfer-search-compact174{grid-column:auto} }