/* static/style.css */
:root{
	--bg:#0a0f17;
	--bg-grad:#0b1321;
	--card:#0b1220;
	--card-2:#0c1426;
	--accent:#60a5fa;
	--accent-2:#10b981;
	--text:#dbeafe;
	--muted:#9fb4d6;
	--line:rgba(255,255,255,0.06);
	--warn:#fbbf24;
}
*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg-grad));color:var(--text);margin:0;padding:24px}
.container{max-width:980px;margin:0 auto}
.page-title{font-size:18px;margin:8px 0 16px 0;opacity:0.9;letter-spacing:0.3px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));padding:16px;border-radius:14px;margin-bottom:18px;box-shadow:0 8px 24px rgba(5,12,28,0.7);border:1px solid var(--line)}
label{display:block;margin-top:8px;font-size:13px;opacity:0.9}
input[type=file],input[type=password],textarea{width:100%;padding:8px;margin-top:6px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--text)}
/* Custom file input */
.file{display:flex;align-items:center;gap:10px;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:6px 8px}
.file input[type=file]{position:absolute;opacity:0;width:0;height:0}
.file-btn{background:var(--accent);color:#061423;border-radius:8px;padding:6px 10px;font-weight:600;white-space:nowrap}
.file-name{color:var(--muted);font-size:13px}
button{margin-top:12px;padding:10px 14px;border-radius:10px;border:none;background:var(--accent);color:#061423;cursor:pointer;font-weight:600;box-shadow:0 6px 16px rgba(96,165,250,0.25)}
button:hover{background:#5094e8}
.flash{background:#263043;padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:14px;border:1px solid var(--line)}
.warning{background:rgba(234,179,8,0.15);border:1px solid rgba(234,179,8,0.3);padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:13px;color:#fbbf24}
.info-box{background:rgba(96,165,250,0.08);border:1px solid rgba(96,165,250,0.25);padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:13px;line-height:1.6}
.info-box ol{margin:8px 0 0 0;padding-left:20px}
.info-box li{margin:4px 0}
.extracted-text{background:rgba(96,165,250,0.06);border:2px solid rgba(96,165,250,0.25);padding:16px;border-radius:10px;margin:12px 0;white-space:pre-wrap;word-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.6;max-height:400px;overflow-y:auto}
.button-group{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.btn-copy,.btn-download,.btn-back{padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;text-align:center}
.btn-copy{background:#10b981;color:white}
.btn-copy:hover{background:#059669}
.btn-download{background:#8b5cf6;color:white}
.btn-download:hover{background:#7c3aed}
.btn-back{background:#64748b;color:white}
.btn-back:hover{background:#475569}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 18px 0}
.brand{font-weight:700;letter-spacing:1.5px}
.brand span{color:var(--accent)}
.nav a{color:var(--muted);text-decoration:none;margin-left:14px;font-size:13px}
.nav a:hover{color:var(--text)}
.lang-switcher{display:inline-flex;align-items:center;margin-left:16px;gap:8px}
.lang{padding:2px 6px;border-radius:6px;border:1px solid transparent}
.lang.active{border-color:var(--accent);color:var(--text)}
.site-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(219,234,254,0.6);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.muted{color:var(--muted)}
.hint{opacity:0.7;font-size:12px}
.note{opacity:0.7;font-size:12px;margin-top:6px}
.form-grid{display:grid;grid-template-columns:1fr;gap:4px}

/* Responsive tweaks */
@media (max-width: 720px){
	body{padding:16px}
	.container{max-width:100%}
	.site-header{flex-direction:column;align-items:flex-start;gap:8px}
	.nav a{margin-left:0;margin-right:12px}
	.lang-switcher{margin-left:0}
}