/* AnymHost v8: tabel tanpa ikon SSL, sidebar sejajar judul, tabel kartu di mobile, header mobile, renew lebar, kartu info dashboard, logo auth */

/* 1. Kolom ikon gembok (SSL) dihapus */
.table-container td.ssl-info,.table-container th.ah-nocol{display:none!important}

/* 2. Sidebar (Actions) sejajar dengan judul halaman */
@media(min-width:992px){
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar){display:grid!important;grid-template-columns:22% minmax(0,1fr);align-items:start}
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar)::before,
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar)::after{display:none!important}
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar)>.col-md-9.pull-md-right:not(.main-content){grid-column:2;grid-row:1;width:auto!important;float:none!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important}
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar)>.col-md-3.sidebar{grid-column:1;grid-row:1/span 3;width:auto!important;float:none!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important}
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar)>.main-content{grid-column:2;grid-row:2;width:auto!important;float:none!important;max-width:none!important;margin:0!important;left:auto!important;right:auto!important}
html:not(.ah-auth):not([data-ah-page="clientareahome"]) body #main-body>.container>.row:has(>.col-md-3.sidebar)>.clearfix{display:none}
}

/* 3. Tabel daftar di mobile: tiap baris jadi kartu, tombol aksi tetap terlihat */
@media(max-width:767px){
.table-container table.table-list{display:block;width:100%}
.table-container table.table-list thead{display:none}
.table-container table.table-list tbody,.table-container table.table-list tr{display:block;width:100%}
.table-container table.table-list tbody tr{padding:14px 16px;border-top:1px solid var(--ah-line)}
.table-container table.table-list tbody tr:first-child{border-top:0}
.table-container table.table-list tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:5px 0!important;border:0!important;background:transparent!important;text-align:right!important}
.table-container table.table-list tbody td[data-label]::before{content:attr(data-label);flex:none;color:var(--ah-muted);font-size:12.5px;font-weight:600;text-align:left}
.table-container table.table-list tbody td.ah-main{display:block;text-align:left!important;font-size:15px;font-weight:600;padding-bottom:6px!important}
.table-container table.table-list tbody td.ah-main::before{display:none}
.table-container table.table-list tbody td.dataTables_empty{display:block;text-align:center!important}
.table-container table.table-list tbody td.responsive-edit-button{display:block!important;width:100%;margin-top:8px;text-align:left!important}
.table-container table.table-list td.responsive-edit-button a.btn{display:flex;justify-content:center;width:100%;height:42px}
.table-container table.table-list th.responsive-edit-button{display:none!important}
.table-container .dataTables_length,.table-container .dataTables_paginate{flex:1 1 100%;justify-content:space-between}
}

/* 4. Header mobile: logo lebih kecil, ikon tidak terpotong */
@media(max-width:575px){
.ah-header-top{gap:6px!important}
.ah-header .logo{padding:3px 7px!important;border-radius:10px}
.ah-header .logo img{max-height:26px!important;width:auto}
.ah-header .ah-utils{gap:0!important;margin-left:auto}
.ah-header .ah-utils>li>a,.ah-header .ah-utils .ah-theme-btn,.ah-header .ah-utils .navbar-toggle{padding-left:7px!important;padding-right:7px!important;min-width:0}
.ah-header .ah-utils .navbar-toggle{padding:9px 8px!important}
.ah-header .ah-utils .caret{display:none}
}

/* 5. Halaman Renew (domain + layanan): lebar dan menyatu */
#order-standard_cart .cart-body>.row:has(>.secondary-cart-body){display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin:0;align-items:start}
#order-standard_cart .cart-body>.row:has(>.secondary-cart-body)::before,#order-standard_cart .cart-body>.row:has(>.secondary-cart-body)::after{display:none}
#order-standard_cart .secondary-cart-body,#order-standard_cart .secondary-cart-sidebar{float:none;width:auto;max-width:none;padding:0}
#order-standard_cart .cart-body>.row:has(>.secondary-cart-body)>.secondary-cart-body,#order-standard_cart .cart-body>.row:has(>.secondary-cart-body)>.secondary-cart-sidebar{width:auto!important;max-width:none!important;margin:0!important;float:none!important;flex:none!important;left:auto!important;right:auto!important}
#order-standard_cart:has(#domainRenewals,#serviceRenewals) .cart-sidebar,#order-standard_cart:has(#domainRenewals,#serviceRenewals) .sidebar-collapsed{display:none!important}
#order-standard_cart:has(#domainRenewals,#serviceRenewals) .cart-body{float:none!important;width:100%!important;max-width:none!important;padding:0!important}
#order-standard_cart #domainRenewals,#order-standard_cart #serviceRenewals{display:flex!important;flex-direction:column;gap:14px;margin:0 0 20px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#order-standard_cart .domain-renewal,#order-standard_cart .service-renewal{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:4px;align-items:center;width:100%;padding:22px 26px;text-align:left}
#order-standard_cart .service-renewals .service-renewal,#order-standard_cart .domain-renewals .domain-renewal{margin:0!important;border:1px solid var(--ah-line)!important;border-radius:var(--ah-radius-lg)!important;background:var(--ah-white)!important;box-shadow:var(--ah-shadow)!important;float:none!important}
#order-standard_cart .domain-renewal:hover,#order-standard_cart .service-renewal:hover{transform:none}
#order-standard_cart .domain-renewal>.pull-right,#order-standard_cart .service-renewal>.pull-right{grid-column:2;grid-row:1;float:none;justify-self:end}
#order-standard_cart .domain-renewal>h3,#order-standard_cart .service-renewal>h3{grid-column:1;grid-row:1;margin:0;font-size:22px}
#order-standard_cart .domain-renewal>p{grid-column:1;grid-row:2;margin:0 0 4px}
#order-standard_cart .service-renewal>h4{grid-column:1;grid-row:2;margin:0;font-size:16px;font-weight:600;color:var(--ah-body);overflow-wrap:anywhere}
#order-standard_cart .service-renewal>p{grid-column:1;grid-row:3;margin:2px 0 0;color:var(--ah-muted)}
#order-standard_cart .service-renewal>.clearfix{grid-column:1/-1;grid-row:4;margin-top:12px}
#order-standard_cart .service-renewal .div-renewal-ineligible{padding:10px 14px;border-radius:12px;background:var(--ah-blue-50);color:var(--ah-body);font-size:14px}
#order-standard_cart .service-renewal .div-renewal-ineligible i{margin-right:8px;color:var(--ah-blue)}
#order-standard_cart .domain-renewal>form{grid-column:1;grid-row:3;margin:10px 0 0;max-width:340px}
#order-standard_cart .domain-renewal>.text-right{grid-column:2;grid-row:3;margin-top:10px;text-align:right}
#order-standard_cart .domain-renewal>.text-right .btn,#order-standard_cart .domain-renewal .btn-add-renewal-to-cart{width:auto;min-width:180px}
#order-standard_cart .domain-renewal select.select-renewal-pricing{margin-bottom:0}
#order-standard_cart .label-info{background:var(--ah-blue-50);color:var(--ah-blue)}
.ah-renew-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 16px;padding:22px 26px;border:1px solid var(--ah-line);border-left:4px solid var(--ah-blue);border-radius:var(--ah-radius-lg);background:var(--ah-white);box-shadow:var(--ah-shadow)}
.ah-renew-banner .ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ah-blue-50);color:var(--ah-blue);font-size:22px}
.ah-renew-banner h4{margin:0 0 4px;font-family:var(--ah-font-heading);font-size:17px;font-weight:700;color:var(--ah-ink)}
.ah-renew-banner p{margin:0;color:var(--ah-body);font-size:14.5px;line-height:1.55}
.ah-renew-banner button{height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--ah-blue-50);color:var(--ah-blue);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.ah-renew-banner button:hover{background:var(--ah-blue);color:#fff}
.ah-renew-banner button[disabled]{opacity:.6;cursor:default}
@media(max-width:991px){#order-standard_cart .cart-body>.row:has(>.secondary-cart-body){grid-template-columns:1fr}}
@media(max-width:575px){
.ah-renew-banner{grid-template-columns:1fr;padding:18px}
.ah-renew-banner button{width:100%}
#order-standard_cart .domain-renewal,#order-standard_cart .service-renewal{grid-template-columns:1fr;padding:18px}
#order-standard_cart .domain-renewal>.pull-right,#order-standard_cart .service-renewal>.pull-right{grid-column:1;grid-row:auto;justify-self:start;order:-1;margin-bottom:6px}
#order-standard_cart .domain-renewal>h3,#order-standard_cart .domain-renewal>p,#order-standard_cart .domain-renewal>form,#order-standard_cart .domain-renewal>.text-right,#order-standard_cart .service-renewal>h3,#order-standard_cart .service-renewal>h4,#order-standard_cart .service-renewal>p,#order-standard_cart .service-renewal>.clearfix{grid-column:1;grid-row:auto}
#order-standard_cart .domain-renewal>form{max-width:none}
#order-standard_cart .domain-renewal>.text-right{text-align:left}
#order-standard_cart .domain-renewal>.text-right .btn{width:100%}
}

/* 6. Dashboard: Unpaid Invoices & Domains Expiring Soon */
.panel.ah-note-panel{margin:0 0 16px;padding:0;border:1px solid var(--ah-line)!important;border-radius:var(--ah-radius-lg);background:var(--ah-white);box-shadow:var(--ah-shadow);overflow:hidden}
.panel.ah-note-panel::before,.panel.ah-note-panel::after{display:none!important}
.ah-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 22px}
.ah-note .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:18px}
.ah-note h4{margin:0 0 3px;font-family:var(--ah-font-heading);font-size:16px;font-weight:700;color:var(--ah-ink)}
.ah-note p{margin:0;color:var(--ah-body);font-size:14px;line-height:1.5}
.ah-note a.go{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:13.5px;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.ah-note-red .ic{background:rgba(239,68,68,.14);color:#ef4444}
.ah-note-red a.go{background:rgba(239,68,68,.14);color:#ef4444!important}
.ah-note-red a.go:hover{background:#ef4444;color:#fff!important}
.ah-note-amber .ic{background:rgba(245,158,11,.16);color:#d97706}
.ah-note-amber a.go{background:rgba(245,158,11,.16);color:#d97706!important}
.ah-note-amber a.go:hover{background:#f59e0b;color:#fff!important}
html[data-theme="dark"] .ah-note-amber .ic,html[data-theme="dark"] .ah-note-amber a.go{color:#fbbf24!important}
@media(max-width:575px){.ah-note{grid-template-columns:auto minmax(0,1fr);padding:16px}.ah-note a.go{grid-column:1/-1;justify-content:center}}

/* 7. Logo di halaman login / register / lupa sandi */
.ah-auth-logo{position:absolute;top:26px;left:48px;z-index:5;display:inline-flex;align-items:center;padding:5px 12px;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(10,20,50,.12);transition:transform .2s var(--ah-ease)}
.ah-auth-logo:hover{transform:translateY(-1px)}
.ah-auth-logo img{display:block;height:30px;width:auto}
@media(max-width:575px){.ah-auth-logo{left:22px;top:20px}.ah-auth-logo img{height:26px}}