/* owner: Rack / PDU presentation
 * consolidated sources: pdu-layout.css, power-budget.css, zero-u-pdu-detailed.css,
 * pdu-outlet-inventory.css and pdu-feed-identity.css
 */

/* source: pdu-layout.css */
.rack-frame{position:relative;transition:margin .2s}.rack-frame.has-zero-u{margin-left:25px;margin-right:25px}.zero-u-pdu{position:absolute;top:-8px;bottom:-8px;width:22px;border:2px solid #53677a;border-radius:5px;background:linear-gradient(180deg,#242f3b,#111a23);color:#dce8f1;padding:3px 2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:4;box-shadow:0 4px 10px #0005}.zero-u-pdu.left{right:calc(100% + 8px)}.zero-u-pdu.right{left:calc(100% + 8px)}.zero-u-pdu.selected{border-color:#56d8e5;box-shadow:0 0 0 2px #30c5d455}.zero-u-pdu>span{font-size:5px;font-weight:900;color:#67c9ff;white-space:nowrap}.zero-u-pdu>b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:.05em;max-height:72%;overflow:hidden;text-overflow:ellipsis}.zero-u-pdu>small{font-size:5px;color:#93a8ba;writing-mode:vertical-rl;transform:rotate(180deg)}

/* source: power-budget.css */
.rack-power-budget{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-6px 0 16px;padding:10px;border:1px solid #d7e3ed;border-radius:9px;background:#f7fafc}.rack-power-budget>div:not(.budget-bar){display:grid;gap:2px;padding:6px}.rack-power-budget span{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#738496}.rack-power-budget b{font-size:12px}.rack-power-budget small{font-size:7px;color:#8493a1}.rack-power-budget .budget-bar{grid-column:1/-1;height:6px;background:#e5ebf0;border-radius:4px;overflow:hidden}.rack-power-budget .budget-bar i{display:block;height:100%;background:linear-gradient(90deg,#28a879,#2f7fdb);border-radius:4px}.rack-power-budget.over{border-color:#efb3b9;background:#fff7f7}.rack-power-budget.over .budget-bar i{background:#e34d59}@media(max-width:600px){.rack-power-budget{grid-template-columns:1fr}}

/* source: zero-u-pdu-detailed.css */
.rack-frame.has-detailed-zero-u{margin-left:60px;margin-right:60px}.zero-u-pdu.detailed{top:-8px;bottom:-8px;box-sizing:border-box;width:40px;padding:4px 3px;border-width:1px;border-radius:4px;background:#18242e;justify-content:flex-start;gap:5px;overflow:visible;box-shadow:none}.zero-u-pdu.detailed.left{right:calc(100% + 15px)}.zero-u-pdu.detailed.right{left:calc(100% + 15px)}.zero-u-sockets{display:grid;flex:1;grid-template-columns:1fr;grid-auto-rows:minmax(7px,1fr);align-content:stretch;gap:1px;width:100%;min-height:0;overflow:hidden}.zero-u-socket{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2px;height:auto;min-height:0;min-width:0;padding:0 3px;border:1px solid #4f8c72;border-radius:2px;background:#234638;color:#ecf8f2;font-style:normal;line-height:1;transition:background .15s,border-color .15s}.zero-u-socket:before{display:none}.zero-u-socket.occupied{border-color:#e0a344;background:#704d1d;color:#fff4df}.zero-u-socket>b{font-size:5px;font-weight:900}.zero-u-socket>small{margin:0;color:#acd0bc;font-size:4px;font-weight:800;writing-mode:initial;transform:none}.zero-u-socket.occupied>small{color:#f4cf91}.zero-u-socket.bank-start{margin-top:2px;border-top-width:2px}.zero-u-socket.bank-0{border-left-color:#4fa7cf}.zero-u-socket.bank-1{border-left-color:#d6a04a}.zero-u-socket.bank-2{border-left-color:#8abf65}.zero-u-socket.bank-3{border-left-color:#aa7bc2}.zero-u-socket.bank-4{border-left-color:#d07474}.zero-u-socket.bank-5{border-left-color:#63b3a6}.zero-u-pdu-footer{display:flex;flex-direction:column;align-items:center;gap:2px;width:calc(100% + 6px);margin:auto -3px -4px;padding:5px 2px;background:#223440;border-top:1px solid #61798b;border-radius:0 0 3px 3px;line-height:1.1}.zero-u-pdu-footer>b,.zero-u-pdu-footer>small,.zero-u-pdu-footer>em,.zero-u-pdu-footer>strong{display:block;max-width:36px;overflow:hidden;text-align:center;text-overflow:ellipsis;font-style:normal;white-space:nowrap;writing-mode:initial;transform:none}.zero-u-pdu-footer>b{color:#f2f7fa;font-size:6px}.zero-u-pdu-footer>small{color:#a9bbc7;font-size:4px}.zero-u-pdu-footer>em{color:#86b8d6;font-size:4px}.zero-u-pdu-footer>strong{color:#62c1eb;font-size:5px}.zero-u-pdu.detailed .zero-u-pdu-footer,.zero-u-pdu.detailed .zero-u-pdu-name{display:none!important}@media(max-width:900px){.rack-frame.has-detailed-zero-u{margin-left:57px;margin-right:57px}}

/* source: pdu-outlet-inventory.css */
.pdu-outlet-inventory{margin-top:20px;padding:18px;border:1px solid #d9e3ea;border-radius:11px;background:#fff}.pdu-outlet-summary{display:flex;align-items:baseline;gap:5px;padding:7px 10px;border-radius:7px;background:#edf5fa;color:#315c78}.pdu-outlet-summary b{font-size:16px}.pdu-outlet-summary span{font-size:8px;text-transform:uppercase}.pdu-outlet-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.pdu-outlet-metrics>span{display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid #e1e8ed;border-radius:7px;color:#718391;font-size:8px;text-transform:uppercase}.pdu-outlet-metrics b{color:#243f53;font-size:14px}.pdu-outlet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}.pdu-outlet-card{display:grid;gap:4px;min-height:112px;padding:9px;border:1px solid #d8e1e7;border-left:3px solid #61aa7d;border-radius:7px;background:#f9fbfc;text-align:left}.pdu-outlet-card.connected{cursor:pointer;border-left-color:#d69736;background:#fffaf1}.pdu-outlet-card.connected:hover,.pdu-outlet-card.connected:focus{outline:none;border-color:#b77c26;background:#fff5e3}.pdu-outlet-card header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;color:#738592;font-size:7px;text-transform:uppercase}.pdu-outlet-card header b{color:#223f54;font-size:13px}.pdu-outlet-card header i{display:none}.pdu-outlet-card.available{border-color:#7ab292;background:#f0f8f4}.pdu-outlet-card.connected{border-color:#d69736;background:#fff1d9}.pdu-outlet-card>strong{font-size:10px}.pdu-outlet-card>small{color:#718391;font-size:8px}.pdu-outlet-assignment{align-self:end;display:flex;flex-direction:column;gap:2px;margin-top:5px;padding-top:6px;border-top:1px solid #eadcc5}.pdu-outlet-assignment b{font-size:9px}.pdu-outlet-assignment span{color:#697c8b;font-size:7px;line-height:1.35}.pdu-outlet-assignment.free{border-color:#dce7e1;color:#39805a}.equipment-table .pdu-list-outlets{color:#32779c;font-weight:700}@media(max-width:700px){.pdu-outlet-metrics{grid-template-columns:repeat(2,1fr)}.pdu-outlet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* source: pdu-feed-identity.css */
.pdu-feed-identity{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 16px;padding:14px 16px;border:1px solid #bad8e8;border-left:3px solid #1976a3;border-radius:10px;background:#f4f9fc;color:var(--text)}.pdu-feed-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#dceef7;color:#17668e;font-size:18px}.pdu-feed-identity small,.pdu-feed-identity p{display:block;margin:0;color:var(--muted);font-size:9px}.pdu-feed-identity h3{margin:3px 0;font-size:15px;font-weight:650}.pdu-feed-identity dl{display:flex;gap:18px;margin:0}.pdu-feed-identity dl div{min-width:90px}.pdu-feed-identity dt{color:var(--muted);font-size:8px}.pdu-feed-identity dd{margin:3px 0 0;font-size:10px;font-weight:600}.pdu-feed-identity.unassigned{border-color:#e8c98f;border-left-color:#c88416;background:#fff9ee}.pdu-feed-identity.unassigned .pdu-feed-icon{background:#f7e8c9;color:#9c6410}.standalone-equipment>.pdu-feed-identity{margin:16px 0}@media(max-width:760px){.pdu-feed-identity{grid-template-columns:38px 1fr}.pdu-feed-identity dl{grid-column:1/-1}.pdu-feed-identity dl div{min-width:0}}