/* Business workspace adapted from the supplied interactive bento grid. */
.crm-view-switch{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #b2c7e52b;border-radius:30px;width:max-content;max-width:100%;margin:35px 0 24px;background:#8aadd408;scroll-margin-top:112px}.crm-view-switch>button{font:inherit;font-size:11px;color:#92a7c4;background:transparent;border:0;border-radius:25px;padding:13px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:background .25s,color .25s}.crm-view-switch>button[aria-pressed=true]{background:#d7e5f6;color:#101d2f}.crm-view-switch>span{display:none;font-size:6px;letter-spacing:.13em;padding:0 17px;color:#809ab9}
#crm[data-crm-view=dashboard] [data-journey=crm],#crm[data-crm-view=journey] #crm-sandbox{display:none!important}#crm[data-crm-view=journey] .app-journey.journey-ready{margin-top:25px}
#crm-sandbox{scroll-margin-top:110px}#crm-sandbox .interface-stage::before{display:none}#crm-sandbox .interface-surface{transform:none!important}#crm-sandbox .crm-window{display:block;border:1px solid #a9c2e130;border-radius:18px;background:linear-gradient(130deg,#0e1420ed,#070b12ed);box-shadow:0 35px 100px #0008;overflow:clip}#crm-sandbox .app-rail{display:none}#crm-sandbox .crm-workspace{padding:27px}#crm-sandbox .app-topbar{margin-bottom:27px;align-items:center}#crm-sandbox .app-topbar h3{font-size:25px;font-weight:400;margin-top:9px;color:#e1eafa}#crm-sandbox .app-topbar .example-badge{font-size:7px;color:#99b1cf}#crm-sandbox .app-reset{border:1px solid #9fbbdf38;padding:11px 15px;border-radius:8px;color:#96b1d3;background:#a4bce90a;font-size:10px;cursor:pointer}
.crm-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(180px,auto) minmax(180px,auto) auto;gap:15px;margin-bottom:29px}.crm-bento-card{position:relative;isolation:isolate;min-width:0;border:1px solid #b3c5e226;border-radius:20px;background:#0c101a;--bento-rgb:157,174,231;--bento-x:50%;--bento-y:50%}.crm-bento-card::before,.crm-spatial-bento::before{content:'';position:absolute;inset:-1px;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--bento-x) var(--bento-y),rgba(var(--bento-rgb),.9),transparent 70%);transition:opacity .45s}
.crm-bento-card[data-bento-glow=blue],.crm-spatial-bento[data-bento-glow=blue]{--bento-rgb:112,185,223}.crm-bento-card[data-bento-glow=lilac]{--bento-rgb:190,158,221}.crm-bento-card[data-bento-glow=mint],.crm-spatial-bento[data-bento-glow=mint]{--bento-rgb:137,202,181}.crm-bento-card[data-bento-glow=silver]{--bento-rgb:180,198,220}
.bento-card-content{position:relative;z-index:1;margin:1px;padding:22px;border-radius:18px;background:#0b0f18;height:calc(100% - 2px);display:flex;flex-direction:column;isolation:isolate;overflow:clip}.bento-card-content::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--bento-x) var(--bento-y),rgba(var(--bento-rgb),.11),transparent 65%);opacity:0;transition:opacity .5s;pointer-events:none}.bento-card-content::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(220px circle at var(--bento-x) var(--bento-y),#000,transparent 75%);opacity:0;transition:opacity .5s}.crm-bento-card.bento-lit::before,.crm-bento-card.bento-lit .bento-card-content::before,.crm-bento-card.bento-lit .bento-card-content::after{opacity:1}
.bento-chart{grid-column:span 2;grid-row:span 2}.bento-activity{grid-row:span 2}.bento-tools{grid-column:1/-1}.bento-card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.cosmic-site .bento-card-title h4{font-size:12px;line-height:1.6;font-weight:400;letter-spacing:-.02em;color:#c4d2e7;margin:0}.bento-card-title>span:not(.bento-live){color:#8eaacb;font-size:17px}.bento-live{display:flex;gap:6px;align-items:center;font-size:6px;color:#a2bead;letter-spacing:.07em;white-space:nowrap}.bento-live i{height:4px;width:4px;background:#a3c7b6;border-radius:50%;box-shadow:0 0 9px #93bca660}.bento-chart-values{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 17px}.bento-chart-values>div{display:flex;flex-direction:column;gap:10px}.bento-chart-values>div>span{font-size:9px;color:#7f93b2;line-height:1.6}.bento-chart-values strong{font-size:43px;font-weight:400;letter-spacing:-.065em;color:#e4ecfc;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}.bento-chart-values b{font-size:15px;font-weight:400;color:#9db2d3;white-space:nowrap;letter-spacing:-.03em}.bento-chart-values>div:last-child{padding-bottom:4px}
.bento-chart-wrap{position:relative;height:165px;min-height:130px;flex:1;cursor:crosshair;margin-top:20px}.bento-chart-wrap>svg{width:100%;height:100%;overflow:visible;position:absolute;inset:0}.bento-chart-guide{stroke:#b6c7ee13;stroke-width:1;fill:none;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}.bento-chart-path{stroke:#aabaf0;stroke-width:2;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 5px #8f9fe266);vector-effect:non-scaling-stroke}#bento-chart-crosshair{stroke:#b6c6f03d;stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}#bento-chart-point{fill:#b7c4f5;stroke:#0c101d;stroke-width:2;vector-effect:non-scaling-stroke}.bento-chart-tooltip{position:absolute;top:-14px;transform:translate(-50%,-30%);padding:7px 10px;background:#141d2cde;border:1px solid #9eafd244;border-radius:7px;max-width:200px;pointer-events:none;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:5px;z-index:2}.bento-chart-tooltip>span{font-size:7px;color:#8fa5ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-chart-tooltip>strong{font-size:10px;font-weight:400;color:#d4e0f7}.bento-chart-axis{display:flex;justify-content:space-between;gap:15px;font-size:6px;letter-spacing:.05em;color:#6f85a7;margin-top:12px}.bento-chart-options{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.bento-chart-options>button{width:29px;height:27px;border:1px solid #9fbbdf30;border-radius:7px;background:#91a9d40a;color:#7d97bd;font-size:8px;cursor:pointer}.bento-chart-options>button[aria-pressed=true]{border-color:#b3c3f078;color:#e0e8fe;background:#8fa8e324}.bento-chart-note{font-size:6px;line-height:1.8;color:#6d82a1;margin:11px 0 0}
.bento-card-description{font-size:9px;line-height:1.9;color:#7f96b6;margin:-7px 0 20px;max-width:190px}.bento-activity-log{display:flex;flex-direction:column;justify-content:flex-end;gap:15px;flex:1;min-height:160px;padding:18px 13px;border:1px solid #9bb3d51a;border-radius:10px;background:#01040a55}.bento-log-row{display:flex;gap:9px;align-items:flex-start;animation:bento-log-in .35s ease both}.bento-log-mark{font-size:12px;line-height:1.2;color:#acb6d8;min-width:12px}.bento-log-row small{display:block;font-size:5px;letter-spacing:.13em;color:#637d9f;margin-bottom:6px;line-height:1.5}.bento-log-row p{font-size:9px;line-height:1.9;margin:0;color:#a4b7d2;overflow-wrap:anywhere}.bento-activity-bottom{margin-top:17px;display:flex;flex-direction:column;gap:8px}.bento-activity-bottom>span:last-child{font-size:6px;color:#607a9e}.bento-activity-bottom .bento-live{font-size:5px;letter-spacing:.04em}.bento-open .bento-card-content,.bento-won .bento-card-content{padding:20px}.bento-open .bento-card-title,.bento-won .bento-card-title{margin-bottom:15px}.bento-open .bento-card-title h4,.bento-won .bento-card-title h4{font-size:10px}.bento-number-line{display:flex;align-items:center;gap:12px}.bento-number-line>strong{font-size:43px;color:#e0ebfc;font-weight:400;letter-spacing:-.07em;line-height:1}.bento-number-line>span{font-size:8px;line-height:1.7;color:#89a0c2}.bento-stage-bars{display:grid;gap:9px;margin-top:20px}.bento-stage-bars>div>div{display:flex;justify-content:space-between;gap:15px;font-size:6px;color:#7e98bb;line-height:1.5}.bento-stage-bars b{font-weight:400;color:#b1c8e5}.bento-stage-bars>div>i{height:2px;display:block;background:#91b1d51b;margin-top:5px;border-radius:2px;overflow:hidden}.bento-stage-bars>div>i>i{display:block;height:100%;background:#91b7dd;transition:width .65s ease}.bento-won-value{font-size:25px;font-weight:400;color:#d1e8e0;letter-spacing:-.05em;white-space:nowrap;font-variant-numeric:tabular-nums}.bento-won-bottom{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:15px}.bento-win-ring{position:relative;min-width:60px;width:60px;height:60px}.bento-win-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.bento-win-ring circle{fill:none;stroke-width:3}.bento-ring-track{stroke:#9fc7b61f}#bento-win-ring{stroke:#9fc7b6;stroke-dasharray:163.36;stroke-dashoffset:163.36;transition:stroke-dashoffset .7s ease;stroke-linecap:round}.bento-win-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#bfded0}.bento-won-bottom p{font-size:8px;color:#80a49a;line-height:1.9;margin:0}
.bento-tools .bento-card-content{padding:23px}.bento-tools-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.cosmic-site .bento-tools-intro h4{font-size:13px;line-height:1.6;letter-spacing:-.02em;font-weight:400;margin:0 0 9px;color:#c7d8f1}.bento-tools-intro p{font-size:9px;line-height:1.8;margin:0;color:#7a93b6;min-height:16px}.bento-module-cue{font-size:6px;color:#647e9f;letter-spacing:.12em;white-space:nowrap}.bento-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bento-modules>button{background:#8fa9d208;border:1px solid #9fbce521;border-radius:12px;display:grid;grid-template-columns:30px 1fr;gap:5px 14px;align-items:center;padding:17px;text-align:left;cursor:pointer;color:#819bc1;transition:background .3s,border-color .3s,transform .3s}.bento-modules>button>svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.2;fill:none;grid-row:span 2;stroke-linecap:round;stroke-linejoin:round}.bento-modules>button>span{font-size:10px;color:#b3c8e5}.bento-modules>button>small{font-size:7px;line-height:1.5;color:#6e88aa}.bento-modules>button[aria-pressed=true]{border-color:#b2c7ee64;background:#b1c5e716;color:#bfd2ee;box-shadow:0 12px 25px #0003}.bento-modules>button:hover{transform:translateY(-3px);border-color:#b7caec66;background:#a5c4ed16}
#crm-sandbox .crm-toolbar{margin-bottom:24px;align-items:center}#crm-sandbox .crm-search{max-width:430px;border-radius:9px;min-height:42px}#crm-sandbox .app-primary{border-radius:9px;min-height:42px;padding:12px 17px;font-size:10px}#crm-sandbox .crm-toolbar>.app-primary{margin-left:auto}.bento-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 19px}.cosmic-site .bento-workspace-title h4{font-size:15px;font-weight:400;color:#bdcfe9;letter-spacing:-.025em;margin:0}.bento-workspace-title>span{font-size:8px;color:#6f8bac;line-height:1.6}#crm-sandbox .crm-board{min-height:260px;gap:14px}#crm-sandbox .crm-column{border-radius:12px;padding:16px;background:#070c1480;border:1px solid #9db6dc1e}#crm-sandbox .crm-card{border:1px solid #a7bbdc26;background:linear-gradient(130deg,#182435c2,#111a29c7);border-radius:9px;box-shadow:0 10px 25px #0002;padding:16px}#crm-sandbox .crm-card:hover{border-color:#aec7ee60;background:#20304896}#crm-sandbox .crm-card-title{font-size:12px;font-weight:400}#crm-sandbox .crm-card>p{font-size:10px;color:#889fc0;line-height:1.9;min-height:36px}#crm-sandbox .crm-card-footer>strong{font-size:14px;font-weight:400}#crm-sandbox .crm-card-footer button{height:31px;width:31px;border-radius:6px}#crm-sandbox .app-notice{font-size:8px;line-height:1.8;margin:22px 0 0;color:#6984a8}
.bento-client-list{display:flex;flex-direction:column;gap:10px}.bento-client-row{width:100%;background:#0b13218c;border:1px solid #9fb9dd26;border-radius:11px;padding:19px 22px;display:flex;align-items:center;gap:25px;color:#b2c7e5;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.bento-client-row:hover{background:#17253b7a;border-color:#a1bee063}.bento-client-identity{display:flex;gap:16px;align-items:center;flex:1;min-width:0}.bento-client-identity>span:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}.bento-client-identity strong{font-size:12px;font-weight:400;overflow-wrap:anywhere}.bento-client-identity small{font-size:9px;line-height:1.8;color:#6e8aae}.bento-client-values{display:flex;flex-direction:column;gap:9px;align-items:flex-end;flex-shrink:0}.bento-client-values>strong{font-size:14px;font-weight:400;white-space:nowrap}.bento-client-values>small{font-size:8px;color:#7894ba}.bento-client-row>i{font-style:normal;font-size:20px;color:#94afd3}
.bento-task-list{padding:23px;border:1px solid #a3bee029;border-radius:12px;background:#0a121f75}.bento-task-progress{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.bento-task-progress>span{font-size:11px;color:#7f9cbe}.bento-task-progress>strong{font-size:22px;font-weight:400;color:#bed4ed}.bento-task{display:flex;align-items:center;gap:17px;padding:18px 0;border-top:1px solid #9bbbe31d;cursor:pointer}.bento-task input{appearance:auto;accent-color:#b9d1ef;width:17px;height:17px;cursor:pointer;flex-shrink:0}.bento-task>span{display:flex;flex-direction:column;gap:8px}.bento-task strong{font-size:12px;font-weight:400;color:#b6c9e4;line-height:1.7}.bento-task small{font-size:9px;line-height:1.6;color:#6f8bac}.bento-task.is-done strong{text-decoration:line-through;color:#617e9e}.bento-reports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.bento-report{padding:24px;border:1px solid #94b7dd2e;border-radius:12px;background:#0d1725a6;display:flex;flex-direction:column;gap:18px;min-width:0}.bento-report>span{font-size:10px;color:#89a1c2}.bento-report>strong{font-size:27px;font-weight:400;letter-spacing:-.05em;color:#c5d8f2;white-space:nowrap}.bento-report>i{background:#9fbada1c;height:4px;border-radius:3px;overflow:hidden}.bento-report>i>i{display:block;height:100%;background:#9fbfe6;transition:width .6s ease}.bento-report>p{font-size:9px;line-height:1.8;color:#718eaf;margin:0}.bento-report-note{grid-column:1/-1;font-size:9px;color:#647f9f;line-height:1.9;margin:6px 0}.bento-empty{font-size:11px;line-height:1.9;color:#7e9cbd;padding:20px 0}
#crm-sandbox [hidden]{display:none!important}.crm-view-switch button:focus-visible,#crm-sandbox button:focus-visible,#crm-sandbox input:focus-visible{outline:2px solid #c0d7f4;outline-offset:4px}
/* The same surface treatment continues through the spatial explorer. */
[data-journey=crm] .crm-spatial-bento{--bento-x:50%;--bento-y:50%;--bento-rgb:157,174,231;background:linear-gradient(135deg,#172032,#0a111e 68%);border:1px solid #a7bfe252;isolation:isolate}[data-journey=crm] .crm-spatial-bento::before{inset:1px;z-index:-1;background:radial-gradient(300px circle at var(--bento-x) var(--bento-y),rgba(var(--bento-rgb),.13),transparent 70%),linear-gradient(135deg,#a6b9ef0c,transparent 65%);opacity:.4}[data-journey=crm] .crm-spatial-bento.bento-lit::before{opacity:1}[data-journey=crm] .scene-overview-metrics>div{border-radius:12px;background:#718db80c}[data-journey=crm] .mini-pipeline-column{border-radius:10px;background:#0003}[data-journey=crm] .scene-bar{background:#8fabd309}[data-journey=crm] .mini-client{border-radius:7px;background:#8bafd313}
@keyframes bento-log-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.crm-view-switch>span{display:block}.crm-bento-grid{grid-template-rows:minmax(190px,auto) minmax(190px,auto) auto}.bento-chart-values strong{font-size:49px}.bento-card-title h4{font-size:13px}}
@media(max-width:1100px){#crm-sandbox .crm-workspace{padding:23px}.crm-bento-grid{gap:12px}.bento-card-content{padding:18px}.bento-open .bento-card-content,.bento-won .bento-card-content{padding:17px}.bento-card-title{gap:8px}.cosmic-site .bento-card-title h4{font-size:10px}.bento-chart-values strong{font-size:36px}.bento-chart-values b{font-size:12px}.bento-chart-values>div>span{font-size:8px}.bento-chart-values{gap:10px}.bento-modules>button{padding:15px 12px;grid-template-columns:25px 1fr;gap:5px 10px}.bento-modules>button>span{font-size:9px}.bento-modules>button>small{font-size:6px}.bento-modules>button>svg{width:24px;height:24px}.bento-won-value{font-size:22px}.bento-number-line>strong{font-size:38px}.bento-win-ring{min-width:50px;width:50px;height:50px}.bento-won-bottom{gap:8px}.bento-won-bottom p{font-size:7px}.bento-activity-log{padding:15px 10px}.bento-log-row p{font-size:8px}.bento-log-row{gap:6px}.bento-live{font-size:5px}}
@media(max-width:900px){.crm-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.bento-chart{grid-column:span 1;grid-row:span 2}.bento-activity{grid-column:2;grid-row:span 2;min-height:355px}.bento-open{grid-column:1}.bento-won{grid-column:2}.bento-chart-wrap{min-height:170px}.bento-chart-values{display:block}.bento-chart-values>div:last-child{margin-top:18px;flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.bento-chart-values strong{font-size:36px}.bento-card-description{font-size:10px}.bento-log-row p{font-size:10px}.bento-log-row small{font-size:6px}.bento-activity-log{gap:18px;padding:18px 15px}.bento-live{font-size:6px}.bento-stage-bars{margin-top:18px}.bento-stage-bars>div>div{font-size:8px}.bento-open .bento-card-title h4,.bento-won .bento-card-title h4{font-size:12px}.bento-number-line>span{font-size:10px}.bento-won-value{font-size:30px}.bento-won-bottom{margin-top:20px}.bento-won-bottom p{font-size:9px}.bento-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-modules>button{padding:16px}.bento-modules>button>span{font-size:11px}.bento-modules>button>small{font-size:8px}.bento-modules>button>svg{width:27px;height:27px}.bento-module-cue{display:none}.bento-tools-intro p{font-size:10px}.bento-reports{gap:10px}.bento-report{padding:18px}.bento-report>strong{font-size:23px}.bento-client-identity small{max-width:360px}}
@media(max-width:600px){.crm-view-switch{margin-top:28px;gap:3px;padding:4px;scroll-margin-top:91px}.crm-view-switch>button{font-size:10px;padding:12px 15px;gap:10px}#crm-sandbox{scroll-margin-top:90px}#crm-sandbox .crm-window{border-radius:12px}#crm-sandbox .crm-workspace{padding:19px 14px}#crm-sandbox .app-topbar{margin-bottom:24px;gap:12px}#crm-sandbox .app-topbar h3{font-size:23px;line-height:1.2;max-width:190px}#crm-sandbox .app-topbar .example-badge{font-size:6px}#crm-sandbox .app-reset{font-size:8px;padding:10px;white-space:nowrap}.crm-bento-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:23px}.bento-chart,.bento-activity,.bento-open,.bento-won,.bento-tools{grid-column:1;grid-row:auto}.bento-card-content{padding:22px}.crm-bento-card{border-radius:17px}.bento-card-content{border-radius:15px}.bento-chart{min-height:390px}.cosmic-site .bento-card-title h4{font-size:13px}.bento-chart-values{display:flex;gap:15px;align-items:flex-end}.bento-chart-values>div:last-child{display:flex;flex-direction:column;align-items:flex-start;margin-top:0;gap:10px}.bento-chart-values strong{font-size:36px}.bento-chart-values b{font-size:13px}.bento-chart-values>div>span{font-size:8px}.bento-chart-wrap{min-height:140px;height:140px;flex:none;margin-top:20px}.bento-chart-axis{font-size:6px;margin-top:12px}.bento-chart-note{font-size:7px;line-height:1.9;margin-top:13px}.bento-chart-options{gap:7px;margin-top:18px}.bento-chart-options>button{height:33px;width:34px;font-size:9px}.bento-live{font-size:6px}.bento-card-title{margin-bottom:22px}.bento-activity{min-height:330px}.bento-activity-log{min-height:150px;padding:19px 15px;gap:18px}.bento-log-row p{font-size:11px}.bento-log-row small{font-size:7px}.bento-log-mark{font-size:14px}.bento-activity-bottom .bento-live{font-size:6px}.bento-activity-bottom>span:last-child{font-size:7px}.bento-card-description{font-size:10px}.bento-open .bento-card-content,.bento-won .bento-card-content{padding:22px}.bento-open .bento-card-title h4,.bento-won .bento-card-title h4{font-size:13px}.bento-number-line>strong{font-size:45px}.bento-number-line>span{font-size:11px}.bento-stage-bars{margin-top:24px;gap:13px}.bento-stage-bars>div>div{font-size:9px}.bento-stage-bars>div>i{height:3px;margin-top:7px}.bento-won-value{font-size:34px}.bento-won-bottom{margin-top:15px;padding-top:4px;gap:20px}.bento-win-ring{min-width:68px;width:68px;height:68px}.bento-win-ring>span{font-size:14px}.bento-won-bottom p{font-size:11px;max-width:150px}.bento-tools .bento-card-content{padding:20px}.bento-tools-intro{margin-bottom:22px}.cosmic-site .bento-tools-intro h4{font-size:15px;margin-bottom:12px}.bento-tools-intro p{font-size:10px;line-height:1.9;min-height:38px}.bento-modules{gap:9px}.bento-modules>button{padding:14px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-radius:10px}.bento-modules>button>svg{width:27px;height:27px;margin-bottom:3px}.bento-modules>button>span{font-size:11px}.bento-modules>button>small{font-size:8px;line-height:1.7;max-width:105px}#crm-sandbox .crm-toolbar{margin-bottom:24px;gap:11px}#crm-sandbox .crm-search{min-height:44px;padding:11px 13px}#crm-sandbox .crm-search input{font-size:12px}#crm-sandbox .crm-toolbar>.app-primary{width:100%;margin-left:0;font-size:11px;min-height:44px}.bento-workspace-title{align-items:flex-start;gap:15px;margin-bottom:20px}.cosmic-site .bento-workspace-title h4{font-size:15px;max-width:190px;line-height:1.5}.bento-workspace-title>span{font-size:8px;max-width:95px;text-align:right}#crm-sandbox .crm-board{min-height:0;gap:13px}#crm-sandbox .crm-column{padding:16px}#crm-sandbox .crm-card{padding:16px}#crm-sandbox .crm-card>p{font-size:10px;line-height:1.9;min-height:0}#crm-sandbox .crm-card-title{font-size:12px}#crm-sandbox .crm-card-footer>strong{font-size:14px}#crm-sandbox .crm-card-footer button{height:35px;width:35px}#crm-sandbox .app-notice{font-size:8px;line-height:1.9;margin-top:21px}.bento-client-row{padding:17px 14px;gap:12px}.bento-client-identity{align-items:flex-start;gap:11px}.bento-client-identity .crm-avatar{display:none}.bento-client-identity strong{font-size:12px;line-height:1.7}.bento-client-identity small{font-size:9px;line-height:1.8}.bento-client-values>strong{font-size:12px}.bento-client-values>small{font-size:8px;max-width:85px;line-height:1.8;text-align:right}.bento-client-row>i{display:none}.bento-client-values{align-self:flex-start;padding-top:3px;gap:10px}.bento-task-list{padding:19px 16px}.bento-task{gap:13px;padding:18px 0}.bento-task strong{font-size:11px}.bento-task small{font-size:9px}.bento-task-progress>span{font-size:10px}.bento-task-progress>strong{font-size:20px}.bento-reports{grid-template-columns:1fr;gap:12px}.bento-report{padding:23px;gap:19px}.bento-report>span{font-size:11px}.bento-report>strong{font-size:30px}.bento-report>p{font-size:10px}.bento-report-note{font-size:9px;line-height:1.9}.bento-empty{font-size:11px}}
.motion-paused .crm-bento-card::before,.motion-paused .bento-card-content::before,.motion-paused .bento-card-content::after,.motion-paused .crm-spatial-bento::before{opacity:0!important}.motion-paused .bento-log-row{animation:none}.motion-paused #bento-win-ring,.motion-paused .bento-stage-bars>div>i>i,.motion-paused .bento-report>i>i,.motion-paused .bento-modules>button,.motion-paused .crm-view-switch>button{transition:none}.motion-paused .bento-modules>button:hover{transform:none}
@media(prefers-reduced-motion:reduce){.crm-bento-card::before,.bento-card-content::before,.bento-card-content::after,.crm-spatial-bento::before{opacity:0!important}.bento-log-row{animation:none}.bento-modules>button,.bento-client-row,.crm-view-switch>button,#bento-win-ring,.bento-stage-bars>div>i>i,.bento-report>i>i{transition:none}.bento-modules>button:hover{transform:none}}

@media(max-width:600px){#crm-sandbox .crm-search input{font-size:16px}}

.bento-number-line>span{max-width:90px}

@media(max-width:600px){#crm-sandbox .crm-toolbar{align-items:stretch}#crm-sandbox .crm-search{width:100%;max-width:none}}
#crm-sandbox .crm-card-footer{flex-wrap:wrap;gap:10px}#crm-sandbox .crm-card-footer>div{margin-left:auto}

/* Compact data controls keep their original labels visible inside the glass surface. */
body .bento-chart-options>button{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:11px;line-height:1}
body .bento-modules>button{min-width:0}
body .bento-modules>button>span,body .bento-modules>button>small{max-width:100%;overflow-wrap:anywhere;line-height:1.5}
body #crm-reset{flex-shrink:0;min-width:max-content;line-height:1.4}
@media(max-width:420px){.app-topbar{flex-wrap:wrap}}