.organization-page{background:#f3f6fb}.organization-page header{padding:16px 26px}.organization-page main{max-width:1840px;padding:25px 26px 40px}.organization-brand{display:flex;align-items:center;gap:12px}.organization-brand>a{background:#2c61ee;color:white;font-size:25px;font-weight:800;border-radius:11px;padding:7px 12px}.organization-brand strong{font-size:20px}.organization-brand small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:4px}.organization-page nav{gap:17px;font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;background:#e9effc;color:#315fc5;display:grid;place-items:center;font-weight:700}.org-clock{font-variant-numeric:tabular-nums;color:#6a7a90;font-size:11px}.org-notifications{position:relative}.org-notifications summary{cursor:pointer;list-style:none;color:#b16a17}.org-notifications b{display:inline-block;background:#fff0db;border-radius:12px;padding:2px 6px}.notification-dropdown{position:absolute;right:0;top:28px;z-index:5;background:white;box-shadow:0 10px 30px #1c335c25;border:1px solid #e4e9f2;border-radius:12px;min-width:260px;padding:10px}.notification-dropdown button{display:block;width:100%;margin:5px 0;text-align:left}.org-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.org-title h1{font-size:28px;margin:7px 0 5px;letter-spacing:-1px}.org-title p{font-size:12px;margin:0 0 22px}.sync-label{font-size:11px;color:#8090a5;white-space:nowrap}.sync-label.fresh{color:#168d73}.sync-label.delayed{color:#b77918;background:#fff1d4;padding:8px 10px;border-radius:8px}.org-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:22px}.org-metric{display:flex;gap:15px;align-items:center;background:white;border:1px solid #e0e6ef;padding:20px;border-radius:13px}.org-metric small{display:block;font-size:11px}.org-metric strong{font-size:29px;display:block;line-height:1.3;margin-top:4px;letter-spacing:-1px}.metric-icon{display:grid;place-items:center;font-size:25px;width:44px;height:44px;border-radius:12px;background:#edf2ff;color:#4b6ed2}.m1 .metric-icon{background:#e8f7f1;color:#159977}.m2 .metric-icon{background:#e9f1ff;color:#315fe6}.m3 .metric-icon{background:#fff2de;color:#d29123}.m4 .metric-icon{background:#eff1f5;color:#8a99ad}.org-controls{display:flex;align-items:center;gap:16px;margin-bottom:20px}.org-controls>input{margin:0;max-width:330px;font-size:12px;padding:11px 13px}.state-filters{display:flex;gap:4px;background:#e9edf5;padding:4px;border-radius:9px}.state-filters button{padding:7px 12px;border:0;background:transparent;font-size:11px;white-space:nowrap}.state-filters button.active{background:white;box-shadow:0 1px 6px #263f6e12;color:#2d5fdf}.org-controls>button{margin-left:auto;font-size:12px}.organization-grid{display:grid;grid-template-columns:190px minmax(300px,420px) minmax(400px,1fr);gap:20px;align-items:start}.org-groups{padding:17px 12px;background:white;border:1px solid #e1e7f0;border-radius:13px;position:sticky;top:12px}.org-groups h3{font-size:12px;color:#8090a6;margin:0 10px 16px}.group-list{display:flex;flex-direction:column;gap:5px}.group-list button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;border:0;padding:13px 10px;font-size:12px;background:transparent}.group-list button.selected{background:#edf2ff;color:#2f62df;font-weight:700}.group-list b{font-size:10px;color:#8b9ab0}.group-list .new-group{font-size:11px;color:#7a8ba3;border-top:1px solid #eef1f6;border-radius:0;margin-top:10px}.org-groups>a{margin-top:25px;font-size:11px;display:block;text-align:center;padding:10px 3px}.group-list label{font-size:10px;color:#8190a5;padding:5px}.group-list select{font-size:12px;padding:8px}.client-count{display:flex;justify-content:space-between;margin:3px 2px 13px;align-items:center}.client-count strong{font-size:13px}.client-count span{font-size:10px;color:#8b99ae}.device-list{display:flex;flex-direction:column;gap:11px;max-height:1000px;overflow:auto;padding:0 3px 3px 0}.device-card{position:relative;display:flex;gap:12px;align-items:center;border:1px solid #dfe6f0;border-left:4px solid #97a6ba;border-radius:12px;background:white;padding:13px 12px;text-align:left;box-shadow:0 2px 6px #12274904;width:100%;min-height:112px}.device-card.online{border-left-color:#25a88a}.device-card.servicing{border-left-color:#4274f4;background:#f8faff}.device-card.request{border-left-color:#e6a136;background:#fffdf8}.device-card.approval{border-left-color:#9a78d4}.device-card.offline,.device-card.revoked{color:#7f8da2}.device-card.selected{border-color:#6c92f6;box-shadow:0 0 0 2px #4b7af414}.device-card:hover{background:#f7faff}.device-thumbnail{width:85px;flex-shrink:0;aspect-ratio:1.45;overflow:hidden;border-radius:7px;background:#edf1f7;border:1px solid #e0e7f0}.device-thumbnail>img{width:100%;height:100%;object-fit:contain}.screen-placeholder{background:linear-gradient(145deg,#edf2f9,#e3eaf5);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#8da0b9;font-size:10px;min-height:55px}.monitor-symbol{width:38px;height:26px;border:2px solid #9cacbf;border-radius:4px;position:relative}.monitor-symbol>div{position:absolute;left:15px;top:25px;width:5px;height:6px;background:#9cacbf}.monitor-symbol>i{position:absolute;left:9px;top:30px;width:17px;height:2px;background:#9cacbf}.device-thumbnail .screen-placeholder span{display:none}.device-thumbnail .monitor-symbol{transform:scale(.7)}.device-card-info{min-width:0;flex:1}.device-card-title{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:7px}.device-card-title strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.device-card-info>small{display:block;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.8}.device-status{display:inline-flex;align-items:center;gap:4px;border-radius:20px;font-size:9px;white-space:nowrap;font-weight:500;background:#edf0f5;color:#7d8ca1;padding:4px 7px}.device-status.online{background:#e6f5ed;color:#1e956f}.device-status.servicing{background:#e5edff;color:#3769df}.device-status.request{background:#fff0d6;color:#b87a1c}.device-status.approval{background:#f0e9fb;color:#8764b9}.mini-log{font-size:9px;color:#8fa0b6;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.request-flag{position:absolute;top:-5px;left:8px;background:#e5a134;color:white;font-size:9px;border-radius:4px;padding:2px 5px}.org-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 2px}.org-pagination button{font-size:10px;padding:6px 9px}.org-pagination small{font-size:10px}.organization-right{display:flex;flex-direction:column;gap:18px;min-width:0}.device-detail{background:white;border:1px solid #dfe6f0;border-radius:14px;padding:21px;min-height:530px;max-height:980px;overflow:auto}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.detail-header small{font-size:9px;letter-spacing:1.4px;color:#92a2b9}.detail-header h2{font-size:21px;margin:5px 0 0}.detail-screen{position:relative;aspect-ratio:1.8;border-radius:10px;background:#edf2f8;overflow:hidden;border:1px solid #e1e7f1}.detail-screen>img{width:100%;height:100%;object-fit:contain}.screen-caption{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:#ffffffdb;color:#7c8fa8;font-size:9px;text-align:center}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.detail-actions button,.detail-actions a{font-size:11px;padding:10px 13px}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}.diagnostic-grid article{border:1px solid #e7ebf3;border-radius:10px;padding:13px;min-width:0}.diagnostic-grid small{font-size:10px}.diagnostic-grid strong{display:block;font-size:23px;margin:6px 0}.diagnostic-grid svg{width:100%;height:auto;max-height:85px}.diagnostic-empty{color:#a2aec0;line-height:1.7;font-size:9px;min-height:48px}.device-facts{display:grid;grid-template-columns:100px 1fr;gap:10px 14px;font-size:11px;margin:20px 0}.device-facts dt{color:#91a0b4}.device-facts dd{margin:0;overflow-wrap:anywhere;color:#4f6585}.support-notice{padding:13px;background:#fff7e8;border:1px solid #f3e5ca;border-radius:9px;font-size:11px;color:#a77826}.support-notice p{font-size:11px;color:#a77826;margin:7px 0;line-height:1.7}.session-list{font-size:11px;padding:12px;background:#eef4ff;border-radius:9px;margin-top:12px;color:#456cba}.session-list p{font-size:11px;margin:5px 0}.device-edit{font-size:11px;border-top:1px solid #edf0f5;padding-top:14px}.device-edit summary{cursor:pointer;color:#7e90ab}.device-edit input,.device-edit select{font-size:11px;padding:8px}.device-edit button{font-size:10px;padding:7px 11px;margin-top:9px}.detail-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:100px 35px;color:#a1aec1;min-height:530px;text-align:center}.detail-empty h2{font-size:19px;margin-top:30px}.detail-empty p{font-size:12px}.org-audit{background:white;border:1px solid #dfe6f0;border-radius:13px;padding:18px}.audit-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.audit-heading h3{font-size:13px;margin:0 0 12px}.audit-heading span{font-size:9px;color:#95a3b8}.audit-scroll{overflow:auto;max-height:270px}.audit-scroll td,.audit-scroll th{font-size:9px;padding:10px 9px}.organization-page footer{font-size:10px}.organization-page .note{font-size:12px}.organization-page .org-title .pill{font-size:9px}@media(max-width:1350px){.organization-grid{grid-template-columns:160px minmax(280px,350px) minmax(340px,1fr)}.org-metric{padding:16px;gap:10px}.org-metric .metric-icon{width:33px;height:33px;font-size:20px}.device-card-title{display:block}.device-card-title .device-status{margin-top:4px}.device-thumbnail{width:72px}}@media(max-width:1100px){.organization-grid{grid-template-columns:minmax(280px,360px) minmax(350px,1fr)}.org-groups{grid-column:1/-1;position:static;padding:10px 13px}.org-groups h3{display:none}.group-list{flex-direction:row;flex-wrap:wrap;align-items:center}.group-list button{padding:9px 12px}.group-list .new-group{border:0;margin:0}.org-groups>a{display:none}.org-clock{display:none}.org-controls{gap:9px}.org-controls>input{max-width:260px}.state-filters button{padding:7px 8px}.organization-page header{padding:14px 22px}.organization-page main{padding:22px}.org-metrics{gap:10px}.org-metric{padding:13px 10px;gap:9px}.org-metric small{font-size:9px}.org-metric strong{font-size:26px}}@media(max-width:850px){.organization-grid{grid-template-columns:1fr}.org-groups{grid-column:auto}.device-list{max-height:450px}.device-card-title{display:flex}.device-thumbnail{width:100px}.org-controls{flex-wrap:wrap}.org-controls>input{max-width:100%}.org-controls>button{margin:0}.org-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.org-title{display:block}.org-title .sync-label{display:block;margin-bottom:16px}.organization-brand small{font-size:8px}.organization-page nav{gap:13px}.device-detail{max-height:none}.detail-screen{aspect-ratio:1.9}.organization-page .org-title h1{font-size:25px}}@media(max-width:520px){.organization-page main{padding:18px 13px}.organization-page header{padding:15px}.org-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.org-metric{padding:14px}.device-card-title{display:block}.device-thumbnail{width:85px}.device-detail{padding:17px}.device-facts{grid-template-columns:80px 1fr}.state-filters{overflow:auto;max-width:100%}.org-controls>button{display:none}.diagnostic-grid{gap:9px}.group-list{gap:3px}.group-list button{font-size:10px;padding:8px}.avatar{display:none}}

/* Readable controls across desktop and compact organization views. */
.organization-page .state-filters button{min-height:36px}.organization-page .group-list button{min-height:38px}.organization-page .detail-actions{display:flex;flex-wrap:wrap;gap:10px}.organization-page .detail-actions button{min-height:42px}.organization-page .device-edit button{min-height:36px}.organization-page .audit-scroll td,.organization-page .audit-scroll th{font-size:11px}.organization-page .device-facts{line-height:1.7}.organization-page .device-card:focus-visible{outline:3px solid #285ee84d;outline-offset:2px}
@media(max-width:520px){.organization-page .org-controls>button{display:inline-flex;min-height:38px}.organization-page .detail-actions>button{flex:1 1 120px}.organization-page .org-controls{align-items:stretch}.organization-page .state-filters{flex-wrap:wrap;overflow:visible}.organization-page .audit-scroll{max-height:320px}}