/* PIXOFT IMOU CLOUD pilot — isolated secure camera integration. */
.imou-intro{display:flex;align-items:flex-start;gap:17px;padding:22px 26px;
 border:1px solid #cde4ed;background:#edf8fb;border-radius:12px;margin:0 0 19px}
.imou-intro>svg{width:36px;height:36px;min-width:36px;color:#0c87a6;margin-top:2px}
.imou-intro strong{font-size:21px;color:#22546b;line-height:1.4}
.imou-intro p{font-size:16px;line-height:1.62;margin:8px 0 0;color:#536e7c}
.imou-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}
.imou-stat{padding:21px 23px;display:flex;flex-direction:column;gap:9px;min-height:128px;justify-content:center}
.imou-stat>span{font-size:15px;font-weight:700;color:#748999}
.imou-stat>strong{font-size:22px;font-weight:850;color:#213f54;overflow-wrap:anywhere;line-height:1.25}
.imou-stat small{font-size:15px;color:#617d8c;line-height:1.45;overflow-wrap:anywhere}
.imou-state{display:inline-flex;align-items:center;max-width:100%;padding:7px 11px;
 font-size:15px!important;line-height:1.4;border-radius:8px;font-weight:750}
.imou-state.warn{background:#fff3de;color:#9e681a}
.imou-state.good{background:#dff5eb;color:#11775c}
.imou-vehicle{padding:20px 23px;margin-bottom:18px;display:flex;justify-content:space-between;
 align-items:center;gap:20px}
.imou-vehicle h2{font-size:21px;color:#294d61;margin:0 0 6px}
.imou-vehicle p{font-size:15px;line-height:1.52;color:#5b7583;max-width:730px;margin:0}
.imou-vehicle label{flex-shrink:0;display:flex;flex-direction:column;gap:8px;font-size:15px;
 font-weight:750;color:#3f6378;width:min(325px,100%)}
.imou-vehicle select{font-size:16px;min-height:45px;border:1px solid #cfe0e7;background:white;
 color:#244a5e;border-radius:8px;padding:9px 12px;width:100%}
.imou-actionbar{display:flex;flex-wrap:wrap;gap:11px;margin:6px 0 17px}
.imou-actionbar .btn{min-height:45px;font-size:16px}
.imou-actionbar .btn svg{width:18px;height:18px}
.imou-message{border:1px solid #b9dee2;background:#eaf8f9;color:#1f6774;
 font-size:16px;font-weight:700;line-height:1.5;padding:14px 17px;border-radius:9px;margin:0 0 16px}
.imou-message.error{background:#fff0f1;border-color:#f0bdc3;color:#af3645}
.imou-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:19px}
.imou-media{padding:21px 22px;min-width:0;display:flex;flex-direction:column;gap:16px}
.imou-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.imou-card-head h2{font-size:23px;line-height:1.3;color:#24465c;margin:0 0 8px}
.imou-card-head p{font-size:15px;color:#617a8b;line-height:1.6;margin:0;max-width:700px}
.imou-card-head .imou-state{white-space:nowrap}
.imou-video-surface,.imou-photo-surface{width:100%;aspect-ratio:16/9;min-height:195px;
 background:#0b1c2b;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.imou-video-surface video{width:100%;height:100%;object-fit:contain;background:#071321}
.imou-photo-surface img{width:100%;height:100%;object-fit:contain;background:#071321}
.imou-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:12px;text-align:center;color:#c3dae8;padding:32px 25px;max-width:460px}
.imou-media-empty>svg{width:43px;height:43px;color:#50aacc}
.imou-media-empty strong{font-size:19px;color:#eff9fc;line-height:1.4}
.imou-media-empty p{font-size:15px;line-height:1.55;color:#a6c1d0;margin:0}
.imou-surface-footer{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;
 color:#667f8c}
.imou-surface-footer svg{width:18px;height:18px;min-width:18px;color:#398ba3}
.imou-photo-footer{display:flex;gap:13px;align-items:center;flex-wrap:wrap;
 justify-content:space-between;margin-top:auto;color:#658094;font-size:15px}
.imou-photo-footer .btn{min-height:45px;font-size:15px}
.imou-connect{padding:24px 27px;margin-bottom:18px}
.imou-connect .imou-card-head{align-items:center;margin-bottom:17px}
.imou-config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 19px}
.imou-config-form>label{display:flex;flex-direction:column;gap:8px;
 min-width:0;font-weight:750;font-size:16px;color:#365a6d}
.imou-config-form input,.imou-config-form select{min-height:49px;border:1px solid #cadde7;border-radius:9px;
 padding:11px 13px;font-size:17px;background:#fff;color:#263f54;width:100%;min-width:0}
.imou-config-form input:focus-visible,.imou-config-form select:focus-visible{outline:3px solid #b4e2ee;border-color:#218fa5}
.imou-private{font-weight:500;color:#8296a4;font-size:14px}
.imou-form-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:7px}
.imou-form-actions .btn{min-height:46px;font-size:16px}
.imou-help-link{font-size:16px;font-weight:750;color:#0c7895;text-decoration:underline}
.imou-policy-note{background:#fff9ee;color:#786134;border:1px solid #eee0c6;
 font-size:16px;line-height:1.64;padding:19px 22px;border-radius:11px;margin-bottom:28px}
.imou-info{padding:26px;font-size:17px}
@media(max-width:1200px){
 .imou-media-grid{grid-template-columns:1fr}
 .imou-video-surface,.imou-photo-surface{max-height:520px}
}
@media(max-width:860px){
 .imou-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .imou-vehicle{flex-direction:column;align-items:stretch}
 .imou-vehicle label{width:100%}
 .imou-card-head{flex-wrap:wrap}
}
@media(max-width:650px){
 .imou-status-grid,.imou-config-form{grid-template-columns:1fr}
 .imou-intro{padding:18px;gap:12px}
 .imou-intro>svg{width:28px;min-width:28px;height:28px}
 .imou-media,.imou-connect,.imou-vehicle{padding:17px}
 .imou-media-empty{padding:25px 18px}
 .imou-actionbar .btn{flex:1 1 auto;justify-content:center}
 .imou-photo-footer .btn{width:100%}
}

/* Optional IMOU Player SDK embedded in the same protected admin screen. */
.imou-sdk-player{width:100%;min-height:260px;background:#061825;overflow:hidden}
.imou-sdk-hint{font-size:15px;color:#5d7889;line-height:1.55;padding:13px 17px;
 margin:7px 0 18px;border:1px solid #d7e7ed;background:#f2f8fa;border-radius:9px}

/* GSU IMOU secured control & evidence panel. Real camera and demo metadata stay separate. */
.imou-keybar{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(260px,1fr) auto;
 align-items:center;gap:17px;background:#f4f8fb;border:1px solid #d4e3ec;
 padding:18px 22px;border-radius:12px;margin:0 0 18px}
.imou-keybar strong{display:block;color:#244a5d;font-size:18px}
.imou-keybar small{display:block;color:#607d8c;line-height:1.6;font-size:14px;margin-top:5px}
.imou-keybar label{font-size:15px;font-weight:750;color:#355971;display:flex;flex-direction:column;gap:7px}
.imou-keybar input{font-size:17px;padding:10px 13px;min-width:0;width:100%;
 border:1px solid #c7d9e3;border-radius:8px;background:#fff;color:#1e4055}
.imou-key-state{font-size:14px;color:#4b7689;max-width:180px;line-height:1.4}
.imou-camera-tools{display:flex;flex-direction:column;gap:14px;padding:14px 15px;
 background:#f5f9fb;border:1px solid #e0ecf1;border-radius:10px}
.imou-ptz-tools strong,.imou-sdk-tools strong{font-size:16px;color:#244e61;display:block;margin-bottom:10px}
.imou-ptz-tools small,.imou-sdk-tools small{display:block;color:#668091;font-size:13px;margin-top:8px;line-height:1.5}
.imou-ptz-pad,.imou-tool-buttons{display:flex;flex-wrap:wrap;gap:8px}
.imou-ptz-pad .btn,.imou-tool-buttons .btn{min-height:38px;font-size:14px;padding:8px 12px}
.imou-ptz-hint{color:#7b8d9a;font-size:13px}
.imou-sdk-tools{border-top:1px solid #dfebf1;padding-top:13px}
.imou-evidence-panel{padding:21px 24px;margin-bottom:20px;gap:15px}
.imou-evidence-panel .imou-card-head{margin-bottom:17px}
.imou-evidence-create{display:flex;gap:13px;align-items:flex-end;flex-wrap:wrap}
.imou-evidence-create label{display:flex;flex-direction:column;gap:8px;flex:1 1 300px;
 color:#355d70;font-weight:750;font-size:15px}
.imou-evidence-create select{border:1px solid #cddde5;background:#fff;color:#234455;
 border-radius:9px;min-height:45px;font-size:16px;padding:8px 12px;width:100%}
.imou-evidence-create button{min-height:45px;font-size:15px}
.imou-evidence-note{color:#667e8b;font-size:14px;line-height:1.55}
.imou-evidence-list{border:1px solid #dce7ed;border-radius:9px;overflow:hidden}
.imou-evidence-list>.muted{padding:15px}
.imou-evidence-row{display:flex;align-items:center;justify-content:space-between;
 gap:15px;padding:13px 16px;background:white}
.imou-evidence-row+.imou-evidence-row{border-top:1px solid #e1ecf1}
.imou-evidence-row strong{font-size:15px;color:#284f65;display:block}
.imou-evidence-row small{font-size:13px;color:#728593;display:block;margin-top:5px;overflow-wrap:anywhere}
.imou-evidence-actions{display:flex;flex-wrap:wrap;gap:8px}
.imou-evidence-actions .btn{font-size:14px;min-height:39px;padding:7px 11px}
.imou-demo-context{font-size:15px;line-height:1.55;padding:13px 17px;border-radius:9px;
 background:#fff9ee;border:1px solid #eedcba;color:#795b24;margin-bottom:18px}
@media(max-width:1150px){.imou-keybar{grid-template-columns:1fr 1fr}.imou-key-state{grid-column:1/-1;max-width:none}}
@media(max-width:730px){.imou-keybar{display:flex;flex-direction:column;align-items:stretch}
 .imou-evidence-row{flex-direction:column;align-items:stretch}
 .imou-evidence-actions .btn{flex:1 1 110px}}