/* v622 Finance sheets. The EXISTING pinned Finance Notes editor remains the
   fourth, rightmost column and continues using area-note.php?area=finances. */
.iw-finance-sheet-v622[hidden],.iw-finance-sheet-return-v622[hidden]{display:none!important}
.iw-finance-sheet-v622{position:absolute!important;inset:0!important;z-index:210!important;display:flex!important;flex-direction:column!important;min-height:0!important;min-width:0!important;overflow:hidden!important;background:#f2f5f7!important;color:#243144!important;isolation:isolate}
.iw-finance-sheet-v622 *{box-sizing:border-box}
.iw-finance-sheet-bar-v622{flex:none;min-height:59px;padding:11px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d9e1e7;background:#fff}
.iw-finance-sheet-heading-v622{display:grid;gap:3px;margin-right:auto;min-width:0}
.iw-finance-sheet-heading-v622 strong{font-size:17px;font-weight:900;line-height:1.2}
.iw-finance-sheet-heading-v622 span{font-size:10px;color:#738392}
#finSheetStatusV622{max-width:225px;min-width:90px;font-size:10px;font-weight:700;color:#567168;text-align:right}
#finSheetStatusV622[data-error="1"]{color:#a33b35}
.iw-finance-sheet-bar-v622 button{flex:none;padding:9px 11px;border:1px solid #d1dbe3;border-radius:9px;background:#fff;color:#33485c;font-size:11px;font-weight:780}
.iw-finance-sheet-bar-v622 button:hover{background:#eaf0f5}
.iw-finance-sheet-bar-v622 button:disabled{opacity:.5;cursor:not-allowed}
.iw-finance-sheet-columns-v622{display:grid;grid-template-columns:repeat(3,minmax(310px,1fr));gap:12px;flex:1;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:12px}
.iw-finance-sheet-col-v622{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #dae2e7;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(29,44,62,.045)}
.iw-finance-sheet-colbar-v622{height:56px;min-height:56px;display:flex;align-items:center;gap:6px;padding:10px;border-bottom:1px solid #dde7ed;background:#edf4f0}
.iw-finance-sheet-col-v622[data-fin-sheet-v622="unpaid"] .iw-finance-sheet-colbar-v622{background:#faf0ee}
.iw-finance-sheet-col-v622[data-fin-sheet-v622="pending"] .iw-finance-sheet-colbar-v622{background:#f7f3e7}
.iw-finance-sheet-label-v622{background:transparent!important;border:1px solid transparent!important;border-radius:7px!important;outline:none!important;padding:5px 6px!important;font-size:14px!important;font-weight:840!important;min-width:0!important;flex:1!important}
.iw-finance-sheet-label-v622:focus{background:#fff!important;border-color:#84a1b5!important}
.iw-finance-sheet-colbar-v622 button{flex:none;background:#fff;border:1px solid #cddbd5;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}
.iw-finance-sheet-scroll-v622{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;scrollbar-gutter:stable}
.iw-finance-sheet-tablehead-v622,.iw-finance-sheet-row-v622{display:grid;grid-template-columns:minmax(65px,1.1fr) minmax(58px,.8fr) minmax(65px,1fr) 114px 19px;min-width:350px;gap:4px;align-items:center}
.iw-finance-sheet-tablehead-v622{position:sticky;top:0;z-index:2;padding:8px 7px;min-height:33px;background:#f8fafb;border-bottom:1px solid #e1e7ec;font-size:9px;font-weight:850;color:#728090;letter-spacing:.025em}
.iw-finance-sheet-rows-v622{padding:4px 5px 14px;display:grid;gap:2px;align-content:start}
.iw-finance-sheet-row-v622{padding:2px 2px;min-height:35px;border-bottom:1px solid #e9eff2}
.iw-finance-sheet-row-v622:focus-within{background:#f1f7fb;outline:1px solid #a7bed3;border-radius:4px}
.iw-finance-sheet-row-v622 input,.iw-finance-sheet-row-v622 textarea{font-size:10.5px;line-height:1.25;width:100%;min-width:0;height:29px;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px 4px;outline:none;color:#27384a}
.iw-finance-sheet-row-v622 input:focus,.iw-finance-sheet-row-v622 textarea:focus{background:#fff;border-color:#9db8cc}
.iw-finance-sheet-row-v622 input[type="date"]{font-size:10px;padding:4px 2px;max-width:114px}
.iw-finance-sheet-row-v622 textarea{resize:vertical;height:29px;max-height:120px;overflow-y:auto;line-height:1.35;padding-top:6px}
.iw-finance-sheet-row-v622 input[data-fin-field-v622="amount"]{text-align:right;font-variant-numeric:tabular-nums}
.iw-finance-sheet-row-v622 button{background:transparent;border:0;width:18px;height:23px;border-radius:4px;padding:0;font-size:16px;color:#a4aeb8}
.iw-finance-sheet-row-v622 button:hover{background:#fce6e5;color:#b73a37}
.iw-finance-sheet-total-v622{flex:none;height:50px;min-height:50px;padding:11px 14px;background:#f3f7f9;border-top:1px solid #dce5ea;display:flex;align-items:center;justify-content:space-between;gap:8px}
.iw-finance-sheet-total-v622 strong{font-size:12px;color:#4e6171}
.iw-finance-sheet-total-v622 output{font-variant-numeric:tabular-nums;font-size:17px;font-weight:880;color:#1e415a}
.iw-finance-sheet-mobile-notes-v622{display:none}
.iw-finance-sheet-return-v622{position:absolute;top:11px;right:11px;z-index:280;padding:10px 13px;background:#fff;border:1px solid #b9cbd7;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 4px 14px rgba(29,44,62,.12)}
@media(min-width:821px){
 body.iw-finance-sheet-mode-v622{--right-width:clamp(255px,23vw,380px)}
 body.iw-finance-sheet-mode-v622 .right-rail{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;padding:12px!important}
 body.iw-finance-sheet-mode-v622 .right-rail > :not(.area-pinned-note),
 body.iw-finance-sheet-mode-v622 .right-rail > .rail-notes-stack-v504 > :not(.area-pinned-note){display:none!important}
 body.iw-finance-sheet-mode-v622 .right-rail .area-pinned-note{display:grid!important;flex:1 1 auto!important;min-height:0!important;height:100%!important;grid-template-rows:auto minmax(0,1fr)!important;visibility:visible!important;opacity:1!important;overflow:hidden!important}
 body.iw-finance-sheet-mode-v622 .right-rail .area-pinned-note-body{display:block!important;min-height:0!important;max-height:none!important;height:100%!important;overflow-y:auto!important;font-size:13px!important;line-height:1.5!important}
 /* Fix v610-v621 collision: old resizer wrote four grid tracks, but the
    active layout now has three physical columns (Events above Notes). */
 html[data-iw-todo-four-columns-v610="1"] body:is([data-active-world="todo"],[data-v29-world="todo"]) #todoWeekLayoutV323{grid-template-columns:var(--iw-todo-cols-v622, minmax(155px,19fr) minmax(280px,36fr) minmax(245px,45fr))!important;position:relative!important}
 body #todoWeekLayoutV323 .todo-column-edge-v610{display:none!important;pointer-events:none!important}
 .iw-todo-resizer-v622{position:absolute;top:48px;bottom:12px;width:20px;z-index:45;transform:translateX(-50%);touch-action:none;cursor:col-resize;outline:none;background:transparent;border:0;padding:0;display:grid;place-items:center}
 .iw-todo-resizer-v622::after{content:"";display:block;width:5px;height:65px;max-height:20vh;background:#b7c6d4;border:1px solid #95aabb;border-radius:8px;box-shadow:0 0 0 4px rgba(255,255,255,.82)}
 .iw-todo-resizer-v622:hover::after,.iw-todo-resizer-v622:focus-visible::after,body.iw-todo-resizing-v622 .iw-todo-resizer-v622::after{background:#447aa2;border-color:#356586}
 body.iw-todo-resizing-v622,body.iw-todo-resizing-v622 *{user-select:none!important;cursor:col-resize!important}
}
@media(max-width:820px){
 .iw-finance-sheet-v622{overflow:auto!important;padding-bottom:76px}
 .iw-finance-sheet-bar-v622{position:sticky;top:0;z-index:3;flex-wrap:wrap;padding:9px 10px}
 .iw-finance-sheet-heading-v622{flex-basis:100%}
 #finSheetStatusV622{margin-right:auto;max-width:none}
 .iw-finance-sheet-columns-v622{display:flex;flex-direction:column;flex:none;min-height:auto;overflow:visible;padding:10px;gap:12px}
 .iw-finance-sheet-col-v622{flex:none;min-height:205px;max-height:48vh}
 .iw-finance-sheet-scroll-v622{min-height:92px}
 .iw-finance-sheet-mobile-notes-v622{display:block;flex:none;margin:0 10px 16px;border:1px solid #c3d1dd;background:#fff;border-radius:11px;padding:12px;font-size:12px;font-weight:780}
 .iw-finance-sheet-return-v622{top:7px;right:8px}
}
