/* Triplem VIP Build 010 — focused UX upgrades. All visual values resolve through centralized theme tokens. */

/* Notes — tactile paper language without escaping active theme */
.note-grid-card{
  position:relative;overflow:visible;min-height:190px;padding:22px 20px 18px 30px!important;
  background:
    linear-gradient(90deg,transparent 0 20px,color-mix(in srgb,var(--danger) 26%,transparent) 20px 21px,transparent 21px),
    repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,var(--line) 68%,transparent) 27px 28px),
    color-mix(in srgb,var(--surface-elevated) 91%,var(--warning-soft) 9%)!important;
  border:1px solid var(--line-strong)!important;box-shadow:var(--shadow)!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),97% 100%,93% calc(100% - 5px),89% 100%,84% calc(100% - 6px),79% 100%,74% calc(100% - 5px),69% 100%,64% calc(100% - 7px),59% 100%,53% calc(100% - 5px),48% 100%,42% calc(100% - 6px),36% 100%,30% calc(100% - 5px),24% 100%,18% calc(100% - 6px),12% 100%,6% calc(100% - 5px),0 100%);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.note-grid-card:hover,.note-grid-card:focus-visible{transform:translateY(-4px) rotate(-.25deg);box-shadow:var(--shadow-strong)!important;border-color:var(--primary)!important;outline:none}
.note-grid-card:nth-child(3n+2){transform:rotate(.28deg)}.note-grid-card:nth-child(3n+2):hover{transform:translateY(-4px) rotate(.05deg)}
.note-paper-pencil{position:absolute;right:13px;top:-11px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--primary-gradient);color:var(--on-primary);box-shadow:var(--shadow-soft);transform:rotate(11deg)}
.note-paper-head{display:flex;align-items:flex-start;gap:10px;padding-right:30px}.note-grid-title{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;font-weight:800;color:var(--text-strong);line-height:1.35}.note-paper-reminder{margin-left:auto;color:var(--warning);filter:drop-shadow(0 2px 8px var(--warning-soft))}
.note-paper-preview{margin:16px 0 18px;min-height:72px;line-height:28px;color:var(--text);font-family:"Segoe Print","Bradley Hand",cursive;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.note-paper-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:.72rem}.note-paper-foot i{color:var(--primary)}
.note-detail-dialog .modal-body,.note-create-dialog .modal-body{background:transparent!important}.note-detail-content,.note-create-dialog .note-textarea,#noteEditContent{position:relative;background:repeating-linear-gradient(0deg,transparent 0 30px,color-mix(in srgb,var(--line) 70%,transparent) 30px 31px),color-mix(in srgb,var(--surface-elevated) 92%,var(--warning-soft) 8%)!important;border:1px solid var(--line-strong)!important;border-radius:18px!important;box-shadow:inset 24px 0 0 color-mix(in srgb,var(--danger-soft) 34%,transparent),var(--shadow-soft)!important;padding:22px 24px 22px 38px!important;line-height:31px!important;font-family:"Segoe Print","Bradley Hand",var(--font,system-ui),cursive!important;color:var(--text)!important}
.note-detail-dialog .modal-head,.note-create-dialog .modal-head{border-bottom:1px dashed var(--line-strong)!important}.note-detail-kicker{color:var(--primary)!important}.note-workspace-modal .modal-dialog{box-shadow:var(--shadow-strong)!important}

/* Account logo maintenance + Admin unused photo cleanup */
.account-logo-maintenance-row{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}.account-logo-maintenance-row .settings-input{flex:1 1 260px}.admin-unused-photo-panel{margin-top:14px;padding:12px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-soft);box-shadow:var(--shadow-soft)}
.admin-unused-photo-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.admin-unused-photo-head strong{color:var(--text-strong)}.admin-unused-photo-head span{color:var(--muted);font-size:.76rem;max-width:420px;text-align:right}.admin-unused-photo-row{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-top:1px dashed var(--line);color:var(--text)}.admin-unused-photo-row small{color:var(--muted);overflow-wrap:anywhere;text-align:right}

/* Expenses — clickable transactions, compact action menu, premium detail receipt */
.expense-tx-row{cursor:pointer;transition:background .16s ease,transform .16s ease}.expense-tx-row:hover,.expense-tx-row:focus-visible{background:var(--surface-hover)!important;outline:none}.expense-tx-row:focus-visible{box-shadow:inset 3px 0 0 var(--primary)}
.expense-tx-action-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:5px}.expense-tx-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:250;min-width:175px;padding:7px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-strong);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.expense-tx-menu.is-open{display:grid}.expense-tx-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.expense-tx-menu button:hover{background:var(--surface-hover)}.expense-tx-menu button.is-danger{color:var(--danger)}
.expense-tx-detail-dialog{width:min(720px,calc(100vw - 24px))!important}.expense-tx-kicker,.loan-detail-kicker,.dep-method-kicker{margin:0 0 4px;color:var(--primary);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.expense-tx-hero{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line-strong);border-radius:20px;background:var(--banner-bg);box-shadow:var(--shadow-soft)}.expense-tx-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--primary-gradient);color:var(--on-primary);font-size:1.25rem;box-shadow:var(--theme-glow-shadow)}.expense-tx-hero small,.expense-tx-hero span{display:block;color:var(--muted)}.expense-tx-hero strong{display:block;color:var(--text-strong);font-size:1.45rem}.expense-tx-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.expense-tx-detail-grid>div,.expense-tx-note{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.expense-tx-detail-grid small,.expense-tx-note small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:5px}.expense-tx-detail-grid strong{color:var(--text-strong);font-size:.88rem}.expense-tx-note{margin-top:10px}.expense-tx-note p{margin:0;color:var(--text);white-space:pre-wrap}.expense-tx-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}

/* Loan details + PDF selection */
.loan-detail-pdf-menu-wrap{position:relative}.loan-detail-pdf-menu{display:none;position:absolute;right:0;top:calc(100% + 7px);min-width:205px;padding:7px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-strong);z-index:260}.loan-detail-pdf-menu.is-open{display:grid}.loan-detail-pdf-menu button{display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.loan-detail-pdf-menu button:hover{background:var(--surface-hover)}
.loan-pdf-selection-dialog{width:min(760px,calc(100vw - 24px))!important}.loan-pdf-select-all{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:14px;background:var(--primary-soft);color:var(--text-strong);font-weight:750}.loan-pdf-selection-list{display:grid;gap:7px;margin-top:10px;max-height:min(52vh,500px);overflow:auto}.loan-pdf-selection-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);cursor:pointer}.loan-pdf-selection-row:hover{border-color:var(--line-strong);background:var(--surface-hover)}.loan-pdf-selection-row span{display:grid}.loan-pdf-selection-row small{color:var(--muted)}.loan-pdf-selection-row b{color:var(--text-strong)}
#sectionDetailsModal[data-details-kind="loan"] .section-details-note{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--primary-soft);color:var(--text)}

/* Bitcoin — compact command surface and clearer security/send/receive dialogs */
.btc-security-notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-bottom:12px;border:1px solid var(--warning);border-radius:14px;background:var(--warning-soft);color:var(--text);box-shadow:var(--shadow-soft)}.btc-security-notice>i{color:var(--warning);margin-top:2px}.btc-security-notice p{margin:0;font-size:.75rem;line-height:1.45}
.btc-wallet-access-wrap{width:min(100%,520px)}.btc-wallet-access-trigger{width:100%;display:flex!important;justify-content:space-between;align-items:center;padding:11px 14px!important}.btc-wallet-access-menu{width:min(430px,calc(100vw - 42px));padding:8px!important}.btc-wallet-access-option{display:grid!important;grid-template-columns:34px 1fr;gap:10px;align-items:center;width:100%;padding:9px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--text)!important;text-align:left!important}.btc-wallet-access-option:hover,.btc-wallet-access-option.is-active{background:var(--surface-hover)!important}.btc-wallet-access-option>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.btc-wallet-access-option span{display:grid;gap:2px}.btc-wallet-access-option small{color:var(--muted);font-size:.69rem}
#bitcoinView .card{border-radius:18px!important}#btcLoginSection{background:var(--surface-glass)!important;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--line)!important}
#btcSendModal .modal-dialog,#btcReceiveModal .modal-dialog{border:1px solid var(--line-strong)!important;background:var(--modal-bg)!important;box-shadow:var(--shadow-strong)!important}#btcSendModal .modal-head,#btcReceiveModal .modal-head{background:var(--banner-bg)!important;border-bottom:1px solid var(--line)!important}.btc-send-from-box,.btc-send-preview,.btc-receive-address-chip,.btc-guest-fee-box{border-radius:14px!important;background:var(--surface-soft)!important;border-color:var(--line)!important;box-shadow:none!important}.btc-receive-address-chip.is-selected{border-color:var(--primary)!important;background:var(--primary-soft)!important}

/* Asset + depreciation visual hierarchy */
.asset-card,.dep-asset-card{overflow:visible;border-radius:20px!important;box-shadow:var(--shadow)!important}.asset-card:hover,.dep-asset-card:hover{box-shadow:var(--shadow-strong)!important}.dep-accounting-basis{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);color:var(--muted);font-size:.76rem}.dep-accounting-basis strong{color:var(--text-strong)}.dep-accounting-basis>span{display:inline-flex;align-items:center;gap:5px}.dep-review-due{color:var(--warning)!important;background:var(--warning-soft);padding:5px 8px;border-radius:999px}.dep-usage-summary{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.dep-usage-summary span{color:var(--muted)}.dep-usage-summary strong{color:var(--text-strong)}
.dep-asset-card .asset-card-meta span:first-child{background:var(--primary-soft);color:var(--text);border-color:var(--line-strong)}.dep-summary-card{position:relative;overflow:hidden}.dep-summary-card:after{content:"";position:absolute;width:80px;height:80px;right:-28px;bottom:-34px;border-radius:50%;background:var(--theme-glow-1);filter:blur(2px);pointer-events:none}

@media(max-width:720px){.expense-tx-detail-grid{grid-template-columns:1fr}.expense-tx-actions{justify-content:stretch}.expense-tx-actions .btn{flex:1}.admin-unused-photo-head,.admin-unused-photo-row{display:grid}.admin-unused-photo-head span,.admin-unused-photo-row small{text-align:left}.note-grid-card{min-height:170px}.loan-pdf-selection-row{grid-template-columns:auto 1fr}.loan-pdf-selection-row b{grid-column:2}.btc-wallet-access-wrap{width:100%}}