/*
 * কৃষি প্রেসক্রিপশন সিস্টেম — style.css
 * Digital Agricultural Prescription System
 * কৃষি সম্প্রসারণ অধিদপ্তর, বাংলাদেশ
 */
:root {
  --gd:#1a3c20; --gm:#2d6a35; --gl:#4a9954;
  --gp:#e8f5e2; --gf:#f4faf1;
  --gold:#c9a84c; --goldl:#f0d98a;
  --br:#c5ddc9; --w:#ffffff;
  --shadow:0 8px 40px rgba(26,60,32,.15);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"Hind Siliguri",sans-serif;background:#cde8c9;min-height:100vh;}

/* ══════════════════════════════════════
   AUTH PAGE (PAGE 1)
══════════════════════════════════════ */
.page-auth{min-height:100vh;display:flex;flex-direction:column;}

.auth-header{background:var(--gd);padding:18px 32px;display:flex;align-items:center;gap:16px;}
.auth-header::after{content:"";position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--goldl),var(--gold));}
.auth-header-icon{font-size:32px;background:linear-gradient(135deg,var(--gold),var(--goldl));border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.auth-header-title{font-size:20px;font-weight:700;color:#fff;}
.auth-header-sub{font-size:12px;color:var(--goldl);margin-top:3px;}

.auth-body{flex:1;display:grid;grid-template-columns:420px 1fr;gap:24px;padding:28px 32px;max-width:1200px;width:100%;margin:0 auto;}

/* LEFT: Auth Card */
.auth-left{}
.auth-card{background:var(--w);border-radius:14px;padding:28px;box-shadow:var(--shadow);}

.auth-tabs{display:flex;gap:0;border-radius:9px;overflow:hidden;border:1.5px solid var(--br);margin-bottom:22px;}
.auth-tab{flex:1;padding:11px;font-family:"Hind Siliguri",sans-serif;font-size:14px;font-weight:600;border:none;background:#fff;color:#888;cursor:pointer;transition:all .2s;}
.auth-tab.active{background:var(--gd);color:#fff;}

.af{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.af label{font-size:11px;font-weight:700;color:#3d5c42;text-transform:uppercase;letter-spacing:.4px;}
.af input{font-family:"Hind Siliguri",sans-serif;font-size:14px;padding:10px 12px;border:1.5px solid var(--br);border-radius:8px;outline:none;background:var(--gf);width:100%;transition:border-color .2s;}
.af input:focus{border-color:var(--gl);background:#fff;box-shadow:0 0 0 3px rgba(74,153,84,.1);}

.auth-btn{width:100%;padding:12px;background:var(--gd);color:#fff;font-family:"Hind Siliguri",sans-serif;font-size:15px;font-weight:700;border:none;border-radius:9px;cursor:pointer;margin-bottom:12px;transition:background .2s;}
.auth-btn:hover{background:var(--gm);}
.auth-btn:disabled{background:#aaa;cursor:not-allowed;}

.otp-box{background:var(--gp);border-radius:10px;padding:14px;margin-bottom:12px;display:none;}
.otp-box.show{display:block;}
.otp-info{font-size:12px;color:var(--gd);font-weight:600;margin-bottom:10px;text-align:center;}

.auth-divider{text-align:center;margin:14px 0;position:relative;}
.auth-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--br);}
.auth-divider span{background:#fff;padding:0 12px;position:relative;font-size:12px;color:#aaa;}

.skip-btn{width:100%;padding:10px;background:#fff;color:var(--gd);font-family:"Hind Siliguri",sans-serif;font-size:13px;font-weight:600;border:1.5px solid var(--br);border-radius:9px;cursor:pointer;margin-bottom:6px;}
.skip-btn:hover{background:var(--gp);}
.skip-note{font-size:11px;color:#999;text-align:center;line-height:1.5;}

.auth-loading{display:none;text-align:center;padding:12px;font-size:14px;color:var(--gm);}
.auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--gp);border-top-color:var(--gd);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px;}
.auth-msg{padding:0;font-size:13px;text-align:center;font-weight:600;min-height:20px;}
.auth-msg.success{color:var(--gm);}
.auth-msg.error{color:#c0392b;}

/* RIGHT: Info */
.auth-right{display:flex;flex-direction:column;gap:20px;}

/* Inventor Card (Auth Page) */
.inventor-card{background:var(--w);border-radius:14px;padding:22px;box-shadow:var(--shadow);display:flex;gap:18px;align-items:flex-start;}
.inventor-img-wrap{flex-shrink:0;}
.inventor-img-wrap img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--gp);}
.inventor-initial{width:90px;height:90px;border-radius:50%;background:var(--gd);color:var(--goldl);font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.inventor-info{}
.inventor-name{font-size:17px;font-weight:700;color:var(--gd);margin-bottom:2px;}
.inventor-name-en{font-size:12px;color:#888;margin-bottom:4px;}
.inventor-title{font-size:11px;background:var(--gd);color:var(--goldl);padding:2px 10px;border-radius:10px;display:inline-block;margin-bottom:8px;font-weight:600;}
.inventor-bio{font-size:12px;color:#555;line-height:1.7;}

/* Benefits Card (Auth Page) */
.benefits-card{background:var(--w);border-radius:14px;padding:22px;box-shadow:var(--shadow);flex:1;}
.benefits-title{font-size:14px;font-weight:700;color:var(--gd);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--gp);}
.benefit-item{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--br);}
.benefit-item:last-child{border-bottom:none;}
.benefit-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center;}
.benefit-text{font-size:12px;color:#444;line-height:1.6;}
.benefit-text strong{color:var(--gd);display:block;margin-bottom:2px;}

.auth-footer{background:var(--gd);padding:12px 32px;text-align:center;font-size:11px;color:rgba(255,255,255,.5);}

/* ══════════════════════════════════════
   WELCOME PAGE (PAGE 2)
══════════════════════════════════════ */
.page-welcome{min-height:100vh;display:flex;flex-direction:column;background:#cde8c9;}

.welcome-header{background:var(--gd);padding:0;}
.welcome-header-inner{max-width:1100px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:14px;}
.welcome-logo{font-size:28px;background:linear-gradient(135deg,var(--gold),var(--goldl));border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.welcome-title{font-size:18px;font-weight:700;color:#fff;}
.welcome-sub{font-size:11px;color:var(--goldl);}
.welcome-user-info{margin-left:auto;text-align:right;font-size:12px;color:var(--goldl);}
.logout-btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;padding:7px 14px;font-family:"Hind Siliguri",sans-serif;font-size:13px;cursor:pointer;flex-shrink:0;}
.logout-btn:hover{background:rgba(255,255,255,.25);}

.welcome-body{flex:1;max-width:1100px;margin:0 auto;padding:28px;}
.welcome-greeting{background:var(--w);border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600;color:var(--gd);margin-bottom:22px;box-shadow:0 2px 10px rgba(26,60,32,.08);border-left:4px solid var(--gl);}

.welcome-info-row{display:grid;grid-template-columns:340px 1fr;gap:22px;margin-bottom:28px;}

/* Inventor (Welcome Page) */
.w-inventor-card{background:var(--w);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.w-inventor-header{background:var(--gd);padding:14px 18px;font-size:13px;font-weight:700;color:var(--goldl);}
.w-inventor-body{padding:22px;text-align:center;}
.w-inventor-img-wrap{margin-bottom:14px;}
.w-inventor-img-wrap img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid var(--gp);box-shadow:0 4px 16px rgba(26,60,32,.15);}
.w-inventor-initial{width:110px;height:110px;border-radius:50%;background:var(--gd);color:var(--goldl);font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.w-inventor-name{font-size:18px;font-weight:700;color:var(--gd);margin-bottom:3px;}
.w-inventor-name-en{font-size:12px;color:#888;margin-bottom:8px;}
.w-inventor-badge{display:inline-block;background:var(--gd);color:var(--goldl);font-size:11px;padding:3px 14px;border-radius:20px;font-weight:600;margin-bottom:12px;}
.w-inventor-bio{font-size:12px;color:#555;line-height:1.8;text-align:justify;}

/* Benefits (Welcome Page) */
.w-benefits-card{background:var(--w);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
.w-benefits-header{background:var(--gd);padding:14px 18px;font-size:13px;font-weight:700;color:var(--goldl);}
.w-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--gp);}
.w-benefit{text-align:center;padding:18px 10px;border-right:1px solid var(--gp);}
.w-benefit:last-child{border-right:none;}
.w-b-icon{font-size:24px;margin-bottom:6px;}
.w-b-num{font-size:20px;font-weight:700;color:var(--gd);}
.w-b-label{font-size:11px;color:#888;}
.w-feature-list{padding:16px 18px;}
.w-feature{font-size:12px;color:#444;padding:5px 0;border-bottom:1px dashed var(--gp);line-height:1.5;}
.w-feature:last-child{border-bottom:none;}

/* Start Button */
.welcome-start-wrap{text-align:center;padding:20px 0 10px;}
.start-btn{background:var(--gd);color:#fff;border:none;border-radius:12px;padding:18px 48px;font-family:"Hind Siliguri",sans-serif;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px rgba(26,60,32,.25);transition:all .2s;letter-spacing:.5px;}
.start-btn:hover{background:var(--gm);transform:translateY(-2px);box-shadow:0 10px 30px rgba(26,60,32,.3);}
.start-note{font-size:13px;color:#6b8f72;margin-top:10px;}

/* ══════════════════════════════════════
   PRESCRIPTION PAGE (PAGE 3)
══════════════════════════════════════ */
.wrap{max-width:780px;margin:0 auto;padding:20px 10px;}
.badge{text-align:center;margin-bottom:8px;}
.badge span{background:var(--gd);color:var(--goldl);font-size:11px;letter-spacing:2px;padding:5px 18px;border-radius:20px;display:inline-block;}
.card{background:var(--w);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-top:8px;}
.hdr{background:var(--gd);padding:22px 26px 18px;position:relative;}
.hdr::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--goldl),var(--gold));}
.hdr-row{display:flex;align-items:center;gap:14px;}
.hdr-ico{width:50px;height:50px;background:linear-gradient(135deg,var(--gold),var(--goldl));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.hdr-txt h1{font-size:19px;font-weight:700;color:#fff;}
.hdr-txt p{font-size:11px;color:var(--goldl);margin-top:2px;}
.hdr-date{margin-left:auto;text-align:right;color:rgba(255,255,255,.6);font-size:11px;}
.hdr-date strong{display:block;color:var(--goldl);font-size:14px;font-weight:700;}
.body{padding:22px 26px;}
.sec{margin-bottom:20px;}
.sh{display:flex;align-items:center;gap:9px;margin-bottom:11px;padding-bottom:7px;border-bottom:1px solid var(--br);}
.si{width:29px;height:29px;background:var(--gp);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.st{font-size:13px;font-weight:700;color:var(--gd);}
.sn{margin-left:auto;font-size:10px;color:#6b8f72;background:var(--gp);padding:2px 7px;border-radius:8px;font-weight:700;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;}
.f{display:flex;flex-direction:column;gap:4px;}
.f label{font-size:10px;font-weight:700;color:#3d5c42;letter-spacing:.4px;text-transform:uppercase;}
.f input,.f select,.f textarea{font-family:"Hind Siliguri",sans-serif;font-size:13px;color:#1a2a1c;background:var(--gf);border:1.5px solid var(--br);border-radius:7px;padding:8px 10px;outline:none;width:100%;transition:border-color .2s;}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--gl);background:#fff;box-shadow:0 0 0 3px rgba(74,153,84,.1);}
.f textarea{resize:vertical;min-height:68px;line-height:1.8;white-space:pre-wrap;}
.f select{appearance:none;cursor:pointer;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%234a9954' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;}
.div{border:none;border-top:1px dashed var(--br);margin:5px 0 18px;}
.mb{margin-bottom:11px;}
.mt{margin-top:11px;}

/* AUTOCOMPLETE */
.acw{position:relative;}
.acl{position:absolute;top:100%;left:0;right:0;z-index:9999;background:#fff;border:2px solid var(--gl);border-top:none;border-radius:0 0 8px 8px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px rgba(26,60,32,.18);display:none;}
.acl.open{display:block;}
.aci{padding:9px 12px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--gp);display:flex;align-items:center;gap:8px;color:#1a2a1c;}
.aci:last-child{border-bottom:none;}
.aci:hover{background:var(--gp);font-weight:600;color:var(--gd);}
.cbadge{font-size:10px;background:var(--gd);color:var(--goldl);padding:1px 6px;border-radius:5px;margin-left:auto;}
.no-r{padding:9px 12px;font-size:12px;color:#aaa;text-align:center;}

/* PROBLEM GRID */
.pg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.pb{border-radius:9px;padding:12px;border:1.5px solid;margin-bottom:11px;}
.pb.pest{background:#fff8f0;border-color:#e8b070;}
.pb.dis{background:#fff0f0;border-color:#e8a0a0;}
.pt{font-size:12px;font-weight:700;margin-bottom:8px;}
.pb.pest .pt{color:#7a4010;}
.pb.dis .pt{color:#8b1a1a;}
.pb label{font-size:10px;font-weight:700;color:#888;text-transform:uppercase;display:block;margin-bottom:4px;}
.ps{font-family:"Hind Siliguri",sans-serif;font-size:13px;border:1.5px solid;border-radius:7px;padding:8px 26px 8px 9px;width:100%;outline:none;cursor:pointer;appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");}
.pb.pest .ps{background-color:#fff4e8;border-color:#e8b070;color:#5a3000;}
.pb.dis .ps{background-color:#fff5f5;border-color:#e8a0a0;color:#5a0000;}

/* MEDICINE PANELS */
.mp{border-radius:8px;padding:11px;display:none;}
.mp.show{display:block;}
.mp.kp{background:#fff4e8;border:1.5px solid #e8b070;}
.mp.cp{background:#fff0f8;border:1.5px solid #d090b0;}
.mt2{font-size:11px;font-weight:700;margin-bottom:8px;}
.kp .mt2{color:#7a4010;}
.cp .mt2{color:#6a1040;}
.tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{font-family:"Hind Siliguri",sans-serif;font-size:11px;border:1.5px solid;border-radius:14px;padding:4px 10px;cursor:pointer;transition:all .15s;background:#fff;user-select:none;}
.kp .tag{border-color:#e8b070;color:#7a4010;}
.kp .tag:hover,.kp .tag.on{background:#e8b070;color:#fff;}
.cp .tag{border-color:#d090b0;color:#6a1040;}
.cp .tag:hover,.cp .tag.on{background:#d090b0;color:#fff;}
.warn2{font-size:10px;color:#999;font-style:italic;margin-top:7px;}

/* RX BOX */
.rx{background:linear-gradient(135deg,var(--gp),#f0f9ed);border:1.5px solid var(--gl);border-radius:9px;padding:12px;position:relative;margin-bottom:10px;}
.rx-m{position:absolute;top:8px;right:11px;font-size:26px;color:var(--gl);opacity:.2;font-weight:700;}
.rx .f textarea{background:transparent;border-color:transparent;padding-left:0;min-height:100px;white-space:pre-wrap;}
.rx .f textarea:focus{border-color:transparent;box-shadow:none;}
.org{background:#f8fff4;border:1.5px solid #90c878;border-radius:9px;padding:12px;}
.org-t{font-size:12px;font-weight:700;color:#2a5a18;margin-bottom:7px;}
.org .f textarea{min-height:60px;white-space:pre-wrap;}

/* WARN BOX */
.wbox{background:#fffbec;border:1.5px solid var(--gold);border-radius:9px;padding:12px;}
.wbox .f textarea{background:transparent;border-color:transparent;padding-left:0;min-height:80px;white-space:pre-wrap;}
.wbox .f textarea:focus{border-color:transparent;box-shadow:none;}

/* SIGNATURE — 4 cols */
.sigr{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:11px;margin-top:20px;padding-top:18px;border-top:2px solid var(--gp);}
.sigi{display:flex;flex-direction:column;align-items:center;gap:6px;}
.sigl{font-size:10px;font-weight:700;color:#6b8f72;text-align:center;text-transform:uppercase;}
.sign{font-family:"Hind Siliguri",sans-serif;font-size:13px;background:var(--gf);border:1.5px solid var(--br);border-radius:7px;padding:7px 10px;outline:none;width:100%;text-align:center;}
.sign:focus{border-color:var(--gl);}

/* FOOTER */
.ft{background:var(--gd);padding:10px 26px;display:flex;justify-content:space-between;align-items:center;}
.ft span{font-size:11px;color:rgba(255,255,255,.45);}
.ft .rid{color:var(--goldl);font-weight:700;}

/* BUTTONS */
.btn-row{display:flex;gap:9px;margin-top:16px;}
.btn{flex:1;padding:12px;border:none;border-radius:9px;font-family:"Hind Siliguri",sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;}
.bp{background:var(--gd);color:#fff;}
.bp:hover{background:var(--gm);}
.bs{background:#fff;color:var(--gd);border:2px solid var(--br);flex:0 0 auto;padding:12px 14px;}
.bs:hover{background:var(--gp);}
.ld{display:none;align-items:center;gap:6px;}
.sp{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ══════════════════════════════════════
   PRINT STYLES
══════════════════════════════════════ */
@media print {
  body{background:#fff !important;padding:0 !important;}
  .page-auth,.page-welcome,.badge,.btn-row{display:none !important;}
  .no-print,.mp,#pestPanel,#disPanel{display:none !important;}
  .acl{display:none !important;}
  .card{box-shadow:none !important;border-radius:0 !important;}
  .wrap{max-width:100%;padding:0;}
  .f textarea,.rx .f textarea,.wbox .f textarea,.org .f textarea{
    white-space:pre-wrap !important;word-wrap:break-word !important;
    overflow:visible !important;height:auto !important;min-height:0 !important;
    resize:none !important;border:1px solid #ccc !important;
    background:#fff !important;padding:8px !important;
    font-size:12px !important;line-height:1.8 !important;display:block !important;
  }
  .sec,.rx,.wbox{page-break-inside:avoid;}
  .sigr{grid-template-columns:1fr 1fr 1fr 1fr;}
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:900px){
  .auth-body{grid-template-columns:1fr;padding:20px 16px;}
  .welcome-info-row{grid-template-columns:1fr;}
  .welcome-header-inner{flex-wrap:wrap;}
}
@media(max-width:580px){
  .auth-header{padding:14px 16px;}
  .auth-body{padding:16px;}
  .body{padding:16px 12px;}
  .g2,.g3,.pg,.sigr{grid-template-columns:1fr;}
  .hdr{padding:16px 12px 13px;}
  .w-benefits-grid{grid-template-columns:1fr 1fr;}
  .inventor-card{flex-direction:column;align-items:center;text-align:center;}
  .welcome-body{padding:16px;}
}