/* (c) Javier Fernandez @ JotaSoft 2026 */
/* Casa Roja search: components the ISSS theme lacks, built from its tokens (isss.css). */

.page{padding-block:var(--space-12) var(--space-16)}
.page-title{font-family:var(--font-display);font-size:clamp(36px,6vw,64px);font-weight:900;line-height:.98;letter-spacing:var(--tracking-tight);text-transform:uppercase}
.page-title em{font-style:normal;color:var(--brand-primary)}
.lede{font-size:var(--text-md);color:var(--fg-muted);max-width:56ch;line-height:var(--leading-relaxed);margin-top:var(--space-4)}

/* Panels and forms, after the theme's comment form */
.panel{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-8);max-width:640px}
.panel h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;text-transform:uppercase;margin-bottom:var(--space-4)}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:var(--space-4)}
.field label{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}
input[type=text],input[type=search],select{width:100%;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-primary);font-family:var(--font-body);font-size:15px;padding:10px 12px;outline:none;transition:border-color 150ms,box-shadow 150ms}
input:focus,select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(245,184,0,.15)}
input::placeholder{color:var(--fg-disabled)}
.row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}
.inline{display:inline}
.hint{font-family:var(--font-mono);font-size:10px;color:var(--color-steel-600);letter-spacing:.04em;margin-top:var(--space-3);line-height:1.6}
.hint code,.token{font-family:var(--font-mono);color:var(--brand-primary);background:var(--bg-sunken);border:1px solid var(--border-subtle);padding:1px 5px;border-radius:var(--radius-sm);word-break:break-all}

/* Notices, after .cmt-notice */
.notice{font-family:var(--font-mono);font-size:12px;line-height:1.5;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid;margin-top:var(--space-5);max-width:640px}
.notice:empty{display:none}
.notice.info,#status{background:rgba(20,114,192,.1);border-color:rgba(20,114,192,.35);color:var(--signal-info)}
.notice.ok,#status.ok{background:rgba(26,122,60,.12);border-color:rgba(26,122,60,.35);color:var(--signal-success)}
.notice.warn,#status.warning{background:var(--brand-subtle);border-color:rgba(245,184,0,.35);color:var(--brand-primary)}
.notice.err,#status.error{background:rgba(204,34,0,.12);border-color:rgba(204,34,0,.4);color:var(--signal-error)}

/* Search */
.search{display:grid;grid-template-columns:1fr 180px auto;gap:var(--space-3);margin-top:var(--space-8)}
.search input[type=search]{font-size:18px;padding:12px 14px}
.result-count{margin-top:var(--space-8);margin-bottom:var(--space-3)}
.hit{border-bottom:1px solid var(--border-subtle);padding-block:var(--space-6);display:grid;grid-template-columns:120px 1fr;gap:var(--space-6)}
.hit-meta{display:flex;flex-direction:column;gap:var(--space-2)}
.hit-meta time{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel-600)}
.hit h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:var(--leading-snug)}
.hit h3 a{color:var(--fg-primary)}
.hit h3 a:hover{color:var(--brand-primary)}
.hit .path{font-family:var(--font-mono);font-size:10px;color:var(--color-steel-600);margin-top:var(--space-1);word-break:break-all}
.hit .summary{font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--leading-normal);margin-top:var(--space-3);max-width:75ch}
.hit .snippet{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);line-height:1.6;margin-top:var(--space-3);max-width:90ch;white-space:pre-line;border-left:2px solid var(--border-default);padding-left:var(--space-4)}
.hit .snippet b{color:var(--brand-primary);font-weight:600}
.hit .actions{margin-top:var(--space-4)}

/* Tables of keys and tokens */
.list{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-4)}
.list th{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);text-align:left;padding:0 var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--border-default)}
.list td{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--border-subtle);vertical-align:middle}
.status{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--fg-muted)}
.status.approved{color:var(--signal-success);border-color:rgba(26,122,60,.5)}
.status.pending{color:var(--brand-primary);border-color:rgba(245,184,0,.5)}
.status.denied{color:var(--signal-error);border-color:rgba(204,34,0,.5)}

.btn{white-space:nowrap}
.article-header{padding-top:0}
.doc-actions{margin-top:var(--space-6)}
.prose{margin-top:var(--space-10);overflow-wrap:anywhere}
.prose table{display:block;overflow-x:auto}

@media (max-width:680px){
  .search{grid-template-columns:1fr}
  .hit{grid-template-columns:1fr;gap:var(--space-2)}
}

/* Zip viewer */
.zip-list{max-width:1000px}
.zip-list a{color:var(--fg-primary);word-break:break-word}
.zip-list a:hover{color:var(--brand-primary)}
.zip-list .folder{color:var(--fg-muted)}
.zip-list .num,.zip-list .when{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);white-space:nowrap}
.zip-list .num{text-align:right}

/* Tab bar, in the site header */
.site-header .container{justify-content:flex-start}
.tabs{display:flex;align-self:stretch;gap:var(--space-2);margin-left:var(--space-10)}
.tabs a{display:flex;align-items:center;padding-inline:var(--space-4);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);border-bottom:2px solid transparent;transition:color 150ms,border-color 150ms}
.tabs a:hover{color:var(--fg-primary);text-decoration:none}
.tabs a[aria-current=page]{color:var(--fg-primary);border-bottom-color:var(--brand-primary)}
.who{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}

/* Explorar */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}
.crumbs a{color:var(--fg-muted)}
.crumbs a:hover{color:var(--brand-primary)}
.folders{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3);margin-block:var(--space-8)}
.folders a{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-primary)}
.folders a:hover{border-color:var(--brand-primary);text-decoration:none}
.folders .name{overflow-wrap:anywhere}
.folders .count{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}

@media (max-width:680px){
  .site-header .container{flex-wrap:wrap;height:auto;padding-block:var(--space-2)}
  .tabs{order:3;width:100%;margin-left:0;height:40px}
}

/* Entrar: one button per account */
.accounts{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.accounts .btn{font-size:15px;padding:12px 20px}

/* Administrar */
.panel.account{max-width:none}
.account-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.account-head h2{margin:0}
.account-head .push{margin-left:auto}
.panel .list + .list{margin-top:var(--space-6)}