#app.owned-shell{max-width:1100px;margin:auto}#p-owned{min-height:100vh}#p-owned .topbar small{color:#64748b}#p-owned .topbar .btn{margin:0}.portal-greeting{margin:4px 0 16px}.portal-greeting h2{font-size:23px;margin-bottom:5px}.portal-greeting p{font-size:15px;color:#64748b}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px}.portal-stats .card{margin:0;text-align:center;padding:15px 6px}.portal-stats strong{display:block;color:#2464d3;font-size:27px;margin-bottom:5px}.portal-stats span{color:#64748b;font-size:13px}.portal-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.portal-module{background:#fff;border:1px solid #e1e6ee;border-radius:10px;padding:18px;text-align:left;color:#20354f;min-height:120px;cursor:pointer}.portal-module b{font-size:19px;display:block;margin:5px 0 9px}.portal-module small{font-size:14px;color:#65768a;line-height:1.5}.portal-module .symbol{color:#2d6cdf;font-size:23px}.portal-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.portal-fee strong{font-size:24px;color:#2464d3}.portal-fee p{margin:6px 0;color:#64748b;font-size:13px}.portal-fee button{flex:none}.portal-choice{max-width:600px;margin:25px auto}.portal-choice button{width:100%;display:flex;gap:16px;align-items:center;padding:23px 20px;margin-top:15px}.portal-choice b{margin:0 0 5px}.portal-choice .arrow{margin-left:auto;font-size:24px}.portal-choice h2{font-size:25px;margin-bottom:10px}.portal-choice>p{font-size:16px;color:#64748b}.portal-record{border-bottom:1px solid #e5eaf1;padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.portal-record b{font-size:19px;color:#243d60}.portal-record p{color:#65768a;margin-top:7px;font-size:14px;line-height:1.6}.portal-record strong{text-align:right;color:#2464d3;font-size:25px}.portal-record small{display:block;font-size:13px;color:#64748b;margin-top:4px}.portal-record button{border:0;background:none;text-align:left;padding:0;cursor:pointer}.portal-tabs{display:flex;border-bottom:1px solid #d9e2ee;margin:0 0 12px;gap:4px}.portal-tabs button{flex:1;border:0;background:transparent;font-size:16px;color:#64748b;min-height:44px;padding:8px}.portal-tabs button.active{color:#1859b8;border-bottom:3px solid #2464d3;background:#edf4ff;font-weight:600}.portal-filter{display:flex;gap:8px;margin:12px 0}.portal-filter input{min-width:0;flex:1;border:1px solid #dce2ea;border-radius:7px;padding:10px;font-size:15px}.portal-filter button{margin:0;min-height:42px}.portal-subtitle{font-size:14px;color:#64748b;margin:10px 0 4px}.portal-details{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.portal-details table{border-collapse:collapse;width:100%;margin:15px 0;font-size:16px}.portal-details th{background:#eef3f9;color:#4b607a}.portal-details th,.portal-details td{padding:12px 8px;border-bottom:1px solid #e5eaf1;text-align:center}.portal-history{list-style:none}.portal-history li{padding:16px 0;border-bottom:1px solid #e5eaf1}.portal-history b{font-size:16px}.portal-history p{color:#64748b;margin-top:6px;line-height:1.6}.portal-mini{background:#f0f5fc;color:#456385;border-radius:8px;padding:12px;line-height:1.6;font-size:14px}.portal-login{max-width:400px;margin:55px auto}.portal-login h1{font-size:27px;margin-bottom:8px}.portal-login p{color:#64748b;margin-bottom:22px}.portal-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:16px}.portal-table th{background:#eef3f9;color:#4b607a}.portal-table th,.portal-table td{border-bottom:1px solid #e5eaf1;padding:13px 10px;text-align:left}.desktop-records{display:block}.mobile-records{display:none}@media(max-width:600px){.body{padding:14px}.topbar{padding:11px 12px}.topbar h2{font-size:18px}.portal-greeting h2{font-size:22px}.portal-modules{grid-template-columns:1fr 1fr;gap:10px}.portal-module{padding:15px;min-height:126px}.portal-module b{font-size:18px}.portal-module small{font-size:13px}.portal-choice{margin:16px auto}.portal-choice h2{font-size:23px}.portal-details{display:block}.portal-fee{padding:15px}.portal-fee strong{font-size:23px}.desktop-records{display:none}.mobile-records{display:block}.portal-details .card{padding:14px}.portal-login{margin:35px 14px}}

.portal-table-wrap{overflow:auto;max-width:100%}.portal-dates{display:flex;gap:12px;flex-wrap:wrap}.portal-dates input,#p-owned input[type=month]{padding:9px;border:1px solid #dce2ea;border-radius:6px;max-width:100%;font-size:15px}.owned-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.owned-confirm input{margin-top:5px}.owned-photo{width:76px;height:96px;object-fit:cover;float:right;border-radius:8px}#p-owned button,#p-owned input,#p-owned select{min-height:40px}#p-owned .field input[type=checkbox]{width:auto}#p-owned .portal-module{overflow-wrap:anywhere}#p-owned .topbar small{overflow-wrap:anywhere;max-width:25%}@media(max-width:600px){#p-owned .portal-table{font-size:14px}#p-owned .portal-table td,#p-owned .portal-table th{padding:11px 6px}#p-owned .portal-table-wrap{overflow-x:auto}#p-owned .topbar h2{font-size:17px}#p-owned .portal-stats strong{font-size:25px}}

/* Account header layout hotfix: contain spacing inside the owned workspace. */
#app.owned-shell #p-owned>.topbar{padding:14px 24px;gap:14px;min-height:76px}
#app.owned-shell #p-owned>.topbar>.back{width:44px;min-width:44px;min-height:44px;padding:0;flex:none;font-size:27px}
#app.owned-shell #p-owned>.topbar>h2{min-width:0;flex:1;margin:0;font-size:22px;line-height:1.4;white-space:nowrap}
#app.owned-shell #p-owned>.topbar>small{max-width:240px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;font-size:14px}
#app.owned-shell #p-owned>.topbar>.btn{width:auto;flex:none;min-width:68px;min-height:44px;padding:10px 16px;white-space:nowrap}
@media(max-width:600px){
 #app.owned-shell #p-owned>.topbar{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"back title exit" ". user user";gap:4px 8px;padding:11px 12px;min-height:0}
 #app.owned-shell #p-owned>.topbar>.back{grid-area:back;width:36px;min-width:36px;font-size:25px}
 #app.owned-shell #p-owned>.topbar>h2{grid-area:title;font-size:18px}
 #app.owned-shell #p-owned>.topbar>small{grid-area:user;max-width:100%;font-size:12px;line-height:1.5;padding-bottom:1px}
 #app.owned-shell #p-owned>.topbar>.btn{grid-area:exit;min-width:56px;padding:10px 11px;font-size:14px}
 #app.owned-shell #p-owned>.topbar:not(:has(>.back)){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title exit" "user user"}
}