/* X NOTES front-end styling (cold, procedural, no novelty) */

.xnotes-wrap{max-width:1100px;margin:0 auto;padding:24px 16px}

.xnotes-panel{border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02);border-radius:14px;padding:18px 18px 14px}

.xnotes-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.75;margin:0 0 6px}
.xnotes-title{font-size:32px;line-height:1.12;margin:0 0 10px}
.xnotes-subtitle{margin:0 0 18px;opacity:.8;max-width:80ch}

.xnotes-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}
@media (max-width:900px){.xnotes-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}

.xnotes-kv{border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.6);border-radius:12px;padding:10px 12px;min-height:52px}
.xnotes-kv .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-bottom:5px}
.xnotes-kv .v{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px;line-height:1.25;word-break:break-word}

.xnotes-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:rgba(0,0,0,.03);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.xnotes-badge::before{content:"";width:8px;height:8px;border-radius:999px;display:inline-block;background:rgba(0,0,0,.55)}
.xnotes-status-open{border-color:rgba(0,0,0,.2)}
.xnotes-status-open::before{background:#0b5}
.xnotes-status-unresolved::before{background:#8a6d00}
.xnotes-status-incomplete::before{background:#b00020}
.xnotes-status-archived::before{background:rgba(0,0,0,.45)}

.xnotes-section{margin:18px 0 0}
.xnotes-section h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;opacity:.8}
.xnotes-block{border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.65);border-radius:14px;padding:14px 14px;line-height:1.55}
.xnotes-block.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px}
.xnotes-block.redactions{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.25)}
.xnotes-block.notes{background:rgba(0,0,0,.02);border-style:dashed}

.xnotes-dim{opacity:.75}

/* Archive list */
.xnotes-archive-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 18px}
.xnotes-archive-filters select,.xnotes-archive-filters input{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.75)}
.xnotes-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){.xnotes-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.xnotes-archive-grid{grid-template-columns:1fr}}
.xnotes-card{border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02);border-radius:16px;padding:14px 14px}
.xnotes-card a{text-decoration:none}
.xnotes-card .id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px;opacity:.85}
.xnotes-card .headline{margin:8px 0 10px;font-size:16px;line-height:1.25;font-weight:800}
.xnotes-card .excerpt{margin:0;opacity:.8;font-size:13px;line-height:1.45}
.xnotes-card .meta-row{display:flex;justify-content:space-between;gap:10px;margin-top:12px;opacity:.75;font-size:12px}

/* Gallery */
.xnotes-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
@media (max-width:900px){.xnotes-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.xnotes-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.xnotes-gallery a{display:block;border:1px solid rgba(0,0,0,.15);border-radius:12px;overflow:hidden;background:#fff}
.xnotes-gallery img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}

.xnotes-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}
.xnotes-lightbox.is-open{display:flex}
.xnotes-lightbox img{max-width:min(1100px,92vw);max-height:88vh;border-radius:16px;background:#111}
.xnotes-lightbox .close{position:absolute;top:16px;right:16px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;border-radius:999px;padding:10px 12px;cursor:pointer}

/* Front-end submission form */
.xnotes-form{border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02);border-radius:16px;padding:16px}
.xnotes-form .xnotes-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:740px){.xnotes-form .xnotes-form-grid{grid-template-columns:1fr}}
.xnotes-field span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0 0 6px}
.xnotes-field input,.xnotes-field select,.xnotes-field textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.16);background:rgba(255,255,255,.85)}
.xnotes-field textarea{resize:vertical}
.xnotes-field-full{grid-column:1/-1}
.xnotes-help{font-size:12px;opacity:.75;margin-top:6px}
.xnotes-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}
.xnotes-button{padding:11px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:rgba(0,0,0,.06);cursor:pointer;font-weight:800}
.xnotes-button:hover{background:rgba(0,0,0,.09)}
.xnotes-disclaimer{font-size:12px;opacity:.75}

.xnotes-message{border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02);border-radius:14px;padding:12px 14px;margin:10px 0}
.xnotes-message.ok{border-color:rgba(11,85,0,.35)}
.xnotes-message.warn{border-color:rgba(138,109,0,.35)}