/* V81 task UX update */ /* V66 final */ html,body,button,input,select,textarea,table,th,td,a,label,small,b,strong,h1,h2,h3,h4,p,span,time{font-family:Vazirmatn,Tahoma,Arial,sans-serif!important} .section-new-badge,.notification-badge,.dock-notification-badge{width:9px!important;min-width:9px!important;height:9px!important;min-height:9px!important;padding:0!important;border-radius:50%!important;background:#ff334f!important;color:transparent!important;font-size:0!important;line-height:0!important;top:1px!important;left:calc(50% + 10px)!important;right:auto!important;box-shadow:0 0 0 2px rgba(15,23,34,.9),0 2px 6px rgba(255,45,72,.35)!important}.header-message-badge{top:3px!important;right:3px!important;left:auto!important} .notification-summary-line{white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-height:1.8!important;max-height:3.6em!important} @media(min-width:1200px){body[data-page="home"] .middle-grid{grid-template-columns:280px minmax(0,1fr)!important}body[data-page="home"] .hero-grid{grid-template-columns:160px minmax(0,1fr) 320px!important}body[data-page="home"] .table-card{width:92%!important;margin-left:auto!important;margin-right:auto!important}body[data-page="home"] .challenges{width:100%!important}} @media(min-width:1450px){body[data-page="home"] .middle-grid{grid-template-columns:255px minmax(0,1fr)!important}body[data-page="home"] .hero-grid{grid-template-columns:150px minmax(0,1fr) 350px!important}} body[data-page="home"] .theme-picker{gap:5px!important}body[data-page="home"] .theme-picker span{font-size:9px!important}body[data-page="home"] .theme-picker select{min-width:86px!important;width:86px!important;height:34px!important;padding:0 5px!important;font-size:9px!important}body[data-page="home"] .group-picker select{height:34px!important;padding:0 7px!important;font-size:9.5px!important} body.entry-page{overflow-x:hidden!important}.entry-shell{width:calc(100vw - 18px)!important;max-width:none!important;margin-inline:auto!important}.entry-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important}.entry-form,.audit-panel{width:100%!important;max-width:none!important;overflow:visible!important}.employee-picker-panel{width:min(780px,calc(100vw - 18px))!important;max-height:none!important;overflow:visible!important}.employee-picker-menu{max-height:none!important;overflow:visible!important}.employee-picker-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}@media(max-width:800px){.employee-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){.employee-picker-options{grid-template-columns:1fr!important}.entry-shell{width:calc(100vw - 8px)!important}} .details-native-date{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.details-date-filter{position:relative!important}.details-date-btn{width:100%!important;height:44px!important;border-radius:10px!important;border:1px solid #38536d!important;background:#071724!important;color:#ffd75b!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important}.details-date-btn b{font-size:12px!important}body.details-date-open{overflow:hidden!important}.details-date-layer[hidden]{display:none!important}.details-date-layer:not([hidden]){position:fixed!important;inset:0!important;z-index:35000!important;display:grid!important;place-items:center!important;padding:12px!important}.details-date-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(3,8,14,.68)!important;backdrop-filter:blur(7px)!important}.details-date-panel{position:relative!important;z-index:2!important;width:min(680px,calc(100vw - 20px))!important;padding:13px!important;border-radius:23px!important}.details-date-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.details-date-panel-head small{color:#8499ad!important;font-size:9px!important}.details-date-panel-head h2{margin:2px 0 0!important;color:#fff!important;font-size:18px!important}.details-date-close{width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:22px!important}.details-calendar-range{margin-top:9px!important;padding:7px 9px!important;border-radius:10px!important;background:rgba(40,74,108,.22)!important;color:#bcd0e5!important;font-size:9px!important;text-align:center!important}.details-calendar-weekdays,.details-calendar-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important;direction:ltr!important}.details-calendar-weekdays{margin-top:10px!important}.details-calendar-days{margin-top:5px!important}.details-calendar-weekdays div{text-align:center!important;color:#9bafc3!important;font-size:10px!important;font-weight:800!important}.details-calendar-weekdays .friday{color:#e5a1b6!important}.details-calendar-empty{min-height:62px!important}.details-calendar-day{min-height:62px!important;border-radius:11px!important;border:1px solid rgba(75,105,136,.27)!important;background:linear-gradient(145deg,rgba(13,31,49,.88),rgba(7,19,32,.92))!important;color:#f4f8fc!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}.details-calendar-day b{font-size:16px!important}.details-calendar-day small{font-size:7px!important;color:#8398ad!important}.details-calendar-day.friday{background:linear-gradient(145deg,rgba(72,29,56,.62),rgba(35,22,47,.74))!important}.details-calendar-day.in-range{border-color:rgba(79,125,230,.52)!important;background:linear-gradient(145deg,rgba(32,76,145,.52),rgba(57,35,111,.46))!important}.details-calendar-day.selected{border-color:#ffd550!important;box-shadow:0 0 0 2px rgba(255,213,80,.13)!important;color:#ffe16d!important}.details-calendar-day.today:after{content:"امروز";color:#67e5ae;font-size:6.5px;font-weight:900}.details-calendar-day.disabled{opacity:.22!important}.details-calendar-note{margin-top:8px!important;display:flex!important;justify-content:center!important;gap:15px!important;color:#8ea3b8!important;font-size:8px!important}@media(max-width:650px){.details-date-layer:not([hidden]){place-items:end center!important;padding:0!important}.details-date-panel{width:100%!important;border-radius:24px 24px 0 0!important;padding:10px 8px max(10px,env(safe-area-inset-bottom))!important}.details-calendar-day,.details-calendar-empty{min-height:55px!important}} html[data-theme="day"]{color-scheme:light!important}html[data-theme="day"] body,html[data-theme="day"] body.entry-page,html[data-theme="day"] body.details-page,html[data-theme="day"] body.messages-page{background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.98),transparent 35%),radial-gradient(circle at 86% 14%,rgba(201,222,244,.58),transparent 40%),linear-gradient(135deg,#edf2f7,#f8fafc 48%,#e4ebf2)!important;color:#1d3042!important}html[data-theme="day"] body:before{background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(185,204,223,.08))!important}html[data-theme="day"] .glass,html[data-theme="day"] .liquid-card{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(236,243,249,.94))!important;border-color:#c8d5e2!important;box-shadow:0 12px 32px rgba(67,89,111,.12),inset 0 1px 0 #fff!important;color:#1d3042!important;backdrop-filter:none!important}html[data-theme="day"] h1,html[data-theme="day"] h2,html[data-theme="day"] h3,html[data-theme="day"] b,html[data-theme="day"] strong,html[data-theme="day"] p,html[data-theme="day"] label{color:#1e3348!important}html[data-theme="day"] small,html[data-theme="day"] .section-note,html[data-theme="day"] .title span,html[data-theme="day"] .date-sub,html[data-theme="day"] .trend-summary,html[data-theme="day"] .team-groups-mini,html[data-theme="day"] .entry-section-title span,html[data-theme="day"] .details-header p{color:#61768a!important}html[data-theme="day"] .best-card,html[data-theme="day"] .hero-stat,html[data-theme="day"] .challenge-card,html[data-theme="day"] .threshold,html[data-theme="day"] .mini-goal,html[data-theme="day"] .total-card,html[data-theme="day"] .audit-item,html[data-theme="day"] .live-scores>div,html[data-theme="day"] .tap-metric,html[data-theme="day"] .task-code-summary,html[data-theme="day"] .range-stat{background:#f4f8fb!important;border-color:#cdd9e5!important;color:#21374c!important}html[data-theme="day"] .stand{background:linear-gradient(180deg,#f7fafc,#e7eef5)!important;border-color:#bdccda!important}html[data-theme="day"] .stand b,html[data-theme="day"] .stand strong{color:#21374c!important}html[data-theme="day"] th{background:#dfe8f1!important;color:#294158!important;border-color:#c4d2df!important}html[data-theme="day"] td{background:rgba(255,255,255,.82)!important;color:#253a4e!important;border-color:#d5dfe8!important}html[data-theme="day"] tbody tr:hover td{background:#edf5fb!important}html[data-theme="day"] .chart-tip{background:#fff!important;border-color:#c6d5e3!important;color:#21384d!important}html[data-theme="day"] .gridlines line{stroke:#c9d5e0!important}html[data-theme="day"] .legend,html[data-theme="day"] .xlabels{color:#60778d!important}html[data-theme="day"] select,html[data-theme="day"] .group-picker select,html[data-theme="day"] .theme-picker select,html[data-theme="day"] .section-head select,html[data-theme="day"] .task-code-select,html[data-theme="day"] .employee-picker-btn,html[data-theme="day"] .entry-choice-btn,html[data-theme="day"] .details-date-btn{background:#f2f6fa!important;color:#263e56!important;border-color:#b8c9d9!important}html[data-theme="day"] select option{background:#fff!important;color:#253c53!important}html[data-theme="day"] [data-numeric-input]{background:#f4f7fa!important;color:#243c54!important;border-color:#b8c9d9!important}html[data-theme="day"] .numeric-pad-sheet,html[data-theme="day"] .entry-choice-panel,html[data-theme="day"] .details-date-panel,html[data-theme="day"] .employee-picker-panel{background:linear-gradient(145deg,#fff,#edf3f8)!important;border-color:#c0cfdd!important;color:#20364b!important}html[data-theme="day"] .employee-picker-copy b,html[data-theme="day"] .entry-choice-panel h2,html[data-theme="day"] .details-date-panel h2{color:#20364b!important}html[data-theme="day"] .employee-picker-copy small{color:#647b90!important}html[data-theme="day"] .employee-picker-option{color:#20364b!important;border-bottom-color:#d9e2ea!important}html[data-theme="day"] .employee-picker-option:hover,html[data-theme="day"] .employee-picker-option.selected{background:linear-gradient(110deg,#e1ecff,#eee5fb)!important}html[data-theme="day"] .entry-calendar-day,html[data-theme="day"] .details-calendar-day{background:#f4f8fb!important;border-color:#c9d6e2!important;color:#263e54!important}html[data-theme="day"] .entry-calendar-day.in-range,html[data-theme="day"] .details-calendar-day.in-range{background:linear-gradient(145deg,#dce9ff,#eee5ff)!important}html[data-theme="day"] .bottom-dock,html[data-theme="day"] .details-bottom-dock{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(229,238,247,.7))!important;border-color:#fff!important;box-shadow:0 14px 38px rgba(66,88,110,.18),inset 0 1px 0 #fff!important;backdrop-filter:blur(14px) saturate(130%)!important}html[data-theme="day"] .dock-label{color:#284660!important;text-shadow:none!important}html[data-theme="day"] .notification-link{background:#f3f7fb!important;border-color:#cbd8e4!important}html[data-theme="day"] .notification-summary-line{background:#eaf1f7!important;color:#314a62!important}html[data-theme="day"] .notification-row-head b{color:#20384f!important} html[data-theme="day"] body.team-one{background:linear-gradient(135deg,#e8f2ff,#f8fbff 48%,#dcecff)!important}html[data-theme="day"] body.team-two{background:linear-gradient(135deg,#f8e9ee,#fff8fa 48%,#f2dce4)!important}html[data-theme="day"] body.team-one .glass,html[data-theme="day"] body.team-one .liquid-card{border-color:#a8c9eb!important}html[data-theme="day"] body.team-two .glass,html[data-theme="day"] body.team-two .liquid-card{border-color:#dfb3c1!important}html[data-theme="day"] body.team-one .name-group,html[data-theme="day"] body.team-one .team-groups-mini{color:#416d98!important}html[data-theme="day"] body.team-two .name-group,html[data-theme="day"] body.team-two .team-groups-mini{color:#8e5064!important} html[data-theme="glass"]{color-scheme:dark!important}html[data-theme="glass"] body,html[data-theme="glass"] body.entry-page,html[data-theme="glass"] body.details-page,html[data-theme="glass"] body.messages-page{background:radial-gradient(circle at 13% 10%,rgba(57,124,255,.42),transparent 36%),radial-gradient(circle at 88% 15%,rgba(146,61,224,.38),transparent 39%),radial-gradient(circle at 50% 94%,rgba(38,183,181,.2),transparent 38%),linear-gradient(135deg,#101a2a,#171426 48%,#0d1822)!important;background-attachment:scroll!important}html[data-theme="glass"] .glass,html[data-theme="glass"] .liquid-card{background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.075))!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(24px) saturate(170%)!important;-webkit-backdrop-filter:blur(24px) saturate(170%)!important}html[data-theme="glass"] .best-card,html[data-theme="glass"] .hero-stat,html[data-theme="glass"] .challenge-card,html[data-theme="glass"] .threshold,html[data-theme="glass"] .mini-goal,html[data-theme="glass"] .total-card,html[data-theme="glass"] .audit-item,html[data-theme="glass"] .live-scores>div,html[data-theme="glass"] .tap-metric{background:linear-gradient(145deg,rgba(7,20,36,.48),rgba(8,14,26,.38))!important;border-color:rgba(255,255,255,.15)!important}html[data-theme="glass"] .group-picker select,html[data-theme="glass"] .theme-picker select,html[data-theme="glass"] .section-head select,html[data-theme="glass"] .details-date-btn,html[data-theme="glass"] .entry-choice-btn{background:rgba(8,20,36,.55)!important;border-color:rgba(216,227,255,.28)!important;color:#f7fbff!important}html[data-theme="glass"] body.team-one .glass,html[data-theme="glass"] body.team-one .liquid-card{border-color:rgba(79,145,224,.5)!important}html[data-theme="glass"] body.team-two .glass,html[data-theme="glass"] body.team-two .liquid-card{border-color:rgba(187,78,111,.52)!important} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}} /* ===================================================================== V67 — layout balance, neutral gray glass, robust notification UI ===================================================================== */ @media(min-width:1200px){ body[data-page="home"] .app{ grid-template-columns:minmax(145px,.95fr) minmax(430px,2.85fr) minmax(130px,.85fr) minmax(440px,3.15fr) minmax(235px,1.72fr)!important; } body[data-page="home"] .table-card{width:100%!important;margin:0!important} body[data-page="home"] .table-title{min-height:32px!important;height:32px!important;padding:4px 8px!important;font-size:12px!important;line-height:1.15!important} body[data-page="home"] .table-title-main{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body[data-page="home"] .all-details-btn{min-height:24px!important;padding:3px 7px!important;font-size:8.5px!important;border-radius:7px!important} body[data-page="home"] .table-scroll{height:calc(100% - 32px)!important} body[data-page="home"] .chart .section-head h2{font-size:15px!important} body[data-page="home"] .challenge-card p{font-size:10.2px!important} body[data-page="home"] .motivation strong{font-size:13px!important} body[data-page="home"] .motivation p{font-size:9px!important} } body.entry-page{overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:96px!important} body.entry-page .entry-shell{width:min(1180px,calc(100vw - 28px))!important;max-width:1180px!important;margin:12px auto 0!important;padding:0 0 112px!important} body.entry-page .entry-header,body.entry-page .entry-selector,body.entry-page .entry-grid{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important} body.entry-page .entry-grid{grid-template-columns:minmax(0,1fr)!important} body.entry-page .entry-form,body.entry-page .audit-panel{width:100%!important;max-width:none!important;overflow:visible!important} @media(min-width:1200px){body.entry-page .bottom-dock{display:grid!important;z-index:20000!important}} @media(max-width:650px){body.entry-page .entry-shell{width:calc(100vw - 10px)!important;margin-top:5px!important}} .section-new-badge,.notification-badge,.dock-notification-badge{ width:9px!important;min-width:9px!important;height:9px!important;min-height:9px!important;padding:0!important;border:0!important; border-radius:50%!important;background:#ff304d!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important } .bottom-dock .dock-item[data-section="notifications"] .section-new-badge, .details-bottom-dock .dock-item[data-section="notifications"] .section-new-badge{ top:4px!important;right:calc(50% - 24px)!important;left:auto!important } .header-message-badge{top:3px!important;right:3px!important;left:auto!important} .notification-page-panel{width:min(840px,94vw)!important} .notification-link{padding:11px 12px!important} .notification-row-head{gap:12px!important} .notification-row-head small{white-space:nowrap!important;font-size:8.5px!important} .notification-summary-line{ display:block!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.85!important;font-size:9.4px!important; padding:8px 9px!important;word-break:normal!important;overflow-wrap:anywhere!important } .notification-open-hint{margin-top:6px!important} .details-native-person{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .details-person-filter{position:relative!important} .details-person-btn{ width:100%!important;height:44px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) 18px!important;align-items:center!important;gap:5px!important; padding:0 8px!important;border-radius:10px!important;border:1px solid #38536d!important;background:#071724!important;color:#ffd75b!important;font-family:inherit!important;cursor:pointer!important } .details-person-btn b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11.5px!important;font-weight:900!important;text-align:right!important} .details-person-icon{font-size:15px!important}.details-person-chevron{font-size:16px!important;color:#8ea4b8!important} body.details-person-open{overflow:hidden!important} .details-person-layer[hidden]{display:none!important} .details-person-layer:not([hidden]){position:fixed!important;inset:0!important;z-index:36000!important;display:grid!important;place-items:center!important;padding:12px!important} .details-person-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(3,8,14,.68)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important} .details-person-panel{position:relative!important;z-index:2!important;width:min(690px,calc(100vw - 20px))!important;padding:12px!important;border-radius:22px!important} .details-person-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important} .details-person-panel-head small{color:#8499ad!important;font-size:9px!important}.details-person-panel-head h2{margin:2px 0 0!important;font-size:17px!important;color:#fff!important} .details-person-close{width:36px!important;height:36px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:22px!important;cursor:pointer!important} .details-person-all,.details-person-option{width:100%!important;border:1px solid rgba(85,112,140,.24)!important;background:rgba(12,29,46,.55)!important;color:#f7fbff!important;font-family:inherit!important;cursor:pointer!important} .details-person-all{min-height:58px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px!important;align-items:center!important;gap:8px!important;margin-top:9px!important;padding:7px 9px!important;border-radius:13px!important;text-align:right!important} .details-person-all-icon{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(92,127,168,.20)!important} .details-person-all b,.details-person-copy b{display:block!important;font-size:12.5px!important;font-weight:800!important;color:#f7fbff!important} .details-person-all small,.details-person-copy small{display:block!important;margin-top:2px!important;font-size:8.5px!important;color:#8fa5ba!important} .details-person-all i,.details-person-option i{opacity:0!important;color:#72e7ad!important;font-style:normal!important;font-weight:900!important} .details-person-all.selected,.details-person-option.selected{border-color:rgba(102,137,235,.50)!important;background:linear-gradient(110deg,rgba(46,103,215,.40),rgba(113,57,188,.31))!important} .details-person-all.selected i,.details-person-option.selected i{opacity:1!important} .details-person-groups{margin-top:9px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} .details-person-group{min-width:0!important;padding:8px!important;border-radius:14px!important;background:rgba(8,21,35,.35)!important;border:1px solid rgba(78,107,137,.18)!important} .details-person-group-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:1px 3px 6px!important} .details-person-group-title span{font-size:10px!important;font-weight:900!important;color:#8fb4ff!important}.details-person-group-title small{font-size:8px!important;color:#71889e!important} .details-person-options{display:grid!important;grid-template-columns:1fr!important;gap:6px!important} .details-person-option{min-height:54px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 22px!important;align-items:center!important;gap:7px!important;padding:6px 7px!important;border-radius:11px!important;text-align:right!important} .details-person-avatar{width:34px!important;height:34px!important;border-radius:50%!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.16)!important} .details-person-avatar img{width:100%!important;height:100%!important;object-fit:cover!important} @media(max-width:650px){ .details-person-layer:not([hidden]){place-items:end center!important;padding:0!important} .details-person-panel{width:100%!important;border-radius:24px 24px 0 0!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important} .details-person-groups{grid-template-columns:1fr!important} } #toDateBtn{border-color:rgba(81,184,139,.48)!important} #toDateBtn::after{content:"امروز";margin-right:4px;color:#72e7ad;font-size:7.5px;font-weight:900} html[data-theme="glass"] body,html[data-theme="glass"] body.entry-page,html[data-theme="glass"] body.details-page,html[data-theme="glass"] body.messages-page{ background:radial-gradient(circle at 18% 10%,rgba(132,139,148,.20),transparent 34%),radial-gradient(circle at 82% 16%,rgba(67,73,81,.28),transparent 38%),linear-gradient(135deg,#343a41 0%,#252a30 47%,#171b20 100%)!important; background-attachment:scroll!important } html[data-theme="glass"] .glass,html[data-theme="glass"] .liquid-card{ background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.075))!important;border:1px solid rgba(255,255,255,.28)!important; box-shadow:0 18px 48px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.06)!important; backdrop-filter:blur(24px) saturate(155%)!important;-webkit-backdrop-filter:blur(24px) saturate(155%)!important } html[data-theme="glass"] .best-card,html[data-theme="glass"] .hero-stat,html[data-theme="glass"] .challenge-card,html[data-theme="glass"] .threshold,html[data-theme="glass"] .mini-goal, html[data-theme="glass"] .total-card,html[data-theme="glass"] .audit-item,html[data-theme="glass"] .live-scores>div,html[data-theme="glass"] .tap-metric,html[data-theme="glass"] .task-code-summary,html[data-theme="glass"] .range-stat{ background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.16)!important } html[data-theme="glass"] .group-picker select,html[data-theme="glass"] .theme-picker select,html[data-theme="glass"] .section-head select,html[data-theme="glass"] .details-date-btn, html[data-theme="glass"] .details-person-btn,html[data-theme="glass"] .entry-choice-btn{background:rgba(34,40,47,.72)!important;color:#f4f7fa!important;border-color:rgba(255,255,255,.22)!important} html[data-theme="glass"] .bottom-dock,html[data-theme="glass"] .details-bottom-dock{ background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.075))!important;border:1px solid rgba(255,255,255,.28)!important; box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.38)!important; backdrop-filter:blur(24px) saturate(155%)!important;-webkit-backdrop-filter:blur(24px) saturate(155%)!important } html[data-theme="glass"] body.team-one .glass,html[data-theme="glass"] body.team-one .liquid-card{border-color:rgba(104,139,178,.34)!important} html[data-theme="glass"] body.team-two .glass,html[data-theme="glass"] body.team-two .liquid-card{border-color:rgba(159,92,111,.34)!important} html[data-theme="day"] .details-person-panel,html[data-theme="day"] .details-person-group{background:linear-gradient(145deg,#ffffff,#eef4f8)!important;border-color:#cbd8e3!important} html[data-theme="day"] .details-person-all,html[data-theme="day"] .details-person-option{background:#f5f8fb!important;color:#243b50!important;border-color:#cfdae4!important} html[data-theme="day"] .details-person-all b,html[data-theme="day"] .details-person-copy b,html[data-theme="day"] .details-person-panel-head h2{color:#21384d!important} html[data-theme="day"] .details-person-all small,html[data-theme="day"] .details-person-copy small{color:#657b8f!important} html[data-theme="day"] .details-person-all.selected,html[data-theme="day"] .details-person-option.selected{background:linear-gradient(110deg,#dfebff,#eee5fb)!important} /* ===================================================================== V68 — exact 60/40 home workspace + one-screen performance entry ===================================================================== */ /* Desktop home allocation: 60% => minimum/goal + winners + best of today + marketer performance 40% => team summary + activity trend + challenges + motivation */ @media (min-width:1200px){ body[data-page="home"] .app{ grid-template-columns:repeat(10,minmax(0,1fr))!important; column-gap:10px!important; } /* 60% primary side */ body[data-page="home"] .daily-min{ grid-column:1/2!important; grid-row:3!important; } body[data-page="home"] .podium{ grid-column:2/5!important; grid-row:3!important; } body[data-page="home"] .best{ grid-column:5/7!important; grid-row:3!important; } body[data-page="home"] .table-card{ grid-column:1/7!important; grid-row:4/6!important; width:100%!important; max-width:none!important; margin:0!important; } /* 40% secondary side */ body[data-page="home"] .chart{ grid-column:7/10!important; grid-row:3!important; width:100%!important; } body[data-page="home"] .hero-stats{ grid-column:10/11!important; grid-row:3!important; width:100%!important; } body[data-page="home"] .challenges{ grid-column:7/11!important; grid-row:4!important; width:100%!important; } body[data-page="home"] .motivation{ grid-column:7/11!important; grid-row:5!important; width:100%!important; } /* Keep the primary 60% readable after the exact split. */ body[data-page="home"] .best .section-head{ min-height:34px!important; padding:6px 7px 4px!important; } body[data-page="home"] .best .section-head h2{ font-size:13px!important; } body[data-page="home"] .best-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; padding:0 6px!important; } body[data-page="home"] .best-card{ padding:6px 4px!important; } body[data-page="home"] .table-title{ width:100%!important; min-height:32px!important; height:32px!important; padding:4px 9px!important; } /* Use the gained 40% side more effectively. */ body[data-page="home"] .chart .section-head h2{ font-size:15px!important; } body[data-page="home"] .chart-wrap{ min-height:175px!important; } body[data-page="home"] .challenge-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; padding:0 8px 8px!important; } body[data-page="home"] .challenge-card{ padding:8px!important; } body[data-page="home"] .challenge-card p{ font-size:8.2px!important; line-height:1.55!important; } body[data-page="home"] .motivation{ padding:7px 16px!important; } body[data-page="home"] .motivation strong{ font-size:12.5px!important; } } /* --------------------------------------------------------------------- Performance entry — compact desktop workspace that fits in one viewport without a page scrollbar or inner card scrollbars. --------------------------------------------------------------------- */ @media (min-width:981px){ body.entry-page{ height:100vh!important; min-height:0!important; overflow:hidden!important; padding:0!important; } body.entry-page .entry-shell{ width:min(1180px,calc(100vw - 28px))!important; max-width:1180px!important; height:calc(100vh - 78px)!important; min-height:0!important; margin:6px auto 0!important; padding:0!important; display:grid!important; grid-template-rows:60px 58px minmax(0,1fr)!important; gap:6px!important; overflow:hidden!important; } body.entry-page .entry-header{ position:relative!important; top:auto!important; z-index:20!important; min-height:60px!important; height:60px!important; padding:6px 10px!important; border-radius:15px!important; gap:8px!important; } body.entry-page .entry-header small{font-size:7.5px!important} body.entry-page .entry-header h1{ margin:0!important; font-size:17px!important; line-height:1.25!important; } body.entry-page .entry-user{ padding:5px 8px!important; font-size:8.5px!important; } body.entry-page .back-home-box{ min-width:128px!important; width:128px!important; height:38px!important; border-radius:12px!important; font-size:9px!important; } body.entry-page .back-home-icon{font-size:15px!important} body.entry-page .entry-selector{ height:58px!important; min-height:58px!important; margin:0!important; padding:5px 7px!important; border-radius:14px!important; grid-template-columns:210px minmax(280px,1fr) 150px!important; gap:7px!important; align-items:center!important; } body.entry-page .entry-field{ gap:2px!important; } body.entry-page .entry-field>label{ font-size:8px!important; line-height:1!important; } body.entry-page .entry-choice-btn{ min-height:39px!important; height:39px!important; padding:0 9px!important; border-radius:10px!important; } body.entry-page .entry-choice-icon{font-size:15px!important} body.entry-page .entry-choice-copy small{font-size:6.8px!important} body.entry-page .entry-choice-copy b{font-size:10px!important} body.entry-page .record-state{ min-height:39px!important; height:39px!important; padding:0 9px!important; font-size:8.5px!important; } body.entry-page .entry-grid{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; display:grid!important; grid-template-columns:minmax(0,4.1fr) minmax(235px,1fr)!important; gap:6px!important; align-items:stretch!important; overflow:hidden!important; } body.entry-page .entry-form, body.entry-page .audit-panel{ min-height:0!important; height:100%!important; padding:7px!important; border-radius:15px!important; overflow:hidden!important; } body.entry-page .entry-form{ display:flex!important; flex-direction:column!important; } body.entry-page .entry-section-title{ min-height:21px!important; padding:0 2px 4px!important; } body.entry-page .entry-section-title.secondary{ margin-top:5px!important; } body.entry-page .entry-section-title h2{ font-size:10.5px!important; line-height:1.2!important; } body.entry-page .entry-section-title span{ font-size:6.8px!important; } body.entry-page .metrics-grid, body.entry-page .codes-grid{ margin-top:5px!important; gap:5px!important; } body.entry-page .metrics-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } body.entry-page .issuance-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } body.entry-page .codes-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } body.entry-page .tap-metric{ padding:5px!important; border-radius:10px!important; } body.entry-page .tap-metric-title{ margin-bottom:3px!important; font-size:8.2px!important; } body.entry-page .numeric-metric [data-numeric-input]{ height:39px!important; font-size:15px!important; border-radius:9px!important; } body.entry-page .numeric-touch-hint{ display:none!important; } body.entry-page .code-select-box{ gap:2px!important; font-size:7.5px!important; } body.entry-page .task-code-select{ height:36px!important; min-height:36px!important; padding:0 7px!important; border-radius:9px!important; font-size:9px!important; } body.entry-page .code-select-hint{ min-height:14px!important; max-height:14px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; font-size:6.5px!important; line-height:14px!important; } body.entry-page .live-scores{ margin-top:6px!important; gap:5px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; } body.entry-page .live-scores>div{ min-height:38px!important; padding:5px 7px!important; border-radius:9px!important; } body.entry-page .live-scores span{font-size:7.2px!important} body.entry-page .live-scores b{font-size:13px!important} body.entry-page .entry-actions{ min-height:36px!important; margin-top:6px!important; gap:7px!important; } body.entry-page .save-record{ height:34px!important; padding:0 18px!important; border-radius:9px!important; font-size:9px!important; } body.entry-page .entry-actions span{font-size:8px!important} body.entry-page .audit-panel{ display:flex!important; flex-direction:column!important; } body.entry-page .audit-list{ min-height:0!important; flex:1 1 auto!important; margin-top:5px!important; gap:4px!important; overflow:hidden!important; } body.entry-page .audit-item{ padding:6px!important; border-radius:8px!important; } body.entry-page .audit-item b{font-size:8px!important} body.entry-page .audit-item time{font-size:6.5px!important} body.entry-page .audit-item p{ margin-top:2px!important; font-size:7.2px!important; line-height:1.45!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body.entry-page .audit-empty{ padding:12px 5px!important; font-size:8px!important; } /* The five-button dock remains visible, but the workspace ends above it. */ body.entry-page .bottom-dock{ display:grid!important; z-index:20000!important; } } /* Extra compression for shorter desktop/tablet-landscape screens. */ @media (min-width:981px) and (max-height:760px){ body.entry-page .entry-shell{ height:calc(100vh - 72px)!important; grid-template-rows:52px 52px minmax(0,1fr)!important; gap:5px!important; } body.entry-page .entry-header{height:52px!important;min-height:52px!important;padding:4px 8px!important} body.entry-page .entry-header h1{font-size:15px!important} body.entry-page .back-home-box{height:34px!important} body.entry-page .entry-selector{height:52px!important;min-height:52px!important;padding:3px 6px!important} body.entry-page .entry-choice-btn,body.entry-page .record-state{height:35px!important;min-height:35px!important} body.entry-page .entry-form,body.entry-page .audit-panel{padding:5px!important} body.entry-page .entry-section-title{min-height:18px!important;padding-bottom:2px!important} body.entry-page .entry-section-title.secondary{margin-top:3px!important} body.entry-page .metrics-grid,body.entry-page .codes-grid{margin-top:3px!important;gap:4px!important} body.entry-page .tap-metric{padding:3px!important} body.entry-page .tap-metric-title{font-size:7.4px!important;margin-bottom:2px!important} body.entry-page .numeric-metric [data-numeric-input]{height:34px!important;font-size:13px!important} body.entry-page .task-code-select{height:31px!important;min-height:31px!important} body.entry-page .code-select-hint{display:none!important} body.entry-page .live-scores{margin-top:4px!important} body.entry-page .live-scores>div{min-height:32px!important;padding:3px 5px!important} body.entry-page .entry-actions{min-height:31px!important;margin-top:4px!important} body.entry-page .save-record{height:30px!important} body.entry-page .audit-item{padding:4px!important} } /* ===================================================================== V69 — 45/55 desktop home + one-third shorter performance-entry page ===================================================================== */ /* --------------------------------------------------------------------- HOME DESKTOP The left/primary block was 60%. It is now 25% smaller: 60% × 0.75 = 45%. The trend/challenges/team-summary side receives the freed space = 55%. --------------------------------------------------------------------- */ @media (min-width:1200px){ body[data-page="home"] .app{ grid-template-columns:repeat(20,minmax(0,1fr))!important; column-gap:9px!important; } /* Left / performance side = 45% */ body[data-page="home"] .daily-min{ grid-column:1/3!important; grid-row:3!important; } body[data-page="home"] .podium{ grid-column:3/7!important; grid-row:3!important; } body[data-page="home"] .best{ grid-column:7/10!important; grid-row:3!important; } body[data-page="home"] .table-card{ grid-column:1/10!important; grid-row:4/6!important; width:100%!important; max-width:none!important; margin:0!important; } /* Right / insight side = 55% */ body[data-page="home"] .chart{ grid-column:10/18!important; grid-row:3!important; width:100%!important; } body[data-page="home"] .hero-stats{ grid-column:18/21!important; grid-row:3!important; width:100%!important; } body[data-page="home"] .challenges{ grid-column:10/21!important; grid-row:4!important; width:100%!important; } body[data-page="home"] .motivation{ grid-column:10/21!important; grid-row:5!important; width:100%!important; } /* The bigger insight side should actually use its extra width. */ body[data-page="home"] .chart-wrap{min-height:190px!important} body[data-page="home"] .challenge-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important; padding-left:10px!important; padding-right:10px!important; } body[data-page="home"] .challenge-card{padding:9px 10px!important} body[data-page="home"] .challenge-card p{font-size:9px!important;line-height:1.62!important} body[data-page="home"] .motivation{padding:9px 18px!important} body[data-page="home"] .motivation strong{font-size:13px!important} body[data-page="home"] .motivation p{font-size:9.5px!important} /* Keep the narrower performance side tidy. */ body[data-page="home"] .best-grid{gap:4px!important;padding-inline:5px!important} body[data-page="home"] .best-card{padding:5px 3px!important} body[data-page="home"] .best-card span{font-size:8px!important} body[data-page="home"] .best-card b{font-size:10px!important} body[data-page="home"] .best-card strong{font-size:14px!important} body[data-page="home"] .table-title{padding-inline:7px!important} } /* --------------------------------------------------------------------- PERFORMANCE ENTRY DESKTOP Roughly one-third shorter than V68, while staying fully above the five-button dock. Codes and issuance are now side-by-side. --------------------------------------------------------------------- */ @media (min-width:981px){ body.entry-page{ height:100vh!important; min-height:0!important; overflow:hidden!important; padding:0!important; } body.entry-page .entry-shell{ width:min(1160px,calc(100vw - 34px))!important; max-width:1160px!important; height:clamp(500px,66vh,650px)!important; min-height:0!important; margin:7px auto 0!important; padding:0!important; display:grid!important; grid-template-rows:48px 46px minmax(0,1fr)!important; gap:5px!important; overflow:hidden!important; } body.entry-page .entry-header{ min-height:48px!important; height:48px!important; padding:4px 9px!important; border-radius:13px!important; } body.entry-page .entry-header h1{font-size:15.5px!important;line-height:1.2!important} body.entry-page .entry-header small{font-size:7px!important} body.entry-page .entry-user{padding:4px 7px!important;font-size:8px!important} body.entry-page .back-home-box{height:34px!important;min-width:116px!important;width:116px!important;font-size:8.5px!important} body.entry-page .back-home-icon{font-size:14px!important} body.entry-page .entry-selector{ min-height:46px!important; height:46px!important; padding:3px 6px!important; border-radius:12px!important; grid-template-columns:190px minmax(260px,1fr) 130px!important; gap:6px!important; } body.entry-page .entry-field>label{font-size:7.2px!important} body.entry-page .entry-choice-btn, body.entry-page .record-state{ height:34px!important; min-height:34px!important; border-radius:9px!important; } body.entry-page .entry-choice-btn{padding-inline:8px!important} body.entry-page .entry-choice-icon{font-size:13px!important} body.entry-page .entry-choice-copy small{font-size:6.2px!important} body.entry-page .entry-choice-copy b{font-size:9.2px!important} body.entry-page .record-state{font-size:7.7px!important;padding-inline:7px!important} body.entry-page .entry-grid{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) 190px!important; gap:5px!important; align-items:stretch!important; overflow:hidden!important; } /* Information card: compact internal dashboard instead of a long form. */ body.entry-page .entry-form{ height:100%!important; min-height:0!important; padding:5px 6px!important; border-radius:13px!important; overflow:hidden!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important; grid-template-rows:18px 68px 17px 70px 43px 31px!important; gap:4px 6px!important; align-content:start!important; } /* Direct children of .entry-form */ body.entry-page .entry-form > :nth-child(1){grid-column:1/3!important;grid-row:1!important} body.entry-page .entry-form > :nth-child(2){grid-column:1/3!important;grid-row:2!important} body.entry-page .entry-form > :nth-child(3){grid-column:1!important;grid-row:3!important} body.entry-page .entry-form > :nth-child(4){grid-column:1!important;grid-row:4!important} body.entry-page .entry-form > :nth-child(5){grid-column:2!important;grid-row:3!important} body.entry-page .entry-form > :nth-child(6){grid-column:2!important;grid-row:4!important} body.entry-page .entry-form > :nth-child(7){grid-column:1/3!important;grid-row:5!important} body.entry-page .entry-form > :nth-child(8){grid-column:1/3!important;grid-row:6!important} body.entry-page .entry-section-title, body.entry-page .entry-section-title.secondary{ min-height:0!important; height:18px!important; margin:0!important; padding:0 1px!important; display:flex!important; align-items:center!important; gap:6px!important; } body.entry-page .entry-section-title h2{font-size:9.2px!important;line-height:1!important;margin:0!important} body.entry-page .entry-section-title span{font-size:6.2px!important;line-height:1!important} body.entry-page .metrics-grid, body.entry-page .codes-grid, body.entry-page .live-scores, body.entry-page .entry-actions{ margin:0!important; } body.entry-page .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important} body.entry-page .issuance-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important} body.entry-page .codes-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important} body.entry-page .tap-metric{padding:3px 4px!important;border-radius:8px!important} body.entry-page .tap-metric-title{font-size:7.4px!important;margin-bottom:2px!important;line-height:1.05!important} body.entry-page .numeric-metric [data-numeric-input]{height:34px!important;font-size:13px!important;border-radius:8px!important} body.entry-page .numeric-touch-hint{display:none!important} body.entry-page .code-select-box{gap:1px!important;font-size:6.7px!important} body.entry-page .task-code-select{height:31px!important;min-height:31px!important;padding-inline:5px!important;border-radius:8px!important;font-size:8px!important} body.entry-page .code-select-hint{display:none!important} body.entry-page .live-scores{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important} body.entry-page .live-scores>div{min-height:43px!important;height:43px!important;padding:4px 6px!important;border-radius:8px!important} body.entry-page .live-scores span{font-size:6.6px!important} body.entry-page .live-scores b{font-size:12px!important} body.entry-page .entry-actions{height:31px!important;min-height:31px!important;gap:6px!important;align-items:center!important} body.entry-page .save-record{height:29px!important;padding-inline:15px!important;border-radius:8px!important;font-size:8px!important} body.entry-page .entry-actions span{font-size:7px!important} /* Audit history becomes a narrow corner rail. */ body.entry-page .audit-panel{ width:190px!important; min-width:190px!important; height:100%!important; min-height:0!important; padding:5px!important; border-radius:13px!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } body.entry-page .audit-panel .entry-section-title{ height:auto!important; min-height:30px!important; display:block!important; padding:2px 3px 4px!important; } body.entry-page .audit-panel .entry-section-title h2{font-size:9px!important} body.entry-page .audit-panel .entry-section-title span{display:block!important;margin-top:2px!important;font-size:6px!important} body.entry-page .audit-list{ min-height:0!important; flex:1 1 auto!important; margin:0!important; gap:3px!important; overflow:hidden!important; } body.entry-page .audit-item{padding:4px 5px!important;border-radius:7px!important} body.entry-page .audit-top{gap:3px!important} body.entry-page .audit-item b{font-size:7.2px!important} body.entry-page .audit-item time{font-size:5.8px!important} body.entry-page .audit-item p{ margin-top:1px!important; font-size:6.4px!important; line-height:1.35!important; -webkit-line-clamp:2!important; } body.entry-page .audit-empty{padding:9px 4px!important;font-size:7px!important} body.entry-page .audit-more{ margin-top:2px!important; padding:4px 5px!important; border-radius:7px!important; border:1px dashed rgba(117,145,177,.28)!important; background:rgba(18,38,58,.28)!important; color:#8fa7bd!important; font-size:6.6px!important; text-align:center!important; } /* Explicitly keep the workspace clear of the fixed five-button dock. */ body.entry-page .bottom-dock{display:grid!important;z-index:20000!important} } /* On shorter desktop windows we keep the same compact layout, not a taller fallback. */ @media (min-width:981px) and (max-height:760px){ body.entry-page .entry-shell{ height:clamp(485px,68vh,555px)!important; grid-template-rows:44px 42px minmax(0,1fr)!important; gap:4px!important; } body.entry-page .entry-header{height:44px!important;min-height:44px!important} body.entry-page .entry-selector{height:42px!important;min-height:42px!important} body.entry-page .entry-choice-btn, body.entry-page .record-state{height:31px!important;min-height:31px!important} } /* --------------------------------------------------------------------- DAY THEME — stronger contrast sweep. Previous white / light-gray copy becomes dark ink, while action buttons that need white text keep it explicitly. --------------------------------------------------------------------- */ html[data-theme="day"] body[data-page="home"] .app :is(h1,h2,h3,h4,h5,h6,p,span,small,label,b,strong,time,td,th), html[data-theme="day"] body.entry-page .entry-shell :is(h1,h2,h3,h4,h5,h6,p,span,small,label,b,strong,time), html[data-theme="day"] body.details-page .details-shell :is(h1,h2,h3,h4,h5,h6,p,span,small,label,b,strong,time,td,th), html[data-theme="day"] body.messages-page .messages-shell :is(h1,h2,h3,h4,h5,h6,p,span,small,label,b,strong,time){ color:#20364a!important; text-shadow:none!important; } /* Secondary copy stays visibly dark instead of pale gray. */ html[data-theme="day"] :is(.title span,.title-month,.date-sub,.outside-clock,.section-note,.trend-summary,.team-groups-mini, .entry-section-title span,.entry-choice-copy small,.code-select-hint,.audit-item time,.details-header p,.details-person-copy small, .notification-row-head small,.notification-open-hint,.messages-toolbar span,.messages-empty span){ color:#536b81!important; } /* Team identity remains readable but distinct in day mode. */ html[data-theme="day"] body.team-one :is(.name-group,.team-groups-mini){color:#2f6698!important} html[data-theme="day"] body.team-two :is(.name-group,.team-groups-mini){color:#8a465d!important} /* Keep text white on intentionally saturated action surfaces. */ html[data-theme="day"] .back-home-box, html[data-theme="day"] .back-home-box span, html[data-theme="day"] .save-record, html[data-theme="day"] .quick-add-option.primary, html[data-theme="day"] .numeric-key-action.confirm{ color:#fff!important; } /* Darker day-theme borders and controls improve separation. */ html[data-theme="day"] :is(.glass,.liquid-card,.tap-metric,.audit-item,.best-card,.challenge-card,.hero-stat,.threshold,.mini-goal,.total-card){ border-color:#b8c8d7!important; } html[data-theme="day"] :is(select,.entry-choice-btn,.details-date-btn,.details-person-btn,.task-code-select,[data-numeric-input]){ color:#263f56!important; border-color:#9fb4c7!important; } /* ===================================================================== V70 — desktop home layout correction IMPORTANT: the dashboard grid is RTL. In RTL, grid line 1 starts from the RIGHT edge. V69 treated it like LTR, which reversed the requested proportions. This block intentionally preserves RTL and maps: RIGHT insight side = 55% LEFT performance side = 45% ===================================================================== */ @media (min-width:1200px){ body[data-page="home"] .app{ direction:rtl!important; grid-template-columns:repeat(20,minmax(0,1fr))!important; column-gap:9px!important; } /* --------------------------------------------------------------- RIGHT SIDE — 55% روند فعالیت‌ها + خلاصه تیم + چالش‌ها + متن انگیزشی RTL grid lines 1..12 occupy the visual RIGHT side. --------------------------------------------------------------- */ body[data-page="home"] .hero-stats{ grid-column:1/4!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .chart{ grid-column:4/12!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .challenges{ grid-column:1/12!important; grid-row:4!important; width:100%!important; min-width:0!important; } body[data-page="home"] .motivation{ grid-column:1/12!important; grid-row:5!important; width:100%!important; min-width:0!important; } /* --------------------------------------------------------------- LEFT SIDE — 45% حداقل + برندگان + بهترین‌های امروز + عملکرد بازاریابان RTL grid lines 12..21 occupy the visual LEFT side. --------------------------------------------------------------- */ body[data-page="home"] .daily-min{ grid-column:12/14!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .podium{ grid-column:14/18!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .best{ grid-column:18/21!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .table-card{ grid-column:12/21!important; grid-row:4/6!important; width:100%!important; max-width:none!important; margin:0!important; min-width:0!important; } /* Give the intentionally larger RIGHT side useful breathing room. */ body[data-page="home"] .chart .section-head{ padding-inline:11px!important; } body[data-page="home"] .chart-wrap{ min-height:195px!important; } body[data-page="home"] .challenge-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; padding-inline:11px!important; } body[data-page="home"] .challenge-card{ padding:10px 11px!important; } body[data-page="home"] .motivation{ padding-inline:20px!important; } /* Keep the deliberately smaller LEFT side compact and balanced. */ body[data-page="home"] .best-grid{ gap:4px!important; padding-inline:5px!important; } body[data-page="home"] .best-card{ padding:5px 3px!important; } body[data-page="home"] .table-title{ min-height:32px!important; height:32px!important; padding-inline:7px!important; } } /* ===================================================================== V71 — restore HOME visual sides RIGHT: performance / minimum / podium / best-today LEFT: team summary / trend / challenges / motivation ===================================================================== */ @media (min-width:1200px){ body[data-page="home"] .app{ direction:rtl!important; grid-template-columns:repeat(20,minmax(0,1fr))!important; column-gap:9px!important; } /* ---------------- RIGHT / PERFORMANCE SIDE ≈ 55% ---------------- */ body[data-page="home"] .daily-min{ grid-column:1/4!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .podium{ grid-column:4/8!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .best{ grid-column:8/12!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .table-card{ grid-column:1/12!important; grid-row:4/6!important; width:100%!important; max-width:none!important; margin:0!important; min-width:0!important; } /* ---------------- LEFT / INSIGHT SIDE ≈ 45% ---------------- */ body[data-page="home"] .chart{ grid-column:12/18!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .hero-stats{ grid-column:18/21!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .challenges{ grid-column:12/21!important; grid-row:4!important; width:100%!important; min-width:0!important; } body[data-page="home"] .motivation{ grid-column:12/21!important; grid-row:5!important; width:100%!important; min-width:0!important; } /* Restore comfortable sizes on the right performance side. */ body[data-page="home"] .best-grid{ gap:6px!important; padding-inline:7px!important; } body[data-page="home"] .best-card{ padding:7px 5px!important; } body[data-page="home"] .best-card span{ font-size:8.7px!important; } body[data-page="home"] .best-card b{ font-size:11px!important; } body[data-page="home"] .best-card strong{ font-size:15px!important; } body[data-page="home"] .table-title{ min-height:34px!important; height:34px!important; padding-inline:9px!important; } /* Keep left-side insight content readable in its 45% area. */ body[data-page="home"] .chart-wrap{ min-height:188px!important; } body[data-page="home"] .challenge-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; padding-inline:9px!important; } body[data-page="home"] .challenge-card{ padding:8px 9px!important; } body[data-page="home"] .motivation{ padding-inline:16px!important; } } /* ===================================================================== V71 — PERFORMANCE ENTRY fills the desktop vertically again From the top workspace down to just above the five-button toolbar. ===================================================================== */ @media (min-width:981px){ body.entry-page{ height:100vh!important; min-height:100vh!important; overflow:hidden!important; padding:0!important; } body.entry-page .entry-shell{ width:min(1180px,calc(100vw - 28px))!important; max-width:1180px!important; height:calc(100vh - 88px)!important; min-height:620px!important; margin:7px auto 0!important; padding:0!important; display:grid!important; grid-template-rows:64px 64px minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; } body.entry-page .entry-header{ height:64px!important; min-height:64px!important; padding:8px 11px!important; border-radius:15px!important; } body.entry-page .entry-header h1{ font-size:18px!important; } body.entry-page .entry-header small{ font-size:8px!important; } body.entry-page .entry-user{ font-size:9px!important; padding:6px 8px!important; } body.entry-page .back-home-box{ height:42px!important; min-width:138px!important; width:auto!important; padding-inline:13px!important; font-size:9.5px!important; } body.entry-page .entry-selector{ height:64px!important; min-height:64px!important; padding:5px 8px!important; border-radius:14px!important; grid-template-columns:230px minmax(300px,1fr) 160px!important; gap:8px!important; } body.entry-page .entry-field>label{ font-size:8px!important; } body.entry-page .entry-choice-btn, body.entry-page .record-state{ height:44px!important; min-height:44px!important; border-radius:10px!important; } body.entry-page .entry-choice-copy small{ font-size:7px!important; } body.entry-page .entry-choice-copy b{ font-size:10.5px!important; } body.entry-page .record-state{ font-size:8.5px!important; padding-inline:8px!important; } body.entry-page .entry-grid{ height:100%!important; min-height:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) 215px!important; gap:7px!important; overflow:hidden!important; } body.entry-page .entry-form{ height:100%!important; min-height:0!important; padding:8px 9px!important; border-radius:15px!important; overflow:hidden!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important; grid-template-rows:24px 90px 22px 90px 58px 40px!important; gap:6px 8px!important; align-content:start!important; } body.entry-page .entry-form > :nth-child(1){grid-column:1/3!important;grid-row:1!important} body.entry-page .entry-form > :nth-child(2){grid-column:1/3!important;grid-row:2!important} body.entry-page .entry-form > :nth-child(3){grid-column:1!important;grid-row:3!important} body.entry-page .entry-form > :nth-child(4){grid-column:1!important;grid-row:4!important} body.entry-page .entry-form > :nth-child(5){grid-column:2!important;grid-row:3!important} body.entry-page .entry-form > :nth-child(6){grid-column:2!important;grid-row:4!important} body.entry-page .entry-form > :nth-child(7){grid-column:1/3!important;grid-row:5!important} body.entry-page .entry-form > :nth-child(8){grid-column:1/3!important;grid-row:6!important} body.entry-page .entry-section-title, body.entry-page .entry-section-title.secondary{ height:22px!important; min-height:22px!important; margin:0!important; padding:0 2px!important; } body.entry-page .entry-section-title h2{ font-size:10.5px!important; } body.entry-page .entry-section-title span{ font-size:7px!important; } body.entry-page .metrics-grid, body.entry-page .issuance-grid, body.entry-page .codes-grid{ gap:6px!important; } body.entry-page .tap-metric{ padding:5px 6px!important; border-radius:10px!important; } body.entry-page .tap-metric-title{ font-size:8.2px!important; margin-bottom:4px!important; } body.entry-page .numeric-metric [data-numeric-input]{ height:44px!important; font-size:15px!important; border-radius:10px!important; } body.entry-page .task-code-select{ height:40px!important; min-height:40px!important; font-size:9px!important; } body.entry-page .code-select-hint{ min-height:15px!important; max-height:15px!important; line-height:15px!important; font-size:6.8px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.entry-page .live-scores{ gap:6px!important; } body.entry-page .live-scores>div{ height:58px!important; min-height:58px!important; padding:6px 8px!important; border-radius:10px!important; } body.entry-page .live-scores span{ font-size:7.5px!important; } body.entry-page .live-scores b{ font-size:14px!important; } body.entry-page .entry-actions{ height:40px!important; min-height:40px!important; gap:7px!important; } body.entry-page .save-record{ height:37px!important; padding-inline:18px!important; font-size:9px!important; } /* Audit stays a side rail, but is no longer crushed. */ body.entry-page .audit-panel{ width:215px!important; min-width:215px!important; height:100%!important; padding:7px!important; border-radius:15px!important; overflow:hidden!important; } body.entry-page .audit-panel .entry-section-title{ min-height:38px!important; height:auto!important; padding:3px 4px 5px!important; } body.entry-page .audit-panel .entry-section-title h2{ font-size:10px!important; } body.entry-page .audit-panel .entry-section-title span{ font-size:6.8px!important; } body.entry-page .audit-list{ min-height:0!important; flex:1 1 auto!important; gap:5px!important; overflow:hidden!important; } body.entry-page .audit-item{ padding:6px!important; border-radius:9px!important; } body.entry-page .audit-item b{ font-size:8px!important; } body.entry-page .audit-item time{ font-size:6.3px!important; } body.entry-page .audit-item p{ font-size:7px!important; line-height:1.45!important; } /* Five-button dock remains visible and the page ends directly above it. */ body.entry-page .bottom-dock{ display:grid!important; z-index:20000!important; } } /* Smaller desktop heights still fill the available vertical area, but compress proportionally instead of becoming a tiny card. */ @media (min-width:981px) and (max-height:760px){ body.entry-page .entry-shell{ height:calc(100vh - 82px)!important; min-height:0!important; grid-template-rows:56px 56px minmax(0,1fr)!important; gap:5px!important; } body.entry-page .entry-header{ height:56px!important; min-height:56px!important; } body.entry-page .entry-selector{ height:56px!important; min-height:56px!important; } body.entry-page .entry-choice-btn, body.entry-page .record-state{ height:39px!important; min-height:39px!important; } body.entry-page .entry-form{ grid-template-rows:21px 78px 20px 78px 50px 35px!important; } body.entry-page .numeric-metric [data-numeric-input]{ height:39px!important; } body.entry-page .task-code-select{ height:35px!important; min-height:35px!important; } body.entry-page .live-scores>div{ height:50px!important; min-height:50px!important; } } /* ===================================================================== V71 — DAY THEME readability pass No pale text on light surfaces. All neutral/light text becomes dark ink. ===================================================================== */ html[data-theme="day"] body, html[data-theme="day"] .app, html[data-theme="day"] .entry-shell, html[data-theme="day"] .details-shell, html[data-theme="day"] .messages-shell{ color:#1c3144!important; } html[data-theme="day"] :is( h1,h2,h3,h4,h5,h6,p,span,small,label,b,strong,time, .title,.title span,.title-month, .section-head,.section-head span,.section-note, .date-main,.date-sub,.outside-clock, .best-card,.best-card span,.best-card small,.best-card b,.best-card strong, .threshold,.threshold span,.threshold label,.threshold small,.threshold b, .mini-goal,.mini-goal span,.mini-goal b, .podium,.stand,.stand span,.stand small,.stand b,.stand strong, .hero-stat,.hero-stat span,.hero-stat b,.team-groups-mini,.team-groups-mini small, .table-title,.table-title-main, .challenge-card,.challenge-card p,.challenge-card span,.challenge-card b,.challenge-card strong, .motivation,.motivation p,.motivation span,.motivation b,.motivation strong, .trend-summary,.legend,.xlabels, .entry-user,.entry-section-title,.entry-section-title span, .tap-metric-title,.numeric-touch-hint,.code-select-hint, .audit-item,.audit-item p,.audit-item time, .details-header,.details-header p,.details-person-copy,.details-person-copy small, .messages-toolbar,.messages-toolbar span,.messages-empty,.messages-empty span, .notification-link,.notification-summary-line,.notification-open-hint,.notification-row-head small ){ color:#20364a!important; text-shadow:none!important; } html[data-theme="day"] :is( .title span,.title-month,.date-sub,.outside-clock, .section-note,.trend-summary,.team-groups-mini, .entry-section-title span,.entry-choice-copy small,.code-select-hint, .audit-item time,.details-header p,.details-person-copy small, .notification-row-head small,.notification-open-hint, .messages-toolbar span,.messages-empty span ){ color:#51677c!important; } /* Keep white only on deliberately saturated buttons/actions. */ html[data-theme="day"] :is( .back-home-box,.back-home-box span, .save-record,.save-record span, .quick-add-option.primary,.quick-add-option.primary span,.quick-add-option.primary b, .numeric-key-action.confirm, .notification-page-close ){ color:#fff!important; } /* Team-specific text stays dark enough in day theme. */ html[data-theme="day"] body.team-one :is(.name-group,.team-groups-mini,.team-groups-mini small){ color:#2c6292!important; } html[data-theme="day"] body.team-two :is(.name-group,.team-groups-mini,.team-groups-mini small){ color:#82445a!important; } /* ===================================================================== V72 — HOME desktop rebalance RIGHT performance side grows from 55% to 70%. LEFT insight side shrinks from 45% to 30%. RTL grid is intentional: lines 1..15 = visual RIGHT lines 15..21 = visual LEFT ===================================================================== */ @media (min-width:1200px){ body[data-page="home"] .app{ direction:rtl!important; grid-template-columns:repeat(20,minmax(0,1fr))!important; column-gap:9px!important; } /* --------------------------------------------------------------- RIGHT / PERFORMANCE SIDE = 70% Minimum + Podium + Best today + Performance table --------------------------------------------------------------- */ /* Minimum gets less width. */ body[data-page="home"] .daily-min{ grid-column:1/3!important; grid-row:3!important; width:100%!important; min-width:0!important; } /* Podium gets the biggest share of the top row. */ body[data-page="home"] .podium{ grid-column:3/12!important; grid-row:3!important; width:100%!important; min-width:0!important; } /* Best today gets a smaller share. */ body[data-page="home"] .best{ grid-column:12/15!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .table-card{ grid-column:1/15!important; grid-row:4/6!important; width:100%!important; max-width:none!important; margin:0!important; min-width:0!important; } /* Make the ranking visibly dominant. */ body[data-page="home"] .podium{ padding-inline:18px!important; gap:16px!important; } body[data-page="home"] .podium-person{ width:31%!important; } body[data-page="home"] .avatar{ width:96px!important; height:96px!important; } body[data-page="home"] .stand{ height:142px!important; } /* Minimum is intentionally compact. */ body[data-page="home"] .daily-min{ padding:7px!important; } body[data-page="home"] .threshold{ min-height:80px!important; padding:8px 7px!important; } body[data-page="home"] .threshold span{ font-size:24px!important; } body[data-page="home"] .threshold label{ font-size:10px!important; } body[data-page="home"] .threshold b{ font-size:19px!important; } body[data-page="home"] .mini-goal{ padding:7px 6px!important; } /* Best today is intentionally compact. */ body[data-page="home"] .best .section-head{ min-height:32px!important; padding:5px 6px 4px!important; } body[data-page="home"] .best .section-head h2{ font-size:12px!important; } body[data-page="home"] .best-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:4px!important; padding:0 5px 5px!important; } body[data-page="home"] .best-card{ padding:5px 3px!important; } body[data-page="home"] .best-card i{ font-size:20px!important; margin-bottom:2px!important; } body[data-page="home"] .best-card span{ font-size:7.6px!important; } body[data-page="home"] .best-card b{ font-size:9.5px!important; margin:4px 0!important; } body[data-page="home"] .best-card strong{ font-size:13px!important; } body[data-page="home"] .best-card small{ font-size:7px!important; } body[data-page="home"] .all-records{ padding:5px!important; font-size:8px!important; } /* --------------------------------------------------------------- LEFT / INSIGHT SIDE = 30% Chart is now full-width on top. Team summary moves beside challenges + motivation below it. --------------------------------------------------------------- */ /* Chart uses the full 30% width on top. */ body[data-page="home"] .chart{ grid-column:15/21!important; grid-row:3!important; width:100%!important; min-width:0!important; } body[data-page="home"] .chart-wrap{ min-height:205px!important; height:205px!important; padding-inline:8px!important; } body[data-page="home"] .chart .section-head{ padding:8px 9px 5px!important; } body[data-page="home"] .chart .section-head h2{ font-size:13px!important; } body[data-page="home"] .legend{ gap:8px!important; font-size:8px!important; flex-wrap:wrap!important; } body[data-page="home"] .trend-summary{ font-size:7.5px!important; gap:5px!important; padding-inline:7px!important; } /* Team summary becomes a slim vertical rail beside the lower cards. */ body[data-page="home"] .hero-stats{ grid-column:15/17!important; grid-row:4/6!important; width:100%!important; min-width:0!important; padding:7px!important; align-self:stretch!important; } body[data-page="home"] .hero-stats h2{ font-size:11px!important; } body[data-page="home"] .hero-stat{ padding:6px 4px!important; } body[data-page="home"] .hero-stat span{ font-size:7px!important; } body[data-page="home"] .hero-stat b{ font-size:13px!important; } body[data-page="home"] .team-groups-mini{ font-size:7px!important; } /* Challenges and motivation sit beside the team summary. */ body[data-page="home"] .challenges{ grid-column:17/21!important; grid-row:4!important; width:100%!important; min-width:0!important; padding-bottom:4px!important; } body[data-page="home"] .challenges .section-head{ padding:7px 8px 6px!important; } body[data-page="home"] .challenges .section-head h2{ font-size:11px!important; } body[data-page="home"] .section-note{ font-size:7px!important; } body[data-page="home"] .challenge-badge{ font-size:7px!important; padding:3px 5px!important; } body[data-page="home"] .challenge-grid{ grid-template-columns:1fr!important; gap:5px!important; padding:0 7px 7px!important; } body[data-page="home"] .challenge-card{ grid-template-columns:28px 1fr auto!important; gap:6px!important; padding:6px 7px!important; } body[data-page="home"] .challenge-icon{ font-size:19px!important; } body[data-page="home"] .challenge-card b{ font-size:9px!important; } body[data-page="home"] .challenge-card p{ font-size:7.2px!important; line-height:1.45!important; margin-top:2px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body[data-page="home"] .challenge-card em{ font-size:9px!important; } body[data-page="home"] .motivation{ grid-column:17/21!important; grid-row:5!important; width:100%!important; min-width:0!important; padding:8px 10px!important; } body[data-page="home"] .motivation strong{ font-size:10.5px!important; } body[data-page="home"] .motivation p{ font-size:7.5px!important; margin-top:3px!important; } body[data-page="home"] .rocket, body[data-page="home"] .trophy{ font-size:26px!important; } } /* ===================================================================== V72 — PERFORMANCE ENTRY fills the space above the five-button toolbar. The outer framework stays the same, but internal cards are larger. ===================================================================== */ @media (min-width:981px){ body.entry-page{ height:100vh!important; min-height:100vh!important; overflow:hidden!important; padding:0!important; } body.entry-page .entry-shell{ width:min(1200px,calc(100vw - 24px))!important; max-width:1200px!important; height:calc(100vh - 84px)!important; min-height:0!important; margin:6px auto 0!important; padding:0!important; display:grid!important; grid-template-rows:66px 66px minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; } body.entry-page .entry-header{ height:66px!important; min-height:66px!important; padding:8px 12px!important; } body.entry-page .entry-header h1{ font-size:19px!important; } body.entry-page .entry-header small{ font-size:8.5px!important; } body.entry-page .entry-selector{ height:66px!important; min-height:66px!important; padding:5px 8px!important; grid-template-columns:235px minmax(320px,1fr) 165px!important; gap:8px!important; } body.entry-page .entry-field>label{ font-size:8.5px!important; } body.entry-page .entry-choice-btn, body.entry-page .record-state{ height:46px!important; min-height:46px!important; } body.entry-page .entry-choice-copy small{ font-size:7.3px!important; } body.entry-page .entry-choice-copy b{ font-size:11px!important; } body.entry-page .entry-grid{ height:100%!important; min-height:0!important; display:grid!important; grid-template-columns:minmax(0,1fr) 220px!important; gap:8px!important; overflow:hidden!important; } body.entry-page .entry-form{ height:100%!important; min-height:0!important; padding:9px 10px!important; border-radius:15px!important; overflow:hidden!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important; grid-template-rows: 28px minmax(112px,1fr) 26px minmax(112px,1fr) 76px 54px!important; gap:7px 9px!important; align-content:stretch!important; } body.entry-page .entry-form > :nth-child(1){grid-column:1/3!important;grid-row:1!important} body.entry-page .entry-form > :nth-child(2){grid-column:1/3!important;grid-row:2!important} body.entry-page .entry-form > :nth-child(3){grid-column:1!important;grid-row:3!important} body.entry-page .entry-form > :nth-child(4){grid-column:1!important;grid-row:4!important} body.entry-page .entry-form > :nth-child(5){grid-column:2!important;grid-row:3!important} body.entry-page .entry-form > :nth-child(6){grid-column:2!important;grid-row:4!important} body.entry-page .entry-form > :nth-child(7){grid-column:1/3!important;grid-row:5!important} body.entry-page .entry-form > :nth-child(8){grid-column:1/3!important;grid-row:6!important} body.entry-page .entry-section-title, body.entry-page .entry-section-title.secondary{ height:26px!important; min-height:26px!important; margin:0!important; padding:0 2px!important; } body.entry-page .entry-section-title h2{ font-size:11.5px!important; } body.entry-page .entry-section-title span{ font-size:7.7px!important; } /* Make all performance cards use the available height. */ body.entry-page .metrics-grid, body.entry-page .issuance-grid, body.entry-page .codes-grid{ height:100%!important; min-height:0!important; gap:7px!important; align-items:stretch!important; } body.entry-page .tap-metric{ height:100%!important; min-height:0!important; padding:7px 7px!important; border-radius:11px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } body.entry-page .tap-metric-title{ font-size:10px!important; margin-bottom:5px!important; } body.entry-page .numeric-touch-trigger{ display:flex!important; flex-direction:column!important; justify-content:center!important; flex:1 1 auto!important; } body.entry-page .numeric-metric [data-numeric-input]{ height:54px!important; min-height:54px!important; font-size:17px!important; border-radius:11px!important; } body.entry-page .numeric-touch-hint{ display:block!important; margin-top:4px!important; font-size:7.2px!important; } body.entry-page .code-select-box{ height:100%!important; min-height:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:4px!important; font-size:8px!important; } body.entry-page .task-code-select{ height:46px!important; min-height:46px!important; border-radius:10px!important; font-size:9.5px!important; padding-inline:7px!important; } body.entry-page .code-select-hint{ display:block!important; min-height:16px!important; max-height:16px!important; line-height:16px!important; font-size:7px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.entry-page .live-scores{ height:76px!important; min-height:76px!important; gap:7px!important; } body.entry-page .live-scores>div{ height:76px!important; min-height:76px!important; padding:8px 9px!important; border-radius:11px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } body.entry-page .live-scores span{ font-size:8.4px!important; } body.entry-page .live-scores b{ font-size:16px!important; margin-top:3px!important; } body.entry-page .entry-actions{ height:54px!important; min-height:54px!important; gap:9px!important; align-items:center!important; } body.entry-page .save-record{ height:48px!important; min-width:190px!important; padding-inline:24px!important; border-radius:11px!important; font-size:11px!important; font-weight:900!important; } body.entry-page .entry-actions span{ font-size:8px!important; } /* Audit stays in the side corner and fills the same vertical frame. */ body.entry-page .audit-panel{ width:220px!important; min-width:220px!important; height:100%!important; min-height:0!important; padding:8px!important; overflow:hidden!important; } body.entry-page .audit-panel .entry-section-title{ min-height:42px!important; height:auto!important; } body.entry-page .audit-panel .entry-section-title h2{ font-size:10.5px!important; } body.entry-page .audit-panel .entry-section-title span{ font-size:7px!important; } body.entry-page .audit-list{ flex:1 1 auto!important; min-height:0!important; gap:6px!important; overflow:hidden!important; } body.entry-page .audit-item{ padding:7px!important; border-radius:9px!important; } body.entry-page .audit-item b{ font-size:8.5px!important; } body.entry-page .audit-item time{ font-size:6.5px!important; } body.entry-page .audit-item p{ font-size:7.3px!important; line-height:1.5!important; } body.entry-page .bottom-dock{ display:grid!important; z-index:20000!important; } } /* Short desktop screens remain full-height but compress only slightly. */ @media (min-width:981px) and (max-height:760px){ body.entry-page .entry-shell{ height:calc(100vh - 78px)!important; grid-template-rows:58px 58px minmax(0,1fr)!important; gap:5px!important; } body.entry-page .entry-header{ height:58px!important; min-height:58px!important; } body.entry-page .entry-selector{ height:58px!important; min-height:58px!important; } body.entry-page .entry-choice-btn, body.entry-page .record-state{ height:40px!important; min-height:40px!important; } body.entry-page .entry-form{ grid-template-rows: 23px minmax(92px,1fr) 22px minmax(92px,1fr) 62px 44px!important; gap:5px 7px!important; } body.entry-page .numeric-metric [data-numeric-input]{ height:46px!important; min-height:46px!important; } body.entry-page .task-code-select{ height:39px!important; min-height:39px!important; } body.entry-page .live-scores, body.entry-page .live-scores>div{ height:62px!important; min-height:62px!important; } body.entry-page .entry-actions{ height:44px!important; min-height:44px!important; } body.entry-page .save-record{ height:40px!important; } } /* ===================================================================== V73 — Readability without changing V72 home geometry ===================================================================== */ /* PERFORMANCE ENTRY — larger typography */ @media (min-width:981px){ body.entry-page .entry-header h1{font-size:22px!important;font-weight:900!important} body.entry-page .entry-header small{font-size:11px!important;font-weight:700!important} body.entry-page .entry-user{font-size:11px!important;font-weight:800!important} body.entry-page .back-home-box{font-size:12px!important;font-weight:900!important} body.entry-page .entry-field>label{font-size:11px!important;font-weight:800!important} body.entry-page .entry-choice-copy small{font-size:9px!important} body.entry-page .entry-choice-copy b{font-size:13px!important;font-weight:900!important} body.entry-page .record-state{font-size:11px!important;font-weight:900!important} body.entry-page .entry-section-title h2{font-size:14px!important;font-weight:900!important} body.entry-page .entry-section-title span{font-size:9.5px!important;font-weight:700!important} body.entry-page .tap-metric-title{font-size:12.5px!important;font-weight:900!important;line-height:1.4!important} body.entry-page .numeric-metric [data-numeric-input]{font-size:22px!important;font-weight:900!important} body.entry-page .numeric-touch-hint{font-size:9px!important;font-weight:700!important} body.entry-page .code-select-box{font-size:10px!important;font-weight:800!important} body.entry-page .task-code-select{font-size:11px!important;font-weight:800!important} body.entry-page .code-select-hint{font-size:8.5px!important} body.entry-page .live-scores span{font-size:10.5px!important;font-weight:800!important} body.entry-page .live-scores b{font-size:20px!important;font-weight:900!important} body.entry-page .save-record{font-size:14px!important;font-weight:900!important;min-width:215px!important} body.entry-page .entry-actions span{font-size:10px!important;font-weight:700!important} body.entry-page .audit-panel .entry-section-title h2{font-size:12.5px!important} body.entry-page .audit-panel .entry-section-title span{font-size:8.5px!important} body.entry-page .audit-item b{font-size:10px!important} body.entry-page .audit-item time{font-size:8px!important} body.entry-page .audit-item p{font-size:9px!important;line-height:1.6!important} body.entry-page .audit-empty,body.entry-page .audit-more{font-size:9px!important} } @media (min-width:981px) and (max-height:760px){ body.entry-page .entry-header h1{font-size:19px!important} body.entry-page .entry-header small{font-size:9.5px!important} body.entry-page .entry-field>label{font-size:9.5px!important} body.entry-page .entry-choice-copy b{font-size:11.5px!important} body.entry-page .entry-section-title h2{font-size:12px!important} body.entry-page .tap-metric-title{font-size:10.5px!important} body.entry-page .numeric-metric [data-numeric-input]{font-size:19px!important} body.entry-page .task-code-select{font-size:10px!important} body.entry-page .live-scores span{font-size:9px!important} body.entry-page .live-scores b{font-size:17px!important} body.entry-page .save-record{font-size:12px!important} } @media (max-width:980px){ body.entry-page .entry-header h1{font-size:20px!important} body.entry-page .entry-header small{font-size:10px!important} body.entry-page .entry-field>label{font-size:11px!important} body.entry-page .entry-choice-copy b{font-size:13px!important} body.entry-page .entry-choice-copy small{font-size:9px!important} body.entry-page .entry-section-title h2{font-size:15px!important} body.entry-page .entry-section-title span{font-size:10px!important} body.entry-page .tap-metric-title{font-size:13px!important} body.entry-page .numeric-metric [data-numeric-input]{font-size:21px!important} body.entry-page .numeric-touch-hint{font-size:9px!important} body.entry-page .task-code-select{font-size:12px!important} body.entry-page .code-select-box{font-size:11px!important} body.entry-page .live-scores span{font-size:10px!important} body.entry-page .live-scores b{font-size:19px!important} body.entry-page .save-record{font-size:14px!important;min-height:48px!important} } /* HOME — box sizes stay unchanged; only small left-side text grows */ @media (min-width:1200px){ body[data-page="home"] .hero-stats h2{font-size:14px!important;font-weight:900!important} body[data-page="home"] .hero-stat span{font-size:10px!important;font-weight:800!important} body[data-page="home"] .hero-stat b{font-size:17px!important;font-weight:900!important} body[data-page="home"] .team-groups-mini, body[data-page="home"] .team-groups-mini small, body[data-page="home"] .team-groups-mini div{ font-size:9.5px!important;line-height:1.7!important;font-weight:750!important } body[data-page="home"] .challenges .section-head h2{font-size:13px!important;font-weight:900!important} body[data-page="home"] .section-note{font-size:9px!important;line-height:1.5!important} body[data-page="home"] .challenge-badge{font-size:9px!important;font-weight:850!important} body[data-page="home"] .challenge-card b{font-size:11px!important;font-weight:900!important} body[data-page="home"] .challenge-card p{ font-size:9.5px!important;line-height:1.65!important;-webkit-line-clamp:3!important } body[data-page="home"] .challenge-card em{font-size:10.5px!important} body[data-page="home"] .challenge-icon{font-size:22px!important} body[data-page="home"] .motivation strong{ font-size:13px!important;line-height:1.55!important;font-weight:900!important } body[data-page="home"] .motivation p{font-size:9.5px!important;line-height:1.6!important} body[data-page="home"] .rocket,body[data-page="home"] .trophy{font-size:28px!important} } /* NOTIFICATIONS — larger fonts and wider content */ .notification-page-panel{width:min(820px,calc(100vw - 24px))!important} .notification-page-head small{font-size:10px!important;font-weight:800!important} .notification-page-head h2{font-size:22px!important;font-weight:900!important} .notification-link{padding:13px 14px!important;margin:7px 0!important} .notification-row-head{gap:14px!important;align-items:flex-start!important} .notification-row-head b{font-size:14px!important;line-height:1.7!important;font-weight:900!important} .notification-row-head small{font-size:10px!important;line-height:1.7!important;font-weight:750!important} .notification-summary-line{ margin-top:8px!important;padding:10px 11px!important;font-size:11.5px!important; line-height:1.9!important;max-height:4.1em!important;-webkit-line-clamp:2!important;font-weight:700!important } .notification-open-hint{margin-top:7px!important;font-size:10px!important;font-weight:900!important} .notification-empty{font-size:12px!important;line-height:1.8!important} /* Threshold-change notification */ .threshold-notification{ border-color:rgba(88,178,255,.42)!important; background: radial-gradient(circle at 88% 5%,rgba(79,153,255,.18),transparent 36%), linear-gradient(110deg,rgba(18,48,77,.72),rgba(43,31,72,.56))!important; } .threshold-notification .notification-row-head b{color:#8ec8ff!important} .threshold-notification .notification-summary-line{ color:#e0ebf7!important;background:rgba(6,18,32,.46)!important } html[data-theme="day"] .threshold-notification{ background:linear-gradient(110deg,#eaf4ff,#f2ecff)!important; border-color:#9bbfe5!important; } html[data-theme="day"] .threshold-notification .notification-row-head b{color:#245d91!important} html[data-theme="day"] .threshold-notification .notification-summary-line{ background:#e0ebf5!important;color:#27445e!important } @media(max-width:650px){ .notification-page-panel{width:100%!important} .notification-row-head b{font-size:13px!important} .notification-row-head small{font-size:9px!important} .notification-summary-line{font-size:11px!important} .notification-open-hint{font-size:9.5px!important} } /* ===================================================================== V74 — Home summary relocation + readable performance entry + Quick Activity ===================================================================== */ /* HOME desktop: summary lives INSIDE the minimum/goal box. The former summary rail is now fully used by challenges + motivation. */ @media (min-width:1200px){ body[data-page="home"] .daily-min{ grid-column:1/4!important; grid-row:3!important; display:flex!important; flex-direction:column!important; gap:6px!important; padding:7px!important; overflow:hidden!important; } body[data-page="home"] .podium{ grid-column:4/12!important; grid-row:3!important; } body[data-page="home"] .best{ grid-column:12/15!important; grid-row:3!important; } body[data-page="home"] .daily-min .threshold{ min-height:70px!important; padding:6px 7px!important; grid-template-columns:34px 1fr!important; } body[data-page="home"] .daily-min .threshold span{font-size:22px!important} body[data-page="home"] .daily-min .threshold label{font-size:10px!important} body[data-page="home"] .daily-min .threshold b{font-size:19px!important} body[data-page="home"] .daily-min .threshold small{font-size:8px!important} body[data-page="home"] .mini-goals-row{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; } body[data-page="home"] .mini-goals-row .mini-goal{ min-height:43px!important; padding:5px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; } body[data-page="home"] .mini-goals-row .mini-goal span{font-size:8.5px!important} body[data-page="home"] .mini-goals-row .mini-goal b{font-size:13px!important} body[data-page="home"] .daily-min .embedded-team-summary{ position:static!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; min-width:0!important; flex:1 1 auto!important; min-height:0!important; margin:0!important; padding:6px!important; border-radius:12px!important; background:rgba(4,18,32,.42)!important; border:1px solid rgba(116,145,177,.18)!important; box-shadow:none!important; display:flex!important; flex-direction:column!important; gap:5px!important; overflow:hidden!important; } body[data-page="home"] .embedded-team-summary h2{ margin:0!important; font-size:11px!important; line-height:1.2!important; color:#f7fbff!important; } body[data-page="home"] .team-summary-kpis{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:4px!important; } body[data-page="home"] .team-summary-kpis>div{ min-width:0!important; padding:4px 3px!important; border-radius:8px!important; background:rgba(255,255,255,.05)!important; border:1px solid rgba(255,255,255,.06)!important; text-align:center!important; } body[data-page="home"] .team-summary-kpis span{ display:block!important; font-size:6.8px!important; color:#9fb3c7!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body[data-page="home"] .team-summary-kpis b{ display:block!important; margin-top:2px!important; font-size:11px!important; color:#fff!important; } body[data-page="home"] .embedded-team-summary .team-groups-mini{ margin-top:auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:3px!important; font-size:7px!important; line-height:1.45!important; color:#9eb5cb!important; } body[data-page="home"] .embedded-team-summary .team-groups-mini div{ min-width:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* former team-summary position: challenges and motivation now fill it */ body[data-page="home"] .challenges{ grid-column:15/21!important; grid-row:4!important; width:100%!important; } body[data-page="home"] .motivation{ grid-column:15/21!important; grid-row:5!important; width:100%!important; } body[data-page="home"] .challenge-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; padding:0 8px 8px!important; } body[data-page="home"] .challenge-card{ grid-template-columns:30px minmax(0,1fr) auto!important; gap:6px!important; padding:7px!important; } body[data-page="home"] .challenge-card p{ font-size:8.7px!important; line-height:1.55!important; -webkit-line-clamp:3!important; } body[data-page="home"] .motivation strong{font-size:12.5px!important} body[data-page="home"] .motivation p{font-size:9px!important} } /* Day mode embedded summary remains readable. */ html[data-theme="day"] body[data-page="home"] .embedded-team-summary{ background:#eef4f9!important; border-color:#c2d1df!important; } html[data-theme="day"] body[data-page="home"] .embedded-team-summary h2, html[data-theme="day"] body[data-page="home"] .team-summary-kpis b{ color:#20364a!important; } html[data-theme="day"] body[data-page="home"] .team-summary-kpis>div{ background:#f7fafc!important; border-color:#d2dde7!important; } html[data-theme="day"] body[data-page="home"] .team-summary-kpis span, html[data-theme="day"] body[data-page="home"] .embedded-team-summary .team-groups-mini{ color:#4d657b!important; } /* PERFORMANCE ENTRY — remove helper clutter and enlarge the actual information. */ body.entry-page .numeric-touch-hint, body.entry-page .code-select-hint{ display:none!important; } @media (min-width:981px){ body.entry-page .entry-header h1{font-size:24px!important} body.entry-page .entry-header small{font-size:12px!important} body.entry-page .entry-user{font-size:12px!important} body.entry-page .back-home-box{font-size:13px!important} body.entry-page .entry-field>label{ font-size:13px!important; margin-bottom:4px!important; } body.entry-page .entry-choice-copy small{font-size:10px!important} body.entry-page .entry-choice-copy b{font-size:16px!important} body.entry-page .record-state{font-size:12px!important} body.entry-page .entry-section-title h2{font-size:17px!important} body.entry-page .entry-section-title span{font-size:11px!important} body.entry-page .tap-metric-title{font-size:14px!important} body.entry-page .numeric-metric [data-numeric-input]{ font-size:25px!important; height:58px!important; min-height:58px!important; } body.entry-page .code-select-box{font-size:12px!important} body.entry-page .task-code-select{ font-size:13px!important; height:50px!important; min-height:50px!important; } body.entry-page .live-scores span{font-size:12px!important} body.entry-page .live-scores b{font-size:23px!important} body.entry-page .save-record{ font-size:16px!important; min-width:235px!important; height:50px!important; } body.entry-page .entry-actions span{font-size:11px!important} body.entry-page .audit-panel .entry-section-title h2{font-size:14px!important} body.entry-page .audit-item b{font-size:11px!important} body.entry-page .audit-item time{font-size:9px!important} body.entry-page .audit-item p{font-size:10px!important} } /* Marketer selector gets the SAME yellow emphasis as the date selector. */ body.entry-page .employee-picker-btn{ border-color:rgba(255,205,69,.62)!important; background:linear-gradient(145deg,rgba(72,57,19,.93),rgba(23,27,36,.97))!important; box-shadow:inset 0 1px 0 rgba(255,236,150,.08),0 7px 20px rgba(0,0,0,.18)!important; } body.entry-page .employee-picker-btn .entry-choice-copy b{ color:#ffe06a!important; font-size:17px!important; } body.entry-page .employee-picker-btn:hover, body.entry-page .employee-picker-btn[aria-expanded="true"]{ border-color:rgba(255,220,91,.88)!important; box-shadow:0 0 0 3px rgba(255,205,69,.12),0 12px 28px rgba(45,35,12,.32)!important; } html[data-theme="day"] body.entry-page .entry-date-picker-btn, html[data-theme="day"] body.entry-page .employee-picker-btn{ background:#fff7d8!important; color:#3c3212!important; border-color:#d4ac2d!important; } html[data-theme="day"] body.entry-page .entry-date-picker-btn .entry-choice-copy b, html[data-theme="day"] body.entry-page .employee-picker-btn .entry-choice-copy b{ color:#5e4a05!important; } html[data-theme="day"] body.entry-page .entry-date-picker-btn .entry-choice-copy small, html[data-theme="day"] body.entry-page .employee-picker-btn .entry-choice-copy small{ color:#725f22!important; } /* QUICK ADD access cards */ .quick-add-grid.access-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .quick-add-option{ position:relative!important; } .quick-add-option .qa-access-chip{ position:absolute!important; top:10px!important; left:10px!important; padding:3px 7px!important; border-radius:999px!important; background:rgba(255,210,74,.12)!important; border:1px solid rgba(255,210,74,.28)!important; color:#ffd65d!important; font-style:normal!important; font-size:8px!important; font-weight:900!important; } .quick-add-option .qa-access-chip.everyone{ background:rgba(74,225,151,.12)!important; border-color:rgba(74,225,151,.28)!important; color:#72efae!important; } .quick-add-option.locked{ opacity:.48!important; filter:saturate(.45)!important; cursor:not-allowed!important; } .quick-add-option .qa-lock{ position:absolute!important; bottom:10px!important; left:10px!important; font-size:15px!important; } .quick-add-option.quick-task{ border-color:rgba(86,211,157,.34)!important; background:linear-gradient(145deg,rgba(33,132,101,.22),rgba(38,74,108,.15))!important; } @media(max-width:650px){ .quick-add-grid.access-grid{grid-template-columns:1fr!important} } /* HOME quick strip — lives inside the month ribbon so the dashboard grid isn't disturbed. */ .home-quick-strip{ margin-top:9px!important; padding-top:8px!important; border-top:1px solid rgba(255,255,255,.08)!important; display:flex!important; align-items:center!important; gap:8px!important; direction:rtl!important; } .home-quick-strip>strong{ flex:0 0 auto!important; color:#ffe06a!important; font-size:10px!important; white-space:nowrap!important; } .home-quick-actions{ flex:1 1 auto!important; display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:5px!important; } .home-quick-actions button{ min-width:0!important; height:34px!important; border-radius:9px!important; border:1px solid rgba(95,135,180,.26)!important; background:rgba(9,27,45,.64)!important; color:#dce8f4!important; font-family:inherit!important; font-size:8px!important; font-weight:850!important; cursor:pointer!important; white-space:nowrap!important; } .home-quick-actions button b{color:#69e6a4!important} .home-quick-actions button:hover{ border-color:rgba(255,210,74,.45)!important; background:rgba(25,48,72,.78)!important; } html[data-theme="day"] .home-quick-strip{ border-top-color:#d0dce7!important; } html[data-theme="day"] .home-quick-strip>strong{color:#755c05!important} html[data-theme="day"] .home-quick-actions button{ background:#f2f6fa!important; color:#294057!important; border-color:#c4d2df!important; } @media(max-width:760px){ .home-quick-strip{ display:block!important; } .home-quick-strip>strong{ display:block!important; margin-bottom:6px!important; } .home-quick-actions{ display:flex!important; overflow-x:auto!important; padding-bottom:3px!important; } .home-quick-actions button{ min-width:110px!important; } } /* QUICK ACTIVITY modal / bottom sheet */ body.quick-activity-open{overflow:hidden!important} .quick-activity-modal{ position:fixed!important; inset:0!important; z-index:65000!important; display:none!important; place-items:center!important; padding:16px!important; } .quick-activity-modal.open{display:grid!important} .quick-activity-backdrop{ position:absolute!important; inset:0!important; background:rgba(3,8,14,.72)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } .quick-activity-panel{ position:relative!important; z-index:2!important; width:min(920px,calc(100vw - 24px))!important; max-height:min(820px,calc(100vh - 32px))!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; border-radius:28px!important; padding:14px!important; } .quick-activity-head{ display:grid!important; grid-template-columns:42px minmax(0,1fr) 42px!important; align-items:center!important; gap:9px!important; padding:2px 2px 11px!important; border-bottom:1px solid rgba(255,255,255,.08)!important; } .quick-activity-head>div{text-align:right!important} .quick-activity-head small{ display:block!important; color:#8fa5bb!important; font-size:10px!important; font-weight:800!important; } .quick-activity-head h2{ margin:2px 0 0!important; color:#f8fbff!important; font-size:21px!important; } .qa-close,.qa-back{ width:40px!important; height:40px!important; border-radius:13px!important; border:1px solid rgba(255,255,255,.15)!important; background:rgba(255,255,255,.07)!important; color:#fff!important; font-size:24px!important; cursor:pointer!important; } .qa-back{transform:rotate(180deg)!important} .qa-back[hidden]{visibility:hidden!important;display:block!important} .qa-target-bar{ margin-top:9px!important; min-height:39px!important; padding:6px 9px!important; border-radius:11px!important; background:rgba(255,210,74,.08)!important; border:1px solid rgba(255,210,74,.19)!important; display:flex!important; align-items:center!important; gap:7px!important; } .qa-target-bar[hidden]{display:none!important} .qa-target-bar span,.qa-target-bar small{ color:#9caec0!important; font-size:8.5px!important; } .qa-target-bar strong{ color:#ffe06a!important; font-size:11px!important; } .qa-target-bar button{ margin-right:auto!important; border:0!important; background:transparent!important; color:#8fbaff!important; font-family:inherit!important; font-size:8.5px!important; cursor:pointer!important; } .quick-activity-body{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; padding:11px 2px 2px!important; } .qa-step{margin-bottom:13px!important} .qa-step-title{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; margin-bottom:7px!important; } .qa-step-title b{font-size:12px!important;color:#f6f9fc!important} .qa-step-title span{font-size:8.5px!important;color:#869bb0!important} .qa-activity-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:7px!important; } .qa-activity-card,.qa-select-card{ min-width:0!important; min-height:104px!important; border-radius:16px!important; border:1px solid rgba(94,126,159,.28)!important; background:linear-gradient(145deg,rgba(16,38,59,.82),rgba(8,22,36,.88))!important; color:#f5f9fc!important; font-family:inherit!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:9px!important; cursor:pointer!important; transition:.14s ease!important; } .qa-activity-card:hover,.qa-select-card:hover,.qa-note-chip:hover{ transform:translateY(-1px)!important; border-color:rgba(115,156,242,.54)!important; } .qa-activity-card>span{font-size:28px!important} .qa-activity-card>b,.qa-select-card>b{font-size:11.5px!important;text-align:center!important} .qa-activity-card>small,.qa-select-card>small{font-size:8px!important;color:#8ea5bb!important;text-align:center!important} .qa-activity-card.bonus{ width:min(190px,100%)!important; border-color:rgba(255,202,67,.32)!important; } .qa-selection-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; } .qa-selection-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))!important} .qa-select-card{ min-height:116px!important; font-size:29px!important; } .qa-select-card.good{border-color:rgba(74,221,149,.34)!important} .qa-select-card.warn{border-color:rgba(255,202,65,.34)!important} .qa-select-card.info,.qa-select-card.accent{border-color:rgba(75,140,240,.44)!important} .qa-select-card.bad{border-color:rgba(243,87,112,.34)!important} .qa-insurance-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; } .qa-person-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; } .qa-person-card{ min-height:68px!important; border-radius:14px!important; border:1px solid rgba(91,123,157,.28)!important; background:rgba(10,29,47,.72)!important; color:#f6f9fc!important; display:grid!important; grid-template-columns:44px minmax(0,1fr) 20px!important; align-items:center!important; gap:8px!important; padding:7px!important; font-family:inherit!important; text-align:right!important; cursor:pointer!important; } .qa-person-card img{ width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important } .qa-person-card b{display:block!important;font-size:11px!important} .qa-person-card small{display:block!important;margin-top:2px!important;color:#879db2!important;font-size:8px!important} .qa-person-card i{opacity:0!important;color:#6ee9aa!important;font-style:normal!important} .qa-note-chips{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; } .qa-note-chip{ border:1px solid rgba(91,124,158,.28)!important; background:rgba(12,31,49,.72)!important; color:#c8d6e5!important; padding:7px 9px!important; border-radius:999px!important; font-family:inherit!important; font-size:9px!important; cursor:pointer!important; } .qa-note-chip.selected{ background:rgba(69,118,220,.26)!important; border-color:rgba(110,151,244,.55)!important; color:#fff!important; } .qa-note-input{ width:100%!important; margin-top:8px!important; resize:none!important; border-radius:12px!important; border:1px solid rgba(91,124,158,.28)!important; background:rgba(7,22,36,.78)!important; color:#f4f8fb!important; padding:9px 10px!important; font-family:inherit!important; font-size:10px!important; outline:none!important; } .qa-simple-score{ min-height:65px!important; display:grid!important; place-items:center!important; margin-bottom:10px!important; border-radius:15px!important; background:rgba(54,142,98,.13)!important; border:1px solid rgba(82,220,145,.25)!important; } .qa-simple-score strong{font-size:22px!important;color:#75e9ae!important} .qa-submit-primary,.qa-cancel-soft{ height:48px!important; border-radius:12px!important; font-family:inherit!important; font-size:11px!important; font-weight:900!important; cursor:pointer!important; } .qa-submit-primary{ border:1px solid rgba(94,229,163,.38)!important; background:linear-gradient(135deg,#23835f,#176c54)!important; color:#fff!important; } .qa-submit-primary.wide{ width:100%!important; margin-top:11px!important; } .qa-submit-primary:disabled{opacity:.45!important;cursor:not-allowed!important} .qa-cancel-soft{ border:1px solid rgba(255,255,255,.13)!important; background:rgba(255,255,255,.06)!important; color:#cbd7e4!important; } .qa-confirm-card{ min-height:220px!important; border-radius:20px!important; border:1px solid rgba(255,211,72,.28)!important; background:radial-gradient(circle at 50% 0%,rgba(255,208,66,.10),transparent 45%),rgba(8,24,39,.78)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:8px!important; } .qa-confirm-icon{font-size:42px!important} .qa-confirm-card>b{font-size:18px!important} .qa-confirm-card>strong{font-size:25px!important;color:#ffe06a!important} .qa-confirm-card>small{font-size:10px!important;color:#9eb0c1!important} .qa-confirm-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; margin-top:10px!important; } .qa-success{ min-height:330px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:8px!important; text-align:center!important; } .qa-success-icon{ width:70px!important;height:70px!important;border-radius:50%!important;display:grid!important;place-items:center!important; background:rgba(77,224,151,.15)!important;border:1px solid rgba(77,224,151,.34)!important;color:#76efae!important;font-size:34px!important } .qa-success>b{font-size:18px!important} .qa-success>strong{font-size:28px!important;color:#75eaae!important} .qa-success>small{font-size:10px!important;color:#91a4b8!important} .qa-success-total{font-size:11px!important;color:#b8c7d6!important} .qa-success-total b{font-size:16px!important;color:#fff!important} .qa-calendar-title{ text-align:center!important; color:#ffe06a!important; font-size:13px!important; font-weight:900!important; margin-bottom:8px!important; } .qa-mini-calendar{ display:grid!important; grid-template-columns:repeat(7,1fr)!important; gap:5px!important; } .qa-mini-calendar button{ height:47px!important; border-radius:10px!important; border:1px solid rgba(88,120,153,.25)!important; background:rgba(8,25,42,.76)!important; color:#f1f6fa!important; font-family:inherit!important; cursor:pointer!important; } .qa-mini-calendar button.selected{ border-color:#ffd34e!important;color:#ffd95d!important } .qa-error{ padding:30px!important; text-align:center!important; color:#ff8fa2!important; font-size:12px!important; } /* Day theme Quick Activity */ html[data-theme="day"] .quick-activity-panel{ color:#20364a!important; } html[data-theme="day"] .quick-activity-head h2, html[data-theme="day"] .qa-step-title b, html[data-theme="day"] .qa-activity-card, html[data-theme="day"] .qa-select-card, html[data-theme="day"] .qa-person-card{ color:#20364a!important; } html[data-theme="day"] .qa-activity-card, html[data-theme="day"] .qa-select-card, html[data-theme="day"] .qa-person-card{ background:#f3f7fa!important; border-color:#c7d5e1!important; } html[data-theme="day"] .qa-note-chip{ background:#f0f5f9!important;color:#334c63!important;border-color:#c8d6e1!important } html[data-theme="day"] .qa-note-chip.selected{ background:#dce9ff!important;color:#25496d!important;border-color:#9ab9de!important } html[data-theme="day"] .qa-note-input{ background:#fff!important;color:#20364a!important;border-color:#b9cad8!important } html[data-theme="day"] .qa-target-bar{ background:#fff7d8!important;border-color:#dbc15e!important } html[data-theme="day"] .qa-target-bar strong{color:#654f06!important} html[data-theme="day"] .qa-confirm-card{ background:#fff9e7!important;border-color:#ddc267!important } html[data-theme="day"] .qa-confirm-card>b{color:#20364a!important} html[data-theme="day"] .qa-success>b, html[data-theme="day"] .qa-success-total{color:#20364a!important} html[data-theme="day"] .qa-mini-calendar button{ background:#f3f7fa!important;color:#2a4259!important;border-color:#c8d6e1!important } /* Glass mode follows the same gray Liquid Glass recipe as the toolbar. */ html[data-theme="glass"] .quick-activity-panel, html[data-theme="glass"] .quick-add-panel{ background:linear-gradient(145deg,rgba(75,80,86,.58),rgba(34,39,45,.48))!important; border-color:rgba(255,255,255,.24)!important; backdrop-filter:blur(26px) saturate(150%)!important; -webkit-backdrop-filter:blur(26px) saturate(150%)!important; } html[data-theme="glass"] .qa-activity-card, html[data-theme="glass"] .qa-select-card, html[data-theme="glass"] .qa-person-card{ background:linear-gradient(145deg,rgba(105,110,116,.22),rgba(28,33,39,.27))!important; border-color:rgba(255,255,255,.16)!important; } @media(max-width:760px){ .quick-activity-modal{ padding:0!important; place-items:end center!important; } .quick-activity-panel{ width:100%!important; max-height:92vh!important; border-radius:26px 26px 0 0!important; padding:11px 9px max(12px,env(safe-area-inset-bottom))!important; } .qa-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .qa-selection-grid,.qa-insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .qa-selection-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))!important} .qa-person-grid{grid-template-columns:1fr!important} .qa-activity-card,.qa-select-card{min-height:94px!important} } /* ===================================================================== V75 — performance-entry labels sit directly on their touch boxes ===================================================================== */ body.entry-page .tap-metric{ padding:0!important; gap:0!important; justify-content:flex-start!important; overflow:hidden!important; } body.entry-page .tap-metric-title{ width:100%!important; min-height:36px!important; margin:0!important; padding:7px 9px 5px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:rgba(255,255,255,.035)!important; border-bottom:1px solid rgba(255,219,87,.18)!important; font-size:15px!important; line-height:1.2!important; font-weight:900!important; } body.entry-page .numeric-touch-trigger{ flex:1 1 auto!important; margin:0!important; padding:0!important; display:flex!important; align-items:stretch!important; justify-content:stretch!important; } body.entry-page .numeric-metric [data-numeric-input]{ height:100%!important; min-height:62px!important; border:0!important; border-radius:0!important; margin:0!important; font-size:27px!important; box-shadow:none!important; } body.entry-page .numeric-touch-hint{display:none!important} body.entry-page .entry-section-title h2{font-size:18px!important} body.entry-page .entry-field>label{font-size:14px!important;font-weight:900!important} body.entry-page .code-select-hint:empty{display:none!important} body.entry-page .code-select-box{gap:2px!important} body.entry-page .code-select-box>span{ font-size:13px!important; font-weight:900!important; margin:0!important; } body.entry-page .task-code-select{ margin:0!important; font-size:14px!important; } body.entry-page .audit-panel .entry-section-title{min-height:30px!important} body.entry-page .audit-panel .entry-section-title h2{font-size:15px!important} /* Date and marketer are intentionally identical yellow focus cards. */ body.entry-page .entry-date-picker-btn, body.entry-page .employee-picker-btn{ border-color:rgba(255,205,69,.72)!important; background:linear-gradient(145deg,rgba(78,60,18,.96),rgba(25,27,31,.98))!important; box-shadow:inset 0 1px 0 rgba(255,239,160,.12),0 8px 22px rgba(0,0,0,.20)!important; } body.entry-page .entry-date-picker-btn .entry-choice-copy b, body.entry-page .employee-picker-btn .entry-choice-copy b{ color:#ffe46f!important; font-size:18px!important; } body.entry-page .entry-date-picker-btn .entry-choice-copy small, body.entry-page .employee-picker-btn .entry-choice-copy small{ color:#d4bd72!important; } html[data-theme="day"] body.entry-page .entry-date-picker-btn, html[data-theme="day"] body.entry-page .employee-picker-btn{ background:#fff3bd!important; border-color:#c99c13!important; color:#382c08!important; } html[data-theme="day"] body.entry-page .entry-date-picker-btn .entry-choice-copy b, html[data-theme="day"] body.entry-page .employee-picker-btn .entry-choice-copy b{ color:#493800!important; } html[data-theme="day"] body.entry-page .tap-metric-title{ background:#edf3f7!important; border-bottom-color:#c9d5df!important; color:#20364a!important; } html[data-theme="day"] body.entry-page .numeric-metric [data-numeric-input]{ background:#fff!important; color:#263f56!important; } /* Task assignment notifications */ .task-notification{ border-color:rgba(95,178,255,.40)!important; } /* Stable dashboard refinements */ .site-update-status{display:none!important} body[data-page="home"] .challenges{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important} body[data-page="home"] .challenge-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;height:auto!important;gap:8px!important;padding:0 10px 10px!important;overflow:visible!important} body[data-page="home"] .challenge-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;height:auto!important;min-height:142px!important;padding:11px 10px!important;box-sizing:border-box!important;overflow:visible!important} body[data-page="home"] .challenge-card .challenge-top{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;width:100%!important} body[data-page="home"] .challenge-card b{font-size:11px!important;line-height:1.55!important;text-align:right!important} body[data-page="home"] .challenge-card em{font-size:10px!important;white-space:nowrap!important} body[data-page="home"] .challenge-card p{display:block!important;overflow:visible!important;margin:9px 0 0!important;font-size:9.5px!important;line-height:1.75!important;text-align:right!important;white-space:normal!important} body[data-page="home"] .motivation{margin-top:0!important} @media(max-width:1000px){body[data-page="home"] .challenge-grid{grid-template-columns:1fr!important}body[data-page="home"] .challenge-card{min-height:0!important}} /* V87 profile and administration */ .password-form{grid-template-columns:repeat(3,1fr) auto;margin-top:18px;padding-top:18px;border-top:1px solid rgba(100,140,175,.14)} .password-form h3,.password-form p{grid-column:1/-1;margin:0}.password-form p{color:#ffd27a} .user-row .user-role,.user-row .user-reset-password{background:#061a2e;color:#fff;border:1px solid #204665;border-radius:9px;padding:8px;font:inherit} .user-toggle{border:1px solid #633;background:rgba(255,70,70,.1);color:#ff9b9b;border-radius:999px;padding:7px 10px}.user-toggle.active{border-color:#28694a;background:rgba(60,210,125,.12);color:#72e5a5} .user-row .user-save{margin:0}.map-root{display:flex;justify-content:space-between;padding:13px 15px;border-radius:12px;background:rgba(37,117,190,.14);border:1px solid rgba(72,160,255,.25)}.map-root em{font-style:normal;color:#8eb5d7}.best-empty{grid-column:1/-1;padding:24px;text-align:center;color:#8ba0b4} @media(max-width:900px){.password-form{grid-template-columns:1fr 1fr}.user-row{flex-wrap:wrap}.user-row div{min-width:180px}.user-row .user-reset-password{flex:1}} @media(max-width:520px){.password-form{grid-template-columns:1fr}.user-row>*{width:100%;box-sizing:border-box}.user-row img{width:42px}.user-row div{width:calc(100% - 60px)}} /* Stable details page refinements */ body.details-page .back-btn{background:linear-gradient(135deg,#258cff,#7657ff)!important;border:1px solid rgba(164,184,255,.55)!important;color:#fff!important;box-shadow:0 7px 20px rgba(60,93,255,.28)!important} body.details-page .details-overview{min-height:0!important;max-height:none!important;gap:12px!important;overflow:visible!important} body.details-page .details-main-chart,body.details-page .earned-score-panel,body.details-page .task-code-summary{height:auto!important;max-height:none!important;overflow:visible!important} body.details-page .details-main-chart .chart-wrap{height:220px!important;min-height:220px!important;max-height:220px!important} body.details-page .details-main-chart svg{height:220px!important} body.details-page .details-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important} body.details-page .performance-details-table,body.details-page .daily-details-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important} body.details-page .details-table th,body.details-page .details-table td{min-width:0!important;padding:7px 3px!important;font-size:9px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:break-word!important} body.details-page .details-table th{font-size:8.5px!important} body.details-page .details-mini-avatar{width:25px!important;height:25px!important;flex-basis:25px!important} @media(max-width:900px){body.details-page .details-overview{grid-template-columns:1fr!important}body.details-page .details-main-chart .chart-wrap,body.details-page .details-main-chart svg{height:190px!important;min-height:190px!important;max-height:190px!important}body.details-page .details-table th,body.details-page .details-table td{font-size:7.5px!important;padding:5px 2px!important}.details-mini-avatar{display:none!important}} /* V90 — readable, viewport-aware typography across application pages */ body:is(.details-page,.tasks-page,.entry-page,.messages-page,.login-page){font-size:clamp(13px,.32vw + 10px,16px)!important} body:is(.details-page,.tasks-page,.entry-page,.messages-page,.login-page) h1{font-size:clamp(21px,.9vw + 14px,31px)!important} body:is(.details-page,.tasks-page,.entry-page,.messages-page,.login-page) h2{font-size:clamp(16px,.55vw + 11px,23px)!important} body:is(.details-page,.tasks-page,.entry-page,.messages-page,.login-page) :is(button,select,input,textarea){font-size:clamp(11px,.22vw + 9px,14px)!important;line-height:1.55!important} body:is(.details-page,.tasks-page,.entry-page,.messages-page) :is(p,label,small){font-size:clamp(10px,.2vw + 8px,13px)!important;line-height:1.75!important} body:is(.details-page,.tasks-page,.entry-page,.messages-page) :is(th,td){font-size:clamp(9px,.2vw + 7px,12px)!important;line-height:1.45!important} body.details-page .details-table-wrap{overflow-x:hidden!important;max-width:100%!important}body.details-page .details-table{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} /* V90.1 — strong contrast for the day theme */ html[data-theme="day"] body :is(h1,h2,h3,h4,h5,p,small,label,em,time,legend,caption){color:#0a1017!important;text-shadow:none!important} html[data-theme="day"] body :is(.section-note,.title span,.trend-summary,.team-groups-mini,.name-group,.details-header p,.integration-note,.integration-message,.duty-meta span,.catalog-row small){color:#111820!important;text-shadow:none!important} html[data-theme="day"] body :is(input,textarea,select,option){color:#0a1017!important} html[data-theme="day"] .bottom-dock .dock-item,html[data-theme="day"] .details-bottom-dock .dock-item,html[data-theme="day"] .bottom-dock .dock-label,html[data-theme="day"] .details-bottom-dock .dock-label{color:#080c12!important;text-shadow:none!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) :is(.dock-icon-shell,.dock-plus-shell){background:linear-gradient(145deg,rgba(105,177,255,.72),rgba(167,132,248,.68))!important;border-color:rgba(75,92,190,.42)!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item.active :is(.dock-icon-shell,.dock-plus-shell,.dock-profile-shell){background:linear-gradient(145deg,#5caeff,#9174ef)!important;border-color:#6b75cf!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) :is(.dock-symbol,.dock-plus-symbol){color:#080c12!important;filter:grayscale(1) brightness(0)!important;text-shadow:none!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-svg-icon{color:#080c12!important;stroke:#080c12!important;fill:none!important;filter:none!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item.active .dock-label{color:#080c12!important;text-shadow:none!important} /* V91 — zero-download geometric backgrounds inspired by the supplied blue artwork */ html[data-background-style]:not([data-background-style="auto"]) body{background-attachment:scroll!important;background-repeat:no-repeat!important;background-size:100% 100%!important} html[data-background-style="blue-flow"] body{background-color:#075fcf!important;background-image:linear-gradient(135deg,transparent 0 14%,rgba(0,199,255,.34) 14% 20%,transparent 20% 45%,rgba(0,149,255,.27) 45% 53%,transparent 53% 77%,rgba(0,199,255,.25) 77% 84%,transparent 84%)!important} html[data-background-style="violet-flow"] body{background-color:#2d236c!important;background-image:linear-gradient(135deg,transparent 0 14%,rgba(55,132,255,.45) 14% 21%,transparent 21% 47%,rgba(188,76,255,.30) 47% 55%,transparent 55% 78%,rgba(77,121,255,.30) 78% 85%,transparent 85%)!important} html[data-background-style="emerald-flow"] body{background-color:#075750!important;background-image:linear-gradient(135deg,transparent 0 14%,rgba(48,230,180,.30) 14% 21%,transparent 21% 47%,rgba(49,171,255,.25) 47% 55%,transparent 55% 78%,rgba(44,214,157,.25) 78% 85%,transparent 85%)!important} html[data-background-style="sunset-flow"] body{background-color:#862b50!important;background-image:linear-gradient(135deg,transparent 0 14%,rgba(255,172,57,.40) 14% 21%,transparent 21% 47%,rgba(235,63,148,.31) 47% 55%,transparent 55% 78%,rgba(255,124,58,.28) 78% 85%,transparent 85%)!important} html[data-background-style="graphite-flow"] body{background-color:#151a21!important;background-image:linear-gradient(135deg,transparent 0 14%,rgba(255,255,255,.11) 14% 21%,transparent 21% 47%,rgba(111,137,171,.16) 47% 55%,transparent 55% 78%,rgba(255,255,255,.08) 78% 85%,transparent 85%)!important} html[data-background-style="ice-flow"] body{background-color:#d9ecfb!important;background-image:linear-gradient(135deg,transparent 0 14%,rgba(36,142,230,.20) 14% 21%,transparent 21% 47%,rgba(115,89,225,.14) 47% 55%,transparent 55% 78%,rgba(38,167,232,.14) 78% 85%,transparent 85%)!important} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* V91 — day dock: clear white inactive controls; blue-violet selected control */ html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item :is(.dock-icon-shell,.dock-plus-shell){background:#fff!important;border-color:#c7d1dc!important;box-shadow:0 4px 12px rgba(27,43,59,.10)!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item:not(.active) :is(.dock-symbol,.dock-plus-symbol){color:#090d12!important;filter:grayscale(1) brightness(0)!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item:not(.active) .dock-svg-icon{color:#090d12!important;stroke:#090d12!important;fill:none!important;filter:none!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item.active :is(.dock-icon-shell,.dock-plus-shell,.dock-profile-shell){background:linear-gradient(145deg,#4d9dff,#8460e8)!important;border-color:#6873d8!important;box-shadow:0 7px 17px rgba(84,83,218,.28)!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item.active :is(.dock-symbol,.dock-plus-symbol){color:#fff!important;filter:grayscale(1) brightness(0) invert(1)!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item.active .dock-svg-icon{color:#fff!important;stroke:#fff!important;fill:none!important;filter:none!important} html[data-theme="day"] :is(.bottom-dock,.details-bottom-dock) .dock-item.active .dock-label{color:#fff!important;text-shadow:0 1px 3px rgba(36,29,107,.38)!important}