/* Systron panel refinement 1.10.0 */
.shell{grid-template-columns:224px minmax(0,1fr)}
.shell>aside{overflow-y:auto;padding:20px 14px}.shell>aside nav{gap:3px}.shell>aside nav a{padding:9px 11px;font-size:13px}
.shell>main{padding:24px clamp(16px,2.5vw,36px) 40px;min-width:0;font:14px/1.5 "Segoe UI",Arial,sans-serif}
section{padding:18px;margin-bottom:16px}section h2{font-size:17px;margin:0 0 12px}h1{font-size:25px;overflow-wrap:anywhere}h3{font-size:15px}p{margin:9px 0 12px}dl{gap:6px 14px;grid-template-columns:minmax(120px,160px) minmax(0,1fr)}dd{overflow-wrap:anywhere}
.stats{gap:12px;margin-bottom:16px}.stats>div{padding:14px}.stats strong{font-size:21px}.twocol,.columns,.resource-grid{gap:14px}.resource-grid article{padding:14px}.resource-grid dl{font-size:13px;grid-template-columns:130px minmax(0,1fr)}
.vm-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.action-card,.quote-card,.fold{border:1px solid #dfe5ef;border-radius:9px;background:white;padding:12px 14px;margin:10px 0;min-width:0}
summary{cursor:pointer;font-weight:700;color:#303a52;font-size:14px;line-height:1.5}summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #7267ee;outline-offset:3px}
details[open]>summary{margin-bottom:12px}.action-card form{margin-top:10px}.action-card label{margin:10px 0}.action-card .btn{width:auto;max-width:100%;padding:9px 12px}.action-card p{font-size:13px;color:#596276}
.quote-card dl{margin-top:12px}.fold>section{margin:0;border:0;box-shadow:none;padding:8px 0}.retirement-banner{background:#f0f4fa;border:1px solid #bbc9dd;border-left:4px solid #506a8f;border-radius:9px;padding:14px 16px;margin-bottom:16px;color:#344359}.retirement-banner p{margin-bottom:0}
.page-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.page-links a{padding:7px 11px;border:1px solid #dfe5ef;background:white;border-radius:7px;text-decoration:none;font-size:13px;font-weight:600}.order-heading h1{margin:4px 0 16px}
input:not([type=hidden]):not([type=checkbox]),select,textarea{max-width:100%;box-sizing:border-box;font:inherit;border:1px solid #d7ddea;border-radius:7px;padding:9px;background:white;color:#202737}input[type=checkbox]{width:auto;margin-right:7px}button{font:inherit}td,th{padding:9px 10px}td{font-size:13px}.tablewrap{max-width:100%;overflow:auto}code{overflow-wrap:anywhere}#os-reinstall .btn{width:auto}
@media(min-width:1101px){.twocol,.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.vm-action-grid{grid-template-columns:1fr}.shell{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.shell>aside{height:auto;position:relative}.shell>aside nav{display:flex;flex-wrap:wrap;overflow:visible}.shell>aside nav a{white-space:nowrap}.shell>main{padding:18px 12px 32px}.columns,.twocol,.resource-grid{display:block}.resource-grid article{margin-bottom:12px}.stats{grid-template-columns:1fr 1fr}.stats>div:last-child:nth-child(odd){grid-column:1/-1}.resource-grid dl,dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:7px}.top{align-items:flex-start}.vm-action-grid{display:block}.who,.account{margin-top:15px}.brand{padding-bottom:12px}}

/* 1.10.1: narrower IP panels and queue pagination */
.ip-panel,#ip-addresses>section{width:100%;max-width:1000px}
.queue-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0;padding:10px 0;color:#596276;font-size:13px}
.queue-pagination a{background:white;border:1px solid #dfe5ef;border-radius:7px;padding:7px 12px;color:#4148c9;text-decoration:none;font-weight:650}
.queue-pagination span{margin-right:auto}

/* 1.10.2: full-width IP panel with two inner columns; stacked pricing cards. */
.ip-panel,#ip-addresses>section{max-width:none;width:100%}
.ip-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.ip-columns>div{min-width:0}.ip-columns h3{margin:0 0 12px}.ip-columns dl{grid-template-columns:minmax(120px,160px) minmax(0,1fr)}
.ip-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.pricing-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.pricing-stack>section{margin:0}
@media(max-width:1100px){.ip-columns,.ip-request-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ip-columns dl{grid-template-columns:1fr}}