/* Audited Simple workspace: shared motion and edge-to-edge media. */
:root{--motion:150ms cubic-bezier(0.22,1,0.36,1);--text-scale:1;--photo-scale:1}
body[data-text-size=large]{--text-scale:1.15;--photo-scale:1.15}body[data-text-size=xlarge]{--text-scale:1.3;--photo-scale:1.3}
button,a,input,select,textarea,.cell,.stat,.thumb-frame,.photo,.chev{transition:background-color var(--motion),color var(--motion),border-color var(--motion),box-shadow var(--motion),transform var(--motion),opacity var(--motion)}
.content{font-size:calc(14px * var(--text-scale))}.content .cell strong{font-size:calc(14px * var(--text-scale))}.content .cell small{font-size:calc(12px * var(--text-scale));line-height:1.45}.content .heading h1{font-size:calc(27px * var(--text-scale))}.content .sectitle h2{font-size:calc(17px * var(--text-scale))}.content .btn{font-size:calc(13px * var(--text-scale))}.content .stat span{font-size:calc(11px * var(--text-scale))}.content .stat b{font-size:calc(24px * var(--text-scale))}.content .photo img{height:calc(220px * var(--photo-scale))}
.clickrow{display:flex;align-items:stretch;min-height:100px;border:0;box-shadow:0 0 0 1px var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.clickrow>.cell{flex:1;min-width:0;min-height:100px;align-self:stretch;padding:16px;gap:12px;border-right:1px solid var(--line);background:var(--card)}
.clickrow>.cell:first-child{flex:1.6;padding:0 14px 0 0;align-items:center}.clickrow>.cell:first-child>div{padding:14px 0}.clickrow>.cell:last-child{border-right:0}.clickrow.hero>.cell{min-height:148px}
.clickrow .thumb-frame{display:block;position:relative;overflow:hidden;align-self:stretch;flex-shrink:0;width:calc(100px * var(--photo-scale));min-height:100%;margin:0;padding:0;border-radius:0;cursor:pointer}.clickrow.hero .thumb-frame{width:calc(136px * var(--photo-scale))}
.clickrow .thumb-frame .thumb,.clickrow.hero .thumb-frame .thumb,.clickrow.person .thumb-frame .thumb{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:100%;object-fit:cover;border:0;border-radius:0;transition:transform var(--motion);outline:0;filter:none}
.thumb-frame:after{content:'Photos';position:absolute;bottom:8px;left:8px;padding:4px 7px;background:#007b36;color:#fff;border-radius:5px;font-size:10px;opacity:0;transform:translateY(3px);transition:opacity var(--motion),transform var(--motion);pointer-events:none}.thumb-frame:hover:after,.thumb-frame:focus-within:after{opacity:1;transform:translateY(0)}
.thumb-frame:before{content:'';position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 0 3px transparent;pointer-events:none;transition:box-shadow var(--motion)}.thumb-frame:hover:before{box-shadow:inset 0 0 0 3px #009e45}.thumb-frame:hover .thumb{transform:scale(1.04)}
.clickrow .cell:is([data-action],:has(button),[data-v32]):is(:hover,:focus-visible):not(:has(.thumb-frame:hover)){background:#009e45!important;color:#fff!important}.clickrow .cell:is([data-action],:has(button),[data-v32]):is(:hover,:focus-visible):not(:has(.thumb-frame:hover)) *{color:#fff!important}.clickrow .cell:is([data-action],[data-v32]):hover>.chev{transform:translateX(3px)}.clickrow .cell:active{filter:brightness(.95)}
.clickrow .cell:has(.thumb-frame:hover){background:var(--card)!important;color:var(--ink)!important}.clickrow .cell:has(.thumb-frame:hover) small{color:var(--muted)!important}.clickrow .cell:has(.thumb-frame:hover) strong{color:var(--ink)!important}
.photo{position:relative}.photo:before{content:'Photos';pointer-events:none;position:absolute;z-index:2;top:12px;left:12px;background:#007b36;color:white;border-radius:5px;padding:4px 8px;font-size:11px;opacity:0;transition:opacity var(--motion)}.photo:hover:before{opacity:1}.photo img{transition:transform var(--motion),box-shadow var(--motion);clip-path:inset(0 round 12px)}.photo img:hover{transform:scale(1.04);box-shadow:inset 0 0 0 3px #009e45;outline:3px solid #009e45;outline-offset:-3px}.photo .star:hover{background:var(--soft);color:#009e45;transform:scale(1.08)}.photo-delete:hover{background:#b91c1c;color:white;border-radius:5px}.photo-delete:active,.star:active{transform:scale(.96)}
.strip{background:transparent}.stat{position:relative;cursor:pointer;background:var(--card);color:var(--ink)}.stat:after{content:'↗';position:absolute;right:12px;top:10px;opacity:0;color:var(--green);transition:opacity var(--motion)}.stat:hover,.stat:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #10182818;border-color:#009e45}.stat:hover:after{opacity:1}.stat:active{transform:translateY(0)}
.btn:hover,button:hover{box-shadow:0 2px 6px #10182815}.btn:active,button:active{transform:translateY(1px);box-shadow:none}.btn.green,.btn.credit{background:#009e45;color:white;border-color:#009e45}.btn.green:hover,.btn.credit:hover{background:#007b36;color:white}.btn.sec:hover,.filter:hover{background:var(--soft);border-color:#009e45}.breadcrumbs a:hover{color:var(--green);background:var(--soft);border-radius:4px}.nav a:hover,.sidefooter button:hover{transform:translateX(2px)}.nav a:active{transform:translateX(1px)}.nav a.active{box-shadow:none;border-left-color:transparent}.cover-selector:hover{box-shadow:0 0 0 2px #009e4555}.appheader button:hover{background:var(--soft);color:var(--green)}
.toggle{border:0;flex-shrink:0;cursor:pointer;background:#009e45}.toggle:hover{box-shadow:0 0 0 4px #009e4525}.toggle:active{transform:scale(.95)}input:focus,textarea:focus,select:focus{outline:2px solid #009e45;outline-offset:2px}.field{background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important}
.settings-card,.setting-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px;margin:8px 0}.settings-card p,.setting-card p{color:var(--muted);margin:6px 0 0}.settings-card h3,.setting-card h3{margin:0}.settings-card .actions,.setting-card .actions{flex-wrap:wrap}.progress{height:8px;border-radius:8px;background:var(--soft);overflow:hidden;margin:12px 0}.progress>span{display:block;height:100%;background:#009e45}.modal>form,.modal>.field,.modal>p,.modal>.strip,.modal>article,.modal>.identity,.modal>.actions,.modal>.review-body,.modal>.v32-body{margin:16px 24px}.modal>form{overflow:auto;padding-bottom:24px}.modal> .clickrow{margin:8px 24px;flex-shrink:0}.modal{overflow:auto}.modal .modalhead{position:sticky;top:0;background:var(--card);z-index:3}.modal .strip{flex-shrink:0}.modalback .modal:not(:has(.modalgrid)){max-width:960px;padding-bottom:20px}.modalback .modal:has(.modalgrid){overflow:hidden}
.nav{gap:2px;overflow-y:auto;min-height:0}.nav a{height:40px;flex-shrink:0}.navparent{height:40px;flex-shrink:0}.sidefooter{flex-shrink:0}.cover-selector>img{height:80px}.selector-info{height:55px}.side .nav{flex:1}.section,.property-workspace .section{margin-top:28px}.content .heading{margin-bottom:24px}.filter[aria-pressed=true],.btn[aria-pressed=true]{background:var(--soft);border-color:var(--green);color:var(--green)}
@media(max-width:1100px){.clickrow{flex-wrap:wrap}.clickrow>.cell{flex:1 1 calc(50% - 1px)}.clickrow>.cell:first-child{flex:1 1 calc(50% - 1px)}}
@media(max-width:700px){.clickrow>.cell,.clickrow>.cell:first-child{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line);min-height:80px}.clickrow>.cell:first-child{min-height:120px}.settings-card,.setting-card{align-items:flex-start;flex-direction:column}.strip{gap:8px}.heading .actions{gap:6px}.header-inner .global-search{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:8px 0}.setting-row small{display:block;margin-top:6px}.usage-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin:8px 0}.usage-card small{display:block;margin-top:10px}.usage-track{height:8px;max-width:700px;background:var(--soft);border-radius:8px;margin:14px 0;overflow:hidden}.usage-track i{height:100%;display:block;background:#009e45}.purchase-row{display:flex;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}.purchase-row strong{margin-right:auto}.purchase-row .btn{background:#009e45;color:white;border-color:#009e45}.purchase-row .btn:hover{background:#007b36}.stat-arrow{display:none!important}.setting-row .btn{flex-shrink:0}.setting-row small{max-width:700px}.review-body{padding:8px 0;line-height:1.6}@media(max-width:700px){.setting-row{align-items:flex-start;flex-direction:column}}
/* Final shared spacing and DS2 popovers. */
.clickrow{margin-bottom:14px}.section,.property-workspace .section{margin-top:48px}.clickrow>.cell{padding:18px 22px}.clickrow>.cell:first-child{padding-right:22px;gap:18px}.clickrow>.cell:first-child>div{padding:18px 0}.clickrow>.cell.no-photo:first-child{padding-left:24px}.person-badge,.document-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;margin-left:20px;background:var(--soft);color:var(--ink);font-size:15px;font-weight:700}.person-badge{border-radius:50%;background:color-mix(in srgb,#6366f1 14%,var(--card));color:var(--ink)}.document-badge svg{width:22px;height:22px}.breadcrumbs{font-size:15px;font-weight:500;gap:2px}.breadcrumbs a{padding:6px 10px;border-radius:6px}.breadcrumbs a:hover{text-decoration:none}.breadcrumbs>span{font-size:18px;color:var(--muted)}
.header-popover{position:fixed;width:330px;max-width:calc(100vw - 24px);z-index:60;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;box-shadow:0 14px 44px #10182835;padding:8px;transform-origin:top right;animation:popover-in 150ms cubic-bezier(.22,1,.36,1)}@keyframes popover-in{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}.popover-caption{padding:10px 12px;font-size:12px;color:var(--muted)}.popover-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:44px;padding:10px 12px;border-radius:7px;color:var(--ink);font-size:13px}.popover-item:hover{background:var(--soft)}.popover-item strong,.popover-item small{display:block}.popover-item small{font-size:11px;margin-top:5px;color:var(--muted)}.popover-item>span:nth-child(2){flex:1}.popover-item svg{width:18px;height:18px}.popover-divider{height:1px;background:var(--line);margin:6px}.org-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--soft);font-size:11px;font-weight:700}.dropdown-search #closeProperty{display:flex;align-items:center;justify-content:center;min-width:28px;width:28px;height:28px;border-radius:6px;font-size:22px}.property-dropdown{top:210px;max-height:calc(100vh - 222px)}
.modalback .modal:not(:has(.modalgrid)){padding:0;width:min(1120px,calc(100vw - 48px));max-width:1120px;max-height:90vh}.modal .modalhead{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:24px 32px;border-bottom:1px solid var(--line)}.modalhead h2{margin:0;font-size:21px}.modalhead .dialog-subtitle{order:3;width:100%;font-size:12px}.modalhead #close{margin-left:auto;width:32px;height:32px;min-width:32px;padding:0;font-size:24px;background:var(--soft);border:0}.v32-modal-body{padding:28px 32px}.v32-modal-body .clickrow{margin:0 0 14px}.v32-modal-body form{display:flex;flex-direction:column;gap:14px}.v32-modal-body .actions{margin-top:22px}.v32-modal-footer{position:sticky;bottom:0;background:var(--card);display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding:16px 32px;z-index:3}.dialog-filter{position:sticky;top:0;z-index:2;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 0 20px;background:var(--card);font-size:12px}.dialog-filter input{flex:1;min-width:180px}.modaltools,.modalfoot{padding:20px 32px}.modalgrid{padding:28px 32px;gap:14px}.review-summary{display:flex;gap:16px;align-items:center}.sidefooter button{width:100%}.sidefooter #advanced{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.breadcrumbs{max-width:60%;overflow:auto;flex-shrink:1}.header-inner{gap:6px}.breadcrumbs a{padding:6px}.clickrow>.cell{padding:18px 20px}}@media(max-width:800px){.property-dropdown{top:122px;max-height:calc(100vh - 136px)}.breadcrumbs{font-size:14px;max-width:65%}.modal .modalhead,.v32-modal-body,.modalgrid{padding:20px}.v32-modal-footer{padding:14px 20px}.section,.property-workspace .section{margin-top:32px}}

.modal .modalhead{height:auto;min-height:94px}.clickrow>.cell:first-child{padding-top:0;padding-bottom:0;padding-left:0}.clickrow>.cell.no-photo:first-child{padding-left:24px}.header-popover .popover-item{white-space:normal}.popover-item .org-badge{flex:0 0 32px}
