/* ===== 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} } /* ===== V176_TRANSFER_WIDTH_FIX — proporções reais do mockup, sem vão central ===== */ #view-transfer .transfer-inline-toolbar174{display:block!important;width:100%!important;padding:13px 14px!important} #view-transfer .transfer-left174{ width:100%!important;max-width:none!important;display:grid!important; grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important; gap:12px!important;align-items:center!important;justify-content:stretch!important;margin:0!important } #view-transfer .transfer-search-compact174, #view-transfer #transferCategoryFilter, #view-transfer .transfer-qty-compact174{width:100%!important;max-width:none!important;min-width:0!important;height:46px!important;min-height:46px!important} #view-transfer .transfer-search-compact174>input[type=search]{ width:100%!important;max-width:none!important;min-width:0!important;height:46px!important;min-height:46px!important } #view-transfer #transferCategoryFilter{display:block!important} #view-transfer .transfer-qty-compact174{ display:grid!important;grid-template-columns:auto minmax(60px,1fr)!important; align-items:center!important;gap:10px!important;padding:0 14px!important } #view-transfer .transfer-qty-compact174 input{width:100%!important;max-width:none!important;min-width:60px!important} @media(max-width:900px){ #view-transfer .transfer-left174{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,.8fr)!important} } @media(max-width:760px){ #view-transfer .transfer-left174{grid-template-columns:1fr 1fr!important} #view-transfer .transfer-search-compact174{grid-column:1/-1!important} } @media(max-width:480px){ #view-transfer .transfer-left174{grid-template-columns:1fr!important} #view-transfer .transfer-search-compact174{grid-column:auto!important} } /* ===== V177_STOCK_TAB_COLOR_ONLY — somente cores, sem alterar layout ===== */ #stockWorkspaceTabs .workspace-tab-btn{ color:var(--gold2)!important; } #stockWorkspaceTabs .workspace-tab-btn.active, #stockWorkspaceTabs .workspace-tab-btn.active:hover{ background:linear-gradient(135deg,var(--gold2),var(--gold))!important; color:#111!important; border-color:var(--gold)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 72%,#111 28%)!important; } /* ===== V178_GOLD_ACTIVE_TABS — mesma paleta do botão Confirmar transferência ===== */ /* Histórico: somente cores */ #view-history .history-tab{ color:var(--gold2)!important; background:var(--panel)!important; border-color:var(--line)!important; } #view-history .history-tab .history-tab-count{ background:color-mix(in srgb,var(--panel) 82%,var(--gold) 18%)!important; color:var(--gold2)!important; } #view-history .history-tab.active, #view-history .history-tab.active:hover{ background:linear-gradient(135deg,var(--gold2),var(--gold))!important; color:#111!important; border-color:var(--gold)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 72%,#111 28%)!important; } #view-history .history-tab.active .history-tab-count{ background:#111!important; color:var(--gold2)!important; } /* Produção: Receitas / Fragrâncias / Produção & lotes — somente cores */ #view-production .workspace-tabs .workspace-tab-btn{ color:var(--gold2)!important; background:transparent!important; border-color:transparent!important; box-shadow:none!important; } #view-production .workspace-tabs .workspace-tab-btn.active, #view-production .workspace-tabs .workspace-tab-btn.active:hover{ background:linear-gradient(135deg,var(--gold2),var(--gold))!important; color:#111!important; border-color:var(--gold)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 72%,#111 28%)!important; } /* ===== V179_RECEIVABLE_ACTION_ALIGNMENT — cabeçalho e ações alinhados na tela A receber ===== */ @media(min-width:761px){ #receivablesTableWrap th:last-child, #receivablesTableWrap td:last-child{ width:190px!important; min-width:190px!important; text-align:center!important; } #receivablesTableWrap .inline-actions{ display:grid!important; grid-template-columns:repeat(2,78px)!important; justify-content:center!important; align-items:center!important; gap:6px!important; width:100%!important; } #receivablesTableWrap .inline-actions .btn{ width:78px!important; min-width:78px!important; min-height:36px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding-left:8px!important; padding-right:8px!important; } } /* ===== V180_CATALOG_SHARE_ACTION — atalhos do catálogo no sistema interno ===== */ #shareCatalogBtn180{font-weight:750} #shareCatalogBtn180:disabled,#homeShareCatalog180:disabled{opacity:.58;cursor:wait} /* ===== V181_CATALOG_SHARE_ACTION — link curto e catálogo sincronizado ===== */ #shareCatalogBtn181{font-weight:750} #shareCatalogBtn181:disabled,#homeShareCatalog181:disabled{opacity:.58;cursor:wait} /* ===== V182_ONLINE_ORDERS_UI — solicitações online sem reserva ===== */ .online-orders-summary182{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:14px}.online-order-stat182{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px}.online-order-stat182 span{display:block;color:var(--muted);font-size:.76rem;margin-bottom:5px}.online-order-stat182 strong{font-size:1.2rem}.online-orders-list182{display:grid;gap:12px}.online-order-card182{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:16px}.online-order-head182{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.online-order-head182 h3{margin:4px 0}.online-order-head182 p,.online-order-foot182 p{margin:0;color:var(--muted);font-size:.82rem}.online-order-code182{font-size:.72rem;color:var(--gold2);font-weight:800}.online-order-status182{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.online-order-items182{display:grid;gap:5px;margin:14px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.online-order-item182{display:flex;justify-content:space-between;gap:12px;font-size:.82rem}.online-order-foot182{display:grid;gap:7px}.online-order-foot182>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.online-order-foot182 small{color:var(--muted)}.empty-state182{border:1px dashed var(--line);border-radius:14px;padding:22px;display:grid;gap:5px;color:var(--muted)}.empty-state182 strong{color:var(--text)}@media(max-width:700px){.online-orders-summary182{grid-template-columns:1fr 1fr}.online-order-card182{padding:13px}.online-order-head182{align-items:center}} /* ===== V184_ONLINE_ORDER_RESERVATION — estados e ações da reserva real ===== */ #view-online-orders .online-order-status182.reserved184{background:color-mix(in srgb,#22c55e 22%,var(--panel));color:#75e59a;border:1px solid color-mix(in srgb,#22c55e 52%,var(--line))} #view-online-orders .online-order-status182.cancelled184{background:color-mix(in srgb,#ef4444 10%,var(--panel));color:#f18b8b;border:1px solid color-mix(in srgb,#ef4444 34%,var(--line))} #view-online-orders .online-order-card182.cancelled184{opacity:.68} #view-online-orders .online-order-actions184{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)} #view-online-orders .online-order-reserved-note184{margin-right:auto;font-size:.76rem;font-weight:750;color:#62d98b} #view-online-orders .online-order-cancel184{color:#f18b8b;border-color:color-mix(in srgb,#ef4444 32%,var(--line))} @media(max-width:760px){#view-online-orders .online-order-actions184{align-items:stretch}#view-online-orders .online-order-actions184 .btn{flex:1;min-width:140px}#view-online-orders .online-order-reserved-note184{width:100%;margin:0 0 2px}} /* ===== V185_ONLINE_ORDER_SOURCE_UI ===== */ #view-online-orders .online-order-product-code185{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--gold2);font-size:.76rem} #view-online-orders .online-order-reservation185{display:grid;gap:5px;margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,#22c55e 30%,var(--line));border-radius:11px;background:color-mix(in srgb,#22c55e 5%,var(--panel))} #view-online-orders .online-order-reservation185>strong{font-size:.7rem;color:#75e59a;text-transform:uppercase}.online-order-reservation185>span{font-size:.78rem} .online-reserve-dialog185{width:min(700px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 26px 80px rgba(0,0,0,.48)}.online-reserve-dialog185::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)} .online-reserve-shell185{padding:20px}.online-reserve-head185{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.online-reserve-head185 span{font-size:.68rem;font-weight:850;letter-spacing:.07em;color:var(--gold2)}.online-reserve-head185 h3{margin:4px 0}.online-reserve-head185 p{margin:0;color:var(--muted);font-size:.8rem} .online-reserve-rows185{display:grid;gap:9px;padding:14px 0}.online-reserve-row185{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}.online-reserve-row185>span{font-size:.82rem}.online-reserve-row185>span b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--gold2)}.online-reserve-row185 select{min-height:42px} .online-reserve-error185{padding:10px 12px;border:1px solid color-mix(in srgb,#ef4444 35%,var(--line));border-radius:10px;color:#f3a0a0;font-size:.78rem}.online-reserve-actions185{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} @media(max-width:650px){.online-reserve-shell185{padding:15px}.online-reserve-row185{grid-template-columns:1fr}.online-reserve-actions185{display:grid;grid-template-columns:1fr 1fr}} /* ===== V187_ONLINE_ORDER_ITEM_CARD — mesmo padrão visual da seleção da reserva ===== */ #view-online-orders .online-order-items182{display:grid;gap:9px;margin:12px 0} #view-online-orders .online-order-item182.online-order-item187{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--text) 4%)} #view-online-orders .online-order-item-copy187{display:flex;align-items:center;gap:7px;min-width:0;font-size:.9rem;line-height:1.3} #view-online-orders .online-order-item187 .online-order-product-code185{font-size:.82rem;color:#60a5fa;font-weight:850;white-space:nowrap} #view-online-orders .online-order-item-name187{font-size:.9rem;font-weight:800;color:var(--text)} #view-online-orders .online-order-item-volume187{font-size:.86rem;color:var(--text)} #view-online-orders .online-order-item-sep187{color:var(--muted);font-weight:700} #view-online-orders .online-order-item-price187{font-size:.9rem;white-space:nowrap} @media(max-width:760px){#view-online-orders .online-order-item182.online-order-item187{align-items:flex-start;padding:12px}#view-online-orders .online-order-item-copy187{flex-wrap:wrap;gap:5px 7px;font-size:.86rem}#view-online-orders .online-order-item-price187{padding-top:1px}} /* ===== V188_ONLINE_ORDER_READABILITY — ficha de conferência com tipografia maior ===== */ #view-online-orders .online-order-card182{padding:18px 20px!important} #view-online-orders .online-order-head182{gap:16px;padding-bottom:14px!important} #view-online-orders .online-order-code182{font-size:.88rem!important;font-weight:900!important;letter-spacing:.015em} #view-online-orders .online-order-head182 h3{margin:5px 0 4px!important;font-size:1.28rem!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.015em} #view-online-orders .online-order-head182 p{font-size:.92rem!important;line-height:1.4!important} #view-online-orders .online-order-status182{font-size:.82rem!important;padding:7px 12px!important;font-weight:850!important} #view-online-orders .online-order-items182{gap:10px!important;margin:15px 0!important} #view-online-orders .online-order-item182.online-order-item187{min-height:58px;padding:15px 16px!important;gap:18px!important} #view-online-orders .online-order-item-copy187{gap:8px!important;font-size:1rem!important;line-height:1.4!important} #view-online-orders .online-order-item187 .online-order-product-code185{font-size:.94rem!important;font-weight:900!important} #view-online-orders .online-order-item-name187{font-size:1.06rem!important;line-height:1.32!important;font-weight:850!important} #view-online-orders .online-order-item-volume187{font-size:1rem!important;font-weight:650!important} #view-online-orders .online-order-item-sep187{font-size:1rem!important} #view-online-orders .online-order-item-price187{font-size:1.18rem!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.015em} #view-online-orders .online-order-foot182{padding-top:2px} #view-online-orders .online-order-foot182>div:first-child{align-items:center!important;padding:12px 0 10px!important} #view-online-orders .online-order-foot182>div:first-child>span{font-size:.92rem!important;font-weight:750!important} #view-online-orders .online-order-foot182>div:first-child>strong{font-size:1.34rem!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.02em} #view-online-orders .online-order-foot182>p{font-size:.96rem!important;line-height:1.5!important;margin:4px 0 7px!important} #view-online-orders .online-order-foot182>small{display:block;font-size:.86rem!important;line-height:1.45!important;font-weight:650!important} #view-online-orders .online-order-reservation185{gap:7px!important;margin-top:13px!important;padding:13px 15px!important} #view-online-orders .online-order-reservation185>strong{font-size:.78rem!important} #view-online-orders .online-order-reservation185>span{font-size:.92rem!important;line-height:1.4!important;font-weight:650!important} #view-online-orders .online-order-reservation185>span b{font-size:.9rem!important} #view-online-orders .online-order-reserved-note184{font-size:.86rem!important} #view-online-orders .online-order-actions184 .btn{min-height:40px!important;font-size:.86rem!important} @media(max-width:760px){ #view-online-orders .online-order-card182{padding:15px!important} #view-online-orders .online-order-head182 h3{font-size:1.16rem!important} #view-online-orders .online-order-head182 p{font-size:.86rem!important} #view-online-orders .online-order-item182.online-order-item187{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px!important;padding:14px!important} #view-online-orders .online-order-item-copy187{font-size:.94rem!important;gap:6px 7px!important} #view-online-orders .online-order-item187 .online-order-product-code185{font-size:.9rem!important} #view-online-orders .online-order-item-name187{font-size:1rem!important} #view-online-orders .online-order-item-volume187{font-size:.94rem!important} #view-online-orders .online-order-item-price187{font-size:1.1rem!important;padding-top:0!important} #view-online-orders .online-order-foot182>div:first-child>strong{font-size:1.22rem!important} #view-online-orders .online-order-foot182>p{font-size:.91rem!important} } /* ===== V189_ONLINE_ORDER_REFINED_CARD — ficha compacta e compatível claro/escuro ===== */ #view-online-orders .online-order-card182{padding:16px 18px!important;border-radius:14px!important} #view-online-orders .online-order-head182{align-items:flex-start!important;gap:14px!important;padding-bottom:10px!important} #view-online-orders .online-order-code182{font-size:.94rem!important;line-height:1.25!important;font-weight:900!important;letter-spacing:.01em!important} #view-online-orders .online-order-head182 h3{margin:4px 0 3px!important;font-size:1.22rem!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.015em!important;color:var(--text)!important} #view-online-orders .online-order-head182 p{margin:0!important;font-size:.91rem!important;line-height:1.35!important;font-weight:600!important} #view-online-orders .online-order-status182{font-size:.78rem!important;padding:6px 10px!important;font-weight:850!important} #view-online-orders .online-order-items182{gap:8px!important;margin:11px 0 10px!important} #view-online-orders .online-order-item182.online-order-item187{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:50px!important;padding:11px 12px!important;gap:12px!important;border-radius:10px!important} #view-online-orders .online-order-item-copy187{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px 7px!important;min-width:0!important;font-size:1rem!important;line-height:1.3!important} #view-online-orders .online-order-item187 .online-order-product-code185{font-size:.96rem!important;line-height:1.25!important;font-weight:900!important} #view-online-orders .online-order-item-name187{font-size:1.08rem!important;line-height:1.25!important;font-weight:900!important;color:var(--text)!important} #view-online-orders .online-order-item-volume187{font-size:1rem!important;line-height:1.25!important;font-weight:700!important} #view-online-orders .online-order-item-sep187{font-size:.94rem!important;line-height:1!important} #view-online-orders .online-order-item-price187{margin-left:5px!important;font-size:1.13rem!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.015em!important;white-space:nowrap!important;color:var(--text)!important} #view-online-orders .online-order-foot182{padding-top:0!important} #view-online-orders .online-order-foot182>div:first-child{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:12px!important;width:max-content!important;max-width:100%!important;padding:8px 0 5px!important} #view-online-orders .online-order-foot182>div:first-child>span{font-size:.9rem!important;line-height:1.25!important;font-weight:800!important;color:var(--muted)!important} #view-online-orders .online-order-foot182>div:first-child>strong{font-size:1.28rem!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.02em!important;color:var(--text)!important} #view-online-orders .online-order-foot182>p{margin:3px 0 5px!important;font-size:.94rem!important;line-height:1.4!important;font-weight:600!important} #view-online-orders .online-order-foot182>small{display:block!important;margin-top:0!important;font-size:.84rem!important;line-height:1.35!important;font-weight:700!important} #view-online-orders .online-order-reservation185{gap:5px!important;margin-top:9px!important;padding:10px 12px!important;border-radius:10px!important} #view-online-orders .online-order-reservation185>strong{font-size:.76rem!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.025em!important} #view-online-orders .online-order-reservation185>span{font-size:.9rem!important;line-height:1.35!important;font-weight:700!important} #view-online-orders .online-order-reservation185>span b{font-size:.9rem!important;font-weight:900!important} #view-online-orders .online-order-actions184{margin-top:9px!important;padding-top:9px!important} #view-online-orders .online-order-reserved-note184{font-size:.84rem!important;font-weight:750!important} html[data-theme="dark"] #view-online-orders .online-order-code182, html[data-theme="dark"] #view-online-orders .online-order-product-code185{color:#69a9ff!important} html[data-theme="dark"] #view-online-orders .online-order-head182 p{color:#aeb7c3!important} html[data-theme="dark"] #view-online-orders .online-order-item182.online-order-item187{background:#15181d!important;border-color:#2b3038!important} html[data-theme="dark"] #view-online-orders .online-order-item-volume187, html[data-theme="dark"] #view-online-orders .online-order-item-sep187{color:#c1c8d1!important} html[data-theme="dark"] #view-online-orders .online-order-foot182>p{color:#d5dae1!important} html[data-theme="dark"] #view-online-orders .online-order-foot182>small{color:#b7c09a!important} html[data-theme="dark"] #view-online-orders .online-order-reservation185{background:#102018!important;border-color:#295c3d!important} html[data-theme="dark"] #view-online-orders .online-order-reservation185>strong{color:#7ce3a0!important} html[data-theme="dark"] #view-online-orders .online-order-reservation185>span{color:#d8e9de!important} html[data-theme="light"] #view-online-orders .online-order-code182, html[data-theme="light"] #view-online-orders .online-order-product-code185{color:#1d5fbf!important} html[data-theme="light"] #view-online-orders .online-order-head182 p{color:#56616e!important} html[data-theme="light"] #view-online-orders .online-order-item182.online-order-item187{background:#f7f9fc!important;border-color:#d9e0e8!important} html[data-theme="light"] #view-online-orders .online-order-item-volume187, html[data-theme="light"] #view-online-orders .online-order-item-sep187{color:#4b5563!important} html[data-theme="light"] #view-online-orders .online-order-foot182>p{color:#394451!important} html[data-theme="light"] #view-online-orders .online-order-foot182>small{color:#68763f!important} html[data-theme="light"] #view-online-orders .online-order-reservation185{background:#f1faf4!important;border-color:#a9d8b8!important} html[data-theme="light"] #view-online-orders .online-order-reservation185>strong{color:#257044!important} html[data-theme="light"] #view-online-orders .online-order-reservation185>span{color:#244b31!important} @media(max-width:760px){ #view-online-orders .online-order-card182{padding:14px!important} #view-online-orders .online-order-code182{font-size:.88rem!important} #view-online-orders .online-order-head182 h3{font-size:1.14rem!important} #view-online-orders .online-order-head182 p{font-size:.86rem!important} #view-online-orders .online-order-item182.online-order-item187{display:flex!important;flex-wrap:wrap!important;gap:7px 10px!important;padding:10px 11px!important} #view-online-orders .online-order-item-copy187{font-size:.95rem!important} #view-online-orders .online-order-item187 .online-order-product-code185{font-size:.9rem!important} #view-online-orders .online-order-item-name187{font-size:1rem!important} #view-online-orders .online-order-item-volume187{font-size:.94rem!important} #view-online-orders .online-order-item-price187{margin-left:0!important;font-size:1.06rem!important} #view-online-orders .online-order-foot182>div:first-child{gap:9px!important;padding:7px 0 4px!important} #view-online-orders .online-order-foot182>div:first-child>strong{font-size:1.18rem!important} #view-online-orders .online-order-foot182>p{font-size:.9rem!important} }