:root{--bg:#0f172a;--panel:#111827;--card:#1f2937;--text:#e5e7eb;--muted:#94a3b8;--line:#334155;--accent:#38bdf8;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--crit:#b91c1c} [data-theme=light]{--bg:#f4f7fb;--panel:#fff;--card:#fff;--text:#172033;--muted:#64748b;--line:#dbe3ef;--accent:#0369a1;--ok:#16a34a;--warn:#d97706;--bad:#dc2626;--crit:#991b1b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.top{position:sticky;top:0;z-index:5;background:rgba(15,23,42,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 22px}.brand{font-weight:800;color:var(--text);text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.btn{color:var(--text);text-decoration:none;border:1px solid var(--line);padding:9px 12px;border-radius:12px;background:linear-gradient(180deg,var(--card),transparent);cursor:pointer}.wrap{max-width:1280px;margin:auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.span3{grid-column:span 3}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}h1,h2,h3{margin:.2em 0 .6em}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}input,select,textarea{width:100%;padding:11px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text)}label{display:block;margin:10px 0 5px;color:var(--muted)}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;border:1px solid var(--line)}.p-low{background:#14532d}.p-medium{background:#854d0e}.p-high{background:#7f1d1d}.p-critical{background:#450a0a}.progress{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kanban-col{background:rgba(148,163,184,.08);border:1px solid var(--line);border-radius:16px;padding:12px;min-height:250px}.task{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:var(--card)}.timeline{overflow:auto}.gantt{min-width:900px}.barrow{display:grid;grid-template-columns:230px 1fr;gap:10px;align-items:center;margin:8px 0}.bartrack{height:30px;background:rgba(148,163,184,.12);border-radius:10px;position:relative}.bar{height:100%;position:absolute;border-radius:10px;background:var(--accent);display:flex;align-items:center;padding-left:8px;font-size:12px;white-space:nowrap}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:105px;border:1px solid var(--line);border-radius:14px;padding:8px;background:rgba(148,163,184,.06)}.event{display:block;margin-top:6px;padding:5px;border-radius:8px;background:var(--accent);color:#00111d;font-size:12px;text-decoration:none}.chart{height:220px;display:flex;align-items:end;gap:12px}.col{flex:1;background:var(--accent);border-radius:10px 10px 0 0;min-height:6px;position:relative}.col small{position:absolute;bottom:100%;left:0;color:var(--muted)}@media(max-width:900px){.grid,.row,.kanban{display:block}.span3,.span4,.span6,.span8,.span12{margin-bottom:14px}.top{display:block}nav{margin-top:12px}.calendar{grid-template-columns:repeat(2,1fr)}}

/* Ajustes solicitados */
[data-theme=copark]{--bg:#f5fbfb;--panel:#ffffff;--card:#eaf8f7;--text:#255d8d;--muted:#4b789d;--line:#b7d9e4;--accent:#00cdae;--ok:#00cdae;--warn:#f4b942;--bad:#e55353;--crit:#a5172b}
[data-theme=copark] .top{background:linear-gradient(90deg,#255d8d,#00cdae);border-bottom:0;box-shadow:0 4px 18px rgba(37,93,141,.22)}
[data-theme=copark] .brand,[data-theme=copark] nav a{color:#fff}
[data-theme=copark] .brand span{color:#fff}
[data-theme=copark] nav a,[data-theme=copark] .btn{background:#fff;color:#255d8d;border-color:#d9f2ef}
[data-theme=copark] .btn:hover{background:#00cdae;color:#fff;border-color:#00cdae}
[data-theme=copark] .card{box-shadow:0 10px 30px rgba(37,93,141,.12)}
[data-theme=copark] .progress span{background:linear-gradient(90deg,#255d8d,#00cdae)}
[data-theme=copark] .event{background:#00cdae;color:#063c45}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}
.inline-form{display:inline-flex;margin:0}
.btn.danger{border-color:rgba(239,68,68,.55)}
.btn.danger:hover{background:var(--bad);color:#fff;border-color:var(--bad)}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.filter-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;max-width:520px}
.filter-form label{width:100%;margin-top:0}
.filter-form select{min-width:260px;width:260px}
@media(max-width:900px){.actions{flex-wrap:wrap}.section-head{display:block}.filter-form select{width:100%;min-width:0}}