/* One tile system for public pages, forms and workspaces. */
:root{--tile-radius:20px;--tile-gap:20px;--tile-padding:24px;--tile-border:1px solid var(--line);--tile-shadow:0 6px 24px #233b3606}
body :is(.talent-card,.job,.category,.portfolio,.form-card,.message,.review-card,.admin-sidebar,.profile-main,.empty,.action-dialog){border:var(--tile-border);border-radius:var(--tile-radius);box-shadow:var(--tile-shadow);background:#fff;min-width:0}
body :is(.talent-grid,.category-grid,.jobs,.review-list,.steps){display:grid;gap:var(--tile-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch}
body .jobs .job{display:flex;flex-direction:column;align-items:stretch;padding:var(--tile-padding);gap:18px;margin:0}
body .jobs .job-icon{align-self:flex-start}
body .jobs .job-body{flex:1;min-width:0}
body .jobs .job-action{border-left:0;border-top:var(--tile-border);padding:18px 0 0;min-width:0;display:grid;gap:10px;text-align:left}
body .jobs .job-action .button{width:100%;justify-content:center}
body .steps article{background:#fff;border:var(--tile-border);border-radius:var(--tile-radius);padding:var(--tile-padding)}
body .hero{gap:var(--tile-gap);align-items:stretch;padding-top:32px;padding-bottom:32px}
body .hero-copy{background:#fff;border:var(--tile-border);border-radius:var(--tile-radius);padding:clamp(24px,4vw,48px)}
body .hero-visual{border:var(--tile-border);border-radius:var(--tile-radius);min-width:0;overflow:hidden}
body .discipline-strip{flex-wrap:wrap;gap:20px;padding:24px}
body .auth{gap:var(--tile-gap);align-items:start}
body .auth-copy{background:var(--sage);border:var(--tile-border);border-radius:var(--tile-radius);padding:clamp(24px,4vw,40px)}
body .profile-section{background:#fff;border:var(--tile-border);border-radius:var(--tile-radius);padding:var(--tile-padding);margin:20px 0}
body .info-grid{gap:12px}
body .info-grid>div{border:var(--tile-border);border-radius:14px;padding:16px;background:var(--paper);min-width:0}
body .profile-header-actions{border:0;gap:10px;flex-wrap:wrap}
body .filter-bar{border:var(--tile-border);border-radius:var(--tile-radius);background:white;padding:20px}
body .section>.message{margin:20px 0}
body .admin-workspace{grid-template-columns:260px minmax(0,1fr);gap:var(--tile-gap)}
body .admin-sidebar nav{display:grid;gap:10px}
body .admin-sidebar nav a{border:var(--tile-border);border-radius:12px;padding:14px 12px;background:var(--paper)}
body .admin-sidebar nav [aria-current=page]{background:var(--sage);border-color:#849e79}
body .review-card{padding:var(--tile-padding);margin:0;display:flex;flex-direction:column;gap:12px}
body .review-card-footer{margin-top:auto;flex-wrap:wrap;gap:12px}
body .review-card h2{overflow-wrap:anywhere}
body .chat-layout{gap:var(--tile-gap);border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body .chat-sidebar,body .chat-main{background:#fff;border:var(--tile-border);border-radius:var(--tile-radius);box-shadow:var(--tile-shadow);overflow:hidden}
body .chat-conversations{padding:4px 8px;display:flex;flex-direction:column;gap:10px}
body .chat-contact{border:var(--tile-border);border-radius:14px;background:var(--paper);padding:14px 12px;flex-shrink:0}
body .chat-contact.active{border-color:#849e79;background:var(--sage)}
body .chat-tabs{flex-wrap:wrap;gap:8px}
body .chat-tabs a{border:var(--tile-border);display:flex;align-items:center;gap:6px;flex:1;justify-content:center}
body .chat-bubble{border-radius:14px;border:1px solid #dfe6df}
body .outgoing .chat-bubble{border-radius:14px;border-color:#365a4e}
.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px 7px;border-radius:8px;background:var(--ink);color:#fff;font-size:11px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}
.header-actions :is(.header-messages,.header-admin){display:inline-flex;align-items:center;gap:8px;border:var(--tile-border);border-radius:12px;padding:10px 12px;background:var(--paper)}
.notification-summary{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;padding:16px;margin-bottom:22px;border:var(--tile-border);border-radius:14px;background:var(--sage);align-items:center}
.notification-summary strong{font-size:30px;font-variant-numeric:tabular-nums}
.notification-summary span{font-size:13px}
.notification-summary small{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:1100px){body .site-header{flex-wrap:wrap;gap:14px}body .site-header .header-actions{flex-wrap:wrap;gap:8px}body .review-list{grid-template-columns:1fr}}
@media(max-width:900px){body .admin-workspace{grid-template-columns:1fr}body .admin-sidebar{position:static}body .admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--tile-gap:14px;--tile-padding:18px;--tile-radius:16px}body .chat-layout{gap:0}body .hero-copy,body .auth-copy{padding:24px}body .hero{gap:20px}body .profile-body{padding:0 16px}body .header-actions :is(.header-messages,.header-admin){padding:8px}body .admin-sidebar nav{grid-template-columns:1fr}body .primary-nav{overflow-x:auto;max-width:100%}body .hero-copy h1{font-size:clamp(32px,8vw,48px)}body .hero-visual .floating-note,body .hero-visual .visual-spark{display:none}body .hero-visual .floating-pill{right:12px;top:32px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}