#home-eservice-helpdesk,#home-eservice-helpdesk *{box-sizing:border-box}#home-eservice-helpdesk{background:#fff;padding:20px 16px;font-family:"Noto Sans Thai","Kanit",sans-serif;color:#342722}#home-eservice-helpdesk a{text-decoration:none}.eservice-hub__inner{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;max-width:1280px;margin:0 auto}.eservice-summary{border:1px solid #e8e4e2;border-radius:12px;padding:16px 12px 10px;background:linear-gradient(180deg,#ffe0df 0,#fff 62%);box-shadow:0 2px 8px rgba(61,35,27,.08)}.eservice-summary__welcome{font-size:16px;font-weight:700}.eservice-summary__title{color:#79443a;font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-1px}.eservice-summary p{margin:8px 0 10px;font-size:14px;line-height:1.55;font-weight:600}.eservice-chart-wrap{position:relative;height:205px}.eservice-chart{width:100%;height:205px}.eservice-chart-center{position:absolute;inset:59px 46px auto;text-align:center;pointer-events:none;line-height:1.05}.eservice-chart-center strong,.eservice-chart-center span,.eservice-chart-center small{display:block}.eservice-chart-center strong{font-size:23px;color:#65453a}.eservice-chart-center span{font-size:12px;font-weight:700}.eservice-chart-center small{font-size:11px;margin-top:4px}.eservice-status-legend{min-height:88px;padding-top:4px}.eservice-legend-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:12px;line-height:1.5}.eservice-legend-dot{width:10px;height:10px;border-radius:50%}.eservice-admin-link{display:block;border-top:1px solid #e7dfdc;margin-top:8px;padding-top:8px;text-align:center;color:#d33434;font-size:12px;font-weight:700}.eservice-main{min-width:0}.eservice-actions{display:grid;grid-template-columns:1.4fr .78fr 1fr;gap:14px;margin-bottom:14px}.eservice-action{min-height:118px;border:1px solid #e3dfdd;border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:13px;color:#302d45;box-shadow:0 2px 8px rgba(54,42,39,.10);transition:transform .2s,box-shadow .2s;overflow:hidden}.eservice-action:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(54,42,39,.14)}.eservice-action img{width:65px;height:65px;object-fit:contain;flex:0 0 auto}.eservice-action span{font-size:13px;line-height:1.4}.eservice-action strong{display:block;font-size:19px;margin-bottom:4px}.eservice-action--complaint{background:linear-gradient(100deg,#fff 0,#ffe2e1 100%);color:#d22f32}.eservice-action--complaint img{border-radius:9px;padding:12px;background:#cd3034;filter:brightness(0) invert(1)}.eservice-action--forum{background:linear-gradient(135deg,#fffef7,#fff8b9)}.eservice-action--forum img{width:78px;height:78px}.eservice-action--information{background:linear-gradient(135deg,#f6feff,#dff8ff);color:#12294e}.eservice-action--information img{width:61px;height:74px;object-fit:cover;object-position:left;border-radius:8px}.eservice-list-header{display:flex;align-items:center;justify-content:space-between;margin:2px 0 9px}.eservice-list-header h2{margin:0;font-size:17px;color:#202027}.eservice-list-header a{color:#d33b37;font-size:13px}.eservice-list-state,.eservice-request-list{height:307px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c7c7c7 transparent}.eservice-skeleton{height:95px;margin-bottom:8px;border-radius:11px;background:linear-gradient(90deg,#f0f1f3 25%,#fafafa 42%,#f0f1f3 62%);background-size:400% 100%;animation:eservice-shimmer 1.2s infinite}@keyframes eservice-shimmer{from{background-position:100% 0}to{background-position:0 0}}.eservice-request{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:95px;margin-bottom:8px;padding:9px;background:#f7f8fb;border:1px solid #dde0e6;border-radius:11px;color:#4f403a;box-shadow:0 1px 3px rgba(0,0,0,.06)}.eservice-request:hover{background:#fff;border-color:#c9cdd6}.eservice-request__image{width:80px;height:76px;border-radius:9px;object-fit:cover}.eservice-request__body{min-width:0}.eservice-request__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.25;font-weight:700}.eservice-request__meta{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:4px;color:#735a50;font-size:11px}.eservice-request__meta span::before{color:#d73535;margin-right:4px}.eservice-request__area::before{content:"●"}.eservice-request__date::before{content:"▣"}.eservice-request__time::before{content:"◉"}.eservice-request__badge{min-width:104px;padding:7px 11px;border-radius:18px;text-align:center;color:#fff;font-size:11px;font-weight:700}.eservice-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#777;text-align:center}.eservice-retry{border:0;border-radius:18px;padding:7px 18px;background:#d13a37;color:#fff;cursor:pointer}
@media(max-width:1024px){.eservice-hub__inner{grid-template-columns:210px minmax(0,1fr)}.eservice-actions{grid-template-columns:1fr 1fr}.eservice-action--information{grid-column:1/-1}.eservice-request__badge{min-width:90px}}
@media(max-width:767px){#home-eservice-helpdesk{padding:16px 10px}.eservice-hub__inner{grid-template-columns:1fr}.eservice-summary{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.eservice-summary__welcome,.eservice-summary__title,.eservice-summary p,.eservice-admin-link{grid-column:1/-1}.eservice-chart-wrap{height:190px}.eservice-chart{height:190px}.eservice-status-legend{align-self:center}.eservice-actions{grid-template-columns:1fr}.eservice-action--information{grid-column:auto}.eservice-request{grid-template-columns:68px minmax(0,1fr)}.eservice-request__image{width:68px;height:68px}.eservice-request__badge{grid-column:2;justify-self:start}.eservice-list-state,.eservice-request-list{height:360px}}
@media(max-width:480px){.eservice-summary{display:block}.eservice-actions{gap:9px}.eservice-action{min-height:95px}.eservice-action img{width:55px;height:55px}.eservice-action strong{font-size:17px}.eservice-request{grid-template-columns:58px minmax(0,1fr)}.eservice-request__image{width:58px;height:58px}}
.eservice-action--complaint img{filter:none}

/* Action-card artwork and spacing follow the approved desktop reference. */
.eservice-actions{grid-template-columns:minmax(350px,1.45fr) minmax(220px,.78fr) minmax(300px,1.05fr);gap:14px}
.eservice-action{height:120px;min-height:120px;padding:14px 22px;gap:16px;border-color:#dedede;border-radius:11px}
.eservice-action img{display:block;flex:0 0 auto;object-fit:contain;padding:0;background:transparent;border-radius:0}
.eservice-action span{font-size:15px;line-height:1.45}
.eservice-action strong{font-size:21px;line-height:1.2;margin-bottom:4px}
.eservice-action--complaint{background:linear-gradient(110deg,#fffafa 0%,#ffe2e2 100%);color:#cf2f32}
.eservice-action--complaint img{width:78px;height:78px}
.eservice-action--forum{flex-direction:column;justify-content:center;gap:0;padding:8px 12px;background:linear-gradient(140deg,#fffef8 0%,#fff9bf 100%);color:#594437;text-align:center}
.eservice-action--forum img{width:65px;height:65px;margin-bottom:-2px}
.eservice-action--forum span{font-size:15px;line-height:1.25}
.eservice-action--forum strong{font-size:17px;margin:0 0 2px}
.eservice-action--information{background:linear-gradient(135deg,#f8feff 0%,#dcf7ff 100%);color:#102750}
.eservice-action--information img{width:59px;height:60px;object-fit:contain;object-position:center;border-radius:0}
.eservice-action--information strong{font-size:20px}
.eservice-action--information small{display:block;max-width:210px;margin-top:4px;font-size:10px;line-height:1.25;font-weight:500;color:#24364f}
.eservice-chart-center{top:50%;left:50%;right:auto;bottom:auto;width:92px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
@media(max-width:1180px){.eservice-actions{grid-template-columns:1.25fr .8fr 1fr}.eservice-action{padding:12px 14px}.eservice-action strong{font-size:18px}.eservice-action span{font-size:13px}}
@media(max-width:1024px){.eservice-actions{grid-template-columns:1fr 1fr}.eservice-action--information{grid-column:1/-1}.eservice-action--forum{flex-direction:row;gap:12px;text-align:left}.eservice-action--forum img{margin:0}}
@media(max-width:767px){.eservice-actions{grid-template-columns:1fr}.eservice-action--information{grid-column:auto}.eservice-action--forum{flex-direction:row;text-align:left}.eservice-action{height:105px;min-height:105px}}