/* Authenticated owner/admin current-customer panel. No power or financial actions. */
.owner-live-panel{border:1px solid #e7d8c9;border-radius:21px;background:#fffdf9;padding:22px;margin:22px 0 27px;min-width:0;max-width:100%}.owner-live-panel[hidden],.owner-live-panel [hidden]{display:none!important}.ol-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.ol-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:18px;height:auto;padding:0;border:0;background:transparent}.ol-title{display:flex;align-items:center;gap:12px;min-width:0}.ol-title>div{min-width:0}.ol-symbol{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#fae9d9;color:#aa6b37}.ol-symbol>.ol-icon{width:25px;height:25px}.ol-title h2{font-size:23px;line-height:1.6;color:#5e3f27;margin:0;overflow-wrap:anywhere}.ol-title p{font-size:13px;line-height:1.8;color:#a68869;margin:2px 0 0}.owner-live-panel .ol-refresh{display:grid;place-items:center;padding:0;margin:0;width:44px;min-height:44px;flex:0 0 44px;border-radius:12px;color:#a47749}.ol-counts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0 18px}.ol-counts>article{display:flex;flex-direction:column;gap:4px;border:1px solid #e4d4c1;background:#fffaf3;border-radius:14px;padding:16px;min-width:0}.ol-counts>article:first-child{border-color:#d5dfc9;background:#fbfff6}.ol-counts>article>span{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.7;color:#a3835b}.ol-counts>article:first-child>span{color:#78935e}.ol-counts .ol-icon{width:18px;height:18px}.ol-counts strong{font-size:32px;line-height:1.5;color:#8e6335;font-variant-numeric:tabular-nums}.ol-counts>article:first-child strong{color:#688445}.ol-counts small{font-size:10px;line-height:1.7;color:#b79e7d}.ol-filters{display:flex;gap:12px;align-items:flex-end;margin:15px 0 16px;min-width:0}.ol-filters>label{flex:1;min-width:0}.owner-live-panel .ol-filters label{display:block;font-size:13px;font-weight:600;line-height:1.8;color:#9b7958;margin:0;min-width:0}.ol-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1.3;min-width:0}.owner-live-panel .ol-filters :is(input,select){font-size:15px;min-height:45px;min-width:0;margin:5px 0 0;width:100%;box-sizing:border-box;border-color:#e1cfba;border-radius:10px;background:#fffefb}.ol-read-status{font-size:12px;line-height:1.8;color:#a6896c;margin:13px 0 15px;overflow-wrap:anywhere}.ol-read-status.ol-stale{border:1px solid #eacda4;border-radius:10px;background:#fff6e6;padding:11px 13px;color:#9c753d}.ol-cards{display:grid;grid-template-columns:1fr;gap:13px;min-width:0}.ol-card{border:1px solid #e5d8c8;border-radius:17px;background:#fff;padding:17px;min-width:0}.ol-card-top{display:grid;grid-template-columns:31px minmax(0,1fr);gap:3px 9px;align-items:start}.ol-head-symbol{display:grid;place-items:center;width:31px;height:31px;background:#faf0e2;border-radius:10px;color:#b99465;grid-row:1/3}.ol-head-symbol>.ol-icon{width:20px;height:20px}.ol-card-top h3{font-size:16px;line-height:1.7;color:#76512e;overflow-wrap:anywhere;margin:0}.ol-card-top h3>span{font-size:13px;font-weight:500;color:#ac8b65}.ol-card-top p{font-size:12px;line-height:1.8;color:#ab8b68;margin:2px 0;overflow-wrap:anywhere}.ol-badge{display:inline-flex;align-items:center;justify-self:start;max-width:100%;padding:4px 8px;border-radius:7px;background:#f2ece3;color:#a58e72;font-size:11px;line-height:1.7;font-weight:600;grid-column:2;margin-top:3px}.ol-state-charging{color:#6e874e;background:#eff6e8}.ol-state-waiting_unplug{color:#aa853f;background:#fff3d7}.ol-state-needs_review{color:#b77c55;background:#fff0e3}.ol-state-preparing{color:#9c8b6b;background:#f8f0e4}.ol-state-unknown{color:#a29380;background:#f0ede7}.ol-member{display:flex;align-items:center;gap:10px;min-width:0;margin:17px 0 0;padding:13px 0;border-top:1px solid #f0e7db;border-bottom:1px solid #f0e7db}.ol-member-symbol{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#f8f3eb;color:#b49878}.ol-member-symbol>.ol-icon{width:20px;height:20px}.ol-member>div:not(.ol-contact){flex:1;min-width:0}.ol-member b,.ol-member span{display:block;overflow-wrap:anywhere}.ol-member b{font-size:15px;line-height:1.7;color:#7f5936;font-weight:650}.ol-member>div>span{font-size:15px;line-height:1.8;color:#a37e54;font-variant-numeric:tabular-nums}.ol-contact{display:flex;gap:6px;flex:0 0 auto}.owner-live-panel .ol-contact .button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;margin:0;padding:8px;min-width:44px;font-size:12px;border-radius:10px;color:#ab7a46;background:#fffcf7;border-color:#e6d0b8;text-decoration:none}.ol-contact .ol-icon{width:18px;height:18px}.ol-contact span{font-size:12px;line-height:1.5}.ol-copy-status{font-size:11px!important;line-height:1.8;color:#9c815f;margin:3px 0!important;min-height:0}.ol-copy-status:empty{display:none}.ol-copy-status+input{font-size:16px;min-height:44px;width:100%;margin-top:7px}.ol-meter-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.ol-meter-values small{display:block;font-size:11px;line-height:1.8;color:#b0926f}.ol-meter-values b{display:block;font-size:19px;line-height:1.7;font-variant-numeric:tabular-nums;color:#8d6438;font-weight:650;overflow-wrap:anywhere}.ol-meter-values em{font-style:normal;font-size:10px;color:#b89b77;font-weight:400;white-space:nowrap}.ol-time{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.8;padding:10px 11px;background:#fbf6ee;border-radius:9px;color:#a68c6a;margin:13px 0}.ol-time>.ol-icon{width:16px;height:16px;margin-top:3px}.ol-waiting-time{border:1px solid #ecd7ae;background:#fff8e9;color:#a98543;font-weight:600}.ol-uncertain{font-size:11px;line-height:1.8;color:#ad9477;display:flex;align-items:flex-start;gap:6px;margin:12px 0}.ol-uncertain>.ol-icon{width:15px;height:15px;margin-top:3px}.ol-details{border-top:1px solid #eee4d6;padding-top:9px;margin-top:13px}.ol-details>summary{font-size:12px;font-weight:600;line-height:1.8;min-height:30px;color:#b08b5c;cursor:pointer}.ol-details dl{margin:9px 0 0}.ol-details dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:9px;padding:7px 0;border-bottom:1px solid #f2eadf}.ol-details dt{font-size:11px;line-height:1.8;color:#b8a080}.ol-details dd{margin:0;font-size:12px;line-height:1.8;color:#a0825b;overflow-wrap:anywhere}.ol-pagination{display:flex;align-items:center;justify-content:center;gap:13px;margin:19px 0 12px}.owner-live-panel .ol-pagination .button{font-size:13px;min-height:44px;padding:9px 13px;margin:0}.ol-pagination>span{font-size:12px;color:#ac9477;font-variant-numeric:tabular-nums;white-space:nowrap}.ol-footnote{display:flex;align-items:flex-start;gap:6px;justify-content:center;font-size:11px;line-height:1.9;color:#b39c7c;margin:12px 0 0}.ol-footnote>.ol-icon{width:15px;height:15px;margin-top:3px}.ol-empty{grid-column:1/-1;border:1px dashed #e6d7c5;border-radius:15px;padding:28px 18px;text-align:center;background:#fffaf3}.ol-empty>.ol-icon{width:32px;height:32px;color:#c8ae8a}.ol-empty h3{font-size:16px;line-height:1.8;color:#9e7d53;margin:12px 0 6px}.ol-empty p{font-size:12px;line-height:1.9;color:#b79c79;margin:0}.ol-stale-data .ol-card-charging .ol-badge{background:#f0ede7;color:#a29380}.owner-live-panel button:focus-visible,.owner-live-panel a:focus-visible{outline:3px solid #c6ad85;outline-offset:3px}
@media(min-width:1100px){.ol-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ol-card{padding:20px}.ol-meter-values b{font-size:21px}.ol-heading{margin-bottom:20px}.ol-counts>article{padding:18px 20px}.ol-counts strong{font-size:35px}}
@media(max-width:700px){.owner-live-panel{padding:16px;margin:19px 0 23px;border-radius:18px}.ol-heading{gap:9px;margin-bottom:14px}.ol-title{gap:9px}.ol-symbol{width:36px;height:36px;flex-basis:36px;border-radius:11px}.ol-symbol>.ol-icon{width:22px;height:22px}.ol-title h2{font-size:20px;line-height:1.5}.ol-title p{font-size:11px;line-height:1.8;margin-top:3px}.ol-counts{gap:9px;margin:14px 0 16px}.ol-counts>article{padding:12px 13px}.ol-counts>article>span{font-size:12px;gap:6px}.ol-counts strong{font-size:29px}.ol-counts small{font-size:9px}.ol-filters{display:block;margin:13px 0}.ol-selects{margin-top:10px;gap:9px}.owner-live-panel .ol-filters :is(input,select){font-size:16px}.ol-card{padding:14px}.ol-member{gap:8px}.ol-member-symbol{display:none}.ol-member b{font-size:14px}.ol-member>div>span{font-size:14px}.ol-contact .button>span{display:none}.ol-meter-values{gap:7px}.ol-meter-values b{font-size:18px}.ol-meter-values small{font-size:10px}.ol-meter-values em{font-size:9px}.ol-time{font-size:11px}.ol-footnote{font-size:10px}.ol-details dl>div{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:350px){.owner-live-panel{padding:13px}.ol-title h2{font-size:18px}.ol-title p{display:none}.ol-counts>article{padding:10px}.ol-counts>article>span{font-size:11px}.ol-counts small{font-size:9px}.ol-card{padding:12px}.ol-contact{gap:4px}.ol-meter-values b{font-size:16px}.ol-card-top h3{font-size:15px}.ol-card-top h3>span{font-size:12px}.ol-details dl>div{grid-template-columns:72px minmax(0,1fr)}}
/* Essential values remain dark enough for quick checks by owners in the field. */
.ol-title p,.ol-filters label,.ol-read-status,.ol-card-top p,.ol-meter-values small,.ol-time,.ol-uncertain,.ol-details dt,.ol-details dd,.ol-footnote{color:#8b7358}.ol-member b,.ol-member>div>span,.ol-card-top h3,.ol-meter-values b{color:#775333}
/* Readable labels for owners on a phone; small counters never replace the full phone number. */
.owner-live-panel .ol-filters label{font-size:14px}.ol-counts small{font-size:11px}.ol-badge{font-size:12px}.ol-meter-values small{font-size:12px}.ol-meter-values em{font-size:11px}.ol-time{font-size:13px}.ol-uncertain,.ol-footnote,.ol-details dt{font-size:12px}.ol-details dd{font-size:13px}@media(max-width:700px){.ol-title p{font-size:12px}.ol-counts>article>span{font-size:13px}.ol-counts small{font-size:11px}.ol-member b,.ol-member>div>span{font-size:15px}.ol-meter-values small{font-size:12px}.ol-meter-values em{font-size:11px}.ol-time,.ol-footnote{font-size:12px}}@media(max-width:350px){.ol-counts>article>span{font-size:12px}.ol-counts small{font-size:11px}.ol-meter-values b{font-size:17px}}