/* CSS mínimo só pra deixar usável agora (depois você joga pro CSS) */
    .page { max-width: 980px; margin: 0 auto; padding: 16px; }
    .page-head { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom: 14px; }
    .page-head h1 { margin: 0; font-size: 20px; }
    .controls { display:flex; gap:10px; flex-wrap: wrap; align-items:center; }
    .input, select { padding: 10px; border-radius: 10px; border: 1px solid #ddd; }
    .btn { padding: 10px 12px; border-radius: 10px; border: 0; cursor: pointer; }
    .btn-primary { background: #111; color: #fff; }
    .btn-outline { background: transparent; border: 1px solid #ddd; }
    .muted { color:#666; font-size: 13px; }

    .notice { padding: 12px; border-radius: 12px; background: #fff5cc; border: 1px solid #ffe08a; margin: 12px 0; }
    .notice strong { display:block; margin-bottom: 6px; }

    .orders-grid { display:grid; gap: 12px; }
    .order-card { border: 1px solid #e6e6e6; border-radius: 14px; padding: 12px; background: #fff; }
    .order-top { display:flex; gap: 10px; justify-content: space-between; align-items:flex-start; }
    .order-id { font-weight: 700; }
    .badge { font-size: 12px; padding: 4px 8px; border-radius: 999px; border: 1px solid #ddd; background: #f7f7f7; display:inline-block; }
    .row { display:flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; }
    .kv { min-width: 160px; }
    .kv .k { font-size: 12px; color:#777; }
    .kv .v { font-size: 14px; }
    .order-actions { display:flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

    .empty { padding: 18px; border: 1px dashed #ccc; border-radius: 14px; background: #fafafa; }
    .divider { height:1px; background:#eee; margin: 12px 0; }

    .modal { position: fixed; inset: 0; background: rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; padding: 16px; }
    .modal.show { display:flex; }
    .modal-box { width: min(560px, 100%); background:#fff; border-radius: 16px; padding: 14px; }
    .modal-box h3 { margin: 0 0 10px; }
    .modal-box textarea { width: 100%; min-height: 90px; border-radius: 12px; border: 1px solid #ddd; padding: 10px; }
    .modal-actions { display:flex; gap: 10px; justify-content:flex-end; margin-top: 12px; }