/* ===== ESPORTIVABET.PRO — minimalista (laranja / escuro) ===== */
:root {
    --bg: #0c0d0f;
    --card: #141518;
    --field: #1c1e22;
    --line: #26282d;
    --orange: #f2660f;
    --orange-2: #ff7a1f;
    --txt: #f6f7f8;
    --muted: #8b8f97;
    --danger: #ff5b5b;
    --radius: 18px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    min-height: 100vh;
    background:
        radial-gradient(820px 460px at 50% -8%, rgba(242,102,15,0.10), transparent 60%),
        var(--bg);
    color: var(--txt);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 44px 18px 64px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .1px;
}

.wrap { width: 100%; max-width: 480px; }
.wrap.wide { max-width: 720px; }

/* Logo */
.brand { display: flex; justify-content: center; margin-bottom: 34px; }
.brand .logo {
    height: 30px; width: auto; display: block;
    filter: drop-shadow(0 6px 18px rgba(242,102,15,.18));
}

/* Card */
.card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 30px 26px;
}
.card + .card { margin-top: 16px; }

h1 { font-size: 21px; font-weight: 700; margin-bottom: 6px; letter-spacing: -.2px; }
.sub { color: var(--muted); font-size: 14px; margin-bottom: 24px; line-height: 1.55; }

.hello {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(242,102,15,.1); color: var(--orange-2);
    border: 1px solid rgba(242,102,15,.22);
    padding: 6px 13px; border-radius: 999px;
    font-size: 13px; font-weight: 600; margin-bottom: 20px;
}

label { display: block; font-size: 13px; color: var(--muted); margin: 0 0 9px; font-weight: 600; }

input, textarea {
    width: 100%;
    background: var(--field);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--txt);
    padding: 14px 15px;
    font-size: 15px;
    font-family: inherit;
    transition: border .15s, box-shadow .15s;
}
textarea { resize: vertical; min-height: 96px; line-height: 1.5; }
input::placeholder, textarea::placeholder { color: #565a61; }
input:focus, textarea:focus {
    outline: none; border-color: var(--orange);
    box-shadow: 0 0 0 3px rgba(242,102,15,.16);
}
.field { margin-bottom: 18px; }
.hint { font-size: 12.5px; color: var(--muted); margin-top: 8px; line-height: 1.5; }

button {
    width: 100%;
    background: linear-gradient(180deg, var(--orange-2), var(--orange));
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 15px;
    font-size: 15.5px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .08s, filter .15s, opacity .15s;
}
button:hover { filter: brightness(1.06); }
button:active { transform: translateY(1px); }
button:disabled { opacity: .55; cursor: not-allowed; }
button.ghost { background: transparent; color: var(--muted); border: 1px solid var(--line); font-weight: 600; }
button.danger { background: transparent; color: var(--danger); border: 1px solid rgba(255,91,91,.28); font-weight: 600; }

/* Resultado */
.result { margin-top: 22px; display: none; }
.result.show { display: block; animation: rise .25s ease; }
@keyframes rise { from { opacity:0; transform: translateY(8px);} to {opacity:1;transform:none;} }

.linkbox {
    display: flex; align-items: center; gap: 10px;
    background: var(--field); border: 1px solid rgba(242,102,15,.35);
    border-radius: 12px; padding: 6px 6px 6px 16px;
}
.linkbox .url {
    flex: 1; font-size: 15px; font-weight: 700; color: var(--orange-2);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.copy { width: auto; padding: 11px 18px; font-size: 14px; border-radius: 10px; flex-shrink: 0; }

.msg { margin-top: 14px; font-size: 14px; min-height: 18px; }
.msg.err { color: var(--danger); }
.msg.ok { color: var(--orange-2); }

/* Listas */
.row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--line);
}
.row:last-child { border-bottom: none; }
.row .info { min-width: 0; }
.row .info b { display:block; font-size: 15px; }
.row .info small { color: var(--muted); font-size: 12px; word-break: break-all; }
.badge { background: rgba(242,102,15,.12); color: var(--orange-2); padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; margin-left: 6px; }
.row-actions { display:flex; gap:8px; flex-shrink:0; }
.row-actions button { width:auto; padding:8px 13px; font-size:13px; }

.foot { text-align: center; color: #585c63; font-size: 12px; margin-top: 30px; letter-spacing: .3px; }
.foot b { color: var(--orange); font-weight: 700; }
a.link { color: var(--orange-2); text-decoration: none; }

.center { text-align:center; }
.notfound { text-align:center; padding: 26px 0; }
.notfound .big { font-size: 44px; margin-bottom: 12px; }
.hidden { display:none !important; }
code { background: var(--field); padding: 1px 6px; border-radius: 5px; font-size: 12.5px; color: var(--orange-2); }