.compact-widget-preview{--compact-text:#fff;container-type:inline-size;width:100%;min-width:0;color:var(--compact-text);background:linear-gradient(165deg,#123a31,#086746);border:1px solid #407864;border-radius:18px;padding:7px 8px 6px;box-shadow:0 5px 14px #123a3114;overflow:hidden}.compact-widget-preview.light{--compact-text:#103f31;background:#fbf8ef;border-color:#dfe6d7}.compact-widget-preview ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:3px;margin:0;padding:0}.compact-widget-preview li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;border-radius:12px;padding:4px 0 5px}.compact-widget-preview li.next{background:#386d5c;color:#fff}.compact-widget-preview.light li.next{background:#24533e}.compact-widget-preview svg{width:clamp(28px,10cqi,44px);height:clamp(22px,7.4cqi,33px);flex-shrink:0}.compact-widget-preview li span{font-size:clamp(9px,3.1cqi,13px);line-height:1.2;white-space:nowrap}.compact-widget-preview li b{font-size:clamp(14px,4.8cqi,22px);line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.compact-widget-preview footer{display:flex;gap:7px;align-items:center;border-top:1px solid #85bda83d;padding:5px 2px 0;margin-top:4px;font-size:clamp(9px,2.8cqi,12px);line-height:1.3}.compact-widget-preview footer span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-widget-preview footer i{font-style:normal}.compact-widget-preview footer b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-widget-preview .compact-fajr-note{display:block;text-align:center;font-size:clamp(8px,2.5cqi,10px);line-height:1.3;margin:2px 0 0;color:inherit}.widget-compact-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.widget-compact-heading b{font-size:15px}.widget-compact-heading span{font-size:12px;opacity:.65}@container (max-width:290px){.compact-widget-preview footer i{display:none}}