*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#111827}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#1f2937)}.login{width:380px;background:white;border-radius:22px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.25)}h1{margin:0 0 8px;font-size:28px}.sub{color:#6b7280;font-size:14px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:12px;font-weight:700}.login label{display:block;margin:16px 0 6px;font-weight:700}.login input,.form-grid input,.form-grid select,.form-grid textarea,.search{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:12px}.btn{background:#111827;color:white;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.layout{display:flex;min-height:100vh}.sidebar{width:265px;background:#111827;color:white;padding:22px;position:fixed;top:0;bottom:0;left:0}.logo-badge{font-weight:900;font-size:20px;margin-bottom:24px}.nav a{display:block;color:#d1d5db;text-decoration:none;padding:13px;border-radius:12px;margin-bottom:8px}.nav a.active,.nav a:hover{background:#374151;color:white}.footer{position:absolute;bottom:20px;color:#9ca3af;font-size:12px}.main{margin-left:265px;width:calc(100% - 265px)}.topbar{height:72px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:14px;padding:0 24px}.search{max-width:420px}.user{margin-left:auto;font-weight:800}.user small{display:block;color:#6b7280;font-weight:500}.content{padding:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.form-card,table{background:white;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(17,24,39,.06)}.metric{font-size:34px;font-weight:900;margin-top:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.actions{grid-column:1/-1}table{width:100%;border-collapse:collapse;margin-top:20px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb}th{color:#374151}.mobile-toggle{display:none}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:20}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.grid,.form-grid{grid-template-columns:1fr}.mobile-toggle{display:inline-block}}

.pill{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 10px;font-weight:800}.notice{padding:12px 14px;border-radius:14px;margin:14px 0;font-weight:800}.notice.ok{background:#dcfce7;color:#166534}.error-box{background:#fee2e2;color:#991b1b}.ref-info{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.ref-info strong{grid-column:1/-1}.ref-info .wide{grid-column:1/-1}.pedido-matriz{grid-column:1/-1;overflow-x:auto}.pedido-table th{background:#dbe4ff;color:#000;font-weight:900;text-align:center}.pedido-table td{text-align:center}.input-table input{min-width:80px;padding:10px;border:1px solid #111827;border-radius:10px}.input-table td:first-child{font-weight:800}.input-table{box-shadow:none;border:1px solid #e5e7eb}.cliente-preview{display:block;min-width:120px}@media(max-width:900px){.ref-info{grid-template-columns:1fr}.pedido-table{min-width:950px}}

.tabs{display:flex;gap:10px;margin:18px 0}.tab{display:inline-block;text-decoration:none;background:white;color:#111827;border:1px solid #e5e7eb;border-radius:12px;padding:12px 18px;font-weight:900;box-shadow:0 8px 24px rgba(17,24,39,.04)}.tab.active{background:#111827;color:white}.btn.secondary{background:#e5e7eb;color:#111827;text-decoration:none;display:inline-block}.check-line{display:flex;align-items:center;gap:10px;font-weight:800}.check-line input{width:auto}.pill.green{background:#dcfce7;color:#166534}.pill.gray{background:#e5e7eb;color:#374151}.link-action{font-weight:900;color:#2563eb;text-decoration:none}.link-action:hover{text-decoration:underline}

.bom-header{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#e5e7eb;border-radius:16px;padding:16px;margin:18px 0;font-weight:800}.wide{grid-column:1/-1}.bom-table{min-width:1200px;font-size:13px}.bom-table th{background:#eef2f7;color:#111827;text-align:center;border:1px solid #cbd5e1}.bom-table td{border:1px solid #cbd5e1;vertical-align:top}.bom-table small{color:#6b7280}.cat-row td{background:#f3f4f6;font-weight:900;color:#111827}.bom-img{max-width:100px;max-height:85px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.input-table input{display:block;width:100%;min-width:85px;margin-bottom:6px}@media(max-width:900px){.bom-header{grid-template-columns:1fr}.bom-table{min-width:1200px}}