@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{font-family:'Vazirmatn',Tahoma,sans-serif;color:#343d4a;background:#f7f3ec;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#343d4a;--muted:#858b91;--cream:#f7f3ec;--card:#fffdf8;--line:#eee6da;--blue:#6d91a5;--blue-dark:#496f85;--blue-soft:#e8f0f2;--peach:#d89c7b;--peach-soft:#f8e9dd;--green:#7c9e8b;--green-soft:#e9f1e9;--shadow:0 12px 34px rgba(72,67,54,.055)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9dbbc8;outline-offset:2px}.app-shell{display:flex;min-height:100vh;direction:rtl}.sidebar{width:248px;background:#fffaf2;border-left:1px solid var(--line);padding:26px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 28px}.brand-mark{width:46px;height:46px;border-radius:16px;background:#dfeaed;color:var(--blue-dark);display:grid;place-items:center}.brand strong{display:block;font-size:22px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.role-switch{background:#f5eee3;padding:12px;border-radius:14px;margin-bottom:20px}.role-switch span{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}.role-switch select{width:100%;border:1px solid #e5dacb;background:#fffdf8;border-radius:9px;padding:9px;color:var(--ink)}nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#6f7880;border-radius:12px;padding:12px 13px;display:flex;align-items:center;gap:10px;text-align:right}.nav-item.active{background:#e7eff0;color:#3f687b;font-weight:700}.nav-arrow{margin-right:auto;opacity:.6}.sidebar-bottom{margin-top:auto}.help-bubble{background:#f8e9dd;border-radius:16px;padding:14px;color:#9c6c52}.help-bubble p{font-size:12px;line-height:1.9;margin:8px 0 0}.sidebar-bottom>small{display:block;color:#a4a09a;font-size:10px;margin:16px 5px 0}.main-content{width:min(1200px,100%);padding:27px 34px 50px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.topbar h1{font-size:25px;margin:3px 0 0}.eyebrow{font-size:12px;color:var(--muted);margin:0}.top-actions{display:flex;align-items:center;gap:10px}.avatar,.student-avatar{width:42px;height:42px;border-radius:15px;background:#e9d8c5;color:#86694f;display:grid;place-items:center;font-weight:800}.icon-btn,.announcement-bell{border:0;background:var(--card);color:#73828b;width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.menu-btn{display:none}.announcement{display:flex;gap:12px;align-items:flex-start;background:#fff4df;border:1px solid #f0dfbe;color:#816b45;border-radius:15px;padding:15px 18px;margin-bottom:20px}.announcement p{margin:3px 0 0;font-size:13px;line-height:1.8}.page-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px}.welcome-card{grid-column:1/-1;background:linear-gradient(115deg,#e8f0ed,#f8e8d9);border:1px solid #e6e5d9;border-radius:23px;padding:29px 31px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:225px}.welcome-copy{max-width:560px;position:relative;z-index:1}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 10px;background:#fff8eb;color:#a47b54;font-size:11px}.welcome-card h2{font-size:28px;margin:13px 0 6px}.welcome-card p{color:#66776f;font-size:14px;margin:0 0 19px;line-height:1.9}.primary-btn,.secondary-btn,.break-btn{border:0;border-radius:12px;padding:11px 17px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:13px;transition:transform .15s}.primary-btn{background:var(--blue-dark);color:white}.primary-btn:hover,.break-btn:hover{transform:translateY(-1px)}.secondary-btn{background:#f2eadf;color:#776958;border:1px solid #e8ddce}.illustration{width:230px;height:155px;position:relative;flex-shrink:0}.sun{position:absolute;width:88px;height:88px;border-radius:50%;background:#f5d6a6;top:0;right:65px}.book{position:absolute;bottom:18px;width:125px;height:43px;border-radius:9px;box-shadow:0 5px 0 rgba(80,90,90,.08)}.book-one{right:35px;background:#7898a4;transform:rotate(-7deg)}.book-two{right:56px;bottom:61px;background:#e4aa83;transform:rotate(7deg);height:29px;width:103px}.plant{position:absolute;bottom:3px;left:18px;font-size:43px;color:#72977e}.announcement-card,.panel,.stat-card{background:var(--card);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.announcement-card{padding:19px}.section-title{display:flex;align-items:center;gap:9px}.section-title h3,.panel h3,.announcement-card h3{font-size:15px;margin:0}.announcement-card p{font-size:13px;line-height:1.9;margin:13px 0;color:#626b6e}.announcement-card small{font-size:10px;color:#a09b92}.icon-soft{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.icon-soft svg{width:19px}.icon-soft.peach{background:var(--peach-soft);color:#b37c5e}.icon-soft.blue{background:var(--blue-soft);color:var(--blue-dark)}.icon-soft.green{background:var(--green-soft);color:#62856d}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{padding:16px;display:flex;align-items:center;gap:12px}.stat-card small{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.stat-card strong{font-size:23px}.task-panel{grid-column:1/-1}.panel{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.panel-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.text-btn{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--blue-dark);font-size:12px;font-weight:700}.task-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #f1ebe2}.task-icon{width:43px;height:43px;border-radius:14px;background:#f6e9dc;color:#b47f5d;display:grid;place-items:center;flex-shrink:0}.task-icon.completed{background:var(--green-soft);color:#6d9478}.task-info{flex:1;min-width:0}.task-info strong{font-size:13px}.task-info p{font-size:12px;color:#777f82;margin:5px 0 8px;line-height:1.8}.task-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-meta>span:first-child{display:inline-flex;align-items:center;gap:4px;color:#92918b;font-size:10px}.status-pill,.done-pill{display:inline-block;background:#f6eee2;color:#9a7c55;padding:4px 8px;border-radius:99px;font-size:10px}.done-pill{background:#e7f0e6;color:#64876a}.row-action{border:0;background:#f6f1e8;color:#9a958a;width:33px;height:33px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.encouragement-card{grid-column:1/-1;display:flex;align-items:center;gap:13px;background:#fff0df;border:1px solid #f0dfca;padding:18px;border-radius:18px;color:#936f4e}.heart-badge{width:43px;height:43px;border-radius:15px;background:#f3d6c1;display:grid;place-items:center;flex-shrink:0}.encouragement-card strong{font-size:13px}.encouragement-card p{font-size:12px;margin:5px 0 0;line-height:1.8}.round-arrow{margin-right:auto;border:0;background:#f8e2cc;color:#936f4e;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.content-stack{display:grid;gap:18px}.form-panel label{display:block;font-size:12px;font-weight:700;margin:18px 0 9px}.subject-grid{display:flex;gap:8px;flex-wrap:wrap}.subject-chip,.duration-chip{border:1px solid #e9dfd2;background:#fffaf3;color:#756f67;padding:9px 13px;border-radius:11px;font-size:12px}.subject-chip.selected,.duration-chip.selected{background:#e4eef0;color:#3e6c80;border-color:#b9d0d8;font-weight:700}.form-panel textarea,.teacher-form input{width:100%;border:1px solid #e6ddd0;background:#fffefb;border-radius:13px;padding:13px;color:var(--ink);resize:vertical;line-height:1.9}.form-panel textarea::placeholder,.teacher-form input::placeholder{color:#b1aaa0}.duration-grid{display:flex;gap:8px;flex-wrap:wrap}.duration-chip{min-width:83px}.wide{width:100%;margin-top:22px}.timer-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px}.timer-card{background:linear-gradient(150deg,#fffdf8,#edf3f1);border:1px solid #e4e7df;border-radius:23px;padding:27px;text-align:center}.timer-card.break-mode{background:linear-gradient(150deg,#fff4e5,#f3dfca);border-color:#eac9a9}.timer-card h2{font-size:19px;margin:15px 0 7px}.timer-task{font-size:12px;color:#818883;line-height:1.9;max-width:480px;margin:0 auto}.timer-ring{width:228px;height:228px;border-radius:50%;border:10px solid #d9e6e5;background:#fffdf8;display:grid;place-items:center;margin:28px auto 20px;box-shadow:inset 0 0 0 1px #f0e7d9,0 10px 30px #5b78680b}.break-mode .timer-ring{border-color:#e9c7a5;background:#fff8ed}.timer-ring strong{font-size:47px;font-weight:700;letter-spacing:1px;display:block;direction:ltr}.timer-ring span{font-size:12px;color:#8b938e}.timer-encouragement{color:#9b7658;font-size:13px}.timer-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px}.break-btn{background:#e5b991;color:#6f4b32}.break-status{background:#f9e3cc;color:#8a603d;border-radius:12px;padding:11px;font-size:12px}.completion-box{margin-top:22px;padding:17px;background:#fff7e9;border:1px solid #efdfc6;border-radius:15px;text-align:right}.completion-box strong{font-size:14px}.completion-box p{font-size:12px;line-height:1.8;color:#777}.completion-box>div{display:flex;gap:8px;flex-wrap:wrap}.timer-side h3{margin:0 0 12px}.timer-side p{font-size:13px;line-height:2;color:#777e7b}.side-tip{display:flex;align-items:flex-start;gap:9px;background:#f8eee0;padding:13px;border-radius:13px;font-size:12px;line-height:1.8;color:#987653;margin:16px 0 24px}.side-tip svg{flex-shrink:0;width:17px}.timer-side h4{font-size:13px}.choose-task{width:100%;display:flex;justify-content:space-between;gap:8px;padding:12px 10px;border:1px solid #eee5d9;background:#fffaf3;border-radius:11px;margin-top:7px;color:#626b6d;font-size:11px}.choose-task.active{border-color:#b5cbd2;background:#eaf1f1;color:#446f80}.choose-task small{color:#93958e}.student-list{display:grid}.student-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0e9df}.student-avatar{width:38px;height:38px;border-radius:13px;flex-shrink:0}.student-info{display:grid;gap:4px;min-width:105px}.student-info strong{font-size:12px}.student-info small{font-size:10px;color:#96958d}.progress-track{height:8px;background:#f0e9df;border-radius:99px;overflow:hidden;flex:1}.progress-track span{height:100%;display:block;background:#8aab9b;border-radius:99px}.progress-number{font-size:12px;min-width:35px}.demo-note{font-size:11px;line-height:1.9;color:#9a8873;background:#fbf3e7;padding:11px 13px;border-radius:11px;margin:15px 0 0}.upload-zone{border:1.5px dashed #d9cbbb;background:#fffaf2;border-radius:16px;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#8e9b9b;cursor:pointer}.upload-zone strong{color:#596d70;font-size:13px}.upload-zone span{font-size:11px}.upload-zone input{max-width:90%;font-size:11px}.file-list{display:grid;gap:8px;margin-top:13px}.file-list>div{display:flex;align-items:center;gap:8px;background:#edf4ec;padding:10px;border-radius:9px;font-size:12px;color:#63856a}.teacher-form{display:flex;gap:9px;margin-bottom:16px}.teacher-form input{flex:1;min-width:0}.teacher-row{display:flex;align-items:center;gap:10px;border-top:1px solid #f0e9df;padding:12px 0}.teacher-row strong{font-size:13px}.teacher-row .status-pill{margin-right:auto}.modal-backdrop{position:fixed;inset:0;background:#313a3b66;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(450px,100%);background:#fffaf2;border-radius:22px;padding:25px;box-shadow:0 25px 70px #0002}.modal-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#f6e5d1;color:#ad7d56}.modal h3{font-size:18px}.modal p{font-size:13px;line-height:2;color:#777}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-footer{display:none}
@media(max-width:1050px){.sidebar{width:218px}.main-content{padding:24px 22px}.page-grid{grid-template-columns:1fr 1fr}.welcome-card{grid-column:1/-1}.stats-row{grid-column:1/-1}.task-panel{grid-column:1/-1}.illustration{transform:scale(.85);margin-left:-20px}.timer-layout{grid-template-columns:1fr}.timer-side{order:2}}
@media(max-width:760px){.sidebar{position:fixed;z-index:20;right:0;top:0;transform:translateX(105%);transition:transform .2s;box-shadow:-20px 0 50px #0000000b}.sidebar.open{transform:translateX(0)}.main-content{padding:17px 14px 90px;width:100%}.topbar{margin-bottom:18px}.topbar h1{font-size:21px}.eyebrow{font-size:10px}.menu-btn{display:grid}.top-actions{margin-right:auto}.announcement-bell{display:none}.page-grid{grid-template-columns:1fr;gap:13px}.welcome-card{padding:22px;min-height:190px;grid-column:auto}.welcome-card h2{font-size:22px}.welcome-card p{font-size:12px;max-width:270px}.illustration{position:absolute;left:-35px;opacity:.45;transform:scale(.68)}.welcome-copy{max-width:100%}.announcement-card,.stats-row,.task-panel,.encouragement-card{grid-column:auto}.stats-row{gap:7px}.stat-card{padding:12px 9px;gap:7px;flex-direction:column;align-items:flex-start}.stat-card .icon-soft{width:32px;height:32px}.stat-card small{font-size:10px}.stat-card strong{font-size:20px}.panel{padding:17px}.panel-heading h3{font-size:14px}.panel-heading p{font-size:11px}.task-row{gap:9px}.task-info p{font-size:11px}.task-meta{gap:7px}.timer-card{padding:22px 15px}.timer-ring{width:205px;height:205px}.timer-ring strong{font-size:41px}.timer-card h2{font-size:16px}.student-row{gap:8px}.student-info{min-width:83px}.progress-number{min-width:30px}.mobile-footer{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:15;background:#fffdf8;border-top:1px solid #e9e0d4;justify-content:space-around;padding:9px 4px max(9px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #00000005}.mobile-footer button{border:0;background:transparent;color:#93958f;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;padding:3px 8px;min-width:58px}.mobile-footer button.active{color:#496f85;font-weight:700}.teacher-form{flex-direction:column}.teacher-form .primary-btn{width:100%}.subject-chip{padding:8px 10px}.duration-chip{min-width:74px}.modal-actions>*{flex:1}.timer-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Small workflow improvements for the teacher inbox and edit controls */
.task-actions-inline { display: flex; flex-wrap: wrap; gap: 12px; padding: 0 12px 12px; }
.received-task { border: 1px solid var(--border, #e8e2dc); border-radius: 14px; padding: 16px; margin: 14px 0; display: grid; gap: 10px; }
.received-task p { margin: 8px 0; line-height: 1.8; }
.received-task small { color: #777; }
.announcement-management-list { display: grid; gap: 8px; margin-top: 12px; }
.announcement-management-list > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px; border-radius: 10px; background: rgba(120, 100, 80, .06); }
.announcement-management-list > div span { flex: 1 1 200px; }

/* Parent dashboard sections inspired by the supplied reference screenshot */
.parent-overview{grid-column:1/-1;min-width:0}
.parent-tabs{display:flex;align-items:center;justify-content:flex-start;gap:22px;border-bottom:1px solid var(--line);margin:8px 0 18px;overflow-x:auto}
.parent-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:13px 5px 12px;white-space:nowrap;font:inherit;font-size:13px;cursor:pointer}
.parent-tab.active{color:var(--blue-dark);border-bottom-color:var(--blue-dark);font-weight:700}
.parent-section-panel{margin-bottom:18px;min-width:0}
.parent-response-card{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid var(--line);min-width:0}
.parent-response-info{flex:1;min-width:0}
.parent-response-info strong,.parent-response-info small{display:block}
.parent-response-info strong{font-size:13px}
.parent-response-info small{font-size:11px;color:var(--muted);margin-top:5px}
.parent-response-info p{font-size:12px;line-height:1.8;margin:8px 0 0;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:700px){.parent-tabs{gap:14px}.parent-tab{font-size:12px}.parent-response-card{align-items:flex-start;flex-wrap:wrap}.parent-response-card .status-pill{margin-right:50px}.stats-row{grid-template-columns:1fr}.timer-ring{width:190px;height:190px}.timer-ring strong{font-size:39px}}

.timer-ring.timer-green{border-color:#70a982;background:#f2faf1}
.timer-ring.timer-yellow{border-color:#e3b84f;background:#fff9df}
.timer-ring.timer-red{border-color:#d8756e;background:#fff0ee}
.timer-ring.timer-green strong{color:#327348}
.timer-ring.timer-yellow strong{color:#946c08}
.timer-ring.timer-red strong{color:#b53d36}

/* Final update: accessible completion state, calm timer colors and clear break progress */
.timer-ring.timer-blue{border-color:#5c9ed6;background:#eef7ff}.timer-ring.timer-blue strong{color:#175d95}
.timer-ring.timer-green{border-color:#27945b;background:#effaf2}.timer-ring.timer-green strong{color:#17683a}
.timer-ring.timer-yellow{border-color:#d99a27;background:#fff7e6}.timer-ring.timer-yellow strong{color:#80530b}
.timer-ring.timer-break{border-color:#d97722;background:#fff0dd}.timer-ring.timer-break strong{color:#a84b0c}
.timer-card.break-mode .timer-ring{border-color:#d97722;background:#fff7ed}
.break-segments{display:flex;gap:6px;max-width:320px;margin:15px auto}.break-segments span{height:9px;flex:1;border-radius:8px;background:#f0d5bd;border:1px solid #e9bd97}.break-segments span.filled{background:#d97722;border-color:#b85b13}
.break-status p{margin:7px 0 0;font-size:11px}
.task-row-completed{background:#087f3e;color:#fff;border-radius:14px;padding:15px;margin:10px 0;border-top:0;box-shadow:0 5px 16px #087f3e20;position:relative;overflow:hidden}
.task-row-completed .task-info strong,.task-row-completed .task-info p,.task-row-completed .task-meta>span:first-child{color:#fff}
.task-row-completed .task-icon.completed{background:#fff;color:#087f3e}
.task-row-completed .done-pill{background:#fff;color:#075c2e;font-weight:800}
.task-row-completed::after{content:'✦  ✧  ✦';position:absolute;left:14px;top:6px;color:#d7ffe5;letter-spacing:7px;font-size:13px;pointer-events:none}
.empty-state{padding:20px;background:#f8f7f2;border:1px dashed #d8d4c8;border-radius:13px;color:#6f746f;line-height:1.9;font-size:13px}
.delete-task-btn{color:#a33b32}
.feedback-choices{display:flex;flex-wrap:wrap;gap:7px}
.announcement-management-list .announcement-old{opacity:.62;background:rgba(120,100,80,.035)}
@media(max-width:760px){.task-row-completed{padding:13px 10px}.task-row-completed::after{font-size:11px;letter-spacing:3px}.break-segments{max-width:260px}}

/* Student-first layout and submission controls */
.submission-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.upload-pick{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px dashed #8ba995;border-radius:10px;background:#f4faf5;color:#315f41;font-size:12px;cursor:pointer}.upload-pick input{max-width:180px;font-size:11px}.submission-inline .primary-btn{padding:9px 13px;font-size:12px}.submission-inline .primary-btn:disabled{opacity:.45;cursor:not-allowed}.submission-inline small{font-size:11px;color:#315f41}.student-task-tabs{margin:8px 0 14px}.student-task-tabs .duration-chip{min-width:130px}.task-row-completed{border:1px solid #c4dfcc}.task-row-completed .row-action{display:none}.announcement-management-list{color:var(--ink)}.main-content{min-width:0}@media(max-width:760px){.submission-inline{align-items:stretch}.submission-inline>*{max-width:100%;width:100%}.upload-pick{justify-content:center}.upload-pick input{width:100%}}

/* Final requested refinements: softer completed cards, family selector and activity notifications */
.task-row-completed{background:#dcefe1;color:#244c35;border:1px solid #c4dfcc;box-shadow:0 3px 12px #4b806015}
.task-row-completed .task-info strong,.task-row-completed .task-info p,.task-row-completed .task-meta>span:first-child{color:#244c35}
.task-row-completed .task-icon.completed{background:#fff;color:#397a50}
.task-row-completed .done-pill{background:#f7fff8;color:#356847}
.task-row-completed::after{color:#80ad8c}
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.header-child-select{display:grid;gap:3px;font-size:10px;color:var(--muted)}
.header-child-select select{max-width:150px;border:1px solid var(--line);border-radius:10px;background:#fffdf8;color:var(--ink);padding:7px 9px;font:inherit;font-size:12px}
.notification-toggle{position:relative;border:1px solid var(--line);background:#fffdf8;color:var(--ink);border-radius:12px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}
.notification-toggle span{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;border-radius:99px;background:#dbe9df;color:#315c3e;font-size:10px;display:grid;place-items:center;padding:0 4px}
.notification-panel{margin:0 0 16px auto;max-width:650px;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 25px #00000008}
.notification-item{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line)}
.notification-item svg{flex-shrink:0;color:#658b70;margin-top:3px}
.notification-item strong{font-size:12px}.notification-item p{font-size:12px;line-height:1.7;margin:4px 0;color:var(--muted)}
.submitted-file a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;flex-wrap:wrap}
.submitted-file img{width:min(180px,100%);max-height:180px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #dce5dc}
.submitted-file span{font-size:12px}
@media(max-width:760px){.top-actions{gap:6px}.header-child-select select{max-width:115px}.notification-toggle{width:36px;height:36px}.notification-panel{margin:0 0 14px;width:100%}}
.child-manager-toggle{white-space:nowrap;font-size:11px}.child-option{display:flex;align-items:center;gap:10px;padding:11px 2px;border-top:1px solid var(--line);font-size:13px}.child-option input{width:17px;height:17px;accent-color:#719a7b}.child-manager-panel{max-width:420px}

/* Dedicated family dashboard inspired by the approved Taklif reference */
:root{--taklif-navy:#17345c;--taklif-blue:#236bb4;--taklif-paper:#faf7ef;--taklif-green:#dcefe2}
.sidebar{background:linear-gradient(180deg,#183b61 0%,#142f4e 100%);border-left:0;color:#fff;padding-top:22px}
.sidebar .brand{padding-bottom:25px}.sidebar .brand strong{color:#fff;font-size:26px}.sidebar .brand small,.sidebar .role-switch span{color:#c6d7e4}.sidebar .brand-mark{background:#f8f2e5;color:var(--taklif-navy)}.sidebar .role-switch{background:#23486c}.sidebar .role-switch select{background:#f9f7f1;color:#17345c;border:0}.sidebar .nav-item{color:#d5e2ec;min-height:45px}.sidebar .nav-item.active{background:#2364a8;color:#fff;box-shadow:0 6px 18px #061c352e}.sidebar .nav-arrow{display:none}.sidebar .help-bubble{background:#214668;color:#dbe8ef}.sidebar .sidebar-bottom>small{color:#b5c7d6}
.topbar{padding:2px 0 15px;border-bottom:1px solid #e9e5dc}.topbar h1{color:#17345c}.topbar .avatar{border-radius:50%;background:#e2edf4;color:#17345c}
.school-announcement-banner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;overflow:hidden;min-height:150px;margin:0 0 21px;border:1px solid #b8d8f2;border-radius:24px;background:linear-gradient(110deg,#d9edff,#eff7ff 72%,#d4eaff);box-shadow:0 10px 26px #2b6fa20a}.school-announcement-icon{width:74px;height:74px;margin-right:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#246cb2;box-shadow:inset 0 0 0 5px #edf7ff}.school-announcement-copy{padding:17px 0}.school-banner-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.school-banner-heading strong{font-size:21px;color:#102c55}.school-banner-heading span{background:#fff;border:1px solid #d4e8f8;color:#2d6594;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:700}.school-announcement-copy p{font-size:13px;line-height:1.9;color:#264b70;margin:10px 0}
.family-dashboard{display:grid;gap:19px}.family-child-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:stretch}.family-child-card,.family-child-add{display:flex;align-items:center;gap:11px;text-align:right;padding:12px 14px;border:1px solid #e9e7e1;background:#fffdf8;border-radius:19px;color:#17345c;min-width:0}.family-child-card.selected{border:1.5px solid #2d83d3;background:#f4faff}.family-child-card>div:nth-child(2){display:grid;gap:4px;min-width:0}.family-child-card strong{font-size:13px;overflow-wrap:anywhere}.family-child-card small{font-size:11px;color:#6b8093}.family-child-card>svg{margin-right:auto;color:#2879c7;flex-shrink:0}.family-child-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:800;flex-shrink:0}.family-child-avatar.boy{background:#d6ebff;color:#2269a9}.family-child-avatar.girl{background:#f8dfd9;color:#a95753}.family-child-add{flex-direction:column;justify-content:center;min-width:110px;border-style:dashed;color:#2a679d;background:#fbfaf6;font-size:11px}.family-greeting{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:14px 24px;min-height:112px;border-radius:21px;background:linear-gradient(100deg,#e6f2e8,#f2f8f5 70%,#e7f0ee);border:1px solid #dce9df}.family-greeting h2{font-size:22px;color:#17345c;margin:0 0 7px}.family-greeting p{margin:0;color:#49677e;font-size:13px;line-height:1.9}.edame-points-badge{margin-right:auto;display:grid;gap:5px;min-width:145px;padding:12px 16px;border-radius:16px;background:linear-gradient(145deg,#fff5d7,#fffdf3);border:1px solid #f0d68c;color:#73551b;text-align:center}.edame-points-badge span{font-size:11px;font-weight:800}.edame-points-badge strong{font-size:20px;color:#8b6210}.edame-points-badge small{font-size:10px;color:#806b3f}.study-illustration{width:110px;height:80px;border-radius:17px;background:#d3e8d4;color:#347b66;display:grid;place-items:center;position:relative;flex-shrink:0}.study-illustration:before,.study-illustration:after{content:'';position:absolute;width:28px;height:43px;border-radius:80% 0 80% 0;background:#83b48c;left:9px;bottom:3px;transform:rotate(-28deg);opacity:.7}.study-illustration:after{left:auto;right:7px;bottom:7px;transform:rotate(35deg);background:#b2d2a0}.study-illustration svg{z-index:1}.study-illustration span{position:absolute;top:3px;right:8px;color:#d7a43e}.family-home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.85fr);gap:17px;align-items:start}.family-main-column,.family-side-column{display:grid;gap:17px;min-width:0}.family-home-tasks,.family-completed-panel,.family-progress-card,.family-notice-list{min-width:0}.family-home-tasks .panel-heading h3,.family-completed-panel .panel-heading h3{display:flex;align-items:center;gap:9px;color:#17345c}.section-emoji{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fce8d5;color:#bc7d46}.family-home-tasks .task-row{padding:13px 0}.family-home-tasks .row-action{background:#236bb4;color:white;width:auto;height:auto;padding:10px 14px;border-radius:12px}.family-completed-panel{background:linear-gradient(150deg,#fffdf9,#f4faf4)}.family-completed-panel .panel-heading h3 svg{color:#238a60}.completed-mini-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #e5eee4;color:#24845a}.completed-mini-row>div{display:grid;gap:5px;min-width:0}.completed-mini-row strong{font-size:13px;color:#17345c}.completed-mini-row small{font-size:11px;line-height:1.7;color:#5b7a68}.family-empty{display:grid;justify-items:center;gap:8px;padding:30px 15px;color:#6e8996;text-align:center}.family-empty strong{color:#17345c;font-size:13px}.family-empty span{font-size:11px;line-height:1.8}.family-progress-card h3,.family-notice-list h3{font-size:15px;color:#17345c;margin:0}.progress-ring-wrap{display:flex;align-items:center;justify-content:space-around;gap:12px;padding-top:16px}.progress-ring{width:110px;height:110px;border:10px solid #d8e9e0;border-top-color:#278b78;border-right-color:#278b78;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#17345c;flex-shrink:0}.progress-ring strong{font-size:24px}.progress-ring span{font-size:10px;color:#71818b}.progress-legend{display:grid;gap:13px;font-size:11px;color:#526d7c}.progress-legend span{display:flex;align-items:center;gap:7px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.green-dot{background:#45a578}.blue-dot{background:#287bc4}.family-notice-row{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-top:1px solid #f0ebe2}.notice-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#e8f2fc;color:#286aa8;flex-shrink:0}.family-notice-row>div{display:grid;gap:5px;min-width:0}.family-notice-row strong{font-size:11px;color:#17345c}.family-notice-row small{font-size:10px;line-height:1.8;color:#71818b;overflow-wrap:anywhere}.family-motto{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:19px;padding:18px;background:linear-gradient(90deg,#f5e8d6,#fffaf1,#e7f0e4);color:#17345c;font-size:14px;font-weight:700}.family-motto svg{color:#b77d4f}.motto-spark{color:#d6a63b}
.family-messages-page,.family-reports-page,.family-profile-page{display:grid;gap:12px}.message-detail-card{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-top:1px solid #eee8de}.message-detail-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#e5f1fd;color:#236bb4;flex-shrink:0}.message-detail-card>div{flex:1;min-width:0}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.message-meta strong{font-size:13px;color:#17345c}.message-meta small{font-size:10px;color:#82909a}.message-detail-card h3{margin:10px 0 6px;font-size:14px}.message-detail-card p{font-size:13px;line-height:2;color:#52687b;margin:7px 0 0;overflow-wrap:anywhere}.school-message-detail{background:#f0f7ff;border:1px solid #d8e9f8;border-radius:17px;padding:17px}.family-calendar-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:17px}.calendar-month-title{text-align:center;font-weight:800;color:#17345c;margin:8px 0 16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-day-name,.calendar-day{display:grid;place-items:center;min-height:38px;border-radius:10px;font-size:12px;color:#526d7c}.calendar-day-name{font-weight:800;color:#7d8c95}.calendar-day.current-day{background:#236bb4;color:white;font-weight:800}.calendar-task-row{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-top:1px solid #eee8de;color:#236bb4}.calendar-task-row>div{display:grid;gap:5px}.calendar-task-row strong{font-size:12px;color:#17345c}.calendar-task-row small{font-size:11px;line-height:1.7;color:#758591}.report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-summary{display:grid;gap:8px;padding:15px;border-radius:15px;background:#f0f6fb;border:1px solid #e0edf6}.report-summary small{font-size:11px;color:#71818b}.report-summary strong{font-size:25px;color:#17345c}.report-subtitle{font-size:14px;color:#17345c;margin:16px 0 5px}.report-task-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eee8de}.report-task-row>div{display:grid;gap:5px}.report-task-row strong{font-size:12px;color:#17345c}.report-task-row small{font-size:10px;color:#788894}.report-status{border-radius:99px;padding:6px 9px;background:#edf3fb;color:#326ca5;font-size:10px;white-space:nowrap}.report-status.done{background:#e0f1e4;color:#28734b}.profile-hero{display:flex;align-items:center;gap:17px;padding:22px;border-radius:19px;background:linear-gradient(110deg,#e7f2fc,#f8f6ed)}.profile-big-avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#d1e8fc;color:#236bb4;font-size:27px;font-weight:800}.profile-hero h2{margin:0 0 6px;font-size:19px;color:#17345c}.profile-hero p{margin:0 0 10px;color:#72818b;font-size:12px}.school-profile-pill{display:inline-flex;align-items:center;gap:5px;color:#286a9f;background:#fff;border-radius:99px;padding:5px 9px;font-size:10px}.profile-info-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.profile-info-list>div{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #eee8de}.profile-info-list span{font-size:12px;color:#72818b}.profile-info-list strong{font-size:12px;color:#17345c;text-align:left;overflow-wrap:anywhere}
@media(max-width:1000px){.family-home-grid{grid-template-columns:1fr}.family-side-column{grid-template-columns:1fr 1fr}.school-announcement-banner{grid-template-columns:auto minmax(0,1fr) 145px}.school-announcement-icon{margin-right:14px}}
@media(max-width:760px){.sidebar{background:linear-gradient(180deg,#183b61 0%,#142f4e 100%)}.school-announcement-banner{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:0;padding:12px}.school-announcement-icon{width:45px;height:45px;margin-right:0}.school-announcement-icon svg{width:22px}.school-announcement-copy{padding:4px 0}.school-banner-heading strong{font-size:14px}.school-banner-heading span{font-size:9px;padding:4px 7px}.school-announcement-copy p{font-size:11px;margin:6px 0}.family-child-strip{grid-template-columns:1fr 1fr;gap:8px}.family-child-card{padding:9px;gap:8px}.family-child-avatar{width:37px;height:37px;font-size:15px}.family-child-card strong{font-size:11px}.family-child-card small{font-size:9px}.family-child-add{grid-column:1/-1;min-height:42px;flex-direction:row}.family-greeting{gap:12px;padding:13px}.study-illustration{width:66px;height:62px}.study-illustration svg{width:30px}.family-greeting h2{font-size:17px}.family-greeting p{font-size:11px}.edame-points-badge{min-width:0;padding:9px 10px}.edame-points-badge strong{font-size:16px}.edame-points-badge span,.edame-points-badge small{font-size:9px}.family-side-column{grid-template-columns:1fr}.family-home-tasks .task-row{flex-wrap:wrap}.family-home-tasks .row-action{padding:8px 10px}.family-motto{font-size:11px;text-align:center;gap:8px;padding:15px}.family-calendar-layout{grid-template-columns:1fr}.calendar-day-name,.calendar-day{min-height:32px;font-size:11px}.report-summary-grid{gap:6px}.report-summary{padding:10px}.report-summary small{font-size:10px}.report-summary strong{font-size:20px}.profile-info-list{grid-template-columns:1fr}.family-dashboard{gap:13px}}

/* Reference-matched family dashboard pass: fixed left rail, top brand bar, real illustrations */
:root{--taklif-navy:#173b61;--taklif-blue:#1767b5;--taklif-paper:#fbf8f0;--taklif-line:#e9e5dc}
body{background:#fbf8f0;color:#102d56}
.app-shell{direction:ltr;align-items:stretch;background:#fbf8f0}
.sidebar{direction:rtl;order:0;width:132px;min-width:132px;height:calc(100vh - 76px);top:76px;position:sticky;padding:34px 10px 18px;background:linear-gradient(180deg,#173a5f,#193653);border:0;border-radius:0 0 24px 0;color:#fff;box-shadow:inset -1px 0 #ffffff0a}
.sidebar nav{gap:8px}
.sidebar .nav-item{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:76px;padding:12px 6px;text-align:center;border-radius:12px;color:#e0eaf2;font-size:12px}
.sidebar .nav-item.active{background:#1e5b9c;color:white;box-shadow:0 5px 15px #08264645}
.sidebar .nav-item svg{width:22px;height:22px}
.sidebar .nav-arrow,.sidebar-bottom>small{display:none}
.sidebar-bottom{margin-top:auto}.sidebar .help-bubble{margin-top:20px;padding:11px 8px;text-align:center;background:#20466b;border-radius:14px}.sidebar .help-bubble p{font-size:10px;line-height:1.8}
.main-content{direction:rtl;order:1;flex:1;width:auto;max-width:none;min-width:0;margin:0;padding:0 14px 26px 0}
.topbar{height:76px;margin:0 -14px 11px 0;padding:0 25px 0 30px;background:#fffdf9;border-bottom:1px solid #e5e7e7;display:flex;direction:ltr;justify-content:space-between;gap:20px;position:relative}
.top-family-control{display:flex;align-items:center;gap:11px;direction:ltr;min-width:180px}.family-initial{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f0e9;color:#173b61;font-weight:800}.top-family-control select{direction:rtl;border:0;background:transparent;color:#173b61;font-size:13px;font-weight:600;max-width:155px;padding:8px}
.top-actions{direction:ltr;gap:12px;margin-left:auto;margin-right:0;flex-wrap:nowrap}.topbar .avatar{border:1px solid #e5edf5;border-radius:50%;width:42px;height:42px;background:#f4f7f9;color:#173b61}.notification-toggle{border:0;background:transparent;width:38px;height:38px;color:#173b61}.notification-toggle span{background:#f45f59;color:#fff}
.top-brand{display:flex;align-items:center;gap:12px;direction:rtl;min-width:180px}.top-brand .brand-mark{width:52px;height:52px;border-radius:15px;background:#f5f0e5;color:#1767b5}.top-brand strong{display:block;font-size:27px;line-height:1.1;color:#102d56;font-weight:800}.top-brand small{display:block;font-size:10px;color:#64778a;margin-top:3px}
.page-title{margin:15px 6px 17px}.page-title h1{font-size:23px;margin:2px 0;color:#102d56}.page-title .eyebrow{font-size:11px}
.school-announcement-banner{direction:ltr;display:flex;align-items:stretch;gap:0;min-height:184px;margin:0 0 18px;border-radius:23px;background:linear-gradient(100deg,#d8edff 0%,#edf7ff 72%,#d9ecfa 100%);border:1px solid #b8d9f5;box-shadow:0 8px 24px #2b6fa20a}
.school-announcement-icon{align-self:flex-start;flex:0 0 104px;width:104px;height:104px;margin:28px 4px 0 16px;border-radius:50%;color:#1767b5;background:#f8fcff;box-shadow:inset 0 0 0 5px #e7f4ff}
.school-announcement-icon svg{width:46px;height:46px}
.school-announcement-copy{direction:rtl;text-align:right;flex:1;min-width:0;padding:22px 18px 16px 4px}
.school-banner-heading strong{font-size:22px;font-weight:800;color:#102d56}.school-banner-heading span{background:#ff6d61;color:white;border:0;font-size:10px}
.school-announcement-copy p{font-size:14px;line-height:2;color:#183c63;margin:11px 0 6px}.school-announcement-copy .text-btn{font-size:12px;color:#1767b5}


.family-dashboard{gap:18px}.family-child-strip{direction:ltr;grid-template-columns:minmax(155px,1fr) minmax(155px,1fr) minmax(90px,.55fr) minmax(280px,1.55fr);gap:11px;align-items:stretch}
.family-child-card,.family-child-add{direction:rtl;min-height:118px;padding:12px 13px;border-radius:20px;background:#fffdf9;box-shadow:0 5px 15px #3e5d7008}
.family-child-card.selected{border:1.5px solid #237bca;background:#f5fbff}.family-child-card strong{font-size:14px}.family-child-card small{font-size:11px}
.family-child-avatar{overflow:hidden;border-radius:50%;width:62px;height:62px;background:#dceeff!important;padding:0}.family-child-avatar img{width:100%;height:100%;object-fit:cover;display:block}.family-child-avatar.girl{background:#f8e4df!important}
.family-child-add{min-width:90px;gap:7px;border-style:dashed;justify-content:center;background:#fffdf9;font-size:11px}.family-child-add svg{background:#f0f0ed;border-radius:50%;padding:5px;width:36px;height:36px}
.family-greeting{direction:ltr;grid-column:auto;min-height:118px;gap:0;padding:0;border-radius:20px;overflow:hidden;border:1px solid #e4ece8;background:#eef5f2 url('/assets/study-desk.png') left center/auto 100% no-repeat;position:relative;justify-content:flex-end}
.family-greeting:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#edf5f3e8 43%,#edf5f3 68%)}.family-greeting>div:last-child{direction:rtl;text-align:right;position:relative;z-index:1;padding:15px 18px 15px 10px;max-width:66%}.family-greeting h2{font-size:22px;color:#102d56}.family-greeting p{font-size:13px;line-height:1.9;color:#244c70}.study-illustration{display:none}
.family-home-grid{direction:ltr;grid-template-columns:minmax(0,1.6fr) minmax(245px,.85fr);gap:17px}.family-main-column,.family-side-column{direction:rtl}.family-side-column{gap:14px}.panel{border-color:#eee9e1;background:#fffdf9;box-shadow:0 7px 22px #6c65560a;border-radius:22px}.family-home-tasks,.family-completed-panel,.family-progress-card,.family-notice-list{padding:17px 18px}.family-home-tasks .panel-heading h3,.family-completed-panel .panel-heading h3{font-size:19px}.family-home-tasks .task-row{padding:11px 0;border-top:1px solid #f1eee7}.family-home-tasks .row-action{border-radius:22px;min-width:132px;justify-content:center;background:#1767b5}.family-completed-panel{background:#f0f8f0;border:1px solid #dfede0}.family-progress-card h3,.family-notice-list h3{font-size:17px}.progress-ring{border-color:#dce6e1;border-top-color:#239b91;border-right-color:#239b91;border-bottom-color:#239b91;width:124px;height:124px}.family-motto{border-radius:18px;background:linear-gradient(90deg,#f5e6d2,#fffaf0,#e5f0e5);min-height:85px;font-size:15px}
@media(max-width:1150px){.family-child-strip{grid-template-columns:1fr 1fr auto}.family-greeting{grid-column:1/-1;min-height:112px}.family-home-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr)}}
@media(max-width:800px){.app-shell{display:block}.sidebar{width:245px;min-width:245px;height:100vh;top:0;position:fixed;right:0;left:auto;z-index:20;transform:translateX(105%);border-radius:0 0 0 22px;padding:24px 14px}.sidebar.open{transform:translateX(0)}.sidebar .nav-item{flex-direction:row;justify-content:flex-start;min-height:48px;padding:12px;text-align:right}.sidebar .nav-item svg{width:19px;height:19px}.sidebar .nav-arrow{display:none}.main-content{padding:0 12px 86px;width:100%}.topbar{margin:0 -12px 12px;height:68px;padding:0 12px;gap:8px}.top-family-control{min-width:0;gap:5px}.top-family-control select{max-width:110px;font-size:11px}.family-initial{width:34px;height:34px}.top-brand{min-width:0;gap:6px}.top-brand .brand-mark{width:38px;height:38px}.top-brand strong{font-size:20px}.top-brand small{font-size:8px}.top-actions{gap:4px}.topbar .avatar{width:34px;height:34px}.school-announcement-banner{min-height:130px;border-radius:17px}.school-announcement-icon{flex-basis:48px;width:48px;height:48px;margin:18px 4px 0 9px}.school-announcement-icon svg{width:25px;height:25px}.school-announcement-copy{padding:12px 7px}.school-banner-heading strong{font-size:15px}.school-banner-heading span{font-size:8px;padding:4px 6px}.school-announcement-copy p{font-size:10px;line-height:1.8;margin:7px 0}.family-child-strip{grid-template-columns:1fr 1fr;gap:8px}.family-child-card{min-height:74px;padding:8px}.family-child-avatar{width:42px;height:42px}.family-child-card strong{font-size:11px}.family-child-card small{font-size:9px}.family-child-add{min-height:52px;flex-direction:row;grid-column:1/-1}.family-greeting{grid-column:1/-1;min-height:95px}.family-greeting>div:last-child{max-width:68%;padding:12px}.family-greeting h2{font-size:16px}.family-greeting p{font-size:10px}.family-home-grid{grid-template-columns:1fr;gap:12px}.family-side-column{grid-template-columns:1fr 1fr}.family-home-tasks,.family-completed-panel,.family-progress-card,.family-notice-list{padding:13px}.family-home-tasks .panel-heading h3,.family-completed-panel .panel-heading h3{font-size:15px}.family-home-tasks .task-row{flex-wrap:wrap}.family-home-tasks .row-action{min-width:100px;padding:8px 10px}.progress-ring{width:88px;height:88px;border-width:8px}.family-motto{font-size:11px;min-height:60px}.page-title{margin:12px 4px}.page-title h1{font-size:20px}}
@media(max-width:480px){.school-announcement-icon{margin-left:8px}.family-side-column{grid-template-columns:1fr}.top-brand small{display:none}.top-brand .brand-mark{display:none}.family-child-strip{grid-template-columns:1fr 1fr}.family-child-add{grid-column:1/-1}}

/* Calendar panel added to mirror the approved family-dashboard reference */
.family-calendar-card{padding:18px 17px 14px;direction:rtl}
.family-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:18px;text-align:center;color:#102d56}
.family-calendar-head>div{display:grid;gap:4px}
.family-calendar-head strong{font-size:14px;font-weight:800}
.family-calendar-head small{font-size:10px;color:#7a8b9a}
.calendar-arrow{border:0;background:transparent;color:#173b61;font-size:25px;line-height:1;cursor:pointer;padding:0 5px}
.family-calendar-weekdays,.family-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.family-calendar-weekdays{margin-bottom:8px;color:#7a8da0;font-size:11px;font-weight:700}
.family-calendar-days span{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:50%;font-size:11px;color:#173b61}
.family-calendar-days .calendar-selected-day{background:#237bca;color:white;font-weight:800;box-shadow:0 3px 8px #237bca33}
.family-calendar-days .calendar-task-day{position:relative;background:#f3f8fc}
.family-calendar-days .calendar-task-day:after{content:'';position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:#ef9d54}
.calendar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:12px;color:#84909a;font-size:9px}
.calendar-legend span{display:flex;align-items:center;gap:5px}
.calendar-legend i{width:6px;height:6px;border-radius:50%;background:#237bca}
.calendar-legend span+span i{background:#ef9d54}
@media(max-width:1000px){.family-calendar-card{padding:14px}}

/* Added in the reference-based revision: family-created tasks and visible priorities */
.personal-task-panel{margin-bottom:18px;border-color:#eadcc9;background:linear-gradient(145deg,#fffdf9,#fff8ed)}
.personal-task-form{display:grid;gap:9px}.personal-task-form label{font-size:12px;font-weight:750;color:#244567;margin-top:3px}.personal-task-form input,.personal-task-form textarea,.field-select{width:100%;border:1px solid #e4ded2;border-radius:12px;background:#fff;color:#203d5a;padding:11px 12px;font:inherit;font-size:13px;direction:rtl;box-sizing:border-box}.personal-task-form textarea{resize:vertical;line-height:1.9}.priority-picker .duration-chip{font-size:11px;line-height:1.7;white-space:normal}.priority-label{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:750}.priority-3{background:#ffede5;color:#9b482e}.priority-2{background:#edf4fc;color:#2c6193}.priority-1{background:#f2f0e9;color:#79715f}.task-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.complete-task-btn{border:1px solid #b9d8c2;background:#eef8f0;color:#2d6940;border-radius:11px;padding:8px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.complete-task-btn:hover{background:#dff1e4}.task-class-label{display:block;color:#718394;font-size:10px;margin-top:3px}.personal-task-panel .panel-heading{margin-bottom:12px}.personal-task-form .duration-grid{margin-bottom:4px}.task-row-actions .row-action{flex-shrink:0}
@media(max-width:760px){.task-row-actions{width:100%;justify-content:flex-start}.complete-task-btn{flex:1}.priority-picker{display:grid;grid-template-columns:1fr}.personal-task-form .duration-grid{flex-wrap:wrap}}

/* Requested fixes: Persian RTL rail, readable selectors, and locked sequential priorities */
.app-shell{direction:rtl}
.sidebar{order:0;border-radius:0 0 0 24px;box-shadow:inset 1px 0 #ffffff0a}
.main-content{order:1;padding:0 0 26px 14px}
.topbar{margin:0 0 11px -14px}
.field-select,.teacher-form input,.class-message-form input,.class-message-form textarea{color:#173b61;background:#fffdf9;border-color:#d9e2e8}
.field-select option{color:#173b61;background:#fffdf9;font-weight:500}
.teacher-form input,.class-message-form input,.class-message-form textarea{width:100%;border:1px solid #e4ded2;border-radius:12px;padding:11px 12px;direction:rtl;line-height:1.8}
.teacher-admin-form,.class-message-form{display:grid;gap:9px}
.teacher-admin-form label,.class-message-form label{font-size:12px;font-weight:750;color:#244567;margin-top:5px}
.priority-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.priority-chain-option{display:flex;align-items:center;gap:11px;text-align:right;min-height:70px;padding:10px 12px;border:1px solid #dce6ef;border-radius:14px;background:#f8fbff;color:#173b61;transition:background .15s,border-color .15s,opacity .15s;}
.priority-chain-option:hover:not(:disabled){border-color:#80b3df;background:#edf6ff}
.priority-chain-option.selected{border-color:#287bc4;background:#e5f1ff;box-shadow:inset 0 0 0 1px #287bc4}
.priority-chain-option:disabled,.priority-chain-option.used{opacity:.42;filter:grayscale(.35);cursor:not-allowed;background:#f0f0ed;color:#78828b;box-shadow:none}
.priority-number{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:#dcecff;color:#174a83;font-size:16px;font-weight:850}
.priority-chain-option:disabled .priority-number{background:#e2e4e3;color:#727b81}
.priority-chain-copy{display:grid;gap:4px;min-width:0;flex:1}
.priority-chain-copy strong{font-size:12px}
.priority-chain-copy small{font-size:10px;line-height:1.7;color:inherit}
.priority-lock{font-size:9px;white-space:nowrap;border-radius:99px;padding:4px 7px;background:#d5e9dc;color:#286943}
.priority-chain-option:disabled .priority-lock{background:#dfe2e0;color:#626c68}
.student-add-panel{margin:16px 0;padding:15px;border:1px solid #e2eaf0;background:#f8fbff;border-radius:15px}
.student-add-panel h3{margin:0 0 12px;font-size:14px}
.student-add-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center}
.student-add-controls input{width:100%;min-width:0;border:1px solid #e4ded2;border-radius:12px;padding:11px 12px;direction:rtl;color:#173b61;background:#fffdf9}
.class-progress-list{display:grid;gap:12px;margin-top:14px}
.class-progress-card{border:1px solid #e5e9e5;background:#fffefa;border-radius:15px;padding:15px}
.class-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.class-progress-heading>div{display:grid;gap:5px}.class-progress-heading strong{color:#173b61}.class-progress-heading small{font-size:11px;color:#758591}
.class-progress-card .stats-row{gap:8px}.class-progress-card .stat-card{padding:10px;border-radius:12px;box-shadow:none}.class-progress-card .stat-card strong{font-size:19px}
.student-roster{margin-top:10px}.class-message-form{margin-bottom:18px}.class-message-card{padding:14px 0;border-top:1px solid #e9e5dc}.class-message-card p{font-size:13px;line-height:1.9;color:#52687b;margin:9px 0 0;white-space:pre-wrap}
.task-actions-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 10px 55px}
.delete-task-btn{color:#b44b4b}
@media(max-width:800px){
  .app-shell{direction:rtl}
  .sidebar{right:0;left:auto;border-radius:0 0 0 22px}
  .main-content{padding:0 12px 86px;width:100%}
  .topbar{margin:0 -12px 12px 0}
  .priority-picker{grid-template-columns:1fr}
  .student-add-controls{grid-template-columns:1fr}
  .task-actions-inline{padding:0 0 10px 0}
}


/* Baseline-only requested fix: visible parent education section on family home */
.parent-education-card{padding:20px 22px;border:1px solid #dce8f0;background:linear-gradient(145deg,#fffefa,#f4f9fc);direction:rtl}
.parent-education-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.parent-education-icon{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#e4f0fb;color:#276da9}
.parent-education-heading h3{margin:0 0 5px;color:#173b61;font-size:17px}
.parent-education-heading small{font-size:11px;color:#718596}
.parent-education-hook{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right;border:1px solid #dfe9ee;border-radius:15px;padding:15px 16px;background:#fff;color:#173b61;font:inherit;font-size:13px;font-weight:750;line-height:1.9;cursor:pointer}
.parent-education-hook:hover{border-color:#9ec5e3;background:#fafdff}
.parent-education-toggle{display:flex;align-items:center;gap:5px;flex-shrink:0;color:#286fa9;font-size:11px;white-space:nowrap}
.education-chevron{transition:transform .18s}.education-chevron.open{transform:rotate(-90deg)}
.parent-education-body{padding:15px 4px 2px;color:#405b70;font-size:13px;line-height:2.15}
.parent-education-body p{margin:0 0 14px}
.parent-education-source{display:grid;gap:7px;border-top:1px solid #e6ecee;padding-top:12px;font-size:11px;line-height:1.9;color:#71818b}
.parent-education-source strong{color:#173b61;font-size:12px}
.parent-education-source a{display:inline-flex;align-items:center;gap:4px;width:fit-content;color:#246eaa;text-decoration:none;font-weight:750}
.parent-education-source a:hover{text-decoration:underline}
@media(max-width:600px){.parent-education-card{padding:15px}.parent-education-hook{align-items:flex-start;flex-direction:column;font-size:12px;padding:12px}.parent-education-toggle{align-self:flex-start}.parent-education-body{font-size:12px;line-height:2}}

/* Edame Stars Club - first interactive prototype */
.club-page{display:grid;gap:17px;direction:rtl}.club-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#f8f2df,#f2f8ee 58%,#e8f1f9);border:1px solid #e4e9d9}.club-hero h2{margin:10px 0 7px;color:#17345c;font-size:23px}.club-hero p{margin:0;color:#587083;font-size:13px;line-height:1.8}.club-kicker{display:inline-flex;align-items:center;gap:7px;color:#8b681c;font-size:12px;font-weight:800}.club-total{min-width:112px;min-height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff8df;border:7px solid #ead89a;color:#755716;flex-shrink:0}.club-total strong{font-size:29px}.club-total span{font-size:10px}.club-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.club-stat{padding:17px;border:1px solid #e5eae4;border-radius:17px;background:#fff;display:grid;gap:7px;min-width:0}.club-stat-icon{font-size:22px}.club-stat small{color:#61778a;font-size:11px}.club-stat strong{color:#17345c;font-size:24px}.club-stat p{margin:0;color:#71818b;font-size:10px;line-height:1.7}.club-badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.club-badge{display:flex;align-items:center;gap:12px;border:1px solid #e8e9e3;background:#f8f8f4;border-radius:15px;padding:13px;opacity:.72;min-width:0}.club-badge.earned{background:#f0f8ee;border-color:#cfe4c8;opacity:1}.club-badge>span{font-size:30px;flex-shrink:0}.club-badge>div{display:grid;gap:4px;min-width:0}.club-badge strong{font-size:12px;color:#17345c}.club-badge small{font-size:10px;color:#687d88;line-height:1.6}.club-badge em{font-size:10px;color:#4b8b65;font-style:normal}.club-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.club-weekday,.club-calendar-day{display:grid;place-items:center;min-height:39px;border-radius:10px;font-size:12px}.club-weekday{font-weight:800;color:#667b8a;background:#f5f7f4}.club-calendar-day{position:relative;background:#fafbf8;border:1px solid #edf0e9;color:#526c7c}.club-calendar-day.today{border:2px solid #4d9b76;font-weight:800}.club-calendar-day.done{background:#e4f4e6;color:#216e4d;border-color:#b7dfc0}.club-calendar-day small{font-size:9px;color:#c18a1a;position:absolute;bottom:1px}.club-legend-done,.club-legend-today{display:inline-block;width:9px;height:9px;border-radius:3px;background:#b7dfc0}.club-legend-today{background:transparent;border:2px solid #4d9b76}.club-reward-current{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border-radius:15px;background:#fffaf0;border:1px solid #efe0b9;margin-bottom:16px}.club-reward-current>div{display:grid;gap:7px;flex:1;min-width:0}.club-reward-current strong{font-size:16px;color:#17345c}.club-reward-current small{font-size:11px;color:#6b7c83;line-height:1.7}.club-reward-current em{font-size:11px;color:#2d8257;font-style:normal}.club-reward-progress{height:9px;border-radius:20px;background:#eadfc4;overflow:hidden}.club-reward-progress span{display:block;height:100%;border-radius:20px;background:#55a779}.club-parent-settings{border-top:1px solid #edf0e8;padding-top:15px;display:grid;gap:10px}.club-parent-settings h4{margin:0;color:#17345c}.club-parent-settings label,.club-form-grid label{font-size:12px;font-weight:700;color:#496779}.club-parent-settings input:not([type=checkbox]),.club-form-grid input{width:100%;min-width:0;padding:11px 12px;border:1px solid #dfe7e3;border-radius:11px;background:#fff;font:inherit;color:#17345c;box-sizing:border-box}.club-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.club-form-grid>div{display:grid;gap:7px}.club-point-options{display:grid;gap:9px;padding:12px;background:#f7f9f4;border-radius:12px}.club-point-options label{display:flex;align-items:center;gap:9px;font-weight:500;line-height:1.8}.club-point-options input{accent-color:#39845f;width:17px;height:17px}.club-plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #edf0e8}.club-plan-row strong{font-size:13px;color:#17345c}.club-plan-row p{font-size:11px;color:#6b7f8a;line-height:1.8;margin:5px 0 0}.club-local-warning{border-right:4px solid #d6a84d;padding:12px 14px;background:#fffaf0;border-radius:10px;color:#6b5b35;line-height:1.9}
@media(max-width:800px){.club-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-hero{align-items:flex-start;padding:16px}.club-hero h2{font-size:18px}.club-total{min-width:82px;min-height:82px;border-width:5px}.club-total strong{font-size:23px}.club-total span{font-size:9px}.club-reward-current{align-items:flex-start;flex-direction:column}.club-form-grid{grid-template-columns:1fr}.club-badge{padding:10px;gap:8px}.club-badge>span{font-size:25px}}

/* Stage 1: visible, separate star transaction history */
.club-ledger-list{display:grid;gap:9px}.club-ledger-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #e7ece5;border-radius:13px;background:#fbfcf9}.club-ledger-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff3cc;color:#9b7418;font-weight:900;font-size:20px}.club-ledger-icon.review{background:#e8f1fb;color:#376a9d}.club-ledger-row>div{display:grid;gap:4px;min-width:0}.club-ledger-row strong{font-size:12px;color:#17345c;overflow-wrap:anywhere}.club-ledger-row small{font-size:10px;color:#75858b}.club-ledger-row>b{font-size:12px;color:#387d58;white-space:nowrap}@media(max-width:600px){.club-ledger-row{grid-template-columns:32px minmax(0,1fr);}.club-ledger-row>b{grid-column:2}}

/* Stage 1 progress and calendar review markers */
.club-progress-track{height:12px;border-radius:20px;background:#edf1e8;overflow:hidden;margin:14px 0 8px}.club-progress-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#73b889,#3c8a64);transition:width .25s ease}.club-progress-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#607780;font-size:11px}.club-progress-caption strong{color:#2e7954}.club-calendar-day.reviewed{box-shadow:inset 0 0 0 1px #e1c66f}.club-calendar-day .club-review-marker{position:absolute;right:3px;top:1px;bottom:auto;color:#8d6c19;font-size:9px;font-weight:800}.club-legend-review{display:inline-block;width:9px;height:9px;border-radius:3px;background:#e1c66f}

/* Star club: empty leading cells keep the current month aligned to Saturday-first weeks. */
.club-calendar-empty{min-height:39px;border-radius:10px;background:transparent}

/* Teacher-controlled star scoring (local prototype UI) */
.teacher-manual-score{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8f5ee}
.teacher-manual-score label{font-size:12px;font-weight:700}
.teacher-manual-score input{width:100%;border:1px solid #e6ddd0;background:#fffefb;border-radius:10px;padding:10px;color:var(--ink)}
.teacher-manual-score small{font-size:11px;color:var(--muted)}
.teacher-stars-settings .club-point-options{display:grid;gap:10px}
.teacher-stars-settings .club-point-options label{display:flex;align-items:center;gap:9px}
.teacher-stars-settings input[type="radio"]{accent-color:var(--blue-dark)}


/* Requested family-home cleanup and responsive polish */
.family-teacher-messages{
  direction:rtl; display:grid; gap:12px; margin:0 0 19px; padding:18px 20px;
  border:1px solid #b9e2d4; border-right:5px solid #26866d; border-radius:20px;
  background:linear-gradient(120deg,#e8f7f0,#f4fbf8 65%,#e7f3f5);
  box-shadow:0 7px 20px rgba(35,117,96,.07); min-width:0;
}
.family-teacher-messages-heading{display:flex;align-items:center;gap:10px;color:#176c58}
.family-teacher-messages-heading>svg{flex-shrink:0}
.family-teacher-messages-heading>div{display:grid;gap:3px}
.family-teacher-messages-heading strong{font-size:16px;font-weight:850;color:#145744}
.family-teacher-messages-heading small{font-size:11px;line-height:1.7;color:#477c6d}
.family-teacher-message{padding:12px 14px;border:1px solid #cbe8dc;border-radius:14px;background:rgba(255,255,255,.86);min-width:0}
.family-teacher-message-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.family-teacher-message-meta strong{font-size:12px;color:#175d4b}
.family-teacher-message-meta span{font-size:10px;color:#47796d;background:#e7f5ef;border-radius:99px;padding:4px 8px}
.family-teacher-message h3{font-size:14px;line-height:1.7;color:#173b61;margin:7px 0 4px}
.family-teacher-message p{font-size:13px;line-height:2;color:#2d4f4a;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.family-teacher-message-empty{margin:0;color:#52796e;font-size:12px;line-height:1.9}
.family-task-accordion-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.family-task-toggle{padding:8px 11px;border-radius:10px;background:#eef6ff;border:1px solid #d6e7f7;color:#1f5f93;white-space:nowrap}
.family-task-chevron{transition:transform .18s;transform:rotate(0deg)}
.family-task-chevron.expanded{transform:rotate(-90deg)}
.family-home-tasks-content{margin-top:13px;border-top:1px solid #e8eee8;padding-top:8px}
.family-home-tasks.is-collapsed{background:linear-gradient(145deg,#fffefa,#f5f9f5)}
.family-home-tasks.is-collapsed .panel-heading{margin-bottom:0}
.family-greeting{gap:20px;padding:17px 22px;background:linear-gradient(105deg,#dcefe2 0%,#f1f8f3 60%,#e0edf5 100%);border-color:#bfd8ca;box-shadow:0 6px 18px rgba(33,90,70,.06)}
.family-greeting-copy{display:grid;gap:5px;min-width:0;flex:1}
.family-greeting h2{font-size:24px;line-height:1.45;font-weight:850;color:#123d5a;letter-spacing:0}
.family-greeting p{font-size:13px;line-height:2;color:#315b67;font-weight:550}
.study-illustration{width:104px;height:88px;border-radius:18px;background:linear-gradient(145deg,#b9dfc4,#d8ecdf);border:1px solid #a4cfb2;color:#246d57;box-shadow:inset 0 -4px 0 rgba(48,117,84,.08)}
.study-illustration:before,.study-illustration:after{opacity:.36}
.study-illustration svg{z-index:2;filter:drop-shadow(0 2px 1px rgba(30,90,65,.12))}
.study-illustration span{position:absolute;top:5px;right:9px;z-index:3;color:#ad7c17;font-size:19px;font-weight:900}

.top-family-control{gap:8px}
.top-family-control select{max-width:145px}
@media(max-width:1000px){
  .topbar{gap:8px}
  .top-brand{min-width:0}
  .family-greeting{gap:14px}
  .family-greeting h2{font-size:21px}
  .family-teacher-messages{padding:15px}
}
@media(max-width:800px){
  .family-greeting{align-items:center;gap:12px;padding:13px}
  .family-greeting-copy{flex:1;min-width:0;padding:0!important;max-width:none!important}
  .family-greeting h2{font-size:18px;margin:0 0 3px}
  .family-greeting p{font-size:11px;line-height:1.8}
  .study-illustration{width:66px;height:66px;flex:0 0 66px}
  .study-illustration svg{width:32px;height:32px}
  .edame-points-badge{min-width:105px;padding:9px 8px;margin-right:0}
  .edame-points-badge strong{font-size:17px}
  .edame-points-badge small{font-size:9px;line-height:1.5}
  .family-task-accordion-actions{gap:6px}
  .family-task-accordion-actions .text-btn{font-size:10px;padding:7px}
  .family-teacher-messages{border-radius:15px;margin-bottom:13px;padding:13px;gap:9px}
  .family-teacher-messages-heading strong{font-size:14px}
  .family-teacher-message{padding:10px}
  .family-teacher-message p{font-size:12px}
  
  
  .school-announcement-banner{grid-template-columns:48px minmax(0,1fr);gap:7px;min-height:108px}
  .school-announcement-icon{width:42px;height:42px;margin:13px 3px 0 4px;box-shadow:inset 0 0 0 3px #e7f4ff}
  .school-announcement-icon svg{width:23px;height:23px}
  .school-announcement-copy{padding:10px 4px}
  .school-banner-heading strong{font-size:14px}
  .school-banner-heading span{font-size:8px}
  .school-announcement-copy p{font-size:11px;line-height:1.8}
  .top-family-control select{max-width:100px;font-size:10px}
  .topbar .avatar{display:grid}
  .topbar .avatar{width:32px;height:32px}
}
@media(max-width:480px){
  
  
  .school-announcement-banner{grid-template-columns:37px minmax(0,1fr);gap:4px;min-height:100px;border-radius:14px}
  .school-announcement-icon{width:34px;height:34px;margin:11px 2px 0 1px;box-shadow:inset 0 0 0 2px #e7f4ff}
  .school-announcement-icon svg{width:19px;height:19px}
  .school-announcement-copy{padding:8px 2px}
  .school-banner-heading{gap:5px}
  .school-banner-heading strong{font-size:12px}
  .school-banner-heading span{display:none}
  .school-announcement-copy p{font-size:10px;line-height:1.7;margin:4px 0}
  .family-child-strip{grid-template-columns:1fr 1fr}
  .family-greeting{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:11px}
  .study-illustration{width:52px;height:58px;flex:0 0 52px;border-radius:13px}
  .study-illustration svg{width:27px;height:27px}
  .study-illustration span{font-size:14px;top:2px;right:5px}
  .family-greeting-copy{grid-column:2;grid-row:1}
  .edame-points-badge{grid-column:1/-1;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:right}
  .edame-points-badge span,.edame-points-badge small{font-size:9px}
  .edame-points-badge strong{font-size:15px}
  .family-task-accordion-actions{width:100%;justify-content:flex-start}
  .family-home-tasks .panel-heading{align-items:flex-start;flex-direction:column;gap:9px}
  .topbar .top-brand{gap:0}
  .topbar .top-brand strong{font-size:18px}
  .top-family-control select{max-width:86px}
  .top-actions{gap:0}
}

/* اصلاح قاب انتخاب فرزند بر اساس پروفایل */
.family-child-card.selected.boy-selected{border:2px solid #3989d4;background:linear-gradient(135deg,#f1f8ff,#e4f1ff);box-shadow:0 0 0 2px rgba(57,137,212,.08)}
.family-child-card.selected.girl-selected{border:2px solid #c6a28f;background:linear-gradient(135deg,#fbf4ef,#f2e5da);box-shadow:0 0 0 2px rgba(198,162,143,.10)}
.family-child-card.selected.girl-selected>svg{color:#a77b67}
.family-child-card.selected.boy-selected>svg{color:#2879c7}
.family-child-avatar.girl{background:#f2e2d6;color:#8c6655;border:1px solid #dfc6b6}
.family-child-avatar.boy{background:#dceeff;color:#2269a9;border:1px solid #b8d8f2}
.family-child-avatar img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.family-home-tasks.is-expanded .family-home-tasks-content{display:grid;gap:6px}
@media (max-width: 720px){.family-home-tasks .panel-heading{align-items:flex-start}.family-home-tasks .panel-heading h3{font-size:17px}.family-home-tasks .family-home-tasks-content{min-width:0}.family-home-tasks .task-row{min-width:0;flex-wrap:wrap}}