@import url("/fuentes.css");
:root {
  --bg: #f5f6f8; --card: #fff; --ink: #1b2330; --muted: #6a7383; --line: #e3e6ec; --brand: #c8892b; --brand-ink: #1d1406;
  --s-nuevo: #2563eb; --s-contactado: #7c3aed; --s-presupuestado: #c2780c; --s-ganado: #15803d; --s-perdido: #6b7280; --bad: #b42318;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); font-size: 16px; line-height: 1.45; }
a { color: #1d4ed8; }
h1 { font-size: 1.6rem; margin: 0 0 1rem; } h2 { font-size: 1.05rem; margin: 1.2rem 0 .6rem; } h2:first-child { margin-top: 0; }
button { font: inherit; background: var(--brand); color: var(--brand-ink); border: 0; border-radius: 8px; padding: .55rem 1rem; cursor: pointer; font-weight: 600; }
button.ghost { background: transparent; border: 1px solid var(--line); color: var(--ink); font-weight: 500; }
button:disabled { opacity: .55; cursor: not-allowed; }
input, select, textarea { font: inherit; width: 100%; padding: .55rem .7rem; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
label { display: block; margin: 0 0 .8rem; font-weight: 500; }
label input, label select, label textarea { margin-top: .3rem; }
.muted { color: var(--muted); } .warn { color: var(--bad); } .error { color: var(--bad); }
.brand { display: flex; gap: .6rem; align-items: center; } .brand small { display: block; color: var(--muted); font-size: .8rem; }
.logo { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: #1d1406; color: var(--brand); font-weight: 800; }

.top { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.5rem; padding: .7rem 1.2rem; background: var(--card); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 5; }
#nav { display: flex; gap: .3rem; flex-wrap: wrap; flex: 1; }
#nav a { text-decoration: none; color: var(--ink); padding: .4rem .7rem; border-radius: 8px; }
#nav a.on { background: #f3ead9; font-weight: 600; }
.user { display: flex; gap: .7rem; align-items: center; color: var(--muted); font-size: .9rem; }
.badge { background: var(--bad); color: #fff; border-radius: 999px; padding: 0 .45rem; font-size: .75rem; }

.view { max-width: 1150px; margin: 0 auto; padding: 1.4rem 1rem 4rem; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 1.1rem 1.2rem; margin-bottom: 1rem; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.cards.two { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.stat { text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: .3rem; margin: 0; }
.stat strong { font-size: 1.8rem; } .big { font-size: 2rem; font-weight: 700; margin: 0; }
.row { display: flex; justify-content: space-between; gap: 1rem; margin: .35rem 0; } .row.unread a { font-weight: 700; }

table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .6rem .5rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
tr[data-href] { cursor: pointer; } tr[data-href]:hover { background: #fafbfc; }
.s-nuevo { --c: var(--s-nuevo); } .s-contactado { --c: var(--s-contactado); } .s-presupuestado { --c: var(--s-presupuestado); } .s-ganado { --c: var(--s-ganado); } .s-perdido { --c: var(--s-perdido); }
.pill { display: inline-block; padding: .15rem .6rem; border-radius: 999px; font-size: .8rem; font-weight: 600; color: #fff; white-space: nowrap; background: var(--c); }
.status-row { display: flex; flex-wrap: wrap; gap: .4rem; }
.st { background: #fff; color: var(--c); border: 2px solid var(--c); padding: .4rem .8rem; }
.st.on { background: var(--c); color: #fff; }

.filters { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: .6rem; margin-bottom: 1rem; }
.head { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; } .head h1 { margin: 0; }
.back { display: inline-block; margin-bottom: .6rem; text-decoration: none; }
.grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 1rem; margin-top: 1rem; }
dl { display: grid; grid-template-columns: 11rem 1fr; gap: .45rem .8rem; margin: 0; } dt { color: var(--muted); } dd { margin: 0; }
.pre { white-space: pre-wrap; }
.note { border-left: 3px solid var(--brand); padding: .2rem .8rem; margin: .7rem 0; } .note p { margin: 0 0 .2rem; }
#note button { margin-top: .5rem; }
.history { list-style: none; padding: 0; margin: 0; } .history li { padding: .35rem 0; border-bottom: 1px dashed var(--line); }
.task { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--line); }
.task p { margin: 0 0 .15rem; } .task.done p { text-decoration: line-through; color: var(--muted); }
.tabs { display: flex; gap: .4rem; } .tabs a { padding: .35rem .8rem; border-radius: 8px; text-decoration: none; } .tabs a.on { background: #f3ead9; font-weight: 600; color: var(--ink); }
.notice { background: #fff7e8; border: 1px solid #f1d7a6; border-radius: 8px; padding: .6rem .8rem; }
.tag { background: #eef1f5; border-radius: 6px; padding: .05rem .45rem; font-size: .85rem; }
.mail { border-bottom: 1px solid var(--line); padding: .5rem 0; } .mail p { margin: .1rem 0; }
.form-item { border-bottom: 1px solid var(--line); padding-bottom: .8rem; margin-bottom: .8rem; } code { font-size: .8rem; word-break: break-all; }
.toast { position: fixed; right: 1rem; bottom: 1rem; background: #15803d; color: #fff; padding: .7rem 1rem; border-radius: 10px; z-index: 20; } .toast.bad { background: var(--bad); }

#nav a.only-mobile { display: none; } #nav a[hidden] { display: none !important; }
.narrow { max-width: 420px; } .actions { display: flex; gap: .4rem; flex-wrap: wrap; } .user a { color: inherit; }
.login-page {display: grid; place-items: center; min-height: 100vh; padding: 1rem; }
.login-card { width: 100%; max-width: 400px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 1.6rem; }
.login-card h1 { margin-top: 1.2rem; font-size: 1.3rem; } .login-card button { width: 100%; }

@media (max-width: 760px) {
  .filters, .grid { grid-template-columns: 1fr; }
  dl { grid-template-columns: 1fr; } dt { margin-top: .4rem; }
  table thead { display: none; } table tr { display: block; border-bottom: 1px solid var(--line); padding: .5rem 0; } table td { display: block; border: 0; padding: .15rem 0; }
  .user span, .user #user { display: none; } #nav a.only-mobile { display: inline-block; }
  .top { display: grid; grid-template-columns: 1fr auto; gap: .5rem; padding: .6rem .8rem; }
  #nav { grid-column: 1 / -1; flex-wrap: wrap; }
  .user { grid-row: 1; grid-column: 2; }
  #nav a { white-space: nowrap; }
}

/* FC-006: tema aprobado, sin cambios de reglas de negocio. */
:root {color-scheme:dark;--bg:#090b1c;--card:#11132b;--surface-2:#181b38;--ink:#f1f2fb;--muted:#b3b6d6;--line:#2c3060;--brand:#a78bfa;--brand-ink:#120e2b;--bad:#fca5a5;--s-nuevo:#7eeaf4;--s-contactado:#c4b5fd;--s-presupuestado:#fcd34d;--s-ganado:#86efac;--s-perdido:#cbd5e1;--grad:linear-gradient(100deg,#67e8f9,#a5b4fc 45%,#c084fc);font-family:Inter,system-ui,sans-serif}
html {font-size:18px}body {font-size:1rem;min-height:100vh;background-image:radial-gradient(900px 520px at 100% 0%,#7c5cf033,transparent 70%),radial-gradient(700px 380px at 0 0,#5ee6f00f,transparent 70%);background-repeat:no-repeat}
a {color:#7eeaf4;text-underline-offset:3px}h1 {font-size:1.75rem;font-weight:700;line-height:1.2}h2 {font-weight:600}:focus-visible {outline:3px solid #5ee6f0;outline-offset:3px}[hidden] {display:none!important}
button,.action-link {min-height:48px;border-radius:12px;padding:.65rem 1.1rem;background:var(--grad);color:var(--brand-ink);font-weight:600}.action-link {display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button.ghost {background:#ffffff05;border-color:#d6d8ff52;color:var(--ink)}
input,select,textarea {min-height:48px;border-radius:12px;background:var(--surface-2);color:var(--ink);padding:.7rem .9rem}input::placeholder,textarea::placeholder {color:#9aa5c6}
.top {background:#0a0f1af5;padding:.7rem 1.5rem;gap:1rem}.logo {width:42px;height:46px;flex-shrink:0;border-radius:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:var(--grad);color:#120e2b;font-weight:700}
#nav {gap:.15rem}#nav a {color:var(--muted);min-height:44px;display:inline-flex;align-items:center;padding:.45rem .6rem}#nav a.on {background:var(--surface-2);color:var(--ink);box-shadow:inset 0 -2px var(--brand)}#nav a:hover {background:var(--surface-2)}
.view {max-width:1180px;padding:1.6rem 1.5rem 4rem}.card,.login-card {background:linear-gradient(180deg,#ffffff06,transparent 40%),var(--card);border-radius:20px;padding:1.3rem 1.4rem}.grid>* {min-width:0}.cards {gap:1rem}.cards.two {grid-template-columns:repeat(2,minmax(0,1fr))}
.summary-statuses {display:grid;gap:.5rem}.summary-statuses .stat {flex-direction:row;align-items:center;justify-content:space-between;background:var(--surface-2);padding:.6rem .9rem;border:1px solid var(--line);border-radius:12px;min-height:52px}.summary-statuses .stat strong {font-size:1.35rem}
th {text-transform:none;letter-spacing:normal;font-size:.86rem}td,th {overflow-wrap:anywhere}tr[data-href]:hover {background:var(--surface-2)}td a {font-weight:600}
.pill {background:#ffffff08;color:var(--c);border:1px solid currentColor}.st {background:transparent;color:var(--c);border-width:1px;min-height:44px}.st.on {background:var(--surface-2);color:var(--c);box-shadow:inset 0 -3px var(--c)}
.tabs {flex-wrap:wrap}.tabs a {min-height:44px;display:inline-flex;align-items:center}.tabs a.on {background:var(--surface-2);color:var(--ink);border:1px solid var(--brand)}.notice {background:#fcd34d12;border-color:#fcd34d55;color:#fcd34d}.tag {background:var(--surface-2);color:var(--ink)}.badge {background:#7c5cf0;color:white}
.toast {background:#0f2a1b;color:#86efac;border:1px solid #86efac73;max-width:calc(100% - 2rem)}.toast.bad {background:#391b27;color:var(--bad)}.row>* {min-width:0}.row span,.row a,dd,.task p,.mail p,.form-item p {overflow-wrap:anywhere}.task>div {min-width:0}.task button {flex-shrink:0}dl {grid-template-columns:minmax(0,10rem) minmax(0,1fr)}
.history-panel {margin-top:1rem;border-top:1px solid var(--line);padding-top:.7rem}.history-panel summary {cursor:pointer;min-height:44px;font-weight:600}.mobile-nav {display:none}.more-menu {display:grid;gap:.65rem}.more-menu a {padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;min-height:48px;color:var(--ink);text-decoration:none}.more-menu a:hover {background:var(--surface-2)}
.login-card {max-width:450px}.login-page {padding:1rem}.login-card h1 {font-size:1.45rem}.login-card p {overflow-wrap:anywhere}.skip {position:absolute;top:-100px;left:1rem;z-index:50;background:var(--card);padding:.8rem}.skip:focus {top:.5rem}
@media(max-width:1200px) and (min-width:821px) {.top {flex-wrap:wrap}#nav {order:3;flex-basis:100%}.user {margin-left:auto}}
@media(max-width:820px) {html {font-size:17px}body:not(.login-page) {padding-bottom:calc(88px + env(safe-area-inset-bottom))}.top {display:flex;padding:.6rem 1rem}.top #nav,.top .user {display:none}.brand strong {font-size:1rem}
.mobile-nav {display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));background:#0c1224fa;border-top:1px solid var(--line)}.mobile-nav a {min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;gap:.2rem;border-radius:10px;text-decoration:none;font-size:.76rem;font-weight:600;color:var(--muted)}.mobile-nav a.on {background:var(--surface-2);color:var(--ink)}.mobile-nav .ico {font-size:1.2rem}
.view {padding:1.2rem 1rem 2rem}.card {padding:1.1rem 1rem}.cards.two,.grid,.filters {grid-template-columns:1fr}.cards.two>* {min-width:0}h1 {font-size:1.45rem}dl {grid-template-columns:1fr;gap:.15rem}dt {margin-top:.5rem}.task {align-items:flex-start;flex-wrap:wrap}.task button {margin-left:auto}.row {flex-wrap:wrap;gap:.3rem}.row small {display:block}.status-row {gap:.5rem}
table thead {display:none}table tr {display:block;border-bottom:1px solid var(--line);padding:.8rem 0}table td {display:block;border:0;padding:.25rem 0}table td.actions {display:flex;gap:.5rem}.toast {bottom:calc(90px + env(safe-area-inset-bottom))}}

.summary-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:1.2rem;align-items:start}.summary-side {min-width:0}.next-action {border-color:#a78bfa88;box-shadow:0 8px 28px #7c5cf022}.next-action p {margin:0 0 .6rem}.next-action h2 {font-size:1.3rem}.next-action .action-link {margin-top:.4rem}@media(max-width:820px){.summary-grid {grid-template-columns:1fr}}
@media(min-width:821px) and (max-width:1400px){.top{flex-wrap:wrap}#nav{order:3;flex-basis:100%}.user{margin-left:auto}}