/* ===== 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} }