.dcim-toolbar{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 12px;margin-bottom:10px}.dcim-crumbs{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700}.dcim-crumbs b{color:#9aaeb4}.dcim-crumbs select{padding:6px 28px 6px 9px}.view-switch{display:flex;margin-left:auto;background:#eef3f4;border-radius:7px;padding:3px}.view-switch button{border:0;background:transparent;padding:7px 10px;border-radius:5px;font-size:8px;font-weight:700;cursor:pointer}.view-switch button.active{background:#fff;color:#087f8d;box-shadow:0 2px 7px #0a293317}.dcim-shell{display:grid;grid-template-columns:185px minmax(600px,1fr) 245px;gap:10px;height:650px}.dcim-library,.dcim-inspector,.dcim-stage-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.dcim-library{padding:14px;overflow-y:auto}.dcim-library h3{font-size:8px;letter-spacing:.7px}.dcim-library>p{font-size:8px;color:var(--muted)}.dcim-library>button{width:100%;border:1px solid transparent;background:#f3f7f8;border-radius:7px;padding:8px;margin:3px 0;display:grid;grid-template-columns:26px 1fr 15px;align-items:center;text-align:left;cursor:grab;font-size:8px}.dcim-library>button:hover{border-color:var(--cyan);background:var(--cyan-soft)}.dcim-library>button i{height:24px;background:#fff;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;color:#0c7280;font-style:normal}.dcim-library>button b{color:var(--cyan)}.dcim-library hr{border:0;border-top:1px solid var(--line);margin:14px 0}.layer-toggle{display:flex;grid-template-columns:16px 1fr;align-items:center;gap:7px;padding:6px 0;font-size:8px}.layer-toggle input{width:auto;accent-color:var(--cyan)}.dcim-stage-wrap{display:flex;flex-direction:column;background:#e8eff1;padding:12px}.dcim-stage{flex:1;position:relative;overflow:hidden;background-color:#f8fbfb;background-image:linear-gradient(#dfe8ea 1px,transparent 1px),linear-gradient(90deg,#dfe8ea 1px,transparent 1px),linear-gradient(#cbdadd 1px,transparent 1px),linear-gradient(90deg,#cbdadd 1px,transparent 1px);background-size:12px 12px,12px 12px,60px 60px,60px 60px;border:3px solid #60777e;box-shadow:inset 0 0 0 7px #d1dde0;min-height:0}.hall-label{position:absolute;left:14px;top:12px;display:grid;z-index:1}.hall-label b{font-size:10px}.hall-label small{font-size:6px}.cold-aisle,.hot-aisle{position:absolute;left:11%;right:10%;height:14%;display:flex;align-items:center;justify-content:center;font-size:7px;letter-spacing:1px;pointer-events:none}.cold-aisle{top:39%;background:#d9f5fa;color:#16899a;border-top:1px dashed #6bc9d5;border-bottom:1px dashed #6bc9d5}.hot-aisle{top:80%;height:10%;background:#fff0e2;color:#b66b28;border-top:1px dashed #e3ad77}.airflow-arrows{display:none;position:absolute;left:18%;top:41%;right:17%;color:#1ea8ba;font-size:23px;letter-spacing:22px;z-index:5;animation:airflow 1.4s infinite linear}@keyframes airflow{from{transform:translateX(-10px);opacity:.4}to{transform:translateX(10px);opacity:1}}.dcim-stage.view-airflow .airflow-arrows{display:block}.dcim-stage.view-temperature{background-image:radial-gradient(circle at 30% 25%,#35b9d644,transparent 25%),radial-gradient(circle at 65% 68%,#ef7d4b55,transparent 30%),linear-gradient(#dfe8ea 1px,transparent 1px),linear-gradient(90deg,#dfe8ea 1px,transparent 1px)}.dcim-object{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #244952;background:#0b303a;color:#fff;border-radius:3px;cursor:pointer;user-select:none;box-shadow:0 2px 5px #0b263433;z-index:3;font-size:7px;font-weight:800;overflow:hidden}.dcim-object small{font-size:5px;color:#9fc0c6;margin-top:2px}.dcim-object.selected{outline:3px solid #32bfd055;outline-offset:2px;border-color:var(--cyan)}.dcim-object.available{background:#fff;color:#34515a;border:2px dashed #6f9ca4}.dcim-object.reserved{background:#886b2c;border-color:#d0a94c}.dcim-object.partial{background:repeating-linear-gradient(135deg,#0b4d59 0 5px,#167080 5px 10px);border-color:var(--cyan)}.dcim-object.power,.dcim-stage.view-power .dcim-object{background:#3c2745;border-color:#b471cb}.dcim-object.cooling{background:#174f6a;border-color:#44a6d2}.dcim-object.door{background:#fff;color:#45616a;border:3px double #55747c}.dcim-object.wall{height:4px!important;background:#485f66;border:0;border-radius:0}.dcim-stage.view-power .dcim-object.rack:after,.dcim-stage.view-power .dcim-object.quarter:after{content:attr(data-power);font-size:5px;color:#f2cfff}.dcim-legend{height:34px;display:flex;gap:13px;align-items:end;font-size:7px;color:#637a81}.dcim-legend span:last-child{margin-left:auto}.dcim-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;background:#0b303a}.dcim-legend i.available{background:#fff;border:1px dashed #6f9ca4}.dcim-legend i.reserved{background:#886b2c}.dcim-legend i.partial{background:#167080}.dcim-inspector{padding:16px;overflow-y:auto}.empty-inspector{text-align:center;color:var(--muted);margin-top:170px}.empty-inspector>b{font-size:28px;color:#9eb3b9}.empty-inspector h3{color:var(--text)}.empty-inspector p{font-size:8px}.inspector-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.inspector-head h2{margin:9px 0 2px}.inspector-type{font-size:7px;color:var(--cyan);letter-spacing:.7px}.inspector-stat{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.inspector-stat span{background:#f3f7f8;border-radius:7px;padding:9px;display:grid;font-size:7px;color:var(--muted)}.inspector-stat b{font-size:11px;color:var(--text);margin-top:4px}.inspector-form label{margin:9px 0}.inspector-form input,.inspector-form select{padding:8px;font-size:8px}.object-delete{color:#b33!important;margin-top:14px}.dcim-save{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:9px}.dcim-save>span{margin-right:auto;font-size:8px;color:var(--muted)}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.location-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.location-map{height:180px;background:#0a2933;position:relative;overflow:hidden;border-radius:10px;margin-bottom:16px}.location-map:before,.location-map:after{content:'';position:absolute;background:#16414b;border:1px solid #2a6370;transform:rotate(-8deg)}.location-map:before{inset:35px 35% 35px 15%}.location-map:after{inset:60px 12% 25px 58%}.location-map i{position:absolute;width:100px;height:6px;background:#1c5b67;transform:rotate(25deg);top:80px}.location-map i:nth-of-type(2){right:0;transform:rotate(-35deg)}.location-map span{position:absolute;left:13px;top:12px;color:#6a929b;font-size:7px;letter-spacing:2px}.location-map b{position:absolute;left:45%;top:50%;color:var(--cyan);font-size:20px;z-index:2}.location-map.secondary:before{inset:45px 25%;transform:rotate(4deg)}.location-map.secondary:after{display:none}.location-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0}.location-stats span{background:#f4f7f8;padding:9px;border-radius:7px;font-size:7px;color:var(--muted);display:grid}.location-stats b{color:var(--text);font-size:13px}.location-add{min-height:130px;border:2px dashed #c8d8dc;border-radius:14px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.location-add b{font-size:24px;color:var(--cyan)}.location-add span{font-weight:800}.platform-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:12px}.platform-summary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;display:grid}.platform-summary b{font-size:17px;margin:6px 0}.platform-summary span{font-size:7px;color:var(--ok)}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}.platform-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.platform-icon{float:left;width:36px;height:36px;display:grid;place-items:center;background:var(--navy);color:var(--cyan);border-radius:8px;margin-right:10px;font-size:8px;font-weight:800}.platform-card h2{font-size:13px;margin:3px 0}.platform-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0}.platform-kpis span{background:#f4f7f8;border-radius:6px;padding:8px;display:grid;font-size:6px;color:var(--muted)}.platform-kpis b{font-size:10px;color:var(--text)}.platform-card>label{display:flex;justify-content:space-between;font-size:7px}.platform-chart{height:90px!important}.platform-footer{display:flex;align-items:center;gap:8px;font-size:6px;color:var(--ok)}.platform-footer button{margin-left:auto}.ticket-ops-layout{display:grid;grid-template-columns:260px minmax(500px,1fr) 250px;gap:10px}.ops-ticket-list{padding:0}.ticket-filters{display:flex;padding:10px;border-bottom:1px solid var(--line)}.ticket-filters button{border:0;background:transparent;font-size:7px;padding:7px}.ticket-filters .active{background:var(--navy);color:#fff;border-radius:5px}.ops-ticket-list article{padding:13px;border-bottom:1px solid var(--line);position:relative}.ops-ticket-list article.selected{background:#eaf8fa;border-left:3px solid var(--cyan)}.ops-ticket-list article .status{float:right}.ops-ticket-list article small,.ops-ticket-list article h3{display:block;margin:5px 0}.ops-ticket-list time{font-size:7px;color:var(--muted)}.ops-sla{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#f3f7f8;border-radius:8px;padding:10px;margin:14px 0}.ops-sla span{display:grid}.ops-sla b{font-size:8px}.ops-conversation .message{max-width:80%;padding:12px;border-radius:9px;background:#f3f7f8;margin:12px 0}.ops-conversation .message.adeo{margin-left:auto;background:#e5f7f9}.internal-note{border:1px solid #efd79f;background:#fff8e9;border-radius:8px;padding:10px}.internal-note b{font-size:7px;color:#a57111}.internal-note p{margin-bottom:0}.ops-reply{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.ops-reply>div:last-child{display:flex;justify-content:flex-end;gap:8px}.ops-reply select{width:auto}.ticket-context h3{margin-top:14px}.ticket-telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ticket-telemetry span{background:#f3f7f8;padding:7px;border-radius:6px;font-size:6px;display:grid}.ticket-telemetry b{font-size:9px}.small-chart{height:90px!important}
@media(max-width:1200px){.dcim-shell{grid-template-columns:165px 1fr}.dcim-inspector{position:fixed;right:-270px;top:70px;bottom:0;width:260px;z-index:60;transition:.2s}.dcim-inspector.has-selection{right:0}.ticket-ops-layout{grid-template-columns:230px 1fr}.ticket-context{grid-column:1/-1}.platform-grid{grid-template-columns:1fr}.platform-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.dcim-toolbar{flex-wrap:wrap}.view-switch{order:3;margin:0;width:100%;overflow:auto}.dcim-shell{grid-template-columns:1fr;height:600px}.dcim-library{display:none}.dcim-stage-wrap{overflow:auto}.dcim-stage{min-width:720px}.location-grid{grid-template-columns:1fr}.platform-summary{grid-template-columns:repeat(2,1fr)}.ticket-ops-layout{grid-template-columns:1fr}.ops-ticket-list{max-height:280px;overflow:auto}.location-stats{grid-template-columns:repeat(2,1fr)}}