@import url('https://fonts.googleapis.com/css2?family=Bangers&family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');

:root { color-scheme: dark; --ink:#101526; --panel:#171d32; --line:#303955; --paper:#f7f3e8; --muted:#929dbd; --cyan:#32d6c7; --coral:#ff6b6b; --yellow:#ffd166; }
html[data-theme="light"] { color-scheme:light; --panel:#fff; --line:#cfd7e7; --paper:#172039; --muted:#63708b; --cyan:#087f78; --coral:#d94755; --yellow:#9a6800; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 87% 2%,#2b3152 0,transparent 24%),linear-gradient(145deg,#0b1020,#11172a 55%,#0d1324); color:var(--paper); font-family:Manrope,sans-serif; overflow-x:hidden; }
html[data-theme="light"] body { background:radial-gradient(circle at 87% 2%,#d9e2f3 0,transparent 26%),linear-gradient(145deg,#f7f9fc,#e9eef7 58%,#f3f6fb); }
html[data-theme="light"] .ambient-grid { opacity:.22; }html[data-theme="light"] .sun-disc { border-color:rgba(217,71,85,.08); }
.ambient-grid { position:fixed; inset:0; pointer-events:none; opacity:.15; background-image:linear-gradient(rgba(83,107,157,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(83,107,157,.32) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,#000,transparent 85%); }
.sun-disc { position:fixed; right:-75px; top:90px; width:250px; height:250px; border-radius:50%; border:32px solid rgba(255,107,107,.055); box-shadow:0 0 0 2px rgba(255,107,107,.12),0 0 70px rgba(255,107,107,.08); }
.shell { width:min(1440px,calc(100% - 40px)); margin:auto; padding:28px 0 24px; position:relative; }
.topbar { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.brand-mark { width:58px; height:58px; background:var(--coral); color:#fff; display:grid; place-items:center; border-radius:18px 18px 18px 5px; font:400 25px Bangers,Impact,sans-serif; letter-spacing:.06em; text-decoration:none; text-shadow:2px 2px 0 #7c2835; box-shadow:7px 7px 0 rgba(255,107,107,.15); transform:rotate(-2deg); }
.brand p,.eyebrow { margin:0 0 2px; color:var(--cyan); font:500 11px DM Mono,monospace; letter-spacing:.16em; }
.brand h1 { margin:0; font:400 35px Bangers,Impact,sans-serif; letter-spacing:.045em; text-shadow:2px 2px 0 rgba(0,0,0,.35); }
.brand h1 em { color:var(--coral); font-style:normal; }
.header-meta { margin-left:auto; text-align:right; display:grid; gap:2px; }
.header-meta span { color:var(--muted); font:500 10px DM Mono,monospace; letter-spacing:.18em; }
.header-meta b { font:500 21px DM Mono,monospace; }
.global-filter { margin-left:auto; display:grid; gap:4px; min-width:210px; }.global-filter label { color:var(--muted); font:500 9px DM Mono; letter-spacing:.12em; }.global-filter select { width:100%; appearance:none; color:var(--paper); border:1px solid #465170; border-radius:11px; padding:9px 34px 9px 12px; background:#151b30 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2332d6c7' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center; font:600 12px Manrope; cursor:pointer; }
.global-filter+.header-meta { margin-left:8px; min-width:115px; }
.header-actions { display:flex; align-items:stretch; gap:7px; }.events-nav,.theme-toggle { min-height:43px; border:1px solid #465170; border-radius:11px; background:#151b30; color:var(--paper); text-decoration:none; cursor:pointer; font:600 9px DM Mono; }
.events-nav { display:flex; align-items:center; gap:7px; padding:8px 10px; }.events-nav b { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:20px; color:#101526; background:var(--yellow); }.events-nav.active { border-color:var(--cyan); }
.theme-toggle { display:grid; grid-template-columns:auto auto; place-items:center; gap:5px; padding:8px 10px; }.theme-icon { color:var(--yellow); font-size:16px; }.theme-label { font:600 8px DM Mono; }
.header-actions form { margin:0; }.logout-button { height:43px; padding:0 10px; border:1px solid rgba(255,107,107,.4); border-radius:11px; background:rgba(255,107,107,.08); color:var(--coral); cursor:pointer; font:600 8px DM Mono; }
.status-row { display:flex; align-items:center; gap:14px; margin:0 2px 14px; font-size:13px; }
.status-pill { padding:7px 11px; border-radius:100px; font:700 10px DM Mono,monospace; letter-spacing:.08em; }
.status-pill i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
.status-online { color:var(--cyan); background:rgba(50,214,199,.1); border:1px solid rgba(50,214,199,.25); }
.status-stale { color:var(--yellow); background:rgba(255,209,102,.1); }
.status-offline { color:var(--coral); background:rgba(255,107,107,.1); }
.sensor-name { font-weight:700; }.last-update { color:var(--muted); margin-left:auto; }
.profile-pill { color:#d4dbef; padding:5px 9px; border:1px dashed #596483; border-radius:8px; font:500 10px DM Mono; text-transform:uppercase; }
.environment-alert { display:grid; grid-template-columns:130px 1fr; align-items:center; gap:18px; margin-bottom:14px; padding:18px 22px; border:2px solid var(--line); border-radius:24px 24px 8px 24px; background:linear-gradient(125deg,rgba(25,32,55,.98),rgba(17,22,40,.98)); box-shadow:8px 8px 0 rgba(0,0,0,.18); }
.environment-alert.critical { border-color:rgba(255,107,107,.72); background:linear-gradient(125deg,rgba(88,31,44,.8),rgba(27,24,43,.98)); }
.environment-alert.warning { border-color:rgba(255,209,102,.6); }.environment-alert.normal { border-color:rgba(50,214,199,.55); }
.alert-kicker { color:var(--coral); font:600 10px DM Mono; letter-spacing:.14em; }.environment-alert h2 { margin:4px 0 7px; font:400 29px Bangers,Impact,sans-serif; letter-spacing:.04em; }
.environment-alert ul { margin:0; padding-left:18px; color:#d8deee; font-size:13px; }.environment-alert li+li { margin-top:3px; }
.thermal-icon { display:grid; justify-items:center; color:var(--cyan); }.thermal-icon.critical { color:var(--coral); }.thermal-icon.warning { color:var(--yellow); }
.thermal-icon svg { width:82px; height:82px; overflow:visible; filter:drop-shadow(4px 5px 0 rgba(0,0,0,.22)); }.thermal-icon span { margin-top:2px; font:500 10px DM Mono; letter-spacing:.06em; }
.thermometer { fill:#141a2d; stroke:currentColor; stroke-width:6; stroke-linejoin:round; }.mercury,.heat-rays { fill:none; stroke:currentColor; stroke-width:7; stroke-linecap:round; }.mercury-fill { fill:currentColor; }
.critical .heat-rays { animation:heatPulse .8s ease-in-out infinite alternate; } @keyframes heatPulse { to { transform:translateX(3px); opacity:.45; } }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.overview-heading { display:flex; justify-content:space-between; align-items:center; margin:0 2px 12px; color:var(--paper); font-weight:700; }.overview-heading small { color:var(--muted); font:500 10px DM Mono; }.sensor-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.sensor-overview-card { display:block; padding:17px; color:var(--paper); text-decoration:none; border:1px solid var(--line); border-radius:20px 20px 7px 20px; background:linear-gradient(145deg,rgba(29,36,61,.96),rgba(19,25,45,.96)); box-shadow:0 12px 35px rgba(0,0,0,.18); transition:transform .15s,border-color .15s; }.sensor-overview-card:hover { transform:translateY(-2px); border-color:var(--sensor-color); }.sensor-overview-card.critical { border-color:rgba(255,107,107,.62); }.sensor-overview-card.warning { border-color:rgba(255,209,102,.45); }
.sensor-card-top { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; }.sensor-card-top b { font-size:14px; }.sensor-card-top small { color:var(--muted); font:500 9px DM Mono; text-transform:uppercase; }.sensor-color-dot { width:9px; height:9px; border-radius:50%; background:var(--sensor-color); box-shadow:0 0 10px var(--sensor-color); }
.sensor-card-values { display:flex; align-items:baseline; gap:16px; margin:20px 0; }.sensor-card-values strong { font:800 38px Manrope; letter-spacing:-.055em; }.sensor-card-values strong small { margin-left:4px; color:var(--sensor-color); font:500 12px DM Mono; }.sensor-card-values>span { color:var(--muted); font:600 13px DM Mono; }
.sensor-card-footer { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font:600 9px DM Mono; text-transform:uppercase; }.mini-status { padding:5px 7px; border-radius:20px; }.mini-status.status-online { color:var(--cyan); }.mini-status.status-stale,.mini-status.status-offline { color:var(--coral); }
.metric-card,.panel { position:relative; overflow:hidden; border:1px solid rgba(100,115,158,.26); background:linear-gradient(145deg,rgba(29,36,61,.96),rgba(19,25,45,.96)); box-shadow:0 14px 50px rgba(0,0,0,.2); }
.metric-card { min-height:170px; padding:20px; border-radius:22px 22px 8px 22px; }
.metric-card:before { content:""; position:absolute; width:75px; height:75px; right:-24px; top:-27px; border:14px solid currentColor; opacity:.07; border-radius:50%; }
.metric-card.temp { color:var(--coral); }.metric-card.humidity { color:var(--cyan); }.metric-card.pressure { color:var(--yellow); }.metric-card.wifi { color:#b79cff; }
.metric-title { display:grid; color:var(--paper); }.metric-title b { font:700 15px Manrope,sans-serif; }.metric-title span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.metric-index { position:absolute; right:18px; top:17px; font:500 11px DM Mono; opacity:.55; }
.metric-value { color:var(--paper); margin-top:24px; font:800 clamp(34px,4vw,52px) Manrope; letter-spacing:-.06em; }
.metric-value small { color:currentColor; margin-left:8px; font:500 13px DM Mono; letter-spacing:0; }
.metric-range { margin-top:2px; color:var(--muted); font:500 10px DM Mono; }.measure-critical { border-color:rgba(255,107,107,.6); }.measure-critical .metric-title span { color:var(--coral); }.measure-warning { border-color:rgba(255,209,102,.5); }.measure-warning .metric-title span { color:var(--yellow); }
.metric-stripe { position:absolute; height:5px; left:20px; right:20px; bottom:0; background:currentColor; border-radius:8px 8px 0 0; }
.panel { margin-top:16px; padding:22px; border-radius:24px 24px 10px 24px; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:14px; }
.panel-heading h2 { margin:0; font-size:18px; }.chart { height:270px; }
.chart-section { margin-top:20px; }.charts-heading { margin:0 2px 12px; }.chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.chart-card { position:relative; overflow:hidden; padding:18px 14px 8px; border:1px solid rgba(100,115,158,.26); border-radius:22px 22px 8px 22px; background:linear-gradient(145deg,rgba(29,36,61,.96),rgba(19,25,45,.96)); box-shadow:0 14px 50px rgba(0,0,0,.2); }
.chart-card:after { content:""; position:absolute; right:-24px; top:-28px; width:92px; height:92px; border:16px solid currentColor; border-radius:50%; opacity:.045; pointer-events:none; }
.chart-card-heading { display:grid; grid-template-columns:auto 1fr auto; align-items:baseline; gap:9px; padding:0 8px; }.chart-card-heading>span { color:currentColor; font:500 10px DM Mono; }.chart-card-heading h3 { margin:0; color:var(--paper); font-size:16px; }.chart-card-heading small { color:var(--muted); font:500 9px DM Mono; }
.temp-chart { color:var(--coral); }.humidity-chart { color:var(--cyan); }.pressure-chart { color:var(--yellow); }.wifi-chart { color:#b79cff; }
.profiles-note { color:var(--muted); font:500 10px DM Mono; text-transform:uppercase; }.profiles-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.profile-card { padding:14px; border:1px solid var(--line); border-radius:15px 15px 5px 15px; background:#12182a; }.profile-card.active { border:2px solid var(--coral); background:rgba(255,107,107,.07); box-shadow:4px 4px 0 rgba(255,107,107,.13); }
.profile-card>span { font:400 19px Bangers,Impact,sans-serif; letter-spacing:.04em; }.profile-card.active>span:after { content:"ATTIVO"; margin-left:8px; color:var(--coral); font:500 8px DM Mono; }
.profile-card dl { margin:10px 0 0; }.profile-card dl div { display:flex; justify-content:space-between; gap:8px; padding:4px 0; border-top:1px dashed rgba(92,104,141,.38); font:500 9px DM Mono; }.profile-card dt { color:var(--muted); }.profile-card dd { margin:0; text-align:right; }
.range-picker { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:12px; background:#101627; }
.range-picker button { border:0; border-radius:8px; color:var(--muted); background:transparent; padding:8px 11px; cursor:pointer; font:600 11px DM Mono; }
.range-picker button.active { color:var(--ink); background:var(--cyan); box-shadow:0 4px 18px rgba(50,214,199,.2); }
.live-badge { color:var(--coral); font:700 11px DM Mono; letter-spacing:.1em; }
.events-note { color:var(--muted); font:500 10px DM Mono; text-transform:uppercase; }
.events-hero { display:flex; justify-content:space-between; align-items:center; gap:20px; }.events-hero h2 { margin:3px 0 5px; font-size:25px; }.events-hero p { margin:0; color:var(--muted); font-size:13px; }.back-dashboard { color:var(--cyan); font:600 11px DM Mono; text-decoration:none; white-space:nowrap; }
.events-toolbar { flex-direction:row; align-items:center; }.event-filters { display:flex; gap:5px; padding:4px; border:1px solid var(--line); border-radius:12px; background:#101627; }.event-filters a { padding:8px 11px; border-radius:8px; color:var(--muted); text-decoration:none; font:600 10px DM Mono; }.event-filters a.active { color:#101526; background:var(--cyan); }
.event-list { display:grid; gap:12px; }
.event-card { position:relative; display:grid; grid-template-columns:7px 1fr; overflow:hidden; border:1px solid var(--line); border-radius:18px 18px 6px 18px; background:#12182a; }
.event-marker { background:var(--yellow); }.event-critical .event-marker { background:var(--coral); }
.event-body { padding:17px 18px; }.event-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.event-heading span { color:var(--muted); font:500 9px DM Mono; }.event-heading h3 { margin:3px 0 0; font-size:16px; }
.event-heading .confidence { color:var(--yellow); padding:5px 8px; border:1px solid rgba(255,209,102,.3); border-radius:20px; white-space:nowrap; }
.event-body>p { margin:8px 0; color:#d8deee; font-size:13px; }.event-evidence { color:var(--cyan); font:500 10px DM Mono; }
.event-feedback { display:grid; grid-template-columns:180px 1fr 1fr; gap:9px; align-items:end; margin-top:15px; padding-top:13px; border-top:1px dashed rgba(92,104,141,.45); }
.event-feedback label { display:grid; gap:4px; color:var(--muted); font:500 9px DM Mono; text-transform:uppercase; }
.event-feedback input,.event-feedback select { min-width:0; width:100%; padding:9px 10px; border:1px solid #465170; border-radius:9px; outline:none; background:#171e33; color:var(--paper); font:500 11px Manrope; }
.event-feedback input:focus,.event-feedback select:focus { border-color:var(--cyan); }
.event-actions { grid-column:1/-1; display:flex; align-items:center; gap:7px; }
.event-actions button { padding:8px 11px; border:1px solid #465170; border-radius:9px; background:#202943; color:var(--paper); cursor:pointer; font:600 10px Manrope; }
.event-actions button[value="confirmed"] { border-color:rgba(50,214,199,.5); color:var(--cyan); }.event-actions button[value="dismissed"] { color:var(--muted); }
.feedback-status { margin-left:auto; color:var(--cyan); font:500 9px DM Mono; }
.event-completed { opacity:0; transform:translateX(20px); transition:opacity .3s,transform .3s; }
.sample-table-wrap { overflow:auto; }.sample-table { border-collapse:collapse; width:100%; min-width:720px; font-size:13px; }
.sample-table th { color:var(--muted); text-align:left; padding:10px 12px; font:500 10px DM Mono; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--line); }
.sample-table td { padding:13px 12px; border-bottom:1px solid rgba(57,68,101,.5); }.sample-table tbody tr:hover { background:rgba(50,214,199,.035); }
.device-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--cyan); margin-right:8px; box-shadow:0 0 8px var(--cyan); }
.loading,.empty-state { min-height:160px; display:grid; place-items:center; color:var(--muted); font:500 12px DM Mono; }
footer { display:flex; justify-content:space-between; padding:20px 4px 0; color:#64708f; font:500 10px DM Mono; letter-spacing:.08em; }
.public-shell { width:min(980px,calc(100% - 40px)); min-height:100vh; margin:auto; padding:38px 0 24px; display:flex; flex-direction:column; position:relative; }.public-header { display:flex; align-items:center; gap:18px; }.public-header .theme-toggle { margin-left:auto; }.public-status-card { margin:auto 0; padding:clamp(24px,5vw,54px); border:1px solid rgba(100,115,158,.3); border-radius:32px 32px 10px 32px; background:linear-gradient(145deg,rgba(29,36,61,.97),rgba(19,25,45,.97)); box-shadow:0 24px 80px rgba(0,0,0,.28); }.public-status-card h2 { margin:4px 0; font:400 clamp(35px,6vw,60px) Bangers,Impact,sans-serif; letter-spacing:.035em; }.public-status-card>div>p { margin:0; color:var(--muted); }.public-status-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin:38px 0 28px; }.public-status-grid article { min-height:115px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:16px 16px 5px 16px; background:#11172a; }.public-status-grid span { color:var(--muted); font:500 9px DM Mono; }.public-status-grid strong { font-size:20px; }.public-online,.public-perfect { color:var(--cyan); }.public-offline,.public-critical { color:var(--coral); }.public-warning { color:var(--yellow); }.login-entry { display:inline-flex; padding:11px 15px; border-radius:10px; color:#101526; background:var(--cyan); text-decoration:none; font:700 11px DM Mono; }
.login-shell { width:min(430px,calc(100% - 30px)); min-height:100vh; margin:auto; display:grid; place-content:center; gap:22px; position:relative; }.login-shell>.brand-mark { margin:auto; }.login-card { padding:30px; border:1px solid var(--line); border-radius:25px 25px 8px 25px; background:linear-gradient(145deg,#1d243d,#13192d); box-shadow:0 22px 70px rgba(0,0,0,.3); }.login-card h1 { margin:5px 0; }.login-card>p { margin:0 0 22px; color:var(--muted); font-size:13px; }.login-card form { display:grid; gap:13px; }.login-card label { display:grid; gap:5px; color:var(--muted); font:500 9px DM Mono; text-transform:uppercase; }.login-card input { padding:12px; border:1px solid #465170; border-radius:10px; background:#11172a; color:var(--paper); outline:none; }.login-card input:focus { border-color:var(--cyan); }.login-card form button { padding:12px; border:0; border-radius:10px; background:var(--cyan); color:#101526; cursor:pointer; font-weight:800; }.login-card>a { display:inline-block; margin-top:18px; color:var(--muted); text-decoration:none; font:500 10px DM Mono; }.login-error { margin:0 0 15px; padding:10px; border:1px solid rgba(255,107,107,.4); border-radius:9px; color:var(--coral); background:rgba(255,107,107,.08); font-size:12px; }
html[data-theme="light"] .global-filter select,html[data-theme="light"] .events-nav,html[data-theme="light"] .theme-toggle { background-color:#fff; border-color:#bdc8dc; }
html[data-theme="light"] .metric-card,html[data-theme="light"] .panel,html[data-theme="light"] .chart-card,html[data-theme="light"] .sensor-overview-card { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,248,253,.98)); box-shadow:0 14px 40px rgba(46,62,96,.11); }
html[data-theme="light"] .environment-alert { background:linear-gradient(125deg,#fff,#f4f7fc); box-shadow:8px 8px 0 rgba(66,82,115,.08); }
html[data-theme="light"] .environment-alert.critical { background:linear-gradient(125deg,#fff0f1,#fff); }html[data-theme="light"] .environment-alert ul,html[data-theme="light"] .event-body>p { color:#34405c; }
html[data-theme="light"] .profile-card,html[data-theme="light"] .event-card { background:#f8fafd; }html[data-theme="light"] .profile-card.active { background:#fff1f2; }
html[data-theme="light"] .range-picker,html[data-theme="light"] .event-filters { background:#e7ecf5; }html[data-theme="light"] .event-feedback input,html[data-theme="light"] .event-feedback select { background:#fff; border-color:#bdc8dc; }
html[data-theme="light"] .event-actions button { background:#eef2f8; border-color:#bdc8dc; }html[data-theme="light"] .sample-table tbody tr:hover { background:rgba(8,127,120,.05); }
html[data-theme="light"] .public-status-card,html[data-theme="light"] .login-card { background:linear-gradient(145deg,#fff,#f4f7fc); box-shadow:0 22px 60px rgba(46,62,96,.13); }html[data-theme="light"] .public-status-grid article { background:#f7f9fc; }html[data-theme="light"] .login-card input { background:#fff; border-color:#bdc8dc; }
@media(max-width:1100px){.profiles-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.header-meta{display:none}.theme-label{display:none}}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.sensor-overview-grid{grid-template-columns:repeat(2,1fr)}.chart{height:250px}.environment-alert{grid-template-columns:105px 1fr}.profiles-grid{grid-template-columns:repeat(2,1fr)}.global-filter{margin-left:auto}.event-feedback{grid-template-columns:1fr 1fr}.event-note{grid-column:1/-1}}
@media(max-width:700px){.chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){.public-status-grid{grid-template-columns:1fr 1fr}.public-status-card{margin:45px 0}}
@media(max-width:560px){.shell{width:min(100% - 22px,1440px);padding-top:18px}.topbar{flex-wrap:wrap}.brand p{display:none}.brand h1{font-size:27px}.brand-mark{width:48px;height:48px}.global-filter{order:3;width:100%;min-width:0}.header-actions{order:4;width:100%}.events-nav{flex:1;justify-content:center}.theme-toggle{min-width:48px}.header-meta span{display:none}.header-meta b{font-size:16px}.status-row{flex-wrap:wrap}.profile-pill{order:3}.environment-alert{grid-template-columns:1fr;text-align:center}.environment-alert ul{text-align:left}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.sensor-overview-grid{grid-template-columns:1fr}.overview-heading small{display:none}.metric-card{min-height:150px;padding:15px}.metric-value{font-size:31px}.profiles-grid{grid-template-columns:1fr}.panel{padding:15px}.panel-heading{align-items:flex-start;flex-direction:column}.events-hero{align-items:flex-start}.events-toolbar{align-items:stretch}.event-filters{width:100%}.event-filters a{flex:1;text-align:center;padding:8px 5px}.chart{height:250px}.chart-card-heading{grid-template-columns:auto 1fr}.chart-card-heading small{grid-column:2}.last-update{display:none}.event-heading{display:grid}.event-feedback{grid-template-columns:1fr}.event-note{grid-column:auto}.event-actions{align-items:stretch;flex-wrap:wrap}.feedback-status{width:100%;margin-left:0}footer{flex-direction:column;gap:7px}}