*{box-sizing:border-box}:root{--g:#064b39;--g2:#08765a;--ink:#172c24;--muted:#718078;--line:#dfe7e2;--bg:#f3f6f3;--white:#fff;--amber:#a8731e}body{margin:0;font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:286px;padding:28px 18px 22px;background:linear-gradient(180deg,#063f31,#05372b);color:#fff;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 45px #042a200d}.brand,.mobile-brand{border:0;background:none;font:800 31px Manrope;color:#fff;letter-spacing:-.06em;text-align:left;cursor:pointer}.brand{padding:0 12px}.brand span,.mobile-brand span{color:#76dbb9}.account-mini{margin:28px 3px 23px;padding:13px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border:1px solid #ffffff16;background:#ffffff0b;border-radius:17px}.avatar,.account-mini .avatar{width:40px;height:40px;border-radius:12px;background:#dff5e9;color:#07543f;display:grid;place-items:center;font-size:10px;font-weight:900}.account-mini b{font-size:11px;display:block}.account-mini small{font-size:8px;color:#9fc4b7}.account-mini>span{font-size:10px;color:#89ad9f}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button,.sidebar-foot button{min-height:45px;border:0;background:none;color:#b8d1c8;border-radius:12px;padding:11px 13px;display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;font-weight:700;cursor:pointer}.sidebar nav button span,.sidebar-foot button span{flex:1}.sidebar nav button em{font-style:normal;font-size:7px;background:#ffffff14;padding:4px 6px;border-radius:99px}.sidebar nav button.active,.sidebar nav button:hover,.sidebar-foot button:hover{background:#ffffff12;color:#fff}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column}.sidebar-foot a{padding:11px 12px;color:#86aa9d;text-decoration:none;font-size:9px}main{margin-left:286px;min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px}.topbar> b{font-size:11px}.search{margin-left:auto;width:min(430px,31vw);height:42px;border:1px solid #d9e3dd;background:#f7f9f7;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#75837c}.search input{flex:1;border:0;outline:0;background:none;font-size:10px;color:#273c33}.search kbd{font:700 7px "DM Sans";border:1px solid #d7e0da;background:white;border-radius:6px;padding:4px 6px}.top-actions{display:flex;gap:8px;margin-left:10px;align-items:center}.top-actions>button{height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.new-btn{background:var(--g)!important;color:#fff!important;border-color:var(--g)!important;padding:0 14px;font-size:9px;font-weight:900}.bell{width:42px;position:relative}.bell i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e07e52;right:7px;top:7px}.account{min-width:168px;display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;padding:4px 8px;text-align:left}.account>span{width:30px;height:30px;border-radius:9px;background:#dff5e9;color:#07543f;display:grid;place-items:center;font-size:8px;font-weight:900}.account b{font-size:8px;display:block}.account small{font-size:6px;color:#7b8882}.account em{font-style:normal;color:#7b8882}.mobile-brand,.mobile-nav{display:none}#view{width:min(1680px,calc(100% - 70px));margin:auto;padding:40px 0 100px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.eyebrow{font-size:8px;color:var(--g2);font-weight:900;letter-spacing:.11em}.hero h1{font:700 clamp(38px,3.2vw,55px) Manrope;letter-spacing:-.055em;line-height:1.03;margin:7px 0 8px}.hero p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.primary,.secondary{min-height:44px;border-radius:12px;padding:11px 16px;font-size:9px;font-weight:900;cursor:pointer}.primary{border:0;background:var(--g);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--g)}.full{width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;box-shadow:0 10px 25px #172c2405}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.panel-head h3{font-size:13px;margin:0;letter-spacing:-.015em}.panel-head small{display:block;font-size:7px;color:#809089;margin-top:2px}.panel-head button{border:0;background:none;color:var(--g2);font-size:7px;font-weight:900;cursor:pointer}.status{display:inline-block;font-size:6px;font-weight:900;padding:6px 8px;border-radius:99px;background:#e7f5ed;color:#08765a}.status.Pending{background:#fff2d8;color:#90671f}.status.Complete{background:#eef1ef;color:#68766f}.home-alert{display:flex;justify-content:space-between;align-items:center;margin:-5px 0 16px;padding:11px 14px;border:1px solid #d6e6de;background:linear-gradient(90deg,#eaf6ef,#f9fbfa);border-radius:14px}.home-alert>div{display:flex;gap:9px;align-items:center}.home-alert i{width:28px;height:28px;border-radius:9px;background:#0a7b5d;color:#fff;display:grid;place-items:center;font-style:normal}.home-alert b{display:block;font-size:9px}.home-alert small{font-size:7px;color:#718078}.home-alert button{border:0;background:none;color:#08765a;font-size:7px;font-weight:900}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{position:relative;overflow:hidden;min-height:132px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:center}.metric>span{font-size:7px;color:#7b8882;font-weight:900;letter-spacing:.07em}.metric strong{font:700 31px Manrope;letter-spacing:-.045em;margin:6px 0;display:block}.metric small{font-size:8px;color:#75837c}.green{color:#08765a!important}.spark{position:absolute;right:15px;bottom:14px;width:82px;height:38px;display:flex;align-items:end;gap:3px}.spark i{flex:1;border-radius:3px 3px 1px 1px;background:#83cdb2}.spark i:nth-child(1){height:20%}.spark i:nth-child(2){height:40%}.spark i:nth-child(3){height:32%}.spark i:nth-child(4){height:55%}.spark i:nth-child(5){height:47%}.spark i:nth-child(6){height:68%}.spark i:nth-child(7){height:84%;background:#08765a}.metric-foot,.mini-flow{display:flex;gap:6px;margin-top:auto;padding-top:8px}.metric-foot{justify-content:space-between;border-top:1px solid #edf0ee;font-size:7px}.mini-flow span{font-size:6px;background:#f2f6f3;padding:5px 7px;border-radius:7px}.scoreline{height:5px;background:#e4eae6;border-radius:99px;margin-top:auto;overflow:hidden}.scoreline i{display:block;width:82%;height:100%;background:linear-gradient(90deg,#08765a,#77d9b8)}.dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(350px,.72fr);gap:15px;margin-top:15px}.dashboard-side{display:flex;flex-direction:column;gap:15px}.table-head,.agreement-row{display:grid;grid-template-columns:minmax(230px,1.45fr) .55fr .65fr .55fr;gap:12px;align-items:center}.table-head{padding:8px 4px;border-bottom:1px solid #e5ebe7;font-size:6px;text-transform:uppercase;letter-spacing:.08em;color:#819089;font-weight:900}.agreement-row{min-height:78px;padding:12px 4px;border-bottom:1px solid #edf0ee;cursor:pointer;transition:.2s}.agreement-row:last-child{border-bottom:0}.agreement-row:hover{background:#f8faf8;margin:0 -8px;padding-left:12px;padding-right:12px;border-radius:12px}.agreement-name{display:flex;gap:10px;align-items:center}.agreement-name b,.agreement-row>div>b{display:block;font-size:10px}.agreement-name small,.agreement-row>div>small{font-size:7px;color:#798780;display:block;margin-top:2px}.rowbar{width:75px;height:4px;background:#e7ede9;border-radius:99px;margin-top:5px;overflow:hidden}.rowbar i{display:block;height:100%;background:#08765a}.lower-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:15px;margin-top:15px}.period{font-size:6px;padding:5px 7px;border-radius:99px;background:#e7f5ed;color:#08765a;font-weight:900}.forecast-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.forecast-summary div{padding:10px;border:1px solid #e6ebe8;background:#f8faf8;border-radius:10px}.forecast-summary span{font-size:6px;color:#798780;display:block}.forecast-summary b{font-size:11px}.forecast{height:125px;display:flex;align-items:end;gap:7px;margin-top:14px;border-bottom:1px solid #dfe6e2}.forecast div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center}.forecast i{width:100%;max-width:20px;background:linear-gradient(#79dabb,#08765a);border-radius:4px 4px 1px 1px;animation:grow .8s ease both}.forecast span{height:15px;font-size:5px;color:#7b8882;margin-top:2px}.attention{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #edf0ee}.attention:first-of-type{border-top:0}.attention>i{width:30px;height:30px;border-radius:9px;background:#e8f5ee;color:#08765a;display:grid;place-items:center;font-style:normal;font-weight:900}.attention.warn>i{background:#fff2d8;color:#90671f}.attention b{display:block;font-size:8px}.attention small{font-size:6px;color:#798780}.attention button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;color:#07543f;font-size:6px;font-weight:900}.scorebox{background:linear-gradient(145deg,#063f31,#087057);color:#fff;border-radius:21px;padding:21px;box-shadow:0 20px 50px #064b3924}.scoretop{display:flex;justify-content:space-between;font-size:7px;color:#aacabe;font-weight:900}.score-num{font:700 62px Manrope;letter-spacing:-.06em;margin:24px 0 13px}.score-num span{font:700 10px "DM Sans";color:#80ddbd}.scoretrack{height:7px;background:#ffffff16;border-radius:99px;overflow:hidden}.scoretrack i{display:block;width:82%;height:100%;background:#75dbb8}.score-range{display:flex;justify-content:space-between;font-size:5px;color:#8eb4a6;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.stats div{text-align:center;padding:9px 4px;border:1px solid #ffffff16;background:#ffffff0b;border-radius:10px}.stats b{display:block;font-size:11px}.stats small{font-size:5px;color:#a7c7bb}.scorebox button{width:100%;margin-top:12px;border:1px solid #ffffff1b;background:#ffffff0d;color:#fff;border-radius:10px;padding:10px;font-size:7px;font-weight:900}.vault-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf0ee}.vault-row:first-of-type{border-top:0}.vault-row i{width:30px;height:30px;border-radius:9px;background:#e9f5ee;color:#08765a;display:grid;place-items:center;font-style:normal}.vault-row b{display:block;font-size:8px}.vault-row small{font-size:6px;color:#798780}.trust-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid #edf0ee;font-size:7px}.trust-row span{color:#74827b}.trust-grade{font-size:6px;background:#e8f5ee;color:#08765a;padding:5px 7px;border-radius:99px;font-weight:900}.toolbar{display:flex;align-items:center;gap:8px;margin:16px 0}.searchbox{height:40px;min-width:250px;flex:1;border:1px solid var(--line);background:#fff;border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 10px}.searchbox input{border:0;outline:0;flex:1;font-size:8px}.tabs{display:flex;gap:5px}.tabs button,.filter{height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 11px;font-size:7px;font-weight:900}.tabs button.active{background:#063f31;color:#fff}.portfolio,.vault-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.portfolio div,.vault-summary div{padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:13px}.portfolio span,.vault-summary span{font-size:6px;color:#798780;display:block}.portfolio b,.vault-summary b{font:700 17px Manrope;display:block;margin:3px 0}.portfolio small,.vault-summary small{font-size:6px;color:#798780}.score-grid{display:grid;grid-template-columns:430px 1fr;gap:15px}.score-main{background:linear-gradient(145deg,#063f31,#076149);color:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 60px #064b3924}.score-label{display:flex;justify-content:space-between;font-size:7px;color:#abd0c2}.score-label b{font-size:6px;background:#dff5e9;color:#07543f;padding:5px 7px;border-radius:99px}.orbit{width:245px;height:245px;margin:14px auto;position:relative}.orbit svg{width:100%;height:100%;transform:rotate(-90deg)}.orbit circle{fill:none;stroke-width:11}.orbit .bg{stroke:#ffffff15}.orbit .fill{stroke:#76ddb9;stroke-linecap:round;stroke-dasharray:660;stroke-dashoffset:120}.orbit>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit strong{font:700 62px Manrope;letter-spacing:-.06em}.orbit span{font-size:10px}.orbit small{font-size:6px;color:#82dcbc}.confidence{border-top:1px solid #ffffff15;padding-top:12px;display:flex;justify-content:space-between;font-size:6px;color:#a6c8bc}.score-insights{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}.factor{padding:9px 0;border-top:1px solid #edf0ee}.factor:first-of-type{border-top:0}.factor>div:first-child{display:flex;justify-content:space-between;font-size:7px}.factor b{color:#08765a}.factorbar{height:6px;background:#e6ece8;border-radius:99px;margin-top:6px;overflow:hidden}.factorbar i{display:block;height:100%;background:linear-gradient(90deg,#08765a,#77d8b8)}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.history-grid div{padding:11px;border:1px solid #e7ece9;background:#f7f9f7;border-radius:10px}.history-grid b{font:700 18px Manrope;display:block}.history-grid span{font-size:6px;color:#7b8882}.score-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px}.chart{height:180px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #e0e7e2}.chart div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center}.chart i{width:100%;max-width:26px;background:linear-gradient(#9be0c8,#08765a);border-radius:5px 5px 1px 1px}.chart span{height:15px;font-size:5px;color:#7b8882}.profile-preview{text-align:center;padding:14px;background:#f1f7f3;border:1px solid #dfe8e2;border-radius:14px}.profile-preview .personline{display:flex;gap:8px;align-items:center;justify-content:center}.profile-preview .personline div{text-align:left}.profile-preview b{font-size:8px;display:block}.profile-preview small{font-size:6px;color:#7b8882}.profile-preview>strong{font:700 43px Manrope;display:block;margin-top:12px}.profile-preview>span{font-size:8px;color:#08765a;font-weight:900}.trust-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;margin-bottom:15px;border:1px solid #dbe8e1;background:linear-gradient(90deg,#eaf6ef,#fff);border-radius:18px}.shield{display:flex;gap:12px;align-items:center}.shield i{width:46px;height:46px;border-radius:14px;background:#07543f;color:#fff;display:grid;place-items:center;font-style:normal;font-size:18px}.shield span{font-size:6px;color:#08765a;font-weight:900}.shield b{display:block;font:700 19px Manrope}.shield small{font-size:6px;color:#718078}.security-pills{display:flex;gap:7px;flex-wrap:wrap}.security-pills span{padding:8px;background:#fff;border:1px solid #dfe7e2;border-radius:9px;font-size:6px}.security-pills b{display:block;color:#08765a;margin-top:2px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setting,.device-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #edf0ee}.setting:first-child,.device-row:first-child{border-top:0}.setting b,.device-row b{display:block;font-size:8px}.setting small,.device-row small{font-size:6px;color:#7b8882}.switch{width:35px;height:21px;border-radius:99px;background:#08765a;padding:3px}.switch i{display:block;width:15px;height:15px;border-radius:50%;background:white;margin-left:auto}.device-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px}.device-row>i{width:32px;height:32px;border-radius:9px;background:#e9f5ee;color:#08765a;display:grid;place-items:center;font-style:normal}.device-row>span{font-size:6px;background:#e8f5ee;color:#08765a;border-radius:99px;padding:5px 7px}.documents{display:grid;grid-template-columns:1fr 300px;gap:15px}.doc-row{display:grid;grid-template-columns:35px minmax(220px,1.6fr) .7fr .7fr .5fr;gap:9px;align-items:center;min-height:66px;border-bottom:1px solid #edf0ee}.doc-row>i{width:34px;height:34px;border-radius:10px;background:#e9f5ee;color:#08765a;display:grid;place-items:center;font-style:normal}.doc-row b{display:block;font-size:8px}.doc-row small,.doc-row>span{font-size:6px;color:#74827b}.verified{color:#08765a!important;font-weight:900}.vault-lock{width:65px;height:65px;border-radius:20px;margin:10px auto 16px;background:linear-gradient(145deg,#063f31,#087057);color:#fff;display:grid;place-items:center;font-size:20px}.vault-info{text-align:center}.vault-info p{text-align:left;font-size:7px;line-height:1.5;color:#718078}.agreement-hero{display:grid;grid-template-columns:1.3fr .65fr .55fr 82px;gap:18px;align-items:center;padding:22px 24px;background:linear-gradient(145deg,#063f31,#075e47);color:#fff;border-radius:22px;box-shadow:0 20px 55px #064b3920}.agreement-hero h2{font:700 25px Manrope;margin:5px 0 2px}.agreement-hero p{font-size:7px;color:#b4d0c5;margin:0}.agreement-hero .id{font-size:6px;color:#8fc1af}.state small,.bigbal small{display:block;font-size:6px;color:#aac9be;margin-top:5px}.bigbal>span{font-size:6px;color:#aac9be}.bigbal strong{display:block;font:700 30px Manrope}.ring{width:75px;height:75px;border-radius:50%;background:conic-gradient(#75dab8 var(--p),#ffffff17 0);padding:7px}.ring div{height:100%;border-radius:50%;background:#07533f;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring b{font-size:12px}.ring span{font-size:5px;color:#afd0c4}.detail{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.next{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:linear-gradient(90deg,#f3f9f5,#fff)}.next>i{width:42px;height:42px;border-radius:13px;background:#07543f;color:#fff;display:grid;place-items:center;font-style:normal}.next span{font-size:6px;color:#08765a;font-weight:900}.next h3{font-size:12px;margin:3px 0}.next p{font-size:7px;color:#718078;margin:0}.progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.progress-row strong{font:700 21px Manrope;display:block}.progress-row span{font-size:6px;color:#7b8882}.progress-row>i{height:9px;background:#e5ebe7;border-radius:99px;overflow:hidden}.progress-row>i b{display:block;height:100%;background:linear-gradient(90deg,#08765a,#76d8b7)}.agreement-stats{display:flex;gap:7px;margin-top:14px}.agreement-stats span{flex:1;padding:8px;background:#f6f8f6;border-radius:9px;font-size:6px;color:#74827b}.agreement-stats b{display:block;font-size:8px;color:#263c33}.payment-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf0ee}.payment-row:first-of-type{border-top:0}.payment-row>i,.timeline-row>i{width:29px;height:29px;border-radius:9px;background:#e7f5ed;color:#08765a;display:grid;place-items:center;font-style:normal}.payment-row b,.timeline-row b{display:block;font-size:8px}.payment-row small,.timeline-row small,.timeline-row>span{font-size:6px;color:#7b8882}.timeline-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf0ee}.timeline-row:first-of-type{border-top:0}.party{display:flex;gap:10px;align-items:center;padding:8px 0 12px}.party b{display:block;font-size:9px}.party small{font-size:6px;color:#7b8882}.wizard{display:grid;grid-template-columns:235px minmax(0,950px);gap:22px}.steps,.form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.step{padding:11px;border-radius:11px;font-size:8px;color:#7c8982}.step.active{background:#edf6f0;color:#07543f;font-weight:900}.step.done{color:#08765a}.form{padding:28px}.form h2{font:700 29px Manrope;letter-spacing:-.04em;margin:0 0 6px}.form>p{font-size:10px;color:#75837c}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:7px;font-weight:900}.field input,.field select,.field textarea{min-height:45px;border:1px solid #dce4df;border-radius:10px;background:#fbfcfa;padding:11px;font-size:10px}.field textarea{min-height:95px}.field-help{font-size:6px;color:#7a8781}.actions{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;margin-top:20px;padding-top:17px}.review{margin-top:15px;padding:14px;border:1px solid #e0e7e2;background:#f7f9f7;border-radius:13px}.review div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #e4e9e6;font-size:8px}.review div:first-child{border:0}.legal-note{margin-top:14px;padding:12px;border:1px solid #efe2bd;background:#fff8e8;color:#6e5b2c;border-radius:12px;font-size:7px;line-height:1.5}.contract{margin-top:15px;border:1px solid #dfe6e2;border-radius:17px;padding:18px}.contract-head{display:flex;justify-content:space-between;border-bottom:1px solid #e7ece9;padding-bottom:11px}.contract-head b{font:800 16px Manrope;color:#07543f}.contract-head span{font-size:6px;color:#987027;background:#fff2d8;padding:5px 7px;border-radius:99px}.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.contract-grid div{padding:10px;background:#f7f9f7;border-radius:9px}.contract-grid span{display:block;font-size:6px;color:#7b8882}.contract-grid b{font-size:8px}.activity-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf0ee}.activity-item:first-child{border:0}.activity-item i{width:32px;height:32px;border-radius:9px;background:#e8f5ee;color:#08765a;display:grid;place-items:center;font-style:normal}.activity-item b{display:block;font-size:8px}.activity-item small,.activity-item>span{font-size:6px;color:#7b8882}#backdrop{display:none;position:fixed;inset:0;background:#061d16aa;z-index:49}#sheet{display:none;position:fixed;right:22px;top:92px;width:390px;max-height:calc(100vh - 115px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:21px;z-index:50;box-shadow:0 30px 90px #061d1635}#sheet.open,#backdrop.open{display:block}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#173a2e;color:#fff;padding:11px 15px;border-radius:10px;font-size:8px;z-index:70;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes grow{from{height:0!important;opacity:.2}}
@media(max-width:1180px){.sidebar{width:230px}main{margin-left:230px}#view{width:calc(100% - 44px)}.dashboard{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr}.lower-grid,.score-grid,.score-bottom,.documents,.detail{grid-template-columns:1fr}.score-insights{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.wizard{grid-template-columns:190px 1fr}.search{width:280px}.new-btn{display:none}.agreement-hero{grid-template-columns:1.2fr .7fr .55fr 78px}}
@media(max-width:760px){.sidebar{display:none}main{margin:0}.topbar{height:60px;padding:0 14px}.topbar>b,.search{display:none}.mobile-brand{display:block;color:#063f31;font-size:23px}.account{min-width:38px;width:38px;padding:4px}.account div,.account em{display:none}.account>span{width:28px;height:28px}.top-actions{margin-left:auto}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#ffffffef;backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom));z-index:40}.mobile-nav button{border:0;background:none;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#75837c;font-size:18px}.mobile-nav small{font-size:6px}.mobile-nav .plus{width:48px;height:48px;min-height:48px;margin:-22px auto 0;border-radius:15px;background:#07543f;color:#fff;box-shadow:0 10px 25px #07543f40}#view{width:100%;padding:23px 14px calc(100px + env(safe-area-inset-bottom))}.hero{flex-direction:column;align-items:flex-start;gap:16px}.hero h1{font-size:34px}.hero p{font-size:12px}.hero .primary{width:100%}.home-alert button{display:none}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{min-height:115px;padding:15px}.metric strong{font-size:25px}.spark{display:none}.dashboard,.lower-grid{grid-template-columns:1fr}.dashboard-side{display:block}.dashboard-side>*+*{margin-top:10px}.table-head{display:none}.agreement-row{grid-template-columns:1fr auto;min-height:72px}.agreement-row>div:nth-child(2),.agreement-row>div:nth-child(3){display:none}.forecast{height:105px}.toolbar{flex-wrap:wrap}.searchbox{flex-basis:100%}.toolbar .tabs{overflow:auto;width:calc(100% - 55px)}.portfolio,.vault-summary{grid-template-columns:1fr 1fr}.score-grid,.score-insights,.score-bottom{grid-template-columns:1fr}.score-main{padding:19px}.orbit{width:210px;height:210px}.profile-grid{grid-template-columns:1fr}.trust-overview{flex-direction:column;align-items:flex-start}.documents{grid-template-columns:1fr}.doc-row{grid-template-columns:35px 1fr auto}.doc-row>span:nth-of-type(1),.doc-row>span:nth-of-type(2){display:none}.agreement-hero{grid-template-columns:1fr auto;padding:18px}.state{justify-self:end}.bigbal{grid-column:1}.ring{grid-column:2;grid-row:2}.detail{grid-template-columns:1fr}.next{grid-template-columns:38px 1fr}.next button{grid-column:1/-1}.progress-row{grid-template-columns:1fr}.agreement-stats{flex-wrap:wrap}.wizard{display:block}.steps{display:flex;overflow:auto;gap:5px;margin-bottom:10px;padding:7px}.step{min-width:max-content}.form{padding:18px}.form h2{font-size:26px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.field input,.field select,.field textarea{font-size:16px}.contract-grid{grid-template-columns:1fr 1fr}#sheet{left:10px;right:10px;top:auto;bottom:calc(75px + env(safe-area-inset-bottom));width:auto;max-height:70vh}}
@media(max-width:390px){.metrics,.portfolio,.vault-summary{grid-template-columns:1fr}.hero h1{font-size:31px}.orbit{width:185px;height:185px}.orbit strong{font-size:52px}.contract-grid{grid-template-columns:1fr}.agreement-hero h2{font-size:21px}}


/* ============================================================
   OWE APP v5 — full readability / polish pass
   Applies to every route, desktop + iPhone
   ============================================================ */

/* ---------- Global type scale ---------- */
html{font-size:16px}
body{
  font-size:14px;
  line-height:1.45;
  letter-spacing:-.005em;
}
button,input,select,textarea{line-height:1.25}
#view{
  width:min(1540px,calc(100% - 72px));
  padding-top:42px;
}

/* ---------- Sidebar / topbar ---------- */
.sidebar{
  width:272px;
  padding:27px 16px 22px;
}
main{margin-left:272px}
.brand{font-size:33px}
.account-mini{
  padding:14px;
  margin:28px 3px 24px;
}
.account-mini b{font-size:12px}
.account-mini small{font-size:9px}
.sidebar nav button,.sidebar-foot button{
  min-height:48px;
  padding:12px 14px;
  font-size:12px;
  gap:11px;
}
.sidebar nav button em{font-size:8px}
.sidebar-foot a{font-size:10px}
.topbar{
  height:78px;
  padding:0 30px;
}
.topbar>b{font-size:12px}
.search{
  width:min(460px,32vw);
  height:44px;
}
.search input{font-size:12px}
.search kbd{font-size:8px}
.new-btn{
  min-height:44px;
  padding:0 16px;
  font-size:10px;
}
.account{
  min-width:180px;
  height:44px!important;
}
.account b{font-size:10px}
.account small{font-size:7.5px}

/* ---------- Shared page headers ---------- */
.hero{
  gap:28px;
  margin-bottom:30px;
}
.eyebrow{
  font-size:10px;
  letter-spacing:.1em;
}
.hero h1{
  font-size:clamp(40px,3.1vw,54px);
  line-height:1.05;
  margin:8px 0 10px;
}
.hero p{
  max-width:760px;
  font-size:15px;
  line-height:1.6;
}
.primary,.secondary{
  min-height:46px;
  padding:12px 17px;
  font-size:11px;
  border-radius:12px;
}

/* ---------- Shared cards ---------- */
.panel{
  padding:22px;
  border-radius:22px;
}
.panel-head{
  margin-bottom:16px;
}
.panel-head h3{
  font-size:15px;
  line-height:1.3;
}
.panel-head small{
  font-size:9px;
  line-height:1.4;
  margin-top:3px;
}
.panel-head button{
  font-size:9px;
}
.status{
  font-size:8px;
  padding:6px 9px;
}
.period,.trust-grade{
  font-size:8px;
  padding:6px 9px;
}

/* ---------- Overview ---------- */
.home-alert{
  min-height:58px;
  padding:13px 15px;
  border-radius:15px;
  margin-bottom:18px;
}
.home-alert i{
  width:32px;
  height:32px;
}
.home-alert b{font-size:11px}
.home-alert small{
  font-size:9px;
  margin-top:2px;
  display:block;
}
.home-alert button{font-size:9px}

.metrics{
  gap:15px;
}
.metric{
  min-height:145px;
  padding:22px;
  border-radius:21px;
}
.metric>span{
  font-size:9px;
}
.metric strong{
  font-size:34px;
  margin:8px 0 7px;
}
.metric small{
  font-size:10px;
  line-height:1.45;
}
.metric-foot{
  font-size:9px;
  padding-top:10px;
}
.mini-flow span{font-size:8px}
.spark{
  width:92px;
  height:44px;
  bottom:17px;
}
.dashboard{
  grid-template-columns:minmax(0,1.48fr) minmax(390px,.72fr);
  gap:17px;
  margin-top:17px;
}
.dashboard-side{gap:17px}
.lower-grid{gap:17px;margin-top:17px}

/* Agreement command center */
.table-head{
  grid-template-columns:minmax(270px,1.45fr) .55fr .65fr .55fr;
  padding:10px 5px;
  font-size:8px;
}
.agreement-row{
  grid-template-columns:minmax(270px,1.45fr) .55fr .65fr .55fr;
  min-height:88px;
  padding:15px 5px;
}
.agreement-name{gap:12px}
.agreement-name b,.agreement-row>div>b{
  font-size:12px;
}
.agreement-name small,.agreement-row>div>small{
  font-size:9px;
  margin-top:3px;
}
.agreement-row .avatar{
  width:43px;
  height:43px;
  font-size:11px;
}
.rowbar{
  width:86px;
  height:5px;
  margin-top:7px;
}

/* Forecast */
.forecast-summary{
  gap:9px;
}
.forecast-summary div{
  padding:12px;
}
.forecast-summary span{font-size:8px}
.forecast-summary b{font-size:13px}
.forecast{
  height:145px;
  margin-top:16px;
}
.forecast span{font-size:7px}
.attention{
  grid-template-columns:36px 1fr auto;
  min-height:68px;
  gap:11px;
  padding:13px 0;
}
.attention>i{
  width:36px;
  height:36px;
}
.attention b{font-size:10px}
.attention small{
  display:block;
  font-size:8px;
  line-height:1.45;
  margin-top:2px;
}
.attention button{
  min-height:32px;
  font-size:8px;
  padding:7px 10px;
}

/* OWE Score overview widget */
.scorebox{
  padding:23px;
  border-radius:23px;
}
.scoretop{font-size:8px}
.score-num{
  font-size:66px;
  margin:27px 0 15px;
}
.score-num span{font-size:12px}
.scoretrack{height:8px}
.score-range{font-size:7px}
.stats{
  gap:8px;
  margin-top:16px;
}
.stats div{
  min-height:66px;
  padding:10px 5px;
}
.stats b{font-size:14px}
.stats small{font-size:7px}
.scorebox button{
  min-height:42px;
  font-size:9px;
}

/* Vault + security widgets */
.vault-row{
  grid-template-columns:34px 1fr auto;
  min-height:58px;
  gap:10px;
  padding:11px 0;
}
.vault-row i{
  width:34px;
  height:34px;
}
.vault-row b{font-size:10px}
.vault-row small{font-size:8px}
.trust-row{
  min-height:38px;
  align-items:center;
  font-size:9px;
  padding:10px 0;
}

/* ---------- Agreements page ---------- */
.toolbar{
  gap:9px;
  margin:18px 0;
}
.searchbox{
  min-width:300px;
  height:44px;
}
.searchbox input{font-size:11px}
.tabs{gap:6px}
.tabs button,.filter{
  height:44px;
  padding:0 13px;
  font-size:9px;
}
.portfolio,.vault-summary{
  gap:11px;
  margin-bottom:17px;
}
.portfolio div,.vault-summary div{
  min-height:88px;
  padding:14px 16px;
}
.portfolio span,.vault-summary span{font-size:8px}
.portfolio b,.vault-summary b{
  font-size:20px;
  margin:4px 0;
}
.portfolio small,.vault-summary small{font-size:8px}

/* ---------- OWE Score page ---------- */
.score-grid{
  grid-template-columns:440px 1fr;
  gap:17px;
}
.score-main{
  padding:27px;
  border-radius:25px;
}
.score-label{font-size:9px}
.score-label b{font-size:8px}
.orbit{
  width:260px;
  height:260px;
  margin:17px auto;
}
.orbit strong{font-size:68px}
.orbit span{font-size:12px}
.orbit small{
  font-size:8px;
  margin-top:3px;
}
.confidence{
  font-size:8px;
  padding-top:14px;
}
.score-insights{gap:17px}
.factor{
  padding:12px 0;
}
.factor>div:first-child{
  font-size:9px;
}
.factorbar{
  height:8px;
  margin-top:8px;
}
.history-grid{gap:9px}
.history-grid div{
  min-height:76px;
  padding:13px;
}
.history-grid b{font-size:21px}
.history-grid span{
  font-size:8px;
  line-height:1.35;
}
.score-bottom{
  gap:17px;
  margin-top:17px;
}
.chart{
  height:205px;
}
.chart span{font-size:7px}
.profile-preview{
  padding:18px;
}
.profile-preview b{font-size:10px}
.profile-preview small{font-size:8px}
.profile-preview>strong{font-size:48px}
.profile-preview>span{font-size:10px}

/* ---------- Documents ---------- */
.documents{
  grid-template-columns:minmax(0,1fr) 330px;
  gap:17px;
}
.doc-row{
  grid-template-columns:40px minmax(250px,1.6fr) .7fr .7fr .55fr;
  min-height:76px;
  gap:11px;
}
.doc-row>i{
  width:38px;
  height:38px;
}
.doc-row b{font-size:10px}
.doc-row small,.doc-row>span{
  font-size:8px;
  line-height:1.4;
}
.vault-lock{
  width:72px;
  height:72px;
  font-size:23px;
}
.vault-info p{
  font-size:9px;
  line-height:1.65;
}

/* ---------- Trust Center ---------- */
.trust-overview{
  padding:21px 22px;
  border-radius:19px;
  margin-bottom:17px;
}
.shield{gap:14px}
.shield i{
  width:50px;
  height:50px;
}
.shield span{font-size:8px}
.shield b{font-size:21px}
.shield small{font-size:8px}
.security-pills span{
  min-width:100px;
  padding:9px 10px;
  font-size:8px;
}
.security-pills b{
  font-size:9px;
  margin-top:3px;
}
.profile-grid{gap:17px}
.setting,.device-row{
  min-height:64px;
  padding:13px 0;
}
.setting b,.device-row b{font-size:10px}
.setting small,.device-row small{
  font-size:8px;
  line-height:1.4;
}
.device-row{
  grid-template-columns:38px 1fr auto;
  gap:10px;
}
.device-row>i{
  width:36px;
  height:36px;
}
.device-row>span{font-size:8px}

/* ---------- Agreement detail ---------- */
.agreement-hero{
  grid-template-columns:1.3fr .68fr .58fr 88px;
  gap:22px;
  padding:25px 27px;
  border-radius:23px;
}
.agreement-hero .id{font-size:8px}
.agreement-hero h2{
  font-size:29px;
  margin:6px 0 3px;
}
.agreement-hero p{font-size:9px}
.state small,.bigbal small{font-size:8px}
.bigbal>span{font-size:8px}
.bigbal strong{font-size:34px}
.ring{
  width:82px;
  height:82px;
}
.ring b{font-size:14px}
.ring span{font-size:7px}
.detail{
  gap:17px;
  margin-top:17px;
}
.next{
  grid-template-columns:46px 1fr auto;
  gap:14px;
}
.next>i{
  width:46px;
  height:46px;
}
.next span{font-size:8px}
.next h3{
  font-size:14px;
  margin:4px 0;
}
.next p{
  font-size:9px;
  line-height:1.5;
}
.progress-row strong{font-size:24px}
.progress-row span{font-size:8px}
.progress-row>i{height:10px}
.agreement-stats{
  gap:9px;
  margin-top:16px;
}
.agreement-stats span{
  padding:10px;
  font-size:8px;
}
.agreement-stats b{font-size:10px}
.payment-row{
  grid-template-columns:34px 1fr auto;
  min-height:62px;
  gap:11px;
  padding:13px 0;
}
.payment-row>i,.timeline-row>i{
  width:32px;
  height:32px;
}
.payment-row b,.timeline-row b{font-size:10px}
.payment-row small,.timeline-row small,.timeline-row>span{
  font-size:8px;
  line-height:1.4;
}
.timeline-row{
  grid-template-columns:34px 1fr auto;
  min-height:62px;
  gap:11px;
  padding:13px 0;
}
.party{gap:11px}
.party b{font-size:11px}
.party small{font-size:8px}

/* ---------- Activity page ---------- */
.activity-item{
  grid-template-columns:36px 1fr auto;
  min-height:64px;
  gap:11px;
  padding:13px 0;
}
.activity-item i{
  width:36px;
  height:36px;
}
.activity-item b{font-size:10px}
.activity-item small,.activity-item>span{
  font-size:8px;
  line-height:1.4;
}

/* ---------- Advanced agreement builder ---------- */
.wizard{
  grid-template-columns:250px minmax(0,980px);
  gap:24px;
}
.steps,.form{border-radius:21px}
.step{
  min-height:45px;
  padding:12px;
  font-size:10px;
  line-height:1.3;
}
.form{
  padding:31px;
}
.form h2{
  font-size:31px;
  line-height:1.15;
  margin-bottom:8px;
}
.form>p{
  max-width:720px;
  font-size:12px;
  line-height:1.55;
}
.fields{
  gap:15px;
  margin-top:24px;
}
.field{gap:7px}
.field label{
  font-size:9px;
  letter-spacing:.045em;
}
.field input,.field select,.field textarea{
  min-height:48px;
  padding:12px 13px;
  font-size:12px;
  line-height:1.3;
}
.field textarea{min-height:110px}
.field-help{
  font-size:8px;
  line-height:1.45;
}
.actions{
  margin-top:23px;
  padding-top:19px;
}
.review{
  padding:16px;
  border-radius:15px;
}
.review div{
  min-height:42px;
  align-items:center;
  font-size:10px;
  padding:10px 0;
}
.legal-note{
  font-size:9px;
  line-height:1.6;
  padding:14px;
}
.contract{
  padding:21px;
  border-radius:18px;
}
.contract-head b{font-size:18px}
.contract-head span{font-size:8px}
.contract h3{font-size:18px}
.contract-grid{gap:10px}
.contract-grid div{padding:12px}
.contract-grid span{font-size:8px}
.contract-grid b{font-size:10px}

/* ---------- Drawers / modals ---------- */
#sheet{
  width:420px;
  padding:23px;
  border-radius:23px;
}
#sheet .panel-head h3{font-size:16px}
#sheet p{
  font-size:10px!important;
  line-height:1.55!important;
}
#toast{
  font-size:10px;
  padding:12px 16px;
}

/* ---------- Medium desktop / laptop ---------- */
@media(max-width:1280px){
  #view{width:calc(100% - 46px)}
  .sidebar{width:235px}
  main{margin-left:235px}
  .dashboard{grid-template-columns:1fr}
  .dashboard-side{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  .dashboard-side>.panel:last-child{grid-column:1/-1}
  .score-grid,.documents,.detail{grid-template-columns:1fr}
  .score-insights{grid-template-columns:1fr 1fr}
  .agreement-hero{
    grid-template-columns:1.2fr .75fr .65fr 82px;
  }
  .wizard{grid-template-columns:210px 1fr}
}

/* ---------- iPad / phone ---------- */
@media(max-width:760px){
  #view{
    padding:24px 15px calc(105px + env(safe-area-inset-bottom));
  }
  .hero{
    margin-bottom:23px;
  }
  .eyebrow{font-size:9px}
  .hero h1{
    font-size:34px;
    line-height:1.05;
  }
  .hero p{
    font-size:13px;
    line-height:1.55;
  }
  .home-alert{
    min-height:62px;
  }
  .home-alert b{font-size:10px}
  .home-alert small{font-size:8px}
  .metrics{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .metric{
    min-height:125px;
    padding:16px;
  }
  .metric>span{font-size:8px}
  .metric strong{font-size:27px}
  .metric small{font-size:8px}
  .dashboard-side{display:block}
  .dashboard-side>*+*{margin-top:11px}
  .panel{
    padding:16px;
    border-radius:19px;
  }
  .panel-head h3{font-size:13px}
  .panel-head small{font-size:8px}
  .agreement-row{
    grid-template-columns:1fr auto;
    min-height:78px;
    padding:13px 0;
  }
  .agreement-name b{font-size:11px}
  .agreement-name small{font-size:8px}
  .table-head{display:none}
  .agreement-row>div:nth-child(2),.agreement-row>div:nth-child(3){display:none}
  .lower-grid{grid-template-columns:1fr}
  .forecast{height:120px}
  .attention{
    grid-template-columns:34px 1fr auto;
  }
  .score-num{font-size:58px}
  .toolbar{
    flex-wrap:wrap;
  }
  .searchbox{
    flex-basis:100%;
    min-width:0;
  }
  .toolbar .tabs{
    width:calc(100% - 58px);
    overflow-x:auto;
    scrollbar-width:none;
  }
  .tabs button{white-space:nowrap}
  .portfolio,.vault-summary{
    grid-template-columns:1fr 1fr;
  }
  .score-insights,.score-bottom{
    grid-template-columns:1fr;
  }
  .orbit{
    width:215px;
    height:215px;
  }
  .documents{grid-template-columns:1fr}
  .doc-row{
    grid-template-columns:38px 1fr auto;
    min-height:70px;
  }
  .doc-row>span:nth-of-type(1),.doc-row>span:nth-of-type(2){display:none}
  .profile-grid{grid-template-columns:1fr}
  .trust-overview{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
  }
  .agreement-hero{
    grid-template-columns:1fr auto;
    gap:14px;
    padding:19px;
  }
  .agreement-hero h2{font-size:23px}
  .state{justify-self:end}
  .bigbal{grid-column:1}
  .ring{grid-column:2;grid-row:2}
  .detail{grid-template-columns:1fr}
  .next{
    grid-template-columns:40px 1fr;
  }
  .next button{grid-column:1/-1}
  .progress-row{grid-template-columns:1fr}
  .agreement-stats{flex-wrap:wrap}
  .wizard{display:block}
  .steps{
    display:flex;
    overflow-x:auto;
    gap:5px;
    padding:7px;
    margin-bottom:11px;
    scrollbar-width:none;
  }
  .step{
    min-width:max-content;
    min-height:40px;
    font-size:9px;
  }
  .form{
    padding:19px;
  }
  .form h2{font-size:26px}
  .form>p{font-size:11px}
  .fields{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .field label{font-size:9px}
  .field input,.field select,.field textarea{
    min-height:50px;
    font-size:16px; /* prevents iOS zoom */
  }
  .field-help{font-size:8px}
  .contract-grid{grid-template-columns:1fr 1fr}
  #sheet{
    left:10px;
    right:10px;
    top:auto;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:auto;
    max-height:72vh;
    padding:20px;
  }
}

/* ---------- Small iPhones ---------- */
@media(max-width:390px){
  #view{padding-left:12px;padding-right:12px}
  .metrics,.portfolio,.vault-summary{grid-template-columns:1fr}
  .metric{min-height:112px}
  .hero h1{font-size:31px}
  .score-num{font-size:55px}
  .orbit{width:190px;height:190px}
  .orbit strong{font-size:54px}
  .security-pills{width:100%}
  .security-pills span{flex:1;min-width:45%}
  .contract-grid{grid-template-columns:1fr}
  .actions{gap:8px}
  .actions .primary,.actions .secondary{flex:1}
}


/* ============================================================
   OWE APP v6 — Score label alignment fix
   ============================================================ */
.score-num.score-num-clean{
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin:26px 0 15px;
  line-height:1;
}
.score-num.score-num-clean strong{
  display:block;
  font:700 66px/0.92 "Manrope",sans-serif;
  letter-spacing:-.065em;
  color:#fff;
}
.score-rating-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin-bottom:5px;
  padding:7px 11px;
  border:1px solid rgba(118,221,185,.34);
  background:rgba(255,255,255,.07);
  border-radius:10px;
  color:#dff8ef!important;
  font:800 10px/1 "DM Sans",sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
.orbit .orbit-rating{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  margin-top:8px;
  padding:6px 10px;
  border-radius:9px;
  border:1px solid rgba(118,221,185,.3);
  background:rgba(255,255,255,.06);
  color:#e3f8ef;
  font-size:10px;
  font-weight:800;
  line-height:1;
}
.scorebox .scoretop + .score-num-clean{margin-top:27px}
.scorebox .score-range{margin-top:7px}

@media(max-width:1180px){
  .score-num.score-num-clean strong{font-size:61px}
  .score-rating-pill{
    min-height:28px;
    padding:6px 10px;
    font-size:9px!important;
  }
}
@media(max-width:760px){
  .score-num.score-num-clean{
    gap:11px;
    align-items:center;
    margin:22px 0 14px;
  }
  .score-num.score-num-clean strong{font-size:56px}
  .score-rating-pill{
    margin-bottom:0;
    min-height:29px;
    padding:7px 10px;
    font-size:9px!important;
  }
  .orbit .orbit-rating{
    margin-top:7px;
    font-size:9px;
  }
}
@media(max-width:390px){
  .score-num.score-num-clean{gap:9px}
  .score-num.score-num-clean strong{font-size:52px}
  .score-rating-pill{
    padding:6px 9px;
    font-size:8.5px!important;
  }
}


/* ============================================================
   OWE APP v7 — iPhone-first responsive rebuild
   Fixes squeezed content, header overflow, narrow cards and wrapping.
   ============================================================ */

/* protect layout against accidental intrinsic-width overflow */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
#view,.hero,.metrics,.dashboard,.panel,.toolbar,.portfolio,.vault-summary,
.score-grid,.score-insights,.score-bottom,.documents,.trust-overview,
.profile-grid,.agreement-hero,.detail,.wizard,.form{
  min-width:0;
}

/* iPhone / small tablet layout */
@media(max-width:760px){

  /* app chrome */
  body{
    background:#f4f7f4;
  }

  .topbar{
    height:64px;
    padding:
      env(safe-area-inset-top)
      max(14px,env(safe-area-inset-right))
      0
      max(14px,env(safe-area-inset-left));
    background:rgba(255,255,255,.96);
  }

  .mobile-brand{
    display:block;
    color:#063f31;
    font-size:25px;
    line-height:1;
    padding:0;
    flex:0 0 auto;
  }

  .top-actions{
    margin-left:auto;
    gap:7px;
    flex:0 0 auto;
  }

  .new-btn{
    display:none!important;
  }

  .bell{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }

  .account{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:5px!important;
    display:grid!important;
    place-items:center;
  }

  .account>span{
    width:30px;
    height:30px;
    border-radius:10px;
    font-size:8px;
  }

  .account div,.account em{
    display:none!important;
  }

  /* page canvas */
  #view{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:
      24px
      max(16px,env(safe-area-inset-right))
      calc(108px + env(safe-area-inset-bottom))
      max(16px,env(safe-area-inset-left))!important;
  }

  /* Hero must use full width */
  .hero{
    width:100%;
    display:block!important;
    margin:0 0 22px!important;
  }

  .hero>div{
    width:100%;
    max-width:none;
  }

  .eyebrow{
    display:block;
    font-size:9px;
    line-height:1.25;
    letter-spacing:.11em;
    margin-bottom:9px;
  }

  .hero h1{
    width:100%;
    max-width:none;
    font-size:clamp(34px,10vw,43px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em;
    margin:0 0 10px!important;
    white-space:normal;
    word-break:normal;
  }

  .hero p{
    width:100%;
    max-width:34rem;
    font-size:14px!important;
    line-height:1.55!important;
    margin:0!important;
  }

  .hero>.primary,
  .hero>.secondary{
    width:100%;
    margin-top:18px;
    min-height:50px;
    font-size:12px;
  }

  /* good-standing strip */
  .home-alert{
    width:100%;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:13px 14px!important;
    margin:0 0 14px!important;
  }

  .home-alert>div{
    display:contents;
  }

  .home-alert i{
    width:34px;
    height:34px;
    border-radius:10px;
    grid-column:1;
  }

  .home-alert>div>span{
    grid-column:2;
    min-width:0;
  }

  .home-alert b{
    font-size:11px!important;
    line-height:1.25;
  }

  .home-alert small{
    font-size:9px!important;
    line-height:1.4;
  }

  .home-alert button{
    display:none!important;
  }

  /* Overview KPI cards: full-width stack on phone */
  .metrics{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .metric{
    width:100%;
    min-height:118px!important;
    padding:17px 18px!important;
    border-radius:18px!important;
  }

  .metric>span{
    font-size:8px!important;
  }

  .metric strong{
    font-size:30px!important;
    line-height:1;
    margin:7px 0!important;
  }

  .metric small{
    font-size:9px!important;
    line-height:1.4;
    max-width:78%;
  }

  .metric-foot{
    margin-top:12px;
  }

  .spark{
    display:flex!important;
    width:78px!important;
    height:40px!important;
    right:16px!important;
    bottom:14px!important;
  }

  .mini-flow{
    margin-top:12px;
  }

  .mini-flow span{
    font-size:8px!important;
  }

  /* main dashboard becomes single-column */
  .dashboard{
    display:block!important;
    width:100%;
    margin-top:11px!important;
  }

  .dashboard>div,
  .dashboard-side{
    width:100%;
  }

  .dashboard-side{
    display:block!important;
    margin-top:11px;
  }

  .dashboard-side>*+*{
    margin-top:11px!important;
  }

  .lower-grid{
    display:block!important;
    width:100%;
    margin-top:11px!important;
  }

  .lower-grid>*+*{
    margin-top:11px;
  }

  .panel{
    width:100%;
    padding:16px!important;
    border-radius:18px!important;
  }

  .panel-head{
    gap:10px;
    margin-bottom:13px!important;
  }

  .panel-head h3{
    font-size:13px!important;
  }

  .panel-head small{
    font-size:8px!important;
  }

  .panel-head button{
    font-size:8px!important;
  }

  /* agreement list */
  .table-head{
    display:none!important;
  }

  .agreement-row{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    min-height:76px!important;
    padding:12px 0!important;
  }

  .agreement-row>div:nth-child(2),
  .agreement-row>div:nth-child(3){
    display:none!important;
  }

  .agreement-row>div:nth-child(4){
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
  }

  .agreement-name{
    min-width:0;
    gap:9px!important;
  }

  .agreement-name .avatar{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px;
  }

  .agreement-name span{
    min-width:0;
  }

  .agreement-name b{
    font-size:11px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .agreement-name small{
    font-size:8px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .rowbar{
    width:60px!important;
  }

  /* forecast */
  .forecast-summary{
    grid-template-columns:1fr 1fr!important;
    gap:7px;
  }

  .forecast-summary div:last-child{
    grid-column:1/-1;
  }

  .forecast{
    height:120px!important;
    gap:4px!important;
  }

  .forecast span{
    font-size:6px!important;
  }

  /* attention */
  .attention{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:11px 0!important;
  }

  .attention>i{
    width:32px!important;
    height:32px!important;
  }

  .attention b{
    font-size:9px!important;
  }

  .attention small{
    font-size:7px!important;
  }

  /* score overview card */
  .scorebox{
    width:100%;
    padding:18px!important;
  }

  .score-num.score-num-clean{
    justify-content:flex-start;
    align-items:center;
    gap:11px!important;
    margin:20px 0 14px!important;
  }

  .score-num.score-num-clean strong{
    font-size:55px!important;
  }

  .score-rating-pill{
    margin:0!important;
  }

  .stats{
    grid-template-columns:repeat(3,1fr)!important;
  }

  .stats div{
    min-height:58px!important;
    padding:8px 3px!important;
  }

  .stats b{
    font-size:12px!important;
  }

  .stats small{
    font-size:6px!important;
  }

  /* toolbar pages */
  .toolbar{
    width:100%;
    display:flex!important;
    flex-wrap:wrap;
    gap:7px!important;
  }

  .searchbox{
    width:100%;
    flex:1 0 100%;
    min-width:0!important;
  }

  .searchbox input{
    font-size:16px!important;
  }

  .toolbar .tabs{
    width:calc(100% - 54px);
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
  }

  .toolbar .tabs::-webkit-scrollbar{
    display:none;
  }

  .tabs button{
    white-space:nowrap;
    flex:0 0 auto;
  }

  /* portfolio / vault stat cards */
  .portfolio,
  .vault-summary{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .portfolio div,
  .vault-summary div{
    min-height:82px!important;
    padding:12px!important;
  }

  /* Score page */
  .score-grid{
    display:block!important;
    width:100%;
  }

  .score-main{
    width:100%;
    padding:18px!important;
  }

  .orbit{
    width:205px!important;
    height:205px!important;
  }

  .orbit strong{
    font-size:56px!important;
  }

  .score-insights,
  .score-bottom{
    display:block!important;
    width:100%;
  }

  .score-insights>*,
  .score-bottom>*{
    margin-top:11px;
  }

  .history-grid{
    grid-template-columns:1fr 1fr!important;
  }

  /* Documents */
  .documents{
    display:block!important;
    width:100%;
  }

  .documents>*+*{
    margin-top:11px;
  }

  .doc-row{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:9px!important;
    min-height:70px!important;
  }

  .doc-row>span:nth-of-type(1),
  .doc-row>span:nth-of-type(2){
    display:none!important;
  }

  .doc-row b{
    font-size:9px!important;
  }

  .doc-row small{
    font-size:7px!important;
  }

  /* Trust Center */
  .trust-overview{
    display:block!important;
    width:100%;
    padding:16px!important;
  }

  .shield{
    width:100%;
  }

  .security-pills{
    width:100%;
    margin-top:14px;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:7px!important;
  }

  .security-pills span{
    min-width:0!important;
  }

  .profile-grid{
    display:block!important;
    width:100%;
  }

  .profile-grid>*+*{
    margin-top:11px;
  }

  /* Agreement detail */
  .agreement-hero{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:17px!important;
  }

  .agreement-hero>div:first-child{
    min-width:0;
  }

  .agreement-hero h2{
    font-size:22px!important;
    white-space:normal;
  }

  .agreement-hero p{
    font-size:8px!important;
    line-height:1.4;
  }

  .state{
    justify-self:end;
    text-align:right;
  }

  .bigbal{
    grid-column:1!important;
    grid-row:2!important;
  }

  .bigbal strong{
    font-size:30px!important;
  }

  .ring{
    grid-column:2!important;
    grid-row:2!important;
    width:68px!important;
    height:68px!important;
  }

  .detail{
    display:block!important;
    width:100%;
  }

  .detail>*+*{
    margin-top:11px;
  }

  .next{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
  }

  .next>i{
    width:36px!important;
    height:36px!important;
  }

  .next button{
    grid-column:1/-1!important;
    width:100%;
  }

  .progress-row{
    display:block!important;
  }

  .progress-row>i{
    display:block;
    margin:12px 0;
  }

  .agreement-stats{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr;
    gap:6px!important;
  }

  .payment-row{
    grid-template-columns:30px minmax(0,1fr) auto!important;
  }

  .timeline-row{
    grid-template-columns:30px minmax(0,1fr)!important;
  }

  .timeline-row>span{
    grid-column:2;
    margin-top:2px;
  }

  /* Advanced builder */
  .wizard{
    display:block!important;
    width:100%;
  }

  .steps{
    width:100%;
    display:flex!important;
    overflow-x:auto;
    gap:5px;
    padding:6px!important;
    margin:0 0 10px!important;
    scrollbar-width:none;
  }

  .steps::-webkit-scrollbar{
    display:none;
  }

  .step{
    min-width:max-content!important;
    min-height:38px!important;
    padding:9px 11px!important;
    font-size:8px!important;
  }

  .form{
    width:100%;
    padding:17px!important;
  }

  .form h2{
    font-size:25px!important;
    line-height:1.1;
  }

  .form>p{
    font-size:11px!important;
    line-height:1.5;
  }

  .fields{
    grid-template-columns:1fr!important;
    gap:11px!important;
  }

  .field.full{
    grid-column:auto!important;
  }

  .field label{
    font-size:8px!important;
  }

  .field input,
  .field select,
  .field textarea{
    width:100%;
    min-width:0;
    min-height:50px!important;
    font-size:16px!important;
  }

  .contract-grid{
    grid-template-columns:1fr!important;
  }

  .review div{
    gap:10px;
    align-items:flex-start;
  }

  .review div b{
    text-align:right;
  }

  .actions{
    gap:8px;
  }

  .actions .primary,
  .actions .secondary{
    flex:1;
  }

  /* Activity */
  .activity-item{
    grid-template-columns:34px minmax(0,1fr)!important;
  }

  .activity-item>span{
    grid-column:2;
  }

  /* drawer */
  #sheet{
    left:10px!important;
    right:10px!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:72vh!important;
    padding:18px!important;
    border-radius:22px!important;
  }

  /* bottom nav */
  .mobile-nav{
    padding:
      8px
      max(6px,env(safe-area-inset-right))
      calc(8px + env(safe-area-inset-bottom))
      max(6px,env(safe-area-inset-left));
  }

  .mobile-nav button{
    min-width:0;
  }

  .mobile-nav small{
    font-size:7px!important;
  }

  .mobile-nav .plus{
    width:50px!important;
    height:50px!important;
    min-height:50px!important;
    margin-top:-24px!important;
  }
}

/* Small iPhones: 375–390 wide */
@media(max-width:390px){
  #view{
    padding-left:13px!important;
    padding-right:13px!important;
  }

  .hero h1{
    font-size:32px!important;
  }

  .hero p{
    font-size:13px!important;
  }

  .metrics,
  .portfolio,
  .vault-summary{
    grid-template-columns:1fr!important;
  }

  .metric{
    min-height:108px!important;
  }

  .metric small{
    max-width:70%;
  }

  .score-num.score-num-clean strong{
    font-size:51px!important;
  }

  .forecast-summary{
    grid-template-columns:1fr!important;
  }

  .forecast-summary div:last-child{
    grid-column:auto;
  }

  .history-grid,
  .security-pills{
    grid-template-columns:1fr!important;
  }

  .agreement-stats{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   OWE APP v8 — HARD MOBILE RESET
   Root-cause fix for iPhone content shifted ~235px to the right.
   ============================================================ */

@media screen and (max-width: 820px) {

  /* CRITICAL: neutralize every desktop shell offset */
  html,
  body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  body{
    position:relative!important;
  }

  .app{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  .sidebar{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    transform:none!important;
  }

  main{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    margin-left:0!important;
    padding:0!important;
    transform:none!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
  }

  .topbar{
    box-sizing:border-box!important;
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    height:64px!important;
    padding:0 14px!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    display:flex!important;
    align-items:center!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid var(--line)!important;
    z-index:50!important;
  }

  .topbar>b,
  .search,
  .new-btn{
    display:none!important;
  }

  .mobile-brand{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    color:#063f31!important;
    font-size:25px!important;
  }

  .top-actions{
    margin:0 0 0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    width:auto!important;
  }

  .bell{
    display:block!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    padding:0!important;
  }

  .account{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:4px!important;
    overflow:hidden!important;
  }

  .account>span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
  }

  .account div,
  .account em{
    display:none!important;
  }

  /* CRITICAL: actual route canvas */
  #view{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    margin-left:0!important;
    padding:24px 16px calc(108px + env(safe-area-inset-bottom))!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
  }

  /* hard reset every main content container */
  #view > *,
  .hero,
  .hero>div,
  .home-alert,
  .metrics,
  .dashboard,
  .dashboard>div,
  .dashboard-side,
  .lower-grid,
  .panel,
  .toolbar,
  .portfolio,
  .vault-summary,
  .score-grid,
  .score-main,
  .score-insights,
  .score-bottom,
  .documents,
  .trust-overview,
  .profile-grid,
  .agreement-hero,
  .detail,
  .wizard,
  .steps,
  .form{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  /* hero */
  .hero{
    display:block!important;
    margin-top:0!important;
    margin-bottom:22px!important;
  }

  .eyebrow{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    font-size:9px!important;
    line-height:1.3!important;
    margin:0 0 9px!important;
    white-space:normal!important;
  }

  .hero h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:36px!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    margin:0 0 10px!important;
    padding:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .hero p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.55!important;
    margin:0!important;
    padding:0!important;
  }

  .hero>.primary,
  .hero>.secondary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    margin:17px 0 0!important;
    font-size:12px!important;
  }

  /* alert */
  .home-alert{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    margin:0 0 12px!important;
    padding:13px!important;
  }

  .home-alert>div{
    display:contents!important;
  }

  .home-alert i{
    grid-column:1!important;
    width:34px!important;
    height:34px!important;
  }

  .home-alert>div>span{
    grid-column:2!important;
    min-width:0!important;
  }

  .home-alert button{
    display:none!important;
  }

  /* overview metrics */
  .metrics{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .metric{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:114px!important;
    padding:17px!important;
    overflow:hidden!important;
  }

  .metric>span{font-size:8px!important}
  .metric strong{font-size:30px!important}
  .metric small{
    font-size:9px!important;
    line-height:1.4!important;
    max-width:72%!important;
  }

  .spark{
    display:flex!important;
    width:76px!important;
    height:38px!important;
    right:14px!important;
    bottom:13px!important;
  }

  /* dashboard */
  .dashboard,
  .lower-grid,
  .dashboard-side{
    display:block!important;
  }

  .dashboard{
    margin-top:11px!important;
  }

  .dashboard-side{
    margin-top:11px!important;
  }

  .dashboard-side>*+*,
  .lower-grid>*+*{
    margin-top:11px!important;
  }

  .panel{
    padding:16px!important;
    border-radius:18px!important;
  }

  .table-head{
    display:none!important;
  }

  .agreement-row{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:76px!important;
    padding:12px 0!important;
    margin:0!important;
  }

  .agreement-row>div:nth-child(2),
  .agreement-row>div:nth-child(3){
    display:none!important;
  }

  .agreement-row>div:nth-child(4){
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
  }

  .agreement-name{
    min-width:0!important;
    max-width:100%!important;
  }

  .agreement-name span{
    min-width:0!important;
    max-width:calc(100% - 48px)!important;
  }

  .agreement-name b,
  .agreement-name small{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* agreements filters */
  .toolbar{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
  }

  .searchbox{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .searchbox input{
    width:100%!important;
    min-width:0!important;
    font-size:16px!important;
  }

  .toolbar .tabs{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:5px!important;
    scrollbar-width:none!important;
  }

  .toolbar .tabs::-webkit-scrollbar{
    display:none!important;
  }

  .tabs button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .filter{
    width:auto!important;
    min-width:max-content!important;
  }

  .portfolio,
  .vault-summary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .portfolio div,
  .vault-summary div{
    width:100%!important;
    min-width:0!important;
    min-height:82px!important;
    padding:12px!important;
    overflow:hidden!important;
  }

  .portfolio b,
  .vault-summary b{
    font-size:18px!important;
  }

  /* score page */
  .score-grid,
  .score-insights,
  .score-bottom{
    display:block!important;
  }

  .score-insights>*,
  .score-bottom>*{
    margin-top:11px!important;
  }

  .score-main{
    padding:18px!important;
  }

  .orbit{
    width:205px!important;
    height:205px!important;
    max-width:205px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* docs */
  .documents{
    display:block!important;
  }
  .documents>*+*{margin-top:11px!important}

  .doc-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:9px!important;
  }

  .doc-row>span:nth-of-type(1),
  .doc-row>span:nth-of-type(2){
    display:none!important;
  }

  /* trust */
  .trust-overview{
    display:block!important;
    padding:16px!important;
  }

  .security-pills{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:14px!important;
  }

  .profile-grid{
    display:block!important;
  }
  .profile-grid>*+*{margin-top:11px!important}

  /* detail */
  .agreement-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:17px!important;
  }

  .bigbal{grid-column:1!important;grid-row:2!important}
  .ring{grid-column:2!important;grid-row:2!important}

  .detail{
    display:block!important;
  }
  .detail>*+*{margin-top:11px!important}

  .next{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
  }
  .next button{
    grid-column:1/-1!important;
    width:100%!important;
  }

  .progress-row{
    display:block!important;
  }
  .progress-row>i{
    display:block!important;
    margin:12px 0!important;
  }

  /* builder */
  .wizard{
    display:block!important;
  }

  .steps{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:5px!important;
    padding:6px!important;
    margin-bottom:10px!important;
    scrollbar-width:none!important;
  }
  .steps::-webkit-scrollbar{display:none!important}

  .step{
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
  }

  .form{
    padding:17px!important;
  }

  .fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }

  .field,
  .field.full{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
  }

  .field input,
  .field select,
  .field textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:16px!important;
  }

  .contract-grid{
    grid-template-columns:1fr!important;
  }

  /* activity */
  .activity-item{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .activity-item>span{
    grid-column:2!important;
  }

  /* drawer */
  #sheet{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
  }

  /* bottom navigation */
  .mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    left:0!important;
    right:0!important;
  }
}

/* Small phones */
@media screen and (max-width:430px){
  #view{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .hero h1{
    font-size:34px!important;
  }

  .portfolio,
  .vault-summary{
    grid-template-columns:1fr 1fr!important;
  }
}

/* Extra-small phone fallback */
@media screen and (max-width:360px){
  .portfolio,
  .vault-summary,
  .security-pills{
    grid-template-columns:1fr!important;
  }

  .hero h1{
    font-size:31px!important;
  }
}