:root{
  --ink:#14213d; --ink-soft:#3a4a6b; --paper:#f7f5ef; --line:#d9d4c7;
  --accent:#b3361f; --accent-soft:#fbeee9; --hi:#fff6c8;
  --row-a:#ffffff; --row-b:#f1f0e9;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
a{color:var(--ink); text-decoration:underline; text-underline-offset:2px}
a:hover{color:var(--accent); background:var(--hi)}

.wwn-top{
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  background:var(--ink); color:#fff; padding:.7rem 1rem;
}
.wwn-top a{color:#fff}
.wwn-brand{font-family:"Times New Roman",Georgia,serif; font-size:1.5rem; letter-spacing:.3px}
.wwn-brand strong{color:#fcae3b}
.wwn-home{font-size:.85rem; opacity:.85}
.wwn-nav{margin-left:auto; display:flex; gap:1rem; font-size:.9rem}
.wwn-admin{color:#fcae3b !important}

.wwn-main{max-width:860px; margin:1.2rem auto; padding:0 1rem}

.wwn-flags{
  display:flex; flex-wrap:wrap; gap:4px; align-items:center;
  padding:.6rem .8rem; background:#fff; border:1px solid var(--line); border-radius:8px;
  margin-bottom:1rem;
}
.wwn-flags img{display:block; border:1px solid var(--line)}

.wwn-box{
  background:#fff; border:1px solid var(--line); border-radius:10px;
  padding:1rem; margin-bottom:1rem;
}
.wwn-box.wwn-prefs, .wwn-box.wwn-login, .wwn-box.wwn-admin{max-width:560px}

.wwn-groupbtns{display:inline-flex; gap:.3rem; margin-right:.4rem}
.wwn-groupbtns button{cursor:pointer}
.wwn-groupbtns button.on{background:var(--ink); color:#fff}
.wwn-box form, form.wwn-box{display:flex; flex-wrap:wrap; gap:.5rem; align-items:center}
.wwn-sep{flex-basis:100%; height:0}
select,input[type=text],input[type=url],input[type=password],input:not([type]){
  font:inherit; padding:.4rem .5rem; border:1px solid var(--line); border-radius:6px; background:#fdfdfb;
}
button{
  font:inherit; font-weight:600; padding:.42rem .8rem; cursor:pointer;
  border:1px solid var(--ink); border-radius:6px; background:var(--ink); color:#fff;
}
button:hover{background:var(--accent); border-color:var(--accent)}
button.ghost,a.ghost{background:transparent; color:var(--ink); border:1px solid var(--line); text-decoration:none; padding:.42rem .8rem; border-radius:6px; display:inline-block}
button.danger,.danger{background:var(--accent); border-color:var(--accent)}

.wwn-resbar{
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center;
  background:var(--ink); color:#fff; padding:.6rem .9rem; border-radius:8px; margin-bottom:.4rem; font-size:.9rem;
}
.wwn-resbar a{color:#fff}
.wwn-back{font-size:1.2rem; text-decoration:none}
.wwn-new{margin-left:auto; color:#fcae3b !important}

.wwn-list{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden}
.wwn-list td{padding:.4rem .6rem; border-bottom:1px solid var(--line); vertical-align:top}
.wwn-list tr:nth-child(odd) td{background:var(--row-a)}
.wwn-list tr:nth-child(even) td{background:var(--row-b)}
.wwn-num{color:var(--ink-soft); width:2.5rem; text-align:right}
.wwn-cc{font-weight:700; width:2.5rem}
.wwn-city{color:var(--ink-soft); width:9rem}
.wwn-name{font-weight:600}
.wwn-info{color:var(--ink-soft)}

.wwn-pages{display:flex; flex-wrap:wrap; gap:4px; margin:.8rem 0}
.wwn-pages a{
  min-width:1.8rem; text-align:center; padding:.25rem .4rem; text-decoration:none;
  border:1px solid var(--line); border-radius:5px; background:#fff; font-size:.85rem;
}
.wwn-pages a.on{background:var(--accent); color:#fff; border-color:var(--accent)}

.wwn-field{display:flex; flex-direction:column; gap:.25rem; width:100%; align-items:stretch}
.wwn-field span{font-size:.8rem; color:var(--ink-soft); font-weight:600}
.wwn-actions{display:flex; gap:.5rem; margin-top:.5rem; width:100%}
.wwn-prose{line-height:1.6}
.wwn-hint{padding:1rem; color:var(--ink-soft); font-style:italic}
.wwn-muted{color:var(--ink-soft); font-size:.85rem}
.wwn-error{color:var(--accent); font-weight:600}

.wwn-flagsgrid{display:flex; flex-wrap:wrap; gap:.5rem; border:1px solid var(--line); border-radius:8px; padding:.8rem; width:100%}
.wwn-flagpick{display:flex; flex-direction:column; align-items:center; gap:2px; font-size:.7rem; width:60px}

.wwn-foot{max-width:860px; margin:2rem auto; padding:1rem; border-top:2px solid var(--ink); text-align:center}

.wwn-maptitle{text-align:center; font-weight:700; color:var(--ink); margin:.6rem 0}
.wwn-mapwrap{text-align:center; margin:.5rem 0 1rem}
.wwn-mapwrap img{max-width:100%; height:auto; border:1px solid var(--line)}
.wwn-mapwrap area{cursor:pointer}

@media (max-width:640px){
  .wwn-city{display:none}
  .wwn-brand{font-size:1.2rem}
}

/* ---- Verifica link (admin) ---- */
.wwn-notice{background:var(--hi); border:1px solid var(--line); padding:.5rem .8rem; border-radius:6px}
.lc-stats{display:flex; flex-wrap:wrap; gap:.5rem; margin:.6rem 0}
.lc-pill{padding:.3rem .7rem; border-radius:999px; font-size:.85rem; border:1px solid var(--line)}
.lc-pill b{font-size:1rem}
.lc-tot{background:#eee}
.lc-unchecked{background:#eef}
.lc-ok{background:#e7f6e7}
.lc-redirect{background:#fff3cf}
.lc-broken{background:#ffe9d6}
.lc-dead{background:#fde0dd}
.lc-actions{display:flex; gap:.6rem; align-items:center; flex-wrap:wrap}
.lc-table td{vertical-align:middle}
.lc-urls{font-size:.82rem; word-break:break-all}
.lc-old{color:#a23}
.lc-new{color:#176d17}
.lc-arrow{margin:0 .3rem; color:var(--ink-soft)}
.lc-row-actions{display:flex; gap:.3rem}
.lc-row-actions form{display:inline; margin:0; padding:0; background:none; border:0}
.lc-row-actions button{padding:.25rem .5rem; font-size:.78rem}
.lc-pre{background:#14213d; color:#e7e7e7; padding:.8rem; border-radius:6px; overflow-x:auto; font-size:.8rem; white-space:pre-wrap; word-break:break-all}

.wwn-adminmenu{list-style:none;padding:0;margin:0}
.wwn-adminmenu li{padding:.55rem 0;border-bottom:1px solid var(--line)}
.wwn-adminmenu li:last-child{border-bottom:0}
.wwn-adminmenu a{font-size:1.05rem;text-decoration:none}
.wwn-adminmenu a:hover{background:var(--hi)}