/* Refine the working area without replacing the navigation, fonts or photo banners. */
.app-page .app-main>.app-section,.app-page .record-row{box-shadow:none;border:1px solid #dce4eb;background:#f9fbfc}
.app-page .record-row{padding:0;margin:0 0 12px;border-radius:10px;overflow:visible}
.record-summary{display:flex;align-items:center;gap:14px;padding:17px 20px;min-height:64px;color:#172c40}
.record-summary>span:first-child,.record-summary>strong:first-child{flex:1;min-width:0}.record-summary small{display:block;color:#667988;font-size:12px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.record-summary>img{width:50px;height:50px;object-fit:contain}.record-summary .record-edit{margin-left:auto!important;white-space:nowrap}
.record-dialog{width:min(760px,calc(100vw - 36px));max-height:85dvh;padding:24px;border:1px solid #dce4eb;border-radius:10px;background:#f9fbfc;color:#172c40;box-shadow:0 25px 90px #172c4030;overflow:auto;box-sizing:border-box}
.record-dialog::backdrop{background:#14263a66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.dialog-heading h2{margin:0!important;font-size:20px!important}
.record-dialog form{display:grid;gap:14px}.record-dialog .app-section{padding:0;border:0;background:transparent;box-shadow:none}.record-dialog .workspace-pad{padding:0}.record-dialog img.catalog-image-preview{max-height:140px;object-fit:contain}.record-dialog form.inline-form,.record-dialog form.table-form{display:inline-flex}
.app-page .context-nav a,.app-page .invoice-tabs a,.app-page .pay-methods button{border-radius:5px!important}.app-page button,.app-page .button,.payment-page .pay-button,.payment-page .button{border-radius:4px!important}
.recovery-public{max-width:1240px;margin:auto;padding:32px}.recovery-public h1{font-size:42px!important;margin-bottom:18px!important}.recovery-public .public-lede{font-size:17px;line-height:1.7;max-width:720px;color:#526779}.recovery-public .studio-banner{min-height:170px}.recovery-public .studio-banner img{max-height:none;min-height:170px}.recovery-public .studio-banner strong{font-size:27px}
.recovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.recovery-feature{padding:24px;background:#f9fbfc;border:1px solid #dce4eb;border-radius:10px}.recovery-feature .cp-icon{color:#1e3d5c;width:25px;height:25px}.recovery-feature h2{font-size:18px!important;margin:17px 0 9px!important}.recovery-feature p{font-size:13px;line-height:1.7;color:#667988;margin:0 0 16px}.recovery-feature small{font-size:11px;color:#64798a;display:block;margin-top:14px}
.recovery-entry{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;background:#fff;border:1px solid #dce4eb;padding:28px;border-radius:10px;margin:28px 0}.recovery-entry p{font-size:14px;line-height:1.7;color:#667988}.recovery-entry .app-form{margin:0}.recovery-entry h2{font-size:24px!important}.recovery-example{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center;background:#f9fbfc;border:1px solid #dce4eb;border-radius:10px;overflow:hidden;margin:28px 0}.recovery-example img{width:190px;height:100%;min-height:230px;object-fit:cover}.recovery-example>div{padding:25px 25px 25px 0}.recovery-example p{font-size:13px;line-height:1.7;color:#667988}.recovery-example ol{font-size:13px;line-height:1.8;padding-left:20px}
.recovery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.recovery-overview a{display:flex;gap:12px;align-items:center;border:1px solid #dce4eb;border-radius:10px;padding:20px;background:#f9fbfc;text-decoration:none;color:inherit}.recovery-overview strong{display:block;font-size:24px}.recovery-overview small{display:block;color:#667988;font-size:12px;margin-top:5px}
.recovery-split{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;align-items:start}.recovery-projects{padding:20px;background:#f9fbfc;border:1px solid #dce4eb;border-radius:10px}.recovery-projects h2{font-size:17px!important}.recovery-projects a{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #dce4eb;text-decoration:none;color:#172c40}.recovery-projects a.current{color:#1e3d5c;font-weight:600}.recovery-projects small{display:block;color:#667988;font-weight:400;font-size:11px;margin-top:6px}.recovery-projects .status-pill{white-space:nowrap}
.recovery-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #dce4eb;margin:0 0 22px}.recovery-tabs a{display:inline-flex;gap:6px;align-items:center;text-decoration:none;color:#607184;padding:12px 10px;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px}.recovery-tabs a.current{color:#172c40;border-bottom-color:#1e3d5c}.recovery-workspace h2{margin-top:0}.recovery-workspace .quick-links{gap:10px;flex-wrap:wrap}.recovery-workspace .section-title{align-items:center}.recovery-workspace .plain-note{color:#667988;font-size:12px;line-height:1.7}.recovery-people{margin:0 0 20px}.recovery-person{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #dce4eb}.recovery-person>span{flex:1}.recovery-person strong{display:block;font-size:14px}.recovery-person small{display:block;color:#667988;font-size:12px;line-height:1.6;margin-top:5px}
.payment-page .pay-stage{gap:54px;max-width:1080px;padding:45px 28px;margin:auto}.payment-page .pay-card{background:#fff;border:1px solid #e0e6ec;border-radius:9px;box-shadow:0 12px 35px #172c4009;padding:30px}.payment-page .pay-methods{display:flex;gap:6px;margin:0 0 25px}.payment-page .pay-methods button{flex:1;border:1px solid #dce4eb;background:#f8fafc;color:#536779;border-radius:4px;padding:10px 5px;font-size:12px}.payment-page .pay-methods button.selected{border-color:#172c40;background:#172c40;color:#fff}.payment-page .card-box{min-height:44px;padding:13px 10px;border:1px solid #ccd7e0;background:#fff;border-radius:4px;display:block}.payment-page [data-card-status],.payment-page [data-ach-status]{font-size:12px;color:#65798a;line-height:1.6}.payment-page .fee-note{font-size:12px;color:#65798a}.payment-page .pay-card small{font-size:11px;color:#65798a;line-height:1.6}.payment-page .pay-card form{display:grid;gap:15px}.payment-page .pay-card [hidden]{display:none!important}.payment-page .pay-button:disabled{opacity:.55;cursor:not-allowed}.payment-page .crypto-row{padding:18px 0;align-items:center;gap:20px}.payment-page .crypto-row .wallet-qr{width:105px;min-width:105px;height:105px}.payment-page .crypto-row span{overflow-wrap:anywhere;font-size:11px}.payment-page .wallet-status{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:850px){.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-split{grid-template-columns:1fr}.recovery-projects{max-height:280px;overflow:auto}.payment-page .pay-stage{gap:25px}}
@media(max-width:600px){.recovery-public{padding:18px 16px}.recovery-public h1{font-size:30px!important}.recovery-grid,.recovery-entry,.recovery-overview{grid-template-columns:1fr}.recovery-grid{gap:10px}.recovery-feature{padding:20px}.recovery-entry{padding:22px}.recovery-example{grid-template-columns:1fr}.recovery-example img{width:100%;height:170px;min-height:0}.recovery-example>div{padding:22px}.recovery-public .studio-banner strong{font-size:21px}.recovery-overview a{padding:15px}.recovery-tabs{gap:0}.record-summary{padding:14px;gap:10px}.record-summary .cp-icon{width:15px}.record-dialog{padding:20px;max-height:90dvh}.payment-page .pay-stage{padding:25px 16px}.payment-page .pay-card{padding:22px}.payment-page .pay-summary h1{font-size:28px}.payment-page .crypto-row{gap:12px}}
