/* Rufiyaa Update 3 — handle-only editing; scoped to active editor state. */
.u3-home-edit-active #app .home-widgets{grid-auto-flow:row!important;}
.u3-home-edit-toolbar{position:sticky;top:calc(env(safe-area-inset-top, 0px) + 51px);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;margin:0 0 18px;border:1px solid rgba(255,255,255,.85);border-radius:22px;background:rgba(245,249,246,.87);box-shadow:0 12px 28px rgba(12,60,49,.10);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.u3-home-edit-head{display:flex;flex-direction:column;gap:3px}.u3-home-edit-head b{font-size:14px}.u3-home-edit-head span{font-size:10px;opacity:.65}
.u3-home-edit-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.u3-home-edit-buttons button{width:auto!important;min-height:39px;border-radius:12px;border:1px solid rgba(13,90,70,.16);background:#fff;color:#164e40;font-size:12px;font-weight:700;padding:9px 12px;cursor:pointer}
.u3-home-edit-buttons button.u3-edit-add,.u3-home-edit-buttons button.u3-edit-done{background:#075e47;color:white;border:0}
.u3-home-edit-active #app .home-widget.u3-edit-widget{position:relative;isolation:isolate;outline:1px dashed rgba(12,108,79,.36);outline-offset:2px;padding-top:48px!important;user-select:none!important;-webkit-user-select:none!important}
.u3-home-edit-active #app .home-widget.u3-edit-widget *:not(input):not(textarea){-webkit-user-select:none;user-select:none}
.u3-home-edit-active #app .home-widget.u3-edit-widget button:not(.u3-edit-ctrl),.u3-home-edit-active #app .home-widget.u3-edit-widget a{pointer-events:none}
.u3-widget-edit-actions{position:absolute;top:6px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:7px;z-index:3;pointer-events:none}
.u3-widget-edit-actions .u3-edit-ctrl{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(9,99,73,.15);color:#055840;background:rgba(241,255,249,.96);min-width:38px;min-height:34px;padding:0 9px;border-radius:11px;font-size:19px;line-height:1;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.06)}
.u3-widget-edit-actions .u3-widget-drag{font-size:22px;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;cursor:grab}
.u3-widget-edit-actions .u3-widget-drag:active{cursor:grabbing}
.u3-widget-edit-actions .u3-edit-ctrl:focus-visible{outline:3px solid #0a8c68;outline-offset:2px}
.u3-drag-placeholder{box-sizing:border-box;background:rgba(8,129,98,.08);border:2px dashed rgba(8,129,98,.45);border-radius:23px;min-width:0}
.u3-drag-placeholder.widget-large{grid-column:1/-1!important}
.u3-drag-ghost{pointer-events:none!important;position:fixed;z-index:2147483050;box-sizing:border-box;max-width:85vw;border-radius:15px;border:1px solid rgba(8,130,94,.30);background:rgba(231,255,242,.96);color:#075841;box-shadow:0 14px 35px rgba(0,0,0,.20);padding:14px;font-weight:750;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none}
.u3-edit-size-picker,.u3-edit-move-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.u3-edit-size-picker button,.u3-edit-move-controls button{flex:1;min-width:65px;padding:12px 10px;border:1px solid rgba(11,86,68,.2);border-radius:13px;background:#fff;color:#144c3d}.u3-edit-size-picker .selected{border-color:#077454;background:#e1f8ea;font-weight:800}
.u3-period-edit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0}.u3-period-edit span{display:grid;gap:4px}.u3-period-edit small{opacity:.65}
@media(max-width:600px){.u3-home-edit-toolbar{top:calc(env(safe-area-inset-top, 0px) + 50px);flex-direction:column;align-items:stretch;padding:10px}.u3-home-edit-buttons{justify-content:space-between}.u3-home-edit-buttons button{flex:1;font-size:11px}.u3-home-edit-active #app .home-widget.u3-edit-widget{padding-top:42px!important}}
@media(prefers-reduced-motion:reduce){.u3-drag-ghost,.u3-drag-placeholder{transition:none!important}}

/* U3 QA follow-up: match the saved Custom order in edit and view modes.
   Previous global grid-auto-flow:dense could visually repack widgets after Done. */
body.u3-custom-home-layout #app .home-widgets{grid-auto-flow:row!important}
/* Quiet, accessible widget controls rather than a large gear emoji. */
.u3-home-edit-active #app .home-widget.u3-edit-widget{padding-top:43px!important}
.u3-widget-edit-actions{top:8px!important;left:12px!important;right:12px!important}
.u3-widget-edit-actions .u3-edit-ctrl{width:36px;min-width:36px;height:33px;min-height:33px;padding:0!important;border-radius:12px;background:rgba(250,253,251,.90);color:#286a58;border-color:rgba(25,94,75,.13);font-weight:700;box-shadow:0 2px 6px rgba(9,57,42,.035)}
.u3-widget-edit-actions .u3-widget-config{font-size:23px;letter-spacing:1px;line-height:1}
.u3-widget-edit-actions .u3-widget-drag{font-size:21px}
@media (pointer:coarse){.u3-widget-edit-actions .u3-edit-ctrl{width:42px;min-width:42px;min-height:42px;height:42px}}

/* 29 October: direct, independently accessible period and advanced controls. */
.u3-edit-period{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:8px 11px;border:1px solid rgba(13,90,70,.16);border-radius:12px;background:rgba(255,255,255,.88);color:#164e40;font-size:12px;font-weight:700;cursor:pointer}
.u3-edit-period input{width:17px;height:17px;accent-color:#087354;margin:0;cursor:pointer}
.u3-home-edit-buttons button.u3-edit-advanced{background:rgba(255,255,255,.86)}
@media(max-width:600px){.u3-home-edit-buttons .u3-edit-period{flex:1;justify-content:center;font-size:11px;min-width:120px}.u3-home-edit-buttons button.u3-edit-advanced{min-width:130px}}

/* Advanced settings is a separate editor action; avoid repeating Period Selector inside it. */
.u3-home-edit-active #modal-root .home-section-global-v1295a{display:none!important}

/* 29 Oct Home QA: balanced toolbar controls; no native blue check-box. */
.u3-home-edit-buttons button.u3-edit-period,
.u3-home-edit-buttons button.u3-edit-advanced{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;background:#075e47!important;border:1px solid #075e47!important;color:#fff!important;font-size:12px;font-weight:700;box-shadow:none}
.u3-home-edit-buttons button.u3-edit-period.is-off{background:rgba(255,255,255,.90)!important;border-color:rgba(13,90,70,.20)!important;color:#375f51!important}
.u3-home-edit-buttons button.u3-edit-period small{font-size:10px;letter-spacing:.02em;font-weight:800;opacity:.78}
.u3-home-edit-buttons button.u3-edit-period:focus-visible,
.u3-home-edit-buttons button.u3-edit-advanced:focus-visible{outline:3px solid #42b78d;outline-offset:2px}
/* Explicit breathing room and separate actions to prevent accidental removal. */
#modal-root .u3-edit-option-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:22px;padding-top:15px;border-top:1px solid rgba(93,120,107,.15)}
#modal-root .u3-edit-option-actions .u3-edit-remove{align-self:flex-start;width:auto!important;max-width:100%;margin:0!important}
#modal-root .u3-edit-option-actions .u3-edit-option-done{display:block;width:100%!important;margin:0!important;min-height:46px}
@media(max-width:600px){.u3-home-edit-buttons button.u3-edit-period,.u3-home-edit-buttons button.u3-edit-advanced{font-size:11px}}


/* Advanced widget settings: protect destructive action from back navigation. */
#modal-root .u3-advanced-widget-actions{
  display:flex;flex-direction:column;align-items:stretch;gap:22px;
  margin-top:22px;padding-top:18px;
  border-top:1px solid rgba(93,120,107,.18);
}
#modal-root .u3-advanced-widget-actions .u3-advanced-widget-remove{
  width:auto!important;align-self:flex-start;margin:0!important;
  min-height:44px;
}
#modal-root .u3-advanced-widget-actions .u3-advanced-widget-back{
  width:100%!important;min-height:46px;margin:0!important;
}
#modal-root .u3-advanced-return-edit{width:100%!important;min-height:44px;}