/* v31.7 النظرة العامة: glance cards for more pages */
.gl-list{display:flex;flex-direction:column}
.gl-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-size:13px}
.gl-row:first-child{border-top:0}
.gl-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl-row b{font-size:12.5px;color:var(--muted)}.gl-row.is-done b{color:var(--text)}
.gl-sub{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--muted);padding:6px 0}
.gl-sub b{color:var(--text)}
.gl-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gl-stats>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--surface-2)}
.gl-stats b{font-size:24px}.gl-stats small{font-size:11.5px;color:var(--muted)}
/* «open details» sits at the end of every card's head, never in its middle */
[data-home-section] :is(.v29-home-head,.v27-panel-heading),.health-page .health-card>header,.f30-card>.f30-head{display:flex;align-items:flex-start;gap:6px}
[data-home-section] :is(.v29-home-head,.v27-panel-heading)>:first-child,.health-page .health-card>header>:first-child,.f30-card>.f30-head>:first-child{margin-inline-end:auto;min-width:0}
/* v31.11 «عاداتي هذا الأسبوع» = the «عاداتي» table: the name on the right, then the days; the columns share the card's width */
.gl-week{border:1px solid var(--border);border-radius:12px;overflow:auto;max-width:100%}
.gl-week-table{width:100%!important;min-width:0!important;table-layout:fixed}
.gl-week-table th.habit-v269-sticky{width:34%!important;min-width:0!important;max-width:none!important;position:static}
.gl-week-table .habit-v269-day,.gl-week-table td.habit-v269-date{width:auto!important;min-width:0!important;max-width:none!important}
.gl-week-table thead th{border-top:0}
.gl-week-table tr>:last-child{border-inline-end:0}
.gl-week-table tbody tr:last-child>*{border-bottom:0}
.gl-week-table .habit-v269-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:12.5px}
.gl-week-table thead th.habit-v269-sticky{position:sticky;top:0}
.gl-week-table thead th{position:sticky;top:0;z-index:2}
.gl-week-table td.habit-v269-date{padding:0;height:36px}
.gl-week-table .gl-val{all:unset;box-sizing:border-box;display:grid;place-items:center;width:100%;height:100%;min-height:36px;cursor:pointer;font:600 11px var(--latin),sans-serif;color:var(--text)}
.gl-week-table .gl-val:hover:not(:disabled){background:color-mix(in srgb,var(--text) 7%,transparent)}
.gl-week-table .gl-val.is-done{background:var(--text);color:var(--bg)}
.gl-week-table .gl-val:focus-visible{outline:2px solid var(--text);outline-offset:-3px}
.gl-week-table .gl-val:disabled{cursor:default}
/* v31.13 «تخصيص النظرة العامة» at the far left of the date line */
.v29-home-top-tools{display:flex;align-items:center;gap:8px;width:100%}
.v29-home-top-tools [data-v29="home-custom"]{margin-inline-start:auto}
/* «خطر ببالك»: turning a thought into a task has its own small sign, shown on the row's hover; it is not «فتح التفاصيل» */
.v28-home-th{position:relative}
.v28-home-th .th-to-task{all:unset;box-sizing:border-box;flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s}
.v28-home-th:is(:hover,:focus-within) .th-to-task,.th-to-task:focus-visible{opacity:1}
.th-to-task:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}
.th-to-task:focus-visible{outline:2px solid var(--text);outline-offset:1px}
@media (hover:none){.v28-home-th .th-to-task{opacity:.7}}