/* DASY Partner V3 — CRM-inspired responsive design layer. UI-only. */
:root{--deep:#103f37;--green:#116a56;--mint:#eaf6f0;--bg:#f5f7fa;--surface:#fff;--text:#182c32;--muted:#819098;--border:#e7edf0;--rad:16px;--shadow:0 4px 26px rgba(27,56,68,.045)}
body{font-family:Tajawal,system-ui,Arial,sans-serif;background:var(--bg);font-size:14px;color:var(--text)}
button,input,select,textarea{font-family:inherit}
.layout{background:var(--bg)}.shell{max-width:none;margin:0;padding:0}.app-sidebar{display:none}
.app-workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:13px 18px;margin:0;min-height:74px;gap:12px}
.topbar .brand{font-weight:900;color:#174c40}.topbar .brand .logo{width:37px;height:37px;border-radius:11px;font-size:23px}
.topbar .plain-icon{background:#f9fbfa;border-color:var(--border);color:var(--deep);font-size:12px;font-weight:800}
.topbar .avatar{border-radius:13px;background:#e4f2eb;color:#145f48}
.top-actions .badge{background:#edf6f1;color:#167457}.page-body{max-width:none;margin:0 auto;padding:25px 18px 16px;width:100%}
.footer-note{margin:4px 16px 20px}.section-head{margin:0 0 21px;align-items:center}.section-head h1{font-size:clamp(23px,2vw,29px);letter-spacing:-.65px;font-weight:900}.section-head p{font-size:12px;margin-top:5px}
.panel{padding:22px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:17px;background:#fff}
.panel h2{font-size:16px;font-weight:900;letter-spacing:0}.panel h3{font-weight:850}
.kpi{background:white;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px;min-height:111px;position:relative;overflow:hidden}
.kpi:before{content:"";display:block;width:36px;height:4px;background:#159177;border-radius:6px;margin-bottom:12px}
.kpi strong{font-size:25px;letter-spacing:-.5px;color:#173e36}.kpi .k-title{font-size:12px;color:#71848a}
.hero{border-radius:18px;background:linear-gradient(112deg,#103f37,#13785f);box-shadow:0 16px 30px rgba(13,85,67,.11);padding:28px}
.hero-action{background:white;color:#12664f;border-radius:10px}.btn{background:#116a56;border-radius:10px;font-weight:850;box-shadow:none}
.btn.alt{border-color:#dfe8e4;color:#175b49}.btn.soft{background:#e7f4ed;color:#12684f}.btn:hover,.hero-action:hover{filter:brightness(.97)}
.field input,.field select,.panel textarea,.order-tools select{border-radius:10px;border-color:#dfe7e8;background:#fff}
.list-table{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.list-table table{font-size:12px}.list-table th{background:#f8fafb;color:#71818a;letter-spacing:.1px;font-size:11px;font-weight:850}
.list-table th,.list-table td{padding:14px 12px;border-bottom:1px solid #edf0f1}.list-table tr:hover td{background:#f9fcfb}
.badge{background:#eaf7f0;color:#16765c;border-radius:7px;padding:5px 9px;font-weight:850}.badge.warn{background:#fff2da}.badge.red{background:#feebeb}.badge.gray{background:#eef1f2}
.progress{height:9px;background:#eaf0ef}.progress>span{background:#14866c}.chartbar .bar-fill{background:#1d967a}
.phase2-attention,.phase3-financial,.phase3-member-dashboard{border-color:#e1ece8}
.partner-product-card,.dasy-product-card,.tree-card{border-color:#e5ebed;box-shadow:var(--shadow)}.partner-product-card:hover,.dasy-product-card:hover{box-shadow:0 10px 30px rgba(27,56,68,.09)}
.bottom-nav{border-top:1px solid var(--border);background:#fffffffa;grid-template-columns:repeat(5,minmax(0,1fr))!important;box-shadow:0 -4px 25px rgba(24,47,44,.045)}
.bottom-nav button.active{color:#13765b}.bottom-nav button.active .nav-dot{background:#e6f5ed;color:#126e57}
.account-view{background:radial-gradient(circle at 100% 0,#e2f5ea,transparent 36%),var(--bg)}.auth-box{border-radius:20px;box-shadow:0 22px 70px #163c2920}
@media(min-width:980px){
 .layout .shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh;align-items:stretch}
 .app-sidebar{display:flex;flex-direction:column;grid-column:1;grid-row:1 / span 2;position:sticky;top:0;height:100vh;min-height:0;background:#fff;border-left:1px solid var(--border);padding:24px 15px 18px;overflow-y:auto;overflow-x:hidden;z-index:15}
 .sidebar-brand{display:flex;align-items:center;gap:10px;padding:3px 10px 26px;border-bottom:1px solid var(--border);margin-bottom:24px;flex-shrink:0}
 .sidebar-brand .logo{width:43px;height:43px;border-radius:12px;font-size:25px;background:#174c40}
 .sidebar-brand strong{display:block;color:#174c40;font-size:20px;white-space:nowrap;line-height:1.2;letter-spacing:-.4px}.sidebar-brand em{font-style:normal;color:#14866c}
 .sidebar-brand small{display:block;font-size:10px;color:#87969b;white-space:nowrap;margin-top:5px}
 .sidebar-title{font-size:11px;color:#98a7ac;font-weight:850;margin:0 13px 10px}
 .desktop-nav,.desktop-nav.is-admin{display:flex;flex-direction:column;gap:4px;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;margin:0 0 23px;width:100%}
 .desktop-nav button{min-height:44px;background:transparent;border:1px solid transparent;border-radius:10px;color:#667c83;padding:10px 14px;display:flex;align-items:center;gap:12px;text-align:right;width:100%;font-size:13px;font-weight:800}
 .desktop-nav button.active{background:#eaf6f0;border-color:transparent;color:#126e56}
 .desktop-nav button:hover:not(.active){background:#f6f9f8;border-color:transparent;color:#185d49}
 .nav-desktop-icon{width:25px;font-size:21px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
 .vip-nav-badge{margin-inline-start:auto}
 .sidebar-note{margin-top:auto;padding:17px 14px;background:linear-gradient(135deg,#e7f5ee,#f7faf8);border:1px solid #e4efe9;border-radius:14px;font-size:12px;color:#165b49}
 .sidebar-note p{font-size:11px;color:#739083;margin:5px 0 0;line-height:1.6}
 .app-workspace{grid-column:2;grid-row:1;min-width:0}.topbar{padding:17px 30px}.topbar .brand{display:none}.page-body{padding:29px 32px 20px;max-width:1500px}
 .bottom-nav{display:none!important}.footer-note{grid-column:2;grid-row:2}.section-head h1{font-size:29px}
 .grid2{gap:16px}.grid3{gap:16px}.layout-grid{gap:17px}.kpi{padding:22px}
}
@media(min-width:1400px){.layout .shell{grid-template-columns:266px minmax(0,1fr)}.page-body{padding:34px 42px}}
@media(max-width:979px){.app-sidebar{display:none!important}.desktop-nav{display:none!important}.bottom-nav{display:grid!important}.shell{padding:0!important}.topbar{padding:12px 16px}.page-body{padding:22px 15px 24px}.footer-note{padding-bottom:95px}}
@media(max-width:580px){.topbar .brand{font-size:16px;gap:7px}.topbar .brand .logo{height:32px;width:32px;font-size:20px}.top-actions{gap:5px}.top-actions .badge{display:none}.topbar .plain-icon{height:38px;padding:0 7px;font-size:11px}.topbar .avatar{height:35px;width:35px}.page-body{padding:18px 12px 24px}.section-head{align-items:flex-start;gap:8px}.section-head h1{font-size:22px}.panel{padding:16px;border-radius:14px}.hero{padding:20px}.kpi{padding:14px;min-height:105px}.kpi strong{font-size:19px}.list-table th,.list-table td{padding:11px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}