.city-lens{display:grid;gap:24px}.lens-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:28px;align-items:center;padding:32px;border-radius:28px;background:linear-gradient(135deg,#0b1f33,#153d61);color:#fff;overflow:hidden}.lens-hero h1{font-size:clamp(2rem,5vw,4.3rem);line-height:.96;margin:.35rem 0 1rem}.lens-hero p{max-width:760px;color:#d9ecff}.lens-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 8px}.lens-orin{display:grid;place-items:center;position:relative}.lens-orin img{width:min(290px,90%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.28))}.lens-orin span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:10px 14px;border-radius:999px;font-size:.82rem}.lens-status{padding:12px 16px;border-radius:14px;background:#eef7ff;border:1px solid #c8e4fb}.lens-status[data-kind="warn"]{background:#fff6e7;border-color:#efd4a1}.lens-status[data-kind="ok"]{background:#edf9f2;border-color:#b9e4ca}.lens-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:22px}.lens-panel{background:#fff;border:1px solid #dce8f2;border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(20,53,80,.07)}.camera-stage{position:relative;min-height:420px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#1e557d,#081a2a);display:grid;place-items:center}.camera-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.camera-stage.live video{opacity:1}.camera-placeholder{position:relative;z-index:1;display:grid;text-align:center;color:#d8edff;gap:8px;padding:28px}.camera-stage.live .camera-placeholder{display:none}.ar-overlay{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;background:rgba(6,27,44,.78);backdrop-filter:blur(10px);border:1px solid rgba(132,222,255,.5);border-radius:18px;padding:16px;color:white}.ar-overlay>strong{display:block;font-size:1.25rem;margin:4px 0 8px}.ar-overlay>div{display:flex;gap:8px;flex-wrap:wrap}.ar-overlay>div span{background:rgba(255,255,255,.12);padding:6px 9px;border-radius:10px}.ar-tag{font-size:.72rem;letter-spacing:.12em;color:#86e9ff}.city-search{display:grid;gap:10px;margin-bottom:18px}.city-search label{font-weight:700}.city-search>div:first-of-type{display:flex;gap:10px}.city-search input{flex:1;min-width:0;padding:12px 14px;border:1px solid #bfd1df;border-radius:12px;font:inherit}.place-results{display:grid;gap:8px}.place-result{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:11px 13px;border:1px solid #d5e5ef;background:#f8fbfd;border-radius:12px;cursor:pointer}.place-result span{color:#5b7283}.lens-data-slot{min-height:80px}.lens-data-card{border-top:1px solid #e2edf5;padding-top:18px}.lens-place-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.lens-place-head h2{margin:.25rem 0}.aqi-badge{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700;background:#eef2f5}.aqi-badge.good{background:#e7f8ee}.aqi-badge.medium{background:#fff5d9}.aqi-badge.poor{background:#ffe7e3}.lens-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.lens-metrics>div{display:grid;gap:3px;padding:12px;background:#f6f9fb;border-radius:14px}.lens-metrics small,.lens-metrics span{color:#647989}.lens-metrics strong{font-size:1.3rem}.lens-condition{display:grid;gap:3px;padding:12px 14px;border-left:4px solid #49a9d8;background:#f3faff;border-radius:10px}.lens-source{display:block;margin-top:10px;color:#6a7b88}.compare-panel{display:grid;gap:14px}.compact-slot .lens-data-card{border:0;padding-top:0}.compact-slot .lens-data-card .lens-metrics{grid-template-columns:repeat(6,1fr)}.compact-slot .lens-data-card .lens-condition,.compact-slot .lens-source{display:none}.lens-comparison{border-top:1px solid #e0eaf1;padding-top:14px}.compare-head{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;text-align:center;align-items:center;margin-bottom:10px}.compare-table{display:grid;gap:7px}.compare-row{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr;gap:10px;align-items:center;padding:10px 12px;background:#f7fafc;border-radius:10px}.compare-row small{text-align:right}.compare-prompt{margin-top:14px;padding:14px;background:#f2f7ff;border-radius:12px}.lens-learning-chain{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:18px;border-radius:18px;background:#eef7ff;font-weight:700;font-size:.85rem}.lens-learning-chain span{padding:8px 10px;background:white;border-radius:10px}.lens-learning-chain i{font-style:normal;color:#5c829d}.lens-empty,.lens-searching{color:#667b8a}.lens-disclaimer{font-size:.82rem;color:#627582;text-align:center;margin:0}.nav-lens-badge{font-size:.64rem;background:#dff6ff;color:#165775;border-radius:999px;padding:2px 6px;margin-left:auto}@media(max-width:900px){.lens-hero,.lens-grid{grid-template-columns:1fr}.lens-orin{display:none}.camera-stage{min-height:340px}.compact-slot .lens-data-card .lens-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.lens-hero{padding:22px}.lens-panel{padding:16px}.camera-stage{min-height:300px}.city-search>div:first-of-type{flex-direction:column}.lens-place-head{display:grid}.lens-metrics,.compact-slot .lens-data-card .lens-metrics{grid-template-columns:repeat(2,1fr)}.compare-row{grid-template-columns:1fr 1fr}.compare-row span,.compare-row small{grid-column:1/-1}.lens-learning-chain i{display:none}.lens-learning-chain{justify-content:flex-start}}.lens-launch-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:22px 26px;border-radius:22px;background:linear-gradient(120deg,#eaf8ff,#f6f0ff);border:1px solid #d6e7f3}.lens-launch-banner h2{margin:.2rem 0 .45rem}.lens-launch-banner p{margin:0;max-width:760px;color:#587081}@media(max-width:700px){.lens-launch-banner{display:grid}.lens-launch-banner .primary{justify-self:start}}.ar-missions{display:grid;gap:16px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#f5fbff,#f7f3ff);border:1px solid #d9e8f4}.ar-mission-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.ar-mission-header h2{margin:.25rem 0 0}.ar-mission-score{white-space:nowrap;background:#0f3552;color:#fff;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.ar-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ar-mission-card{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #d8e6f0;border-radius:18px;padding:18px;min-height:100%}.ar-mission-card.done{border-color:#9fd7b5;background:#f7fff9}.ar-mission-number{position:absolute;top:14px;right:14px;font-size:1.8rem;font-weight:800;color:#d8e8f2}.ar-mission-card h3{margin:.15rem 0}.ar-mission-card p{margin:0;color:#5c7181}.mission-checks{display:grid;gap:6px;margin-top:auto}.mission-checks span{font-size:.82rem;color:#8a9aa6}.mission-checks span.ok{color:#1c7b4c;font-weight:700}.ar-mission-label{font-size:.78rem;font-weight:700;color:#425d70}.ar-mission-card textarea{width:100%;box-sizing:border-box;min-height:86px;resize:vertical;border:1px solid #c8d9e5;border-radius:12px;padding:10px 12px;font:inherit;background:#fbfdff}.ar-mission-card button{margin-top:4px}.ar-mission-finish{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 16px;border-radius:14px;background:#e7f8ee;border:1px solid #b6dfc5}.ar-mission-finish span{color:#486657}@media(max-width:900px){.ar-mission-grid{grid-template-columns:1fr}.ar-mission-header,.ar-mission-finish{display:grid}}
/* Smart City 5.0 workbook green: visual alignment for City Lens display. */
.city-lens .lens-hero {
  background: radial-gradient(circle at 82% 18%, rgba(85,166,48,.58), transparent 46%),
    linear-gradient(125deg, #133b29 0%, #1e6042 52%, #438c30 100%);
  color: #ffffff;
}
.city-lens .lens-hero h1 {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  text-shadow: 0 2px 16px rgba(4,43,29,.18);
}
.city-lens .lens-hero .eyebrow { color: #c6f8a9; }
.city-lens .lens-hero p { color: #f1fff3; }
.city-lens .lens-hero .privacy-note { color: #e7f8e5; }
.city-lens .lens-orin span {
  color: #ffffff;
  background: rgba(11,64,41,.48);
  border-color: rgba(213,255,204,.45);
}


/* Real-city investigation flow */
.city-investigation{margin-top:22px;padding:24px;border:1px solid #bedfd0;border-radius:22px;background:linear-gradient(140deg,#ecfaf1,#eef8ff)}
.investigation-head h2{margin:6px 0}.investigation-head p{margin:0;color:#466774}
.investigation-steps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.investigation-steps span{border:1px solid #c7dce3;background:#fff;border-radius:20px;padding:8px 12px;font-size:.82rem}
.investigation-steps .ready{background:#d6f3e3;border-color:#91cbae;color:#145b40}
.investigation-fields{display:grid;gap:10px}.investigation-fields label{font-weight:700;color:#18586c}
.investigation-fields select,.investigation-fields textarea{font:inherit;box-sizing:border-box;width:100%;padding:12px;border:1px solid #b7d4d5;border-radius:12px;background:white;color:#193b4d}
.investigation-fields button{justify-self:start}
.investigation-evidence{display:grid;gap:7px;border:1px solid #b5ddd0;background:#fff;border-radius:14px;padding:14px}
.investigation-evidence p{margin:0}.investigation-save-status{margin:0;color:#256b64}
.lens-sensor-drawer{margin-top:22px}.lens-sensor-drawer>summary{cursor:pointer;font-weight:800;padding:18px 22px;background:linear-gradient(120deg,#dff5e8,#e5f2ff);border:1px solid #b8d6cb;border-radius:18px;color:#145a66}
@media(max-width:620px){.city-investigation{padding:14px}.investigation-fields button{width:100%}}

/* Four real-city AR evidence missions */
.field-missions{padding:22px;background:linear-gradient(125deg,#eaf9f0,#ebf5ff);border:1px solid #c3decf;border-radius:24px}
.field-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.field-heading h2{margin:5px 0}.field-heading p{margin:0}.field-heading>strong{white-space:nowrap;border-radius:20px;padding:10px;background:#d4eedf}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.field-card{background:#fff;border:1px solid #b9d9ce;border-radius:16px;padding:18px;display:grid;align-content:start;gap:10px}.field-card h3,.field-card p{margin:0}.field-card label{font-weight:700;font-size:.9rem}.field-card textarea,.field-card input,.field-card select{font:inherit;box-sizing:border-box;width:100%;padding:10px;border:1px solid #bcd3d0;border-radius:10px}.field-card button{justify-self:start}.field-source{background:#eaf7f4;border-radius:10px;padding:10px;font-size:.88rem;overflow-wrap:anywhere}.field-done{color:#087247;font-weight:700}.field-result{background:#fff;border-radius:16px;padding:18px;margin-top:16px}.field-result h3{margin:0 0 8px}
@media(max-width:700px){.field-grid{grid-template-columns:1fr}.field-heading{align-items:flex-start;flex-direction:column}.field-missions{padding:14px}}