/* Commerce Coach – Financial Management UI polish */
:root{--cc-surface:#ffffff;--cc-soft:#f7fafc;--cc-line:#e5ebf2;--cc-shadow:0 18px 50px rgba(15,47,70,.10)}
body{background:linear-gradient(180deg,#f5f8fb 0%,#eef4f7 100%)}
.sidebar{width:255px;background:linear-gradient(180deg,#10344d 0%,#0b5660 100%);box-shadow:12px 0 35px rgba(15,47,70,.10)}
.brand{padding:4px 2px 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand h1{font-size:18px;letter-spacing:-.01em}.brand small{font-size:13px;line-height:1.4}
.navbtn{padding:12px 13px;border-radius:14px;font-size:15px;transition:.18s ease}.navbtn:hover{transform:translateX(2px)}.navbtn.active{background:rgba(255,255,255,.14);box-shadow:inset 3px 0 0 #80e3db}
.topbar{height:76px;border-bottom:1px solid #e9eef4;box-shadow:0 6px 18px rgba(16,24,40,.035)}
.content{padding:28px 32px;max-width:1580px}.sectionhead h3{font-size:25px;letter-spacing:-.02em}.sectionhead p{font-size:15px}
.card,.lesson,.topiclist{border-color:var(--cc-line);box-shadow:0 10px 30px rgba(16,24,40,.045)}
.btn{transition:.18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(16,24,40,.09)}
.pill{box-shadow:0 3px 10px rgba(16,24,40,.035)}

/* Tutor-specific refinement */
#tutor{max-width:1450px;margin:0 auto}
#tutor .sectionhead{align-items:center;margin-bottom:18px}
#tutor .split{grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start}
#tutor .split>.card{position:sticky;top:94px;padding:24px;border-radius:24px;box-shadow:var(--cc-shadow);background:rgba(255,255,255,.97)}
#tutor .field{margin:13px 0}#tutor .field label{font-size:12px;letter-spacing:.01em;color:#344054;margin-bottom:7px}
#tutor select,#tutor textarea{border:1px solid #d9e2ec;background:#fbfdff;border-radius:14px;font-size:15px}
#tutor select:focus,#tutor textarea:focus{outline:none;border-color:#4fb7b1;box-shadow:0 0 0 4px rgba(79,183,177,.12)}
#tutor textarea{min-height:170px;line-height:1.6}
#tutor .row{gap:9px}#tutor .row .btn{border-radius:12px;padding:10px 14px}
#tutor .chat{height:620px;padding:22px;background:linear-gradient(180deg,#f9fbfd 0%,#f1f6f8 100%);border:1px solid #dfe7ef;border-radius:26px;box-shadow:var(--cc-shadow);scroll-behavior:smooth}
#tutor .bubble{max-width:84%;padding:16px 18px;border-radius:20px;margin:12px 0;font-size:16px;line-height:1.82;white-space:normal;box-shadow:0 6px 18px rgba(16,24,40,.045);word-break:break-word}
#tutor .bubble.bot{background:#fff;border:1px solid #e2e8f0;border-top-left-radius:8px;color:#172033;font-family:"Noto Sans Telugu","Nirmala UI","Gautami",Inter,system-ui,sans-serif}
#tutor .bubble.user{background:linear-gradient(135deg,#dbeafe 0%,#d7f1ef 100%);border:1px solid #c8e3ea;border-top-right-radius:8px;margin-left:auto;color:#18344c}
#tutor .ai-heading{display:block;margin:16px 0 8px;padding:7px 11px;border-left:4px solid #0f7b78;border-radius:8px;background:#eaf8f6;color:#0d5f5b;font-weight:800;font-size:16.5px;line-height:1.45}
#tutor .ai-heading:first-child{margin-top:0}
#tutor .ai-paragraph{margin:7px 0 11px;line-height:1.85}
#tutor .ai-bullet{display:flex;gap:9px;margin:7px 0 7px 4px;line-height:1.75}
#tutor .ai-bullet>span{color:#0f7b78;font-weight:900;flex:0 0 auto}
#tutorMode{background:#ecfdf3;border-color:#bbf7d0;color:#166534}
#aiStatus{background:#effaf8;border-color:#c5ebe6;color:#0f6b65}

/* Dashboard refinement */
.hero{border-radius:30px;box-shadow:0 22px 55px rgba(15,47,70,.16)}
.stat{border-radius:20px}.unit-card{min-height:148px}.tool-card{min-height:190px}

/* Compact language controls */
.lang{padding:4px;border-radius:14px}.lang button{padding:8px 11px}.lang button.active{box-shadow:0 4px 12px rgba(16,24,40,.10)}

@media(max-width:1180px){#tutor .split{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:1050px){
 #tutor .split{grid-template-columns:1fr}
 #tutor .split>.card{position:static}
 #tutor .chat{height:540px}
 .content{padding:22px}
}
@media(max-width:650px){
 .content{padding:14px}
 #tutor .chat{height:500px;padding:12px;border-radius:18px}
 #tutor .bubble{max-width:96%;font-size:15.5px;padding:13px 14px;line-height:1.75}
 #tutor .ai-heading{font-size:15.5px;padding:6px 9px}
 .top-actions{gap:5px}.pill,.btn{font-size:12px}
}