#v-insuwork .iwl-page{padding:16px;color:var(--tp);font-size:var(--fs-body);min-width:0}
#v-insuwork .iwl-head,#v-insuwork .iwl-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
#v-insuwork .iwl-page h2{font-size:var(--fs-heading)}
#v-insuwork .iwl-page h3{font-size:var(--fs-title-sm)}
#v-insuwork .iwl-head p,#v-insuwork .iwl-page small{color:var(--ts);font-size:var(--fs-caption)}
#v-insuwork .iwl-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin-bottom:24px}
#v-insuwork .iwl-totals article{background:var(--s2);border:1px solid var(--bd);border-radius:var(--radius-sm);padding:18px;display:grid;gap:8px}
#v-insuwork .iwl-totals strong{font-size:var(--fs-body);font-weight:var(--fw-bold,bold);overflow-wrap:anywhere}
#v-insuwork .iwl-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px;border:1px solid var(--bd);border-radius:var(--radius-sm);padding:18px;margin-bottom:12px;background:var(--s1)}
#v-insuwork .iwl-form h3,#v-insuwork .iwl-actions{grid-column:1/-1}
#v-insuwork .iwl-page label{display:grid;gap:6px;min-width:0}
#v-insuwork .iwl-page input,#v-insuwork .iwl-page select,#v-insuwork .iwl-page button{min-height:44px;border:1px solid var(--bd);border-radius:var(--radius-sm);padding:8px 12px;background:var(--s1);color:var(--tp);font:inherit;max-width:100%;min-width:0}
#v-insuwork .iwl-page button{cursor:pointer}
#v-insuwork .iwl-page button:disabled{opacity:.5;cursor:wait}
#v-insuwork .iwl-actions{display:flex;gap:8px}
#v-insuwork .iwl-actions button[type=submit]{background:var(--ac);color:var(--s1)}
#v-insuwork .iwl-page [hidden]{display:none}
#v-insuwork .iwl-page [data-iwl-status]{min-height:24px;margin-bottom:16px}
#v-insuwork .iwl-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--bd);flex-wrap:wrap}
#v-insuwork .iwl-row>div:first-child{display:grid;gap:4px;flex:1;min-width:120px;overflow-wrap:anywhere}
#v-insuwork .iwl-row-actions{display:flex;gap:6px}
#v-insuwork .iwl-empty{padding:32px 16px;text-align:center;color:var(--ts);background:var(--s2);border-radius:var(--radius-sm)}
#v-insuwork .iwl-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
#v-insuwork .iwl-months button{display:grid;gap:10px;text-align:left;padding:18px;background:var(--s2)}
#v-insuwork .iwl-months button[aria-pressed=true]{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}
#v-insuwork .iwl-months strong{font-size:var(--fs-body);font-weight:var(--fw-bold,bold);overflow-wrap:anywhere}
#v-insuwork .iwl-explain,#v-insuwork .iwl-form-note,#v-insuwork .iwl-records>p{font-size:var(--fs-caption);color:var(--ts);margin:12px 0 20px}
#v-insuwork .iwl-form-note{grid-column:1/-1;margin:0}
#v-insuwork .iwl-plan-form{margin-top:24px}
#v-insuwork .iwl-records{border-top:1px solid var(--bd);padding-top:16px;margin-top:24px}
#v-insuwork .iwl-records>summary{cursor:pointer;font-size:var(--fs-title-sm);padding:12px 0}
#v-insuwork .iwl-row-actions{flex-wrap:wrap}
#v-insuwork .iws-page{min-width:0;max-width:100%}
#v-insuwork .iws-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center;margin:12px 0 6px;font-size:var(--fs-caption);color:var(--ts)}
#v-insuwork .iws-table [data-iws-add]{min-width:44px}
#v-insuwork .iws-add-row td{vertical-align:middle}
#v-insuwork .iws-add-row button{margin-right:6px}
#v-insuwork .iws-toolbar [data-iws-save]{background:var(--ac);color:var(--s1)}
#v-insuwork .iws-help{color:var(--ts);font-size:var(--fs-caption);margin-bottom:12px}
#v-insuwork .iws-scroll{max-width:100%;overflow:auto;border:1px solid var(--bd);border-radius:var(--radius-sm)}
#v-insuwork .iws-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:1362px}
#v-insuwork .iws-table th,#v-insuwork .iws-table td{padding:6px;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);vertical-align:middle;text-align:left}
#v-insuwork .iws-table thead th,#v-insuwork .iws-table tfoot{background:var(--s2);white-space:nowrap}
#v-insuwork .iws-table input[type=text]{width:100%;min-width:0}
#v-insuwork .iws-amount-control{display:flex;align-items:center;gap:4px;min-width:0;border:1px solid var(--bd);border-radius:var(--radius-sm);background:var(--s1);padding-right:10px}
#v-insuwork .iws-table .iws-amount-control input{min-width:0;border:0;background:transparent;flex:1;width:100%}
#v-insuwork .iws-amount-control>span{white-space:nowrap;color:var(--ts)}
#v-insuwork .iws-amount-control:focus-within{outline:2px solid var(--ac);outline-offset:1px}
#v-insuwork .iws-table input[data-iws-field=date]{min-width:0;flex:1}
#v-insuwork .iws-date-control{display:flex;align-items:center;gap:4px}
#v-insuwork .iws-date-picker{position:relative;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border:1px solid var(--bd);border-radius:var(--radius-sm);background:var(--s1);cursor:pointer}
#v-insuwork .iws-date-picker svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;pointer-events:none}
#v-insuwork .iws-date-picker input[type=date]{position:absolute;inset:0;width:100%;height:100%;min-width:0;opacity:0;cursor:pointer;padding:0}
#v-insuwork .iws-date-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
#v-insuwork .iws-date-picker:focus-within{outline:2px solid var(--ac);outline-offset:2px}
#v-insuwork .iws-total-row .iws-date-picker{opacity:.5;cursor:default}
#v-insuwork .iws-table input[type=checkbox]{min-height:24px;width:24px;margin:10px}

#v-insuwork .iws-table output,#v-insuwork .iws-table small{display:block;font-size:var(--fs-caption);margin-top:4px;overflow-wrap:anywhere}
#v-insuwork .iws-total-row{background:var(--s2)}
#v-insuwork .iws-error{color:var(--ac);font-weight:var(--fw-medium)}
#v-insuwork .iws-totals{margin-top:16px}
#v-insuwork .iws-monthly{margin:16px 0;border:1px solid var(--bd);border-radius:var(--radius-sm);padding:12px;min-width:0}
#v-insuwork .iws-monthly-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#v-insuwork .iws-monthly-head button{min-width:44px;margin-left:4px}
#v-insuwork .iws-monthly p{font-size:var(--fs-caption);color:var(--ts);margin:8px 0}
#v-insuwork .iws-monthly-scroll{overflow:auto;max-height:330px;border-radius:var(--radius-sm)}
#v-insuwork .iws-monthly table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-body);white-space:nowrap}
#v-insuwork .iws-monthly th,#v-insuwork .iws-monthly td{padding:8px;text-align:right;border-bottom:1px solid var(--bd)}
#v-insuwork .iws-monthly th:first-child{text-align:left}
#v-insuwork .iws-monthly thead th{position:sticky;top:0;background:var(--s2);z-index:1}
#v-insuwork .iws-monthly tfoot{background:var(--s2);font-weight:var(--fw-medium)}
#v-insuwork .iws-month-selected{background:var(--s2)}
#v-insuwork .iws-month-selected button{border-color:var(--ac)}
#v-insuwork [data-iws-status]{min-height:24px;margin-top:12px}
#v-insuwork [data-iws-open-month]{cursor:pointer}
#v-insuwork [data-iws-open-month]:hover{background:var(--s2)}
#v-insuwork .iws-details{margin:16px 0;padding:16px;border:1px solid var(--bd);border-radius:var(--radius-sm);min-width:0}
#v-insuwork .iws-details header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#v-insuwork .iws-details h3{margin:0}
#v-insuwork .iws-details p,#v-insuwork .iws-details small{font-size:var(--fs-caption);color:var(--ts)}
#v-insuwork .iws-details-scroll{overflow:auto;max-height:360px;border-radius:var(--radius-sm)}
#v-insuwork .iws-details table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-body)}
#v-insuwork .iws-details th,#v-insuwork .iws-details td{padding:8px;text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap}
#v-insuwork .iws-details thead th{position:sticky;top:0;background:var(--s2);z-index:1}
#v-insuwork .iws-details small{display:block;margin-top:4px}
#v-insuwork .iws-row-highlight{background:var(--s2);outline:2px solid var(--ac);outline-offset:-2px}
#v-insuwork .iws-monthly .iws-month-detail-row>td{padding:0;white-space:normal;text-align:left;background:var(--s1)}
#v-insuwork .iws-month-detail-row .iws-details{margin:0;padding:12px;border:0}
#v-insuwork .iws-month-detail-row .iws-details header{white-space:normal}
#v-insuwork .iws-month-detail-row .iws-details-scroll{max-height:none}
#v-insuwork .iws-month-detail-row .iws-details th,#v-insuwork .iws-month-detail-row .iws-details td{text-align:left}
#v-insuwork .iws-month-detail-row .iws-details thead th{position:static}
#v-insuwork .iws-monthly:has(.iws-month-detail-row)>.iws-monthly-scroll{max-height:600px}
#v-insuwork .iws-monthly tr[data-iws-open-month]>td:nth-child(2),#v-insuwork .iws-monthly tfoot>tr>td{font-weight:var(--fw-bold,bold)}
#v-insuwork .iws-details tbody td{font-weight:var(--fw-regular)}

@media(max-width:600px){#v-insuwork .iwl-page{padding:12px}#v-insuwork .iwl-totals{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,90px),1fr))}#v-insuwork .iwl-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}#v-insuwork .iwl-totals article{padding:12px}#v-insuwork .iwl-row{gap:10px}}

#v-insuwork .iws-month-card{border:1px solid var(--bd);border-radius:var(--radius-sm);overflow:hidden;background:var(--s2);margin:8px 0;font-size:var(--fs-meta)}
#v-insuwork .iws-statement-summary{font-size:var(--fs-body);display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px;background:var(--s2);border-bottom:1px solid var(--bd)}
#v-insuwork .iws-statement-summary>div{flex:1;min-width:100px;display:grid;gap:4px;text-align:right}
#v-insuwork .iws-statement-summary span{color:var(--ts);font-size:var(--fs-caption)}
#v-insuwork .iws-statement-summary strong{font-size:inherit;font-weight:var(--fw-bold,bold)}
#v-insuwork .iws-month-card .iws-details h3,#v-insuwork .iws-month-card .iws-details table{font-size:var(--fs-meta)}
#v-insuwork .iws-month-card .iws-details tbody button{border:0;background:transparent;padding:4px 0;min-height:32px;text-align:left}
#v-insuwork .iws-month-card .iws-details tbody button:hover{text-decoration:underline}
#v-insuwork .iws-month-card .iws-details td,#v-insuwork .iws-month-card .iws-details th{padding:6px 8px}
#v-insuwork .iws-month-card .iws-details td:nth-child(3),#v-insuwork .iws-month-card .iws-details th:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
#v-insuwork .iws-month-card .iws-details tbody tr:last-child td{border-bottom:0}

#v-insuwork .iws-month-card .iws-details thead th{background:var(--s1)}

/* Content-sized columns; memo receives all remaining space. */
#v-insuwork .iws-col-row{width:76px}
#v-insuwork .iws-col-name{width:190px}
#v-insuwork .iws-col-date{width:190px}
#v-insuwork .iws-col-amount{width:150px}
#v-insuwork .iws-col-paid{width:90px}
#v-insuwork .iws-col-actions{width:220px}
#v-insuwork .iws-row-actions{display:flex;align-items:center;gap:4px}
#v-insuwork .iws-row-actions button{flex:none}
#v-insuwork .iws-table .iws-row-actions small{margin:0 0 0 4px;white-space:nowrap}
#v-insuwork .iws-table .iws-row-actions small.iws-error{white-space:normal;min-width:0}

#v-insuwork .iws-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#v-insuwork .iws-entry-head label{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption)}
#v-insuwork .iws-entry-head input{min-height:20px;width:20px;height:20px}
#v-insuwork .iws-help summary{cursor:pointer}

#v-insuwork .iws-col-repeat{width:96px}
#v-insuwork .iws-table .iws-repeat-cell,#v-insuwork .iws-table td:has(>[data-iws-field=paid]),#v-insuwork .iws-table thead th:nth-child(7){text-align:center;white-space:nowrap}
#v-insuwork .iws-repeat-cell span{font-size:var(--fs-caption);color:var(--ts)}
#v-insuwork .iws-table .iws-amount-control input{min-height:42px}
