/* ACSServers – 實體主機庫存 / 訂購資訊 */
.acs-inv,.acs-order-info{--acs-primary:#0b5ea8;--acs-ink:#132238;--acs-muted:#637487;--acs-border:#d8e1ec;--acs-soft:#edf5ff;color:#132238;font-size:15px;line-height:1.55;box-sizing:border-box}
.acs-inv *,.acs-inv *:before,.acs-inv *:after,.acs-order-info *{box-sizing:border-box}
.acs-inv [hidden]{display:none!important}
.acs-note{background:#edf5ff;border:1px solid #d8e1ec;border-radius:8px;padding:10px 14px;margin:0 0 16px;color:#132238;font-size:14px}
.acs-24h{display:inline-block;background:#2f9e6a;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:3px 6px;border-radius:4px;vertical-align:middle;letter-spacing:.3px}
.acs-24h.acs-pre{background:#fff1eb;color:#b63c20;border:1px solid #f3c6b5}
.acs-24h.acs-nocp{background:#fff4d6;color:#8a5300;border:1px solid #efc56a;padding:2px 6px}
.acs-muted{color:#637487;font-size:12px}
.acs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* note (bullet list) – #acs-inv scoping beats the site theme's ".page-content ul/li" rules */
#acs-inv .acs-note{list-style:none!important;background:#edf5ff;border:1px solid #d8e1ec;border-radius:8px;padding:10px 14px!important;margin:0 0 16px!important;color:#132238;font-size:14px;line-height:1.6}
#acs-inv .acs-note li{position:relative;margin:0 0 4px!important;padding:0 0 0 16px!important;list-style:none!important}
#acs-inv .acs-note li:last-child{margin-bottom:0!important}
#acs-inv .acs-note li::before{content:""!important;display:block!important;position:absolute!important;left:2px!important;top:.62em!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#0b5ea8!important;box-shadow:none!important;transform:none!important}
/* control panel intro */
#acs-inv .acs-cp{border:1px solid #d8e1ec;border-radius:10px;padding:18px 20px;margin:0 0 14px;background:#fff}
#acs-inv .acs-cp h2{margin:0 0 4px;font-size:20px;color:#132238}
#acs-inv .acs-cp-lead{margin:0 0 14px;color:#637487}
#acs-inv .acs-cp ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#acs-inv .acs-cp li{display:flex;gap:10px;align-items:flex-start;background:#edf5ff;border-radius:8px;padding:12px!important;margin:0!important}
#acs-inv .acs-cp li::before{content:none!important;display:none!important}
#acs-inv .acs-cp li svg{flex:0 0 26px;width:26px;height:26px;color:#0b5ea8;margin-top:2px}
#acs-inv .acs-cp h3{margin:0 0 4px;font-size:15px;color:#132238}
#acs-inv .acs-cp p{margin:0;font-size:13px;color:#637487}
@media (max-width:1000px){#acs-inv .acs-cp ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){#acs-inv .acs-cp ul{grid-template-columns:1fr}}
/* toolbar */
.acs-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.acs-tb-left,.acs-tb-right{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.acs-btn,.acs-view-btn,.acs-collapse,.acs-clear{font:inherit;cursor:pointer;border:1px solid #d8e1ec;background:#fff;color:#132238;border-radius:6px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px}
.acs-btn{font-weight:700}
.acs-btn:hover,.acs-view-btn:hover{border-color:#0b5ea8;color:#0b5ea8}
.acs-filter-count:not(:empty){background:#0b5ea8;color:#fff;border-radius:10px;font-size:11px;padding:1px 7px}
.acs-search{font:inherit;border:1px solid #d8e1ec;border-radius:6px;padding:7px 10px;min-width:260px}
.acs-sel{color:#637487;font-size:13px;display:inline-flex;align-items:center;gap:6px}
.acs-sel select,.acs-side select,.acs-range input{font:inherit;font-size:14px;border:1px solid #d8e1ec;border-radius:6px;padding:5px 8px;background:#fff;color:#132238}
.acs-count{color:#637487;font-size:13px}
.acs-views{display:inline-flex}
.acs-view-btn{padding:7px 9px;border-radius:0}
.acs-view-btn:first-child{border-radius:6px 0 0 6px}
.acs-view-btn:last-child{border-radius:0 6px 6px 0;margin-left:-1px}
.acs-view-btn.is-on{background:#0b5ea8;border-color:#0b5ea8;color:#fff}
/* layout + sidebar */
.acs-body{display:flex;gap:18px;align-items:flex-start}
.acs-main{flex:1 1 auto;min-width:0}
.acs-side{flex:0 0 240px;border:1px solid #d8e1ec;border-radius:10px;padding:12px 14px;background:#fff}
.acs-side-closed .acs-side{display:none}
.acs-side-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.acs-side-head strong{flex:1}
.acs-collapse,.acs-clear{padding:3px 8px;font-size:12px}
.acs-side fieldset{border:0;border-top:1px solid #edf1f6;margin:0;padding:10px 0 6px}
.acs-side legend{font-weight:700;font-size:13px;padding:0;margin-bottom:4px;color:#132238}
.acs-side label{display:block;font-size:14px;padding:2px 0;cursor:pointer}
.acs-side select{width:100%}
.acs-range{display:flex;align-items:center;gap:6px}
.acs-range input{width:100%}
.acs-nojs .acs-toolbar,.acs-nojs .acs-side{display:none}
/* table view
   Everything is scoped with #acs-inv (+ !important where the site theme uses it): the theme turns
   ".page-content table" into display:block and thead/tbody into two separate display:table boxes,
   which gives the header and the body independent column widths (misaligned columns). */
#acs-inv .acs-table{display:table!important;table-layout:auto;width:100%!important;max-width:100%;margin:0!important;overflow:visible!important;border-collapse:collapse!important;border-spacing:0;background:#fff;border:1px solid #d8e1ec;border-radius:10px;box-shadow:none;font-size:14px;-webkit-mask:none!important;mask:none!important;animation:none!important}
#acs-inv .acs-table::before,#acs-inv .acs-table::after{content:none!important;display:none!important}
#acs-inv .acs-table>thead{display:table-header-group!important;width:auto!important;min-width:0!important}
#acs-inv .acs-table>tbody{display:table-row-group!important;width:auto!important;min-width:0!important}
#acs-inv .acs-table tr{display:table-row}
#acs-inv .acs-table th,#acs-inv .acs-table td{display:table-cell;width:auto!important;height:auto!important;padding:10px 12px!important;vertical-align:middle;text-align:center;line-height:1.45}
#acs-inv .acs-table th{background:#083e72!important;color:#fff!important;font-family:inherit;font-weight:700;font-size:13px;white-space:nowrap;border-bottom:1px solid #083e72}
#acs-inv .acs-table td{background:transparent;color:#132238;font-weight:400;font-size:14px;white-space:normal;border-bottom:1px solid #edf1f6}
#acs-inv .acs-table tbody tr:last-child>td{border-bottom:0}
#acs-inv .acs-table tbody tr:hover>td{background:#f8fbff}
/* per-column alignment – the same class is on the <th> and on every <td> of that column */
#acs-inv .acs-table .acs-c-cpu{text-align:left!important}
#acs-inv .acs-table .acs-c-ram,#acs-inv .acs-table .acs-c-disk,#acs-inv .acs-table .acs-c-gpu,#acs-inv .acs-table .acs-c-net,#acs-inv .acs-table .acs-c-dc,#acs-inv .acs-table .acs-c-stock,#acs-inv .acs-table .acs-c-price,#acs-inv .acs-table .acs-c-act{text-align:center!important}
#acs-inv .acs-table td.acs-c-cpu{white-space:normal;color:#132238;font-weight:400}
#acs-inv .acs-table td.acs-c-ram,#acs-inv .acs-table td.acs-c-dc,#acs-inv .acs-table td.acs-c-stock,#acs-inv .acs-table td.acs-c-price,#acs-inv .acs-table td.acs-c-act{white-space:nowrap}
#acs-inv .acs-table th *{color:#fff!important}
#acs-inv .acs-cpu-name{display:block;font-weight:700;color:#132238}
#acs-inv .acs-cpu-detail{display:block;color:#637487;font-size:12px}
#acs-inv .acs-c-price strong{color:#0b5ea8;font-size:16px}
#acs-inv .acs-stock{white-space:nowrap}
#acs-inv .acs-low{color:#b63c20;font-weight:700}
#acs-inv .acs-order{display:inline-block;white-space:nowrap;background:#0b5ea8;color:#fff!important;text-decoration:none!important;border-radius:6px;padding:7px 14px;font-weight:700;font-size:14px;min-height:0;min-width:0;line-height:1.45}
#acs-inv .acs-order:hover{background:#094c88}
#acs-inv .acs-row.acs-hide{display:none!important}
.acs-none{text-align:center;padding:30px;color:#637487;border:1px dashed #d8e1ec;border-radius:10px;margin-top:12px}
.acs-empty-box{border:1px solid #f3c6b5;background:#fff1eb;color:#b63c20;border-radius:10px;padding:16px 18px}
.acs-empty-box p{margin:6px 0 0;color:#132238}
.acs-empty-box.acs-empty-sel{border-color:#d8e1ec;background:#f5f8fc;color:#083e72;text-align:center;padding:26px 18px}
.acs-empty-box a{color:#0b5ea8;font-weight:700}
.acs-updated{color:#637487;font-size:12px;text-align:right;margin:8px 0 0}
/* pager */
.acs-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:14px 0 0}
.acs-pager button{font:inherit;font-size:14px;min-width:34px;padding:5px 9px;border:1px solid #d8e1ec;background:#fff;color:#132238;border-radius:6px;cursor:pointer}
.acs-pager button.is-on{background:#0b5ea8;border-color:#0b5ea8;color:#fff}
.acs-pager button[disabled]{opacity:.45;cursor:default}
.acs-pager .acs-gap{padding:5px 4px;color:#637487}
/* grid (card) view and mobile: same HTML */
#acs-inv.acs-view-grid .acs-table,#acs-inv.acs-view-grid .acs-table>tbody{display:block!important;border:0;background:none;box-shadow:none;border-radius:0;overflow:visible!important}
#acs-inv.acs-view-grid .acs-table>thead{display:none!important}
#acs-inv.acs-view-grid .acs-table>tbody{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;min-width:0!important;width:100%!important}
#acs-inv.acs-view-grid .acs-row,#acs-inv.acs-view-grid .acs-row:hover{display:flex;flex-direction:column;border:1px solid #d8e1ec;border-radius:10px;padding:12px 14px;background:#fff}
#acs-inv.acs-view-grid .acs-row.acs-hide{display:none!important}
#acs-inv.acs-view-grid .acs-table .acs-row>td{display:block!important;border:0!important;padding:3px 0!important;text-align:right!important;white-space:normal!important;background:none!important}
#acs-inv.acs-view-grid .acs-table .acs-row>td:before{content:attr(data-label);float:left;margin-right:10px;color:#637487;font-size:12px;line-height:1.9}
#acs-inv.acs-view-grid .acs-table .acs-row>td.acs-c-cpu{text-align:left!important;border-bottom:1px solid #edf1f6!important;padding-bottom:8px!important;margin-bottom:4px}
#acs-inv.acs-view-grid .acs-table td.acs-c-cpu:before,#acs-inv.acs-view-grid .acs-table td.acs-c-act:before{display:none}
#acs-inv.acs-view-grid .acs-table .acs-row>td.acs-c-act{margin-top:auto;padding-top:10px!important}
#acs-inv.acs-view-grid .acs-order{display:block;text-align:center}
#acs-inv.acs-view-grid .acs-table .acs-row>td.acs-nogpu{display:none!important}
@media (max-width:900px){
 #acs-inv .acs-body{display:block}
 #acs-inv .acs-side{margin-bottom:12px}
 #acs-inv .acs-search{min-width:0;width:100%}
 #acs-inv .acs-tb-left{width:100%}
 #acs-inv .acs-tb-left .acs-search{flex:1}
 #acs-inv .acs-views{display:none}
 #acs-inv .acs-table,#acs-inv .acs-table>tbody{display:block!important;border:0;background:none;box-shadow:none;border-radius:0;overflow:visible!important}
 #acs-inv .acs-table>thead{display:none!important}
 #acs-inv .acs-table>tbody{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;min-width:0!important;width:100%!important}
 #acs-inv .acs-row,#acs-inv .acs-row:hover{display:flex;flex-direction:column;border:1px solid #d8e1ec;border-radius:10px;padding:12px 14px;background:#fff}
 #acs-inv .acs-row.acs-hide{display:none!important}
 #acs-inv .acs-table .acs-row>td{display:block!important;border:0!important;padding:3px 0!important;text-align:right!important;white-space:normal!important;background:none!important}
 #acs-inv .acs-table .acs-row>td:before{content:attr(data-label);float:left;margin-right:10px;color:#637487;font-size:12px;line-height:1.9}
 #acs-inv .acs-table .acs-row>td.acs-c-cpu{text-align:left!important;border-bottom:1px solid #edf1f6!important;padding-bottom:8px!important;margin-bottom:4px}
 #acs-inv .acs-table td.acs-c-cpu:before,#acs-inv .acs-table td.acs-c-act:before{display:none}
 #acs-inv .acs-table .acs-row>td.acs-c-act{margin-top:auto;padding-top:10px!important}
 #acs-inv .acs-order{display:block;text-align:center}
 #acs-inv .acs-table .acs-row>td.acs-nogpu{display:none!important}
}
/* order page */
.acs-order-summary{margin:0 0 20px;padding:18px 22px;border:1px solid #d8e1ec;border-radius:16px;background:#edf5ff;font-size:15px;color:#132238}
.acs-order-summary strong{color:#083e72}
.acs-order-summary dl{display:grid;grid-template-columns:120px 1fr;gap:4px 12px;margin:10px 0 0}
.acs-order-summary dt{color:#637487}
.acs-order-summary dd{margin:0;font-weight:600;white-space:pre-line}
.acs-order-summary .acs-warn{margin:10px 0 0;color:#b63c20;font-size:13px}
.acs-order-summary.acs-soldout{background:#fff4f0;border-color:#f3c7b8}
.acs-order-summary.acs-soldout strong{color:#b63c20}
.acs-order-summary .acs-back{margin:10px 0 0}
.acs-order-summary .acs-back a{font-weight:700;color:#0b5ea8}
@media (max-width:560px){.acs-order-summary dl{grid-template-columns:1fr}.acs-order-summary dt{margin-top:6px}}
textarea.acs-note2{height:auto!important;min-height:0!important}
.acs-off{background:#eef1f5!important;color:#98a4b3!important;border-style:dashed!important}
input.acs-locked,textarea.acs-locked{background:#f4f7fb;color:#3d4f63;cursor:not-allowed}