/* Shared Rise Media glass: white highlights, clear edges and real backdrop blur. */
:root{--glass-surface:linear-gradient(120deg,#ffffffa8,#f0f3f275);--glass-edge:1px solid #ffffffd9;--glass-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff90,0 4px 22px #29333610,0 0 0 1px #b9c2c321}
.layout{display:flow-root}
h1,h2,h3,.stat-label,.focus-total>span,.board-heading{ text-transform:capitalize }
/* Quiet silver light behind the panels makes their translucent edges visible. */
body:has(.layout){background-color:#fff;background-image:radial-gradient(ellipse at 78% 8%,#ffffffd9 0,transparent 56%),linear-gradient(128deg,#fff 3%,#eef1f3 34%,#e3e9ed 58%,#f5f7f8 82%,#fff);background-attachment:fixed;background-size:100vw 100vh}
.layout .card,.layout .stat{background:linear-gradient(120deg,#ffffffad,#ffffff57 66%,#ffffff87);border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff70,0 3px 18px #29333605,0 0 0 1px #a8b3bc12;-webkit-backdrop-filter:blur(24px) saturate(.95);backdrop-filter:blur(24px) saturate(.95)}
.layout .focus-card{background:linear-gradient(140deg,#ffffffa3,#ffffff2e 62%,#ffffff6b)}
.layout .stat:hover{background:linear-gradient(120deg,#ffffffcf,#ffffff80)}
.glass,.segmented,.board-column{background:var(--glass-surface);border:var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15)}
.topbar{position:sticky;top:18px;height:68px;margin:18px 0 24px;padding:10px 12px 10px 25px;border-radius:999px;gap:24px}
.topbar .brand img{width:171px}
.desktop-nav{gap:4px}
.desktop-nav .nav-item{padding:10px 14px;border-radius:999px;isolation:isolate}
.desktop-nav .nav-item.active{background:#ffffff75;box-shadow:inset 0 1px 0 #fff,0 1px 6px #44484b08}
.desktop-nav .nav-item:hover{background:#ffffff75}
.nav-label{display:block}
.nav-barcode{position:absolute;left:50%;top:50%;width:27.28px;height:20.56px;fill:var(--ink);opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.nav-pixels{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0}
.desktop-nav a.pixel-nav-ready .nav-label{opacity:1;transition:none}
.desktop-nav a.pixel-morphing .nav-label,.desktop-nav a.barcode-active .nav-label{opacity:0}
.desktop-nav a.pixel-morphing .nav-pixels,.desktop-nav a.barcode-active .nav-barcode{opacity:1}
.top-tools .icon-button{border-radius:50%}
.segmented{padding:4px;border-radius:12px;gap:4px}
.segmented button{border-radius:8px;transition:background 160ms ease,box-shadow 160ms ease}
.segmented button.active{background:linear-gradient(135deg,#ffffffeb,#ffffff8c);box-shadow:inset 0 1px 1px #fff,0 2px 5px #44484b12}
.segmented button:hover{background:#ffffffb3}
.board-column{border-radius:16px;background:linear-gradient(135deg,#ffffff90,#edf0f155 60%,#ffffffc0)}
.lead-card{background:#ffffffc4;border:1px solid #ffffffdb;box-shadow:0 2px 8px #44484b05}
dialog{background:linear-gradient(125deg,#ffffffa8,#ffffff52 70%,#ffffff87);border:var(--glass-edge);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff85,0 24px 70px #29333622,0 0 0 1px #ffffff40}
dialog::backdrop{background:#44484b12;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.form-field input,.form-field select,.form-field textarea,.search-input-wrap{background-color:#ffffff6b;border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #fff,0 0 0 1px #44484b16;min-height:44px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search-input-wrap:focus-within{outline:none;border-color:#fff;box-shadow:inset 0 1px 1px #fff,0 0 0 2px #a5adb56b,0 3px 12px #44484b08;background-color:#ffffff94}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:none}
.toolbar select,.chart-controls select,.data-table select,.form-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23676f75' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:right 14px center;padding-right:38px}
.data-table select{max-width:none;padding-left:10px;min-height:32px}
.toolbar select,.chart-controls select{background-color:#ffffff90;border:1px solid #e1e5e8;box-shadow:inset 0 1px 1px #fff}
.toolbar select:focus-visible,.chart-controls select:focus-visible,.data-table select:focus-visible{outline:none;border-color:#fff;box-shadow:inset 0 1px 1px #fff,0 0 0 2px #a5adb580}
button:focus-visible,a:focus-visible{outline-color:#87939e;outline-offset:3px}
.form-field input[type=date],.form-field input[type=time]{padding-right:13px}
.search-input-wrap{display:flex;align-items:center;border-radius:12px;padding:3px 5px 3px 14px;gap:8px}
.search-input-wrap input{background:none;border:0;outline:none!important;box-shadow:none;min-width:0;width:100%;height:42px}
.search-input-wrap .icon-button{border-radius:8px;flex-shrink:0;background:#ffffff70}
.platform-mark{display:inline-flex;align-items:center;justify-content:center}
.platform-summary .platform-mark,.integration-card .platform-mark{background:transparent}
.platform-mark img{width:28px;height:28px;object-fit:contain}
.calendar-toolbar{gap:10px;margin:0 0 14px;min-height:42px}
.calendar-toolbar h2{min-width:108px}
.calendar{height:calc(100dvh - 198px);min-height:440px;grid-template-rows:34px repeat(var(--calendar-weeks),minmax(0,1fr));border-radius:15px}
.calendar-day-label{padding:8px;background:linear-gradient(120deg,#ffffffc9,#f0f3f275)}
.calendar-day{min-height:0;overflow:auto;padding:8px;background:#ffffffc2}
.calendar-day.outside{background:#f4f6f770}
.day-number{margin-bottom:3px}
.calendar-event{display:flex;align-items:center;gap:6px;padding:4px 6px;margin:3px 0;min-height:23px;background:#eef1f2a8;border-left:2px solid var(--lime)}
.calendar-event span{font-size:10px;white-space:nowrap;flex-shrink:0}
.calendar-event .event-title{font-size:11px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;flex-shrink:1}
@media(max-width:1250px){.topbar{gap:16px;padding-left:22px}.topbar .brand img{width:154px}.desktop-nav .nav-item{padding:9px 10px}}
@media(max-width:1000px){.topbar{height:64px}.calendar{height:calc(100dvh - 194px)}}
@media(max-width:700px){.topbar{height:62px;top:12px;margin:12px 0 20px;padding:8px 9px 8px 21px;gap:10px}.topbar .brand img{width:150px}.calendar-toolbar{gap:5px}.calendar-toolbar h2{font-size:15px;min-width:99px}.calendar-toolbar .spacer{display:none}.calendar-toolbar .segmented{order:1;margin-top:5px}.calendar-toolbar>.button.primary{order:2;margin:5px 0 0 auto}.calendar{height:auto;min-width:700px;grid-template-rows:34px repeat(var(--calendar-weeks),130px)}.calendar-day{padding:6px}.calendar-event{display:block}.calendar-event .event-title{display:block}.chart-controls select{padding-right:29px;background-position:right 10px center}.calendar-shell{max-width:100%;overflow:auto}.form-field input,.form-field select,.form-field textarea{font-size:16px}}
@media(prefers-reduced-transparency:reduce){body:has(.layout){background-image:none}dialog,.glass,.segmented,.board-column,.layout .card,.layout .stat{background:#f7f8f9;-webkit-backdrop-filter:none;backdrop-filter:none}}

.workspace-login{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:38px;background:#fff}.login-brand img{width:190px;height:auto}.login-card{width:min(100%,390px);padding:30px;border-radius:20px;display:grid;gap:20px}.login-card h1{font-size:28px;margin-bottom:4px}.login-card .form-field input{font-size:16px}.login-card input[readonly]{color:var(--muted)}.login-card .button{min-height:44px;justify-content:space-between;margin-top:4px}.login-card .small-copy{font-size:12px;text-align:center}

.auth-copy{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}.auth-copy strong{font-weight:500;color:var(--ink)}.auth-back{align-self:center;justify-self:center;font-size:13px;margin-top:18px;text-decoration:none}.auth-back:hover{text-decoration:underline;text-underline-offset:4px}.login-card .form-error{margin-bottom:16px}

/* Compact desktop workspace, retaining the site's glass and barcode hover. */
.topbar{border-radius:14px}
.desktop-nav .nav-item{border-radius:9px}
@media(min-width:1001px) and (max-height:900px){
 .layout{padding:0 24px 24px}
 .topbar{top:12px;height:60px;margin:12px 0 16px;padding:8px 14px 8px 20px;gap:16px}
 .topbar .brand img{width:154px}
 .desktop-nav .nav-item{padding:8px 11px;min-height:38px}
 .dashboard-grid{grid-template-columns:240px repeat(3,minmax(0,1fr));grid-template-rows:90px minmax(200px,1fr) 244px;gap:10px;height:calc(100dvh - 112px);min-height:554px}
 .dashboard-grid .focus-card{padding:20px}
 .focus-heading h2{font-size:23px}
 .focus-card .ring{max-width:132px;margin:8px 0}
 .focus-meta{padding-bottom:8px}
 .focus-meta strong{font-size:20px;margin-top:2px}
 .focus-total{padding-top:12px}
 .focus-total strong{font-size:38px}
 .stat{padding:14px 18px}
 .stat strong{font-size:34px;margin-top:8px}
 .trend-card{padding:14px 18px 12px;display:flex;flex-direction:column}
 .trend-card .line-chart{min-height:100px;height:132px;flex:1;margin:0}
 .trend-card .chart-bottom{margin-top:4px;padding-top:6px}
 .chart-bottom strong{font-size:30px}
 .priorities-card,.agenda-card,.projects-card{padding:14px 18px}
 .dashboard-grid .card-head{margin-bottom:5px}
 .dashboard-grid .task-row,.dashboard-grid .agenda-item{padding:9px 0}
 .dashboard-grid .project-summary{padding:4px 0 6px}
 .dashboard-grid .project-summary p{margin:1px 0 0}
 .dashboard-grid .progress-track{margin-top:4px}
 .dashboard-grid .empty-state.compact{padding:18px 12px}
 .calendar{height:calc(100dvh - 168px)}
 .mail-layout{min-height:calc(100dvh - 168px)}
 .mail-list,.mail-reader{max-height:calc(100dvh - 168px)}
}
@media(max-width:700px){.topbar{border-radius:14px}}