.romaneios-page{padding:1.4rem;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface-card);box-shadow:var(--app-shadow-card)}.romaneios-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.romaneios-header h1{margin:0;font-size:1.55rem}.romaneios-header p{margin:.35rem 0 0;color:var(--app-text-muted)}.romaneios-header button{padding:.7rem 1rem;border:0;border-radius:9px;background:var(--btn-primary-bg);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.romaneios-header button:disabled{opacity:.6;cursor:wait}.romaneios-alert{margin-bottom:1rem;padding:.75rem .9rem;border:1px solid;border-radius:9px}.romaneios-alert.success{border-color:#86efac;background:#dcfce7;color:#166534}.romaneios-alert.error{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.romaneios-summary{display:grid;grid-template-columns:repeat(3,minmax(120px,.7fr)) minmax(260px,1.6fr);gap:.75rem;margin-bottom:1rem}.romaneios-summary article{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;border:1px solid var(--app-border);border-radius:10px;background:#6366f10f}.romaneios-summary span{color:var(--app-text-muted);font-size:.75rem;font-weight:700}.romaneios-summary strong{font-size:1.25rem}.romaneios-summary .sync-card strong{font-size:.9rem}.romaneios-summary small{color:#dc2626}.romaneios-filters{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(240px,1.4fr) auto;gap:.75rem;align-items:end;margin-bottom:1rem;padding:.85rem;border:1px solid var(--app-border);border-radius:10px}.romaneios-filters label{display:flex;flex-direction:column;gap:.35rem}.romaneios-filters label span{color:var(--app-text-muted);font-size:.75rem;font-weight:700}.romaneios-filters input,.romaneios-filters select{height:40px;box-sizing:border-box;padding:0 .65rem;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text)}.romaneios-filters button{height:40px;padding:0 .85rem;border:1px solid var(--app-border);border-radius:8px;background:transparent;color:var(--app-text);cursor:pointer}.romaneios-table-wrap{max-height:590px;overflow:auto;border:1px solid var(--app-border);border-radius:10px}.romaneios-table{width:100%;border-collapse:collapse}.romaneios-table thead{position:sticky;top:0;z-index:1}.romaneios-table th{padding:.75rem;background:#6366f121;text-align:left}.romaneios-table td{padding:.7rem .75rem;border-top:1px solid var(--app-border)}.romaneios-table tbody tr:hover{background:#6366f10a}.romaneios-table .empty{padding:1.5rem;color:var(--app-text-muted);text-align:center}.client-badge{display:inline-block;min-width:64px;padding:.25rem .5rem;border-radius:999px;text-align:center;font-size:.75rem;font-weight:800}.client-badge.hershey{background:#fef3c7;color:#92400e}.client-badge.mars{background:#dbeafe;color:#1e40af}.romaneios-footer{padding-top:.7rem;color:var(--app-text-muted);font-size:.78rem;text-align:right}@media (max-width: 820px){.romaneios-summary{grid-template-columns:repeat(2,1fr)}.romaneios-filters{grid-template-columns:1fr}.romaneios-filters button{width:100%}}@media (max-width: 560px){.romaneios-page{padding:1rem}.romaneios-header{flex-direction:column}.romaneios-header button{width:100%}.romaneios-summary{grid-template-columns:1fr}.romaneios-table{min-width:620px}}