/* Hormoz v63 — customer panel */
.ac{--r:#ef4056;--rd:#d92f48;--rw:#fff1f3;--ink:#0d1017;--txt:#171a22;--sub:#6b7080;--line:#ebebf0;--soft:#f6f6f9;--ok:#0a9f6b;
  --grad:linear-gradient(135deg,#ff6b5b 0%,#ef4056 45%,#c81e5b 100%);
  background:#f4f5f8;color:var(--txt);padding:24px 0 70px;min-height:60vh}
.ac *,.ac *::before,.ac *::after{box-sizing:border-box}
.ac a{text-decoration:none;color:inherit}
.ac .hm-ic{flex:none}
.ac-wrap{width:min(1240px,calc(100% - 32px));margin-inline:auto}
.ac-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}

/* buttons */
.ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:13px;background:var(--grad);color:#fff!important;font-weight:800;font-size:14px;border:0;white-space:nowrap;box-shadow:0 10px 22px -12px rgba(239,64,86,.7);transition:transform .15s}
.ac-btn:hover{transform:translateY(-1px)}
.ac-btn.sm{height:36px;padding:0 13px;font-size:12.5px;border-radius:11px;box-shadow:none}
.ac-btn.line{background:#fff;color:var(--txt)!important;border:1.5px solid var(--line)}
.ac-btn.line:hover{border-color:var(--r);color:var(--r)!important}
.ac-btn.light{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);box-shadow:none}
.ac-btn.tg{background:linear-gradient(135deg,#37aee2,#1e96c8)}
.ac-icbtn{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--sub);border:1px solid var(--line);transition:.15s}
.ac-icbtn:hover{background:var(--r);border-color:var(--r);color:#fff}

/* sidebar */
.ac-side{position:sticky;top:var(--ac-top,100px);display:flex;flex-direction:column;gap:12px}
.ac-user{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:22px;padding:16px;background-image:radial-gradient(90% 90% at 100% 0%,rgba(239,64,86,.45),transparent 60%)}
.ac-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--grad);font-size:20px;font-weight:900;flex:none}
.ac-user strong{display:block;font-size:15px}
.ac-user small{display:block;font-size:12px;color:#aab0bf;text-align:right}
.ac-nav{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px}
.ac-nav a{position:relative;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:700;color:#4a4f5c;transition:background .15s,color .15s}
.ac-nav a .hm-ic{color:#9aa0ad;transition:color .15s}
.ac-nav a:hover{background:var(--soft);color:var(--txt)}
.ac-nav a.is-on{background:var(--rw);color:var(--r)}
.ac-nav a.is-on .hm-ic{color:var(--r)}
.ac-nav a.is-on::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--r)}
.ac-nav a b{margin-inline-start:auto;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--soft);color:var(--sub);font-size:11.5px;display:grid;place-items:center}
.ac-nav a b.hot{background:var(--r);color:#fff}
.ac-nav .ac-nav-out{color:#9aa0ad;margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 14px 14px}
.ac-nav .ac-nav-out .hm-ic{transform:scaleX(-1)}
.ac-side-help{display:flex;align-items:center;gap:12px;background:#fff;border:1px dashed #f3b8c1;border-radius:18px;padding:14px;color:var(--r)}
.ac-side-help b{display:block;font-size:13.5px;color:var(--txt)}.ac-side-help small{font-size:12px;color:var(--sub)}

/* main */
.ac-main{min-width:0}
.ac-sec{animation:acIn .25s ease}
@keyframes acIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ac-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;margin-bottom:16px;font-size:13.5px;font-weight:600}
.ac-alert.ok{background:#e9f9f1;color:#0b7a53;border:1px solid #c5ecd9}
.ac-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:24px;padding:24px 26px;margin-bottom:14px;background-image:radial-gradient(60% 120% at 0% 100%,rgba(200,30,91,.45),transparent 60%),radial-gradient(50% 100% at 100% 0%,rgba(239,64,86,.35),transparent 60%)}
.ac-kicker{font-size:12px;color:#ff9aa7;font-weight:700}
.ac-hello h1{font-size:clamp(19px,2.4vw,24px);font-weight:900;margin:4px 0;color:#fff}
.ac-hello p{margin:0;font-size:13.5px;color:#b9bdc9}
.ac-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ac-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;transition:transform .15s,box-shadow .15s}
a.ac-stat:hover{transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(13,16,23,.4)}
.ac-si{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none}
.ac-si.c1{background:#fff1f3;color:#ef4056}.ac-si.c2{background:#eef4ff;color:#2563eb}.ac-si.c3{background:#fff7e6;color:#c77700}.ac-si.c4{background:#ecfaf3;color:#0a9f6b}
.ac-stat b{display:block;font-size:19px;font-weight:900;line-height:1.4}
.ac-stat small{font-size:12px;color:var(--sub)}
.ac-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.ac-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}
.ac-card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ac-card-h h2{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:900;margin:0}
.ac-card-h h2 .hm-ic{color:var(--r)}
.ac-card-h a{font-size:12.5px;font-weight:800;color:var(--r)!important}
.ac-mini{display:flex;align-items:center;gap:11px;padding:10px 4px;border-bottom:1px solid #f1f1f4}
.ac-mini:last-of-type{border-bottom:0}
.ac-mini>div{flex:1;min-width:0}
.ac-mini a,.ac-mini b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-mini small{display:block;font-size:11.5px;color:var(--sub)}
.ac-mini-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--sub);flex:none}
.ac-mini-ic.tg{background:#e8f5fc;color:#1e96c8}
.ac-st{flex:none;font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;background:#eee;color:#555}
.ac-st.open{background:#fff4d6;color:#8a6100}.ac-st.answered{background:#dff6ea;color:#0b7a53}.ac-st.pending{background:#e8f0fe;color:#1a56b8}.ac-st.closed{background:#eee;color:#666}
.ac-connect{display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px;border-radius:16px;background:#f3f9fd;border:1px solid #dcedf8}
.ac-connect.on{background:#effaf5;border-color:#cdeedd}
.ac-connect>div{flex:1;min-width:0}.ac-connect b{display:block;font-size:13px}.ac-connect small{display:block;font-size:11.5px;color:var(--sub)}
.ac-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:34px 16px;color:var(--sub)}
.ac-empty .hm-ic{color:#d4d6de}
.ac-empty strong{color:var(--txt);font-size:15px}
.ac-empty.sm{padding:18px 10px;font-size:13px}
.ac-todo-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--soft);margin-top:8px;font-size:13px;font-weight:600}
.ac-todo-row>span{flex:1}.ac-todo-row .hm-ic:first-child{color:var(--r)}
.ac-todo-row:hover{background:var(--rw)}

.ac-head{margin-bottom:14px}
.ac-head h2{display:flex;align-items:center;gap:10px;font-size:clamp(19px,2.2vw,23px);font-weight:900;margin:0 0 4px}
.ac-head h2 .hm-ic{color:var(--r)}
.ac-head p{margin:0;font-size:13.5px;color:var(--sub)}
.ac-list{display:grid;gap:10px}
.ac-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;flex-wrap:wrap}
.ac-row-ic{width:52px;height:52px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--rw);color:var(--r);flex:none}
.ac-row-ic img{width:100%;height:100%;object-fit:cover}
.ac-row-main{flex:1;min-width:180px}
.ac-row-main a{display:block;font-weight:800;font-size:14.5px}
.ac-row-main a:hover{color:var(--r)}
.ac-row-main small{font-size:12px;color:var(--sub)}
.ac-row-act{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ac-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ac-order{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.ac-order-top{display:flex;justify-content:space-between;align-items:center}
.ac-order-top b{font-size:16px}
.ac-order ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px;color:#4a4f5c}
.ac-order li{padding-inline-start:14px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-order li::before{content:"";position:absolute;inset-inline-start:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--r)}
.ac-order-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid #f1f1f4}
.ac-order-foot small{display:block;font-size:11.5px;color:var(--sub)}
.ac-order-foot b{font-size:15px;font-weight:900}

/* inner shortcodes (profile editor, licenses) */
.ac-profile input[type=text],.ac-profile input[type=email],.ac-profile input[type=password],.ac-profile input[type=tel],.ac-profile select{width:100%;max-width:100%;height:46px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;background:#fafafb}
.ac-profile input:focus,.ac-profile select:focus{outline:0;border-color:var(--r);background:#fff}
.ac-profile label{font-weight:700;font-size:13px}
.ac-profile input[type=submit],.ac-profile button[type=submit],.ac-profile .edd-submit{height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--grad);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.ac-profile fieldset{border:0;padding:0;margin:0 0 16px}
.ac-profile legend{font-weight:900;font-size:15px;margin-bottom:8px}

/* guest */
.ac-guest{display:grid;place-items:center}
.ac-guest-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:40px 28px;text-align:center;max-width:440px;margin-inline:16px}
.ac-guest-ic{width:74px;height:74px;border-radius:24px;display:inline-grid;place-items:center;background:var(--rw);color:var(--r);margin-bottom:12px}
.ac-guest-card h1{font-size:21px;font-weight:900;margin:0 0 8px}
.ac-guest-card p{color:var(--sub);font-size:14px;margin:0 0 20px}

/* legacy blocks that other code may still print inside the panel */
.ac .hm-account-sidebar-v22,.ac .dk-mobile-nav,.ac .hm-mobile-bottom-sheet-v41,.ac .hm-mobile-bottom-sheet-v43{display:none!important}

/* ═════ responsive: ONE nav → sticky tab strip on top ═════ */
@media (max-width:991px){
  .ac{padding-top:12px}
  .ac-shell{grid-template-columns:minmax(0,1fr);gap:12px}
  .ac-side{position:sticky;top:var(--ac-top,70px);z-index:20;gap:0}
  .ac-user,.ac-side-help{display:none}
  .ac-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:18px;gap:4px;box-shadow:0 10px 26px -18px rgba(13,16,23,.45)}
  .ac-nav::-webkit-scrollbar{display:none}
  .ac-nav a{flex:none;padding:9px 13px;font-size:13px;gap:7px;white-space:nowrap}
  .ac-nav a.is-on::before{display:none}
  .ac-nav a b{margin-inline-start:0}
  .ac-nav .ac-nav-out{border-top:0;margin-top:0;border-radius:14px}
  .ac-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-grid2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ac-wrap{width:calc(100% - 20px)}
  .ac-hello{padding:18px;border-radius:20px}
  .ac-hello .ac-btn{display:none}
  .ac-stat{padding:12px;gap:10px;border-radius:16px}
  .ac-si{width:40px;height:40px;border-radius:13px}
  .ac-stat b{font-size:16px}
  .ac-card{padding:14px;border-radius:18px}
  .ac-row{padding:12px}
  .ac-row-act{width:100%}
  .ac-row-act .ac-btn{flex:1}
}