.clientPortal{background:#f9fafb;min-height:100vh}.clientPortal>header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:68px;padding:0 max(20px,50% - 425px);display:flex}.clientPortal>header>a:last-child{color:#fff;background:#2e84e5;border-radius:6px;padding:10px 14px;font-size:11px}.clientPortal>section{max-width:850px;margin:35px auto;padding:0 15px}.clientWelcome{align-items:center;gap:15px;display:flex}.clientWelcome>span{background:#e5e7eb;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:700;display:grid}.clientWelcome small{color:#2e84e5;font-size:9px;font-weight:700}.clientWelcome h1{margin:4px 0;font-size:24px;font-weight:500}.clientWelcome p{color:#6b7280;margin:0;font-size:12px}.clientTabs{border-bottom:1px solid #e5e7eb;margin:25px 0 15px;display:flex}.clientTabs button{background:0 0;border:0;padding:10px 15px;font-size:11px}.clientTabs button.active{color:#2e84e5;border-bottom:2px solid #2e84e5}.clientPortal article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:80px 1fr 100px 145px;align-items:center;margin-bottom:9px;padding:16px;display:grid}.clientPortal time{border-right:1px solid #e5e7eb}.clientPortal time b,.clientPortal time span{display:block}.clientPortal time b{font-size:14px}.clientPortal time span{color:#6b7280;margin-top:3px;font-size:11px}.clientPortal article h2{margin:0;font-size:13px}.clientPortal article p{color:#6b7280;margin:4px 0;font-size:10px}.clientPortal article>strong{font-size:11px}.clientStatus{color:#166534;background:#dcfce7;border-radius:20px;padding:4px 7px;font-size:8px}.clientStatus.cancelado{color:#991b1b;background:#fee2e2}.clientActions{gap:5px;display:flex}.clientActions a,.clientActions button{background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:7px 8px;font-size:9px}.clientActions button{color:#b91c1c}.clientEmpty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:50px}@media (max-width:650px){.clientPortal article{grid-template-columns:60px 1fr}.clientPortal article>strong,.clientActions{margin-top:12px}.clientPortal time{grid-row:1/3}.clientPortal>header{padding-inline:14px}}