@charset "UTF-8";:root{--bg: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f4f4f5;--surface-hover: #ececee;--surface-subtle: #fbfbfb;--border: #e4e4e7;--border-strong: #d4d4d8;--border-soft: #ededed;--text: #18181b;--text-strong: #09090b;--text-muted: #52525b;--text-subtle: #71717a;--text-faint: #a1a1aa;--brand-green: #034c3b;--brand-green-strong: #023a2d;--brand-green-bright: #1a7d61;--brand-green-bright-strong: #156b53;--brand-orange: #ed8200;--primary: var(--brand-green);--primary-hover: var(--brand-green-strong);--on-primary: #ffffff;--accent: var(--brand-orange);--accent-2: #52525b;--accent-text: var(--brand-green);--danger: #dc2626;--danger-hover: #b91c1c;--danger-soft-bg: #fef2f2;--warning-soft-bg: rgba(255, 193, 7, .16);--warning-text: #8a6500;--danger-soft-border: #fee2e2;--danger-text-bg: #f8d7da;--success: var(--brand-green);--success-hover: var(--brand-green-strong);--success-soft-bg: #e3f0eb;--success-soft-border: #c4ddd3;--success-text: var(--brand-green);--on-success: #ffffff;--input-bg: #ffffff;--input-disabled-bg: #f4f4f5;--input-focus: var(--brand-green);--focus-ring: rgba(3, 76, 59, .6);--overlay: rgba(9, 9, 11, .5);--overlay-soft: rgba(9, 9, 11, .4);--shadow-sm: 0 1px 3px rgba(9, 9, 11, .07), 0 1px 2px rgba(9, 9, 11, .04);--shadow-md: 0 4px 10px rgba(9, 9, 11, .07), 0 2px 4px rgba(9, 9, 11, .04);--shadow-lg: 0 12px 24px -6px rgba(9, 9, 11, .1), 0 4px 8px -2px rgba(9, 9, 11, .04);--shadow-xl: 0 24px 48px -12px rgba(9, 9, 11, .16), 0 8px 16px -4px rgba(9, 9, 11, .06);--shadow-card: 0 1px 2px rgba(9, 9, 11, .04), 0 20px 40px -14px rgba(9, 9, 11, .14);--sidebar-bg: var(--brand-green);--sidebar-bg-elevated: #0a5c48;--sidebar-text: #eef5f2;--sidebar-text-muted: #b4cec5;--sidebar-border: #0f5f4b;--sidebar-active-bg: var(--brand-orange);--sidebar-active-text: #023327;--shadow-hero: 0 1px 2px rgba(0, 0, 0, .35), 0 24px 48px -14px rgba(0, 0, 0, .55), 0 0 32px -10px rgba(26, 125, 97, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--transition-fast: .15s ease;--transition-base: .2s ease;--font-heading: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;color-scheme:light}[data-theme=dark]{--bg: #0a0a0a;--surface: #131314;--surface-elevated: #1a1a1b;--surface-muted: #101011;--surface-hover: #1e1e20;--surface-subtle: #121213;--border: #27272a;--border-strong: #3f3f46;--border-soft: #1f1f22;--text: #f4f4f5;--text-strong: #ffffff;--text-muted: #d4d4d8;--text-subtle: #a1a1aa;--text-faint: #71717a;--primary: var(--brand-green-bright);--primary-hover: var(--brand-green-bright-strong);--on-primary: #ffffff;--accent: var(--brand-orange);--accent-2: #a1a1aa;--accent-text: #5cc9a4;--danger: #ef4444;--danger-hover: #dc2626;--danger-soft-bg: rgba(239, 68, 68, .15);--warning-soft-bg: rgba(255, 193, 7, .16);--warning-text: #fcd34d;--danger-soft-border: rgba(239, 68, 68, .35);--danger-text-bg: rgba(239, 68, 68, .2);--success: var(--brand-green-bright);--success-hover: var(--brand-green-bright-strong);--success-soft-bg: rgba(26, 125, 97, .2);--success-soft-border: rgba(26, 125, 97, .45);--success-text: #6fd3b0;--on-success: #ffffff;--input-bg: #131314;--input-disabled-bg: #1a1a1b;--input-focus: #26a07e;--focus-ring: rgba(38, 160, 126, .7);--overlay: rgba(0, 0, 0, .7);--overlay-soft: rgba(0, 0, 0, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .55), 0 4px 8px -2px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .6), 0 8px 16px -4px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 20px 40px -14px rgba(0, 0, 0, .5);color-scheme:dark}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font-body);transition:background-color .25s ease,color .25s ease}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--surface-elevated);color:var(--text);width:90%;max-width:400px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:slideUp .22s ease-out;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:16px}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.modal-header .btn-close{background:none;border:none;font-size:1.5rem;color:var(--text-faint);cursor:pointer;line-height:1;padding:0}.modal-header .btn-close:hover{color:var(--text-muted)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:16px 24px;background:var(--surface-muted);display:flex;justify-content:flex-end;gap:12px}@media(max-width:480px){.modal-header{padding:14px 16px}.modal-header h2{font-size:1.0625rem}.modal-body{padding:16px;gap:12px}.modal-footer{padding:12px 16px;flex-direction:column-reverse;gap:8px}}.dropdown{position:relative;display:inline-block}.btn-dropdown{background:var(--surface-muted);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base)}.btn-dropdown:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-strong)}.dropdown-menu{position:fixed;z-index:1100;background:var(--surface-elevated);min-width:140px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:4px;display:flex;flex-direction:column;transform-origin:top right;animation:dropdownIn var(--transition-fast)}.dropdown-menu button{background:none;border:none;padding:8px 12px;text-align:left;font-size:.875rem;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:background-color .2s}.dropdown-menu button:hover{background-color:var(--surface-hover)}.dropdown-menu button.delete{color:var(--danger)}.dropdown-menu button.delete:hover{background-color:var(--danger-soft-bg)}.header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.header .title-group h1{margin:0 0 4px;font-size:1.5rem;color:var(--text-strong);font-weight:700}.header .title-group p{color:var(--text-subtle);margin:0;font-size:.95rem}.table-container{border:1px solid var(--border);border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--surface),transparent) left center/28px 100% no-repeat local,linear-gradient(to left,var(--surface),transparent) right center/28px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.28),transparent) left center/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.28),transparent) right center/14px 100% no-repeat scroll}table{width:100%;border-collapse:collapse}table th,table td{padding:16px;text-align:center;border-bottom:1px solid var(--border-soft);white-space:nowrap;color:var(--text-muted);font-size:.875rem}table th{background-color:var(--surface-hover);border-bottom:2px solid var(--border-strong);font-weight:600;color:var(--text-subtle);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}table tbody tr{transition:background-color var(--transition-fast)}table tbody tr:last-child td{border-bottom:none}table tbody tr:hover{background-color:var(--surface-hover)}.btn-primary{background:var(--primary);color:var(--on-primary);padding:9px 18px;border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);padding:9px 18px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn-secondary.danger{color:var(--danger);border-color:var(--danger)}.link-button{background:none;border:none;color:var(--accent-text);cursor:pointer;font-size:.875rem;text-decoration:underline;padding:0}.search-bar{margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.search-bar input{flex:1 1 220px;min-width:0;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text);font-size:.875rem;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring)}.search-bar select.custom-select{flex:0 0 auto;width:auto;min-width:160px;padding:10px 32px 10px 14px;font-size:.875rem}.search-bar button{flex:0 0 auto}.header-actions{display:flex;align-items:center;gap:8px}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-hover);color:var(--text-muted)}.status-badge.status-aprovado,.status-badge.status-faturado,.status-badge.status-entregue,.status-badge.status-pago,.status-badge.status-emitida,.status-badge.status-autorizada,.status-badge.status-aprovada,.status-badge.status-validado,.status-badge.status-pronto_para_transmissao,.status-badge.status-homologada,.status-badge.status-concluido{background:var(--success-soft-bg);color:var(--success-text)}.status-badge.status-rejeitado,.status-badge.status-cancelado,.status-badge.status-cancelada,.status-badge.status-vencido,.status-badge.status-protestado,.status-badge.status-rejeitada,.status-badge.status-denegada,.status-badge.status-cancelamento_rejeitado{background:var(--danger-soft-bg);color:var(--danger)}.status-badge.status-em_analise,.status-badge.status-em_separacao,.status-badge.status-em_transporte,.status-badge.status-alterada_apos_aprovacao,.status-badge.status-preparado,.status-badge.status-transmitindo,.status-badge.status-retorno_desconhecido,.status-badge.status-cancelamento_pendente{background:var(--warning-soft-bg);color:var(--warning-text)}.container{max-width:1100px;margin:40px auto;padding:36px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text);position:relative;z-index:1}@media(max-width:768px){.container{margin:16px auto;padding:16px;border-radius:8px}}@media(max-width:480px){.container{margin:0;padding:12px;border-radius:0;box-shadow:none}}.custom-select{width:100%;padding:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--text);font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.custom-select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring)}.custom-select:hover{border-color:var(--border)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{box-shadow:0 0 0 3px var(--focus-ring)}@media(max-width:768px){.modal-content{width:calc(100% - 24px);max-width:100%;max-height:calc(100vh - 24px);overflow-y:auto}.header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.header .title-group h1{font-size:1.25rem}.header .title-group p{font-size:.875rem}table th,table td{padding:10px 12px;font-size:.8125rem}table th{font-size:.75rem}.btn-primary,.btn-secondary{padding:10px 14px;font-size:.875rem}.dropdown-menu{right:0;min-width:140px}}@media(max-width:480px){table th,table td{padding:8px 10px;font-size:.75rem}}@media print{@page{size:A4;margin:8mm}body *{visibility:hidden}body *:not(:has(.document-print)):not(.document-print):not(.document-print *){display:none!important}.document-print,.document-print *{visibility:visible}.container{position:static!important}.document-print{display:block!important;position:absolute;top:0;left:0;width:100%;margin:0;padding:0;box-shadow:none;background:#fff}}
