/* YieldLens app/admin bridge styles on top of yl-styles.css */
.wrap { max-width: 1040px; margin: 0 auto; padding: 24px 16px 40px; }
.card { background: var(--panel); border:1px solid var(--line); border-radius:var(--r-card); padding:16px; margin-bottom:12px; box-shadow: var(--sh); }
h1,h2,h3 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.02em; }
h1 {font-size:32px;margin:0 0 8px;} h2{font-size:24px;margin:0 0 10px;} h3{font-size:19px;margin:0 0 8px;}
p,label,.muted,.hint { color:var(--muted); }
.row { display:grid; grid-template-columns: repeat(12,1fr); gap:8px; }
.field { display:flex; flex-direction:column; gap:6px; }
input:not([type="checkbox"]), select, button, textarea { min-height:44px; width:100%; border:1px solid var(--line); background:var(--panel-2); color:var(--text); border-radius:var(--r-ctrl); padding:10px 12px; font-size:14px; }
input[type="checkbox"]{ width:auto; min-height:auto; accent-color:var(--accent); margin-right:6px; vertical-align:middle; }
button { background:var(--accent); color:#fff; border:none; font-weight:600; cursor:pointer; transition:background 140ms ease, transform 120ms ease; }
button:hover{background:var(--accent-h); transform:translateY(-1px);} button:active{transform:translateY(0);} button.secondary { background:transparent; border:1px solid var(--line); color:var(--text); }
.pill { display:inline-block; border:1px solid var(--line); border-radius:999px; padding:5px 10px; margin:4px 6px 0 0; cursor:pointer; }
.pill.active { border-color:var(--accent); color:#fff; }
.results { display:grid; grid-template-columns:1fr; gap:10px; }
.result { background:var(--panel-2); border:1px solid var(--line); border-radius:12px; padding:14px; }
.kpi-chip,.kpi{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:12px;color:#d6e1ff;margin-right:6px;}
.why-box{margin-top:8px;border:1px solid var(--accent-dim);background:var(--accent-glow);border-radius:10px;padding:8px 10px;color:#c9d6ff;font-size:13px;}
.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;} .action-row button{min-height:40px;width:auto;padding:0 14px;}
.compare-table,table { width:100%; border-collapse: collapse; font-size:13px; }
.compare-table th,.compare-table td,th,td { border-bottom:1px solid var(--line); padding:8px; text-align:left; }
.status.ok,.ok { color:var(--green); } .status.err,.err { color:#ff7373; }
.step-note { background:var(--panel-2); border:1px dashed var(--line); border-radius:10px; padding:10px; margin-top:8px; }
@media (min-width:900px){ .results{grid-template-columns:1fr 1fr;} }
@media (min-width:860px){ .grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; } }
@media (max-width:680px){ .row{grid-template-columns:1fr;} [style*="grid-column:span"],[style*="grid-column: span"]{grid-column:span 1 !important;} button,input,select,textarea{min-height:48px;} h1{font-size:24px;} }