/* MiKO Profile Dashboard v5 — structured to match the approved dashboard mockup */
:root{--mp5-navy:#09284b;--mp5-navy2:#123d6d;--mp5-red:#ef304c;--mp5-red-soft:#fff0f3;--mp5-blue:#116ee8;--mp5-gold:#d99b14;--mp5-gold-soft:#fff6d9;--mp5-green:#18a765;--mp5-ink:#17324f;--mp5-muted:#718399;--mp5-line:#dce7f2;--mp5-soft:#f5f9fd;--mp5-shadow:0 12px 32px rgba(13,48,86,.075)}
.miko-profile-app,.miko-profile-app *{box-sizing:border-box}
.miko-profile-app{max-width:1460px!important;margin:24px auto 70px!important;padding:0 22px!important;display:grid!important;grid-template-columns:210px minmax(0,1fr) 310px!important;grid-auto-rows:min-content!important;gap:16px 18px!important;align-items:start!important;color:var(--mp5-ink)!important;font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif!important}
.miko-profile-main,.miko-profile-right{display:contents!important}
.miko-profile-app>.miko-profile-nav{grid-column:1!important;grid-row:1 / span 30!important}
.miko-profile-hero{grid-column:2 / 4!important;grid-row:1!important}
.miko-profile-personal{grid-column:2!important;grid-row:2 / span 4!important}
.miko-profile-right>.miko-pro-mini{grid-column:3!important;grid-row:2!important}
#points{grid-column:3!important;grid-row:3!important}
#missions{grid-column:3!important;grid-row:4!important}
#calendar{grid-column:3!important;grid-row:5!important}
#rewards-store{grid-column:2!important;grid-row:6!important}
#reading{grid-column:3!important;grid-row:6!important}
#video-missions{grid-column:2!important;grid-row:7!important}
.miko-profile-right>.miko-profile-badges{grid-column:3!important;grid-row:7!important}
#activity{grid-column:2!important;grid-row:8!important}
#pro{grid-column:3!important;grid-row:8!important}
#history{grid-column:2!important;grid-row:9!important}
#pro-history{grid-column:3!important;grid-row:9!important}
.miko-master-pro-packages{grid-column:2 / 4!important;grid-row:10!important}
#settings{grid-column:2 / 4!important;grid-row:11!important}

/* Shared cards */
.miko-profile-hero,.miko-profile-card,.miko-profile-right>section,.miko-master-pro-packages,.miko-profile-help{border:1px solid var(--mp5-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--mp5-shadow)!important;overflow:hidden!important;margin:0!important}
.miko-profile-card{padding:20px!important}
.miko-profile-card h2,.miko-profile-right h3,.miko-master-section-title h3{color:var(--mp5-ink)!important;letter-spacing:-.01em!important}
.miko-profile-card p,.miko-profile-right p,.miko-profile-card small{color:var(--mp5-muted)!important}

/* Left member navigation */
.miko-profile-nav{position:sticky!important;top:18px!important;align-self:start!important;padding:10px!important;border:1px solid var(--mp5-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--mp5-shadow)!important;overflow:hidden!important}
.miko-profile-nav-title{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 10px 14px!important;margin:0 0 7px!important;border-bottom:1px solid #edf2f7!important}
.miko-profile-nav-title>svg{width:34px!important;height:34px!important;padding:8px!important;border-radius:11px!important;background:#eef5ff!important;color:var(--mp5-blue)!important}
.miko-profile-nav-title b{display:block!important;font-size:14px!important;color:var(--mp5-navy)!important}.miko-profile-nav-title small{display:block!important;margin-top:2px!important;font-size:9px!important;color:var(--mp5-muted)!important}
.miko-profile-nav>a{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;margin:3px 0!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:11px!important;color:#405a75!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;transition:.18s ease!important}
.miko-profile-nav>a:hover{background:#f6f9fd!important;border-color:#e4edf6!important;color:var(--mp5-blue)!important;transform:translateX(2px)!important}.miko-profile-nav>a.is-active{background:var(--mp5-red-soft)!important;border-color:#ffd9e0!important;color:var(--mp5-red)!important}
.miko-profile-nav-icon{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;min-width:29px!important;border-radius:9px!important;background:#f0f5fa!important;color:#496b8d!important}.miko-profile-nav-icon svg{width:16px!important;height:16px!important}.miko-profile-nav>a.is-active .miko-profile-nav-icon{background:#fff!important;color:var(--mp5-red)!important}
.miko-profile-logout{margin-top:8px!important;border-color:#ffe0e5!important;color:#dc3650!important}.miko-profile-help{margin-top:12px!important;padding:15px!important;text-align:center!important;background:linear-gradient(160deg,#f7fbff,#fff)!important}.miko-profile-help-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0 auto 8px!important;border-radius:50%!important;background:#eaf4ff!important;color:var(--mp5-blue)!important;font-weight:950!important}.miko-profile-help b,.miko-profile-help p{display:block!important}.miko-profile-help b{font-size:12px!important}.miko-profile-help p{margin:3px 0 9px!important;font-size:9px!important}.miko-profile-help a{display:block!important;padding:8px 10px!important;border-radius:9px!important;background:var(--mp5-blue)!important;color:#fff!important;text-decoration:none!important;font-size:9px!important;font-weight:900!important}

/* Hero */
.miko-profile-hero{position:relative!important}
.miko-profile-cover{height:170px!important;position:relative!important;overflow:hidden!important;background-color:#0b2c55!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.miko-profile-cover:before{content:"Good News\A Brighter Tomorrow";white-space:pre;position:absolute!important;right:28px!important;top:30px!important;color:rgba(255,255,255,.86)!important;font-size:17px!important;line-height:1.15!important;font-style:italic!important;font-weight:800!important;letter-spacing:.02em!important;text-align:right!important;z-index:2!important;text-shadow:0 2px 8px rgba(0,0,0,.28)!important}.miko-profile-cover:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(5,30,58,.06) 0%,rgba(5,30,58,.10) 50%,rgba(5,30,58,.34) 100%)!important;z-index:1!important;pointer-events:none!important}
.miko-profile-identity{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;padding:0 20px 17px!important;background:#fff!important}
.miko-profile-identity>img{width:98px!important;height:98px!important;min-width:98px!important;margin-top:-43px!important;border:5px solid #fff!important;border-radius:50%!important;object-fit:cover!important;position:relative!important;z-index:3!important;box-shadow:0 10px 25px rgba(6,31,61,.18)!important}.miko-profile-identity h1{margin:0!important;color:var(--mp5-navy)!important;font-size:23px!important;line-height:1.2!important}.miko-profile-identity p{margin:2px 0 4px!important;color:var(--mp5-muted)!important;font-size:10px!important}.miko-profile-hero-bio{max-width:620px!important}.miko-profile-identity>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 11px!important;border:1px solid #d8e4ef!important;border-radius:9px!important;background:#fff!important;color:#47627e!important;text-decoration:none!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}.miko-profile-identity>a:hover{background:#f7faff!important;color:var(--mp5-blue)!important}.miko-profile-edit-link{background:var(--mp5-blue)!important;border-color:var(--mp5-blue)!important;color:#fff!important}
.miko-profile-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid #edf2f7!important;background:#fff!important}.miko-profile-stats>div{padding:15px 10px!important;text-align:center!important;position:relative!important}.miko-profile-stats>div+div:before{content:""!important;position:absolute!important;left:0!important;top:22%!important;bottom:22%!important;width:1px!important;background:#e7edf4!important}.miko-profile-stats b{display:block!important;color:var(--mp5-navy)!important;font-size:19px!important;line-height:1.15!important}.miko-profile-stats span{display:block!important;margin-top:4px!important;color:var(--mp5-muted)!important;font-size:9px!important}

/* Personal information */
.miko-profile-personal{padding:22px!important}.miko-profile-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:16px!important}.miko-profile-card-head h2{margin:0!important;font-size:18px!important}.miko-profile-card-head p{margin:3px 0 0!important;font-size:9.5px!important;line-height:1.5!important}.miko-completion{width:160px!important;height:7px!important;border-radius:99px!important;background:#e9eff5!important;overflow:hidden!important}.miko-completion i,.miko-level-progress i{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--mp5-blue),#52a7ff)!important;border-radius:99px!important}
.miko-upload-row,.miko-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.miko-upload-row{margin-bottom:12px!important}.miko-upload-row label{padding:11px!important;border:1px dashed #cbd9e7!important;border-radius:11px!important;background:#fbfdff!important}.miko-profile-form label,.miko-profile-form legend,.miko-account-grid label{font-size:10px!important;font-weight:800!important;color:#3b5874!important}.miko-profile-form input[type=text],.miko-profile-form input[type=email],.miko-profile-form input[type=url],.miko-profile-form textarea,.miko-account-grid input{display:block!important;width:100%!important;min-height:42px!important;margin-top:5px!important;padding:9px 10px!important;border:1px solid #cfdeec!important;border-radius:9px!important;background:#fff!important;color:var(--mp5-ink)!important;box-shadow:none!important}.miko-profile-form input:focus,.miko-profile-form textarea:focus,.miko-account-grid input:focus{outline:0!important;border-color:#9bc8ff!important;box-shadow:0 0 0 3px rgba(17,110,232,.08)!important}.miko-profile-form textarea{height:92px!important;resize:vertical!important}.miko-form-grid .wide{grid-column:1/-1!important}.miko-interest-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:7px!important}.miko-interest-chips span{display:block!important;padding:6px 9px!important;border:1px solid #dce6f0!important;border-radius:999px!important;background:#f8fafc!important;color:#657990!important;font-size:9px!important}.miko-interest-chips input:checked+span{background:#eaf4ff!important;border-color:#bcdcff!important;color:var(--mp5-blue)!important}.miko-badge-picker{margin:13px 0!important;padding:12px!important;border:1px solid #e1eaf3!important;border-radius:11px!important;background:#fbfdff!important}.miko-primary-btn,.miko-account-grid button{min-height:42px!important;padding:9px 15px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--mp5-navy),#0d4d85)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 7px 16px rgba(9,40,75,.15)!important}

/* Compact right widgets */
.miko-pro-mini{min-height:132px!important;padding:18px!important;text-align:left!important;background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.4),transparent 28%),linear-gradient(135deg,#fff7d8,#ffd975)!important;border-color:#f1d07c!important;color:#4f3900!important;position:relative!important}.miko-pro-mini:after{content:"♛";position:absolute;right:20px;bottom:8px;font-size:58px;color:rgba(154,102,0,.22)}.miko-pro-mini span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0 0 8px!important;border-radius:11px!important;background:#fff3c4!important;color:#9d6b00!important}.miko-pro-mini h3{margin:0 0 4px!important;color:#4d3907!important;font-size:15px!important}.miko-pro-mini p{margin:0!important;max-width:190px!important;color:#80651f!important;font-size:9px!important;line-height:1.5!important}
#points,#missions,#calendar,#reading,#pro,#pro-history,.miko-profile-badges{padding:16px!important}
#points .miko-point-cards{grid-template-columns:1fr!important;gap:7px!important;margin-top:11px!important}#points .miko-point-cards>div{padding:11px!important;border:1px solid #e1eaf3!important;border-radius:11px!important;background:#f8fbff!important}#points .miko-point-cards b{font-size:17px!important;color:var(--mp5-navy)!important}
#missions .miko-profile-checkin{padding:12px!important;border:1px solid #ffe0c7!important;border-radius:12px!important;background:#fff8f0!important}#missions .miko-profile-checkin button{padding:8px 10px!important;font-size:9px!important}
#calendar .miko-streak-calendar{gap:9px!important}#calendar .miko-streak-calendar section{padding:9px!important;border-radius:11px!important}.miko-calendar-grid{grid-template-columns:repeat(7,minmax(25px,1fr))!important;gap:4px!important}.miko-calendar-grid>span{min-height:31px!important;border-radius:8px!important}.miko-calendar-grid>span b{font-size:8px!important}.miko-calendar-grid>span small{font-size:6px!important}
#reading .miko-reading-history article{grid-template-columns:52px minmax(0,1fr)!important;gap:8px!important;padding:7px!important}.miko-reading-history .thumb img{width:52px!important;height:42px!important}.miko-reading-history article>em,.miko-reading-history article>i{display:none!important}
.miko-profile-badges h3{margin:0 0 9px!important;font-size:14px!important}.miko-profile-badges .miko-badge{margin:3px!important}
#pro{background:linear-gradient(135deg,#fff8e7,#fff)!important;border-color:#f1dda0!important}#pro ul{grid-template-columns:1fr!important;gap:6px!important;margin-top:10px!important}#pro li{font-size:9px!important;padding:7px 8px!important}

/* Rewards store / missions / activity */
#rewards-store,#video-missions,#activity,#history{padding:20px!important}
.miko-store-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.miko-store-summary>div{padding:11px!important}.miko-reward-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.miko-reward-store-grid article{padding:13px!important;border-radius:13px!important}.miko-reward-store-grid h3{font-size:12px!important}.miko-reward-store-grid p{font-size:8.5px!important}.miko-reward-store-grid button{padding:8px 10px!important;background:var(--mp5-navy)!important;font-size:8px!important}
#video-missions .miko-reading-history article{grid-template-columns:64px minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important;background:#fbfdff!important}#video-missions .miko-reading-history .type{display:grid!important;place-items:center!important;width:54px!important;min-height:42px!important;border-radius:10px!important;background:#eaf4ff!important;color:var(--mp5-blue)!important;font-size:8px!important;font-weight:900!important}#video-missions .miko-reading-history article>a{padding:8px 10px!important;border-radius:9px!important;background:var(--mp5-navy)!important;color:#fff!important;text-decoration:none!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}
.miko-profile-activity-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:11px!important}.miko-profile-activity-tabs button{padding:7px 10px!important;border:1px solid #dce6f0!important;border-radius:999px!important;background:#fff!important;color:#6a7e94!important;font-size:8px!important;font-weight:900!important}.miko-profile-activity-tabs button.is-active{background:#eaf4ff!important;border-color:#bddcff!important;color:var(--mp5-blue)!important}.miko-activity-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.miko-activity-list article{grid-template-columns:74px minmax(0,1fr)!important;padding:9px!important}
.miko-history-list>div{padding:10px 0!important}.miko-history-list>div>span{min-width:54px!important;border-radius:8px!important;font-size:9px!important}.miko-history-list b{font-size:10px!important}.miko-history-list small{font-size:8px!important}

/* PRO packages */
.miko-master-pro-packages{position:relative!important;padding:20px!important;border-color:#efdba1!important;background:linear-gradient(135deg,#fffdf7,#fff)!important}.miko-master-pro-packages:before{content:"PRO"!important;position:absolute!important;right:18px!important;top:-9px!important;color:rgba(214,155,20,.07)!important;font-size:82px!important;font-weight:950!important;line-height:1!important;pointer-events:none!important}.miko-master-section-title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:15px!important}.miko-master-section-title>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:11px!important;background:#fff3c7!important;color:#9a6900!important}.miko-master-section-title h3{margin:0!important;font-size:17px!important}.miko-master-section-title p{margin:2px 0 0!important;font-size:9px!important;color:#8b7a53!important}.miko-master-package-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}.miko-master-package-grid article{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:160px!important;padding:14px!important;border:1px solid #eadfbf!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 18px rgba(100,73,12,.05)!important;overflow:hidden!important;position:relative!important}.miko-master-package-grid article:last-child{border-color:#f0bd63!important;background:linear-gradient(180deg,#fffaf0,#fff)!important}.miko-master-package-grid article:last-child:after{content:"ยอดนิยม";position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:999px;background:var(--mp5-red);color:#fff;font-size:7px;font-weight:900}.miko-master-package-grid small{color:#987316!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;white-space:nowrap!important}.miko-master-package-grid h4{margin:7px 0 4px!important;color:#352d1a!important;font-size:14px!important;line-height:1.25!important;white-space:nowrap!important;word-break:keep-all!important}.miko-master-package-grid b{display:block!important;margin:0 0 12px!important;color:#c88a00!important;font-size:13px!important}.miko-master-package-grid button{width:100%!important;min-height:38px!important;margin-top:auto!important;padding:8px 9px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#c69013,#e0aa27)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}.miko-master-package-grid button:disabled{background:#e9edf2!important;color:#8c99a7!important}

/* Account settings */
#settings{padding:20px!important}#settings>h2{margin-bottom:12px!important}.miko-account-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.miko-account-grid form{padding:15px!important;border:1px solid #e1eaf3!important;border-radius:13px!important;background:#fbfdff!important}

/* Tablet */
@media(max-width:1120px){
 .miko-profile-app{grid-template-columns:190px minmax(0,1fr)!important;padding:0 14px!important}
 .miko-profile-app>.miko-profile-nav{grid-column:1!important;grid-row:1 / span 50!important}
 .miko-profile-main,.miko-profile-right{display:contents!important}
 .miko-profile-hero,.miko-profile-personal,#points,#missions,#calendar,#rewards-store,#reading,#video-missions,#activity,#pro,#history,#pro-history,.miko-master-pro-packages,#settings,.miko-profile-right>.miko-pro-mini,.miko-profile-right>.miko-profile-badges{grid-column:2!important;grid-row:auto!important}
 .miko-profile-personal{order:2!important}.miko-profile-right>.miko-pro-mini{order:3!important}#points{order:4!important}#missions{order:5!important}#calendar{order:6!important}#rewards-store{order:7!important}#reading{order:8!important}#video-missions{order:9!important}.miko-profile-right>.miko-profile-badges{order:10!important}#activity{order:11!important}#pro{order:12!important}#history{order:13!important}#pro-history{order:14!important}.miko-master-pro-packages{order:15!important}#settings{order:16!important}
 .miko-master-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.miko-reward-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Mobile */
@media(max-width:760px){
 .miko-profile-app{grid-template-columns:1fr!important;margin-top:12px!important;padding:0 9px!important;gap:11px!important}
 .miko-profile-app>.miko-profile-nav{grid-column:1!important;grid-row:auto!important;position:sticky!important;top:0!important;z-index:50!important;display:flex!important;gap:5px!important;padding:7px!important;overflow-x:auto!important;border-radius:14px!important;white-space:nowrap!important}
 .miko-profile-nav-title,.miko-profile-help{display:none!important}.miko-profile-nav>a{flex:0 0 auto!important;min-height:38px!important;padding:6px 9px!important;font-size:9px!important}.miko-profile-nav-icon{width:25px!important;height:25px!important;min-width:25px!important}
 .miko-profile-hero,.miko-profile-personal,#points,#missions,#calendar,#rewards-store,#reading,#video-missions,#activity,#pro,#history,#pro-history,.miko-master-pro-packages,#settings,.miko-profile-right>.miko-pro-mini,.miko-profile-right>.miko-profile-badges{grid-column:1!important;grid-row:auto!important}
 .miko-profile-cover{height:110px!important}.miko-profile-cover:before{right:14px!important;top:18px!important;font-size:12px!important}.miko-profile-identity{grid-template-columns:72px minmax(0,1fr)!important;padding:0 12px 12px!important}.miko-profile-identity>img{width:72px!important;height:72px!important;min-width:72px!important;margin-top:-31px!important;border-width:4px!important}.miko-profile-identity h1{font-size:18px!important}.miko-profile-identity>a{grid-column:1/-1!important}.miko-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.miko-profile-stats>div+div:before{display:none!important}.miko-profile-stats>div{border-bottom:1px solid #edf2f7!important}.miko-profile-stats>div:nth-last-child(-n+2){border-bottom:0!important}
 .miko-profile-card,.miko-master-pro-packages,.miko-profile-right>section{border-radius:15px!important;padding:14px!important}.miko-profile-card-head{flex-direction:column!important;align-items:stretch!important}.miko-completion{width:100%!important}.miko-upload-row,.miko-form-grid,.miko-account-grid{grid-template-columns:1fr!important}.miko-form-grid .wide{grid-column:auto!important}.miko-reward-store-grid,.miko-store-summary,.miko-activity-list{grid-template-columns:1fr!important}.miko-master-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.miko-master-package-grid h4{font-size:12px!important}.miko-calendar-grid{grid-template-columns:repeat(7,minmax(25px,1fr))!important}#video-missions .miko-reading-history article{grid-template-columns:52px minmax(0,1fr)!important}#video-missions .miko-reading-history article>a{grid-column:2!important;justify-self:start!important}
}
#calendar .miko-calendar-legend{display:none!important}#calendar .miko-streak-calendar>section:not(:last-child){display:none!important}#reading .miko-reading-history article:nth-child(n+5){display:none!important}.miko-profile-badges .miko-badge:nth-of-type(n+7){display:none!important}#pro-history .miko-pro-history>div{grid-template-columns:1fr!important;gap:3px!important;padding:8px 0!important}#pro-history .miko-pro-history>div>*{font-size:8.5px!important}
@media(max-width:390px){.miko-master-package-grid{grid-template-columns:1fr!important}.miko-profile-stats{grid-template-columns:1fr 1fr!important}}