/* Compact personal space. Scoped to the dashboard; editor and checkout retain their layout. */
body.sag-client-space:has(#dashboard:not([hidden])) .client-shell{padding-top:24px}
#dashboard [hidden]{display:none!important}
#dashboard .dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 19px;padding:0;background:none;border:0;box-shadow:none}
#dashboard .dashboard-heading>div{min-width:0}
#dashboard .dashboard-heading .eyebrow{font-size:.61rem;letter-spacing:.17em;margin:0 0 5px;color:#806236}
#dashboard #welcome{font:500 clamp(1.9rem,3.1vw,2.65rem)/1.1 var(--serif);letter-spacing:-.015em;text-wrap:initial;margin:0 0 6px}
#dashboard .dashboard-heading .muted{font-size:.81rem;line-height:1.4;margin:0;color:#746b5e}
#dashboard #new-artwork{flex-shrink:0;min-height:44px;padding:11px 19px;font-size:.81rem;background:linear-gradient(135deg,#efd797 0%,#dfbc67 48%,#cda34c 100%);color:#352713;border-color:#c29a48;box-shadow:0 3px 12px #b78a2e24,inset 0 1px 0 #fff6d580}
#dashboard .dashboard-tabs{display:flex;gap:30px;margin:0 0 12px;border-bottom:1px solid #d8cbb6}
#dashboard .dashboard-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;font-size:.83rem;padding:10px 2px;line-height:1.35;color:#746b5d;white-space:normal}
#dashboard .dashboard-tabs button.active{color:#5c4425;border-color:#947345;font-weight:600}
#dashboard .dashboard-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:50px;background:#ead9b6;color:#63471c;font:600 10px/1 var(--sans)}
#dashboard [role=tabpanel]:focus{outline:none}
#dashboard [role=tabpanel]:focus-visible{outline:2px solid #947345;outline-offset:5px}
#dashboard #account-stats{display:flex;align-items:center;gap:0;margin:0 0 15px;padding:0;border:0;background:none}
#dashboard #account-stats .stat{display:flex;align-items:baseline;flex:0 1 auto;gap:7px;min-width:0;padding:0 20px;border:0;border-right:1px solid #ddd2bf}
#dashboard #account-stats .stat:first-child{padding-left:0}
#dashboard #account-stats .stat:last-child{border:0}
#dashboard #account-stats .stat strong{font:600 1.05rem/1.5 var(--sans);color:#70542e}
#dashboard #account-stats .stat span{display:inline;font-size:.73rem;line-height:1.4;color:#716859}
#dashboard #works-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,235px) minmax(150px,220px);gap:14px;align-items:end;margin:0}
#dashboard #works-toolbar label{min-width:0;font-size:.71rem;font-weight:500;color:#746b5e;margin:0}
#dashboard #works-toolbar input,#dashboard #works-toolbar select{width:100%;min-width:0;min-height:42px;padding:9px 12px;margin:4px 0 0;font-size:.84rem;border-radius:7px;background:#fffdf8}
#dashboard #works-count{margin:8px 0 13px;font-size:.69rem;line-height:1.4;color:#776c5d}
#dashboard #client-cards{gap:20px;align-items:start}
#dashboard #client-cards:not(.client-cards-dense)>.artwork-card>img,#dashboard #client-cards:not(.client-cards-dense)>.artwork-card>.card-placeholder{height:230px;padding:18px}
#dashboard #client-cards .card-body{padding:17px 18px;row-gap:7px}
#dashboard #client-cards .card-body>h2{font-size:1.5rem;line-height:1.15;margin:3px 0 0}
#dashboard #client-cards .card-price{font-size:1.3rem}
#dashboard #client-cards .next-action{margin:3px 0 0;padding-top:10px;font-size:.75rem;line-height:1.5}
#dashboard #client-cards .card-actions{gap:8px 11px;margin-top:5px;padding-top:11px}
#dashboard #client-cards .card-actions .button{min-height:40px;padding:8px 12px}
#dashboard .empty-state{padding:34px 22px}
#dashboard .empty-state h2{margin-bottom:10px}
#dashboard .dashboard-panel-note{max-width:75ch;margin:18px 0;font-size:.83rem;line-height:1.55;color:#746b5e}
#dashboard .dashboard-benefits{display:grid;gap:11px;max-width:1060px}
#dashboard .dashboard-benefit{border:1px solid #d8c8ac;border-radius:10px;background:#fffdf8;box-shadow:0 3px 16px #59432604;overflow:hidden}
#dashboard .dashboard-benefit>summary{list-style:none;display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) 20px;align-items:center;gap:18px;padding:18px 22px;min-height:74px;cursor:pointer}
#dashboard .dashboard-benefit>summary::-webkit-details-marker{display:none}
#dashboard .dashboard-benefit>summary:hover{background:#faf6ee}
#dashboard .dashboard-benefit-title{font:500 1.35rem/1.2 var(--serif);color:#423626}
#dashboard .dashboard-benefit-preview{font-size:.78rem;line-height:1.5;color:#796b55;overflow-wrap:anywhere}
#dashboard .dashboard-benefit-arrow{font:400 1.35rem/1 var(--sans);text-align:center;color:#8b6b3a;transition:transform .16s}
#dashboard .dashboard-benefit[open]>.dashboard-benefit-content{border-top:1px solid #e8decc}
#dashboard .dashboard-benefit[open] .dashboard-benefit-arrow{transform:rotate(45deg)}
#dashboard .dashboard-benefit-content{padding:20px 22px}
#dashboard #client-subscription-summary,#dashboard #client-launch-offer{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#dashboard #client-subscription-summary>.sag-subscription-kicker,#dashboard #client-launch-offer>.eyebrow{display:none}
#dashboard #client-subscription-summary>h2,#dashboard #client-launch-offer>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#dashboard .sag-subscription-top{margin:0 0 14px}
#dashboard .sag-subscription-plan{font-size:1rem}
#dashboard .sag-subscription-actions{padding-top:12px;margin-top:12px;gap:8px 20px}
#dashboard .sag-launch-offer p{margin-top:0;margin-bottom:12px}
#dashboard .sag-launch-price strong{font-size:1.55rem}
#dashboard .sag-launch-offer label{margin:13px 0 10px}
#dashboard .sag-launch-offer select{padding:9px 12px;min-height:44px}
#dashboard .dashboard-benefit-content .ad-offer-banner{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none}
#dashboard .dashboard-benefit-content .ad-offer-banner>.eyebrow{display:none}
#dashboard .dashboard-benefit-content .ad-offer-banner h2{font-size:1.8rem;margin:0 0 10px}
#dashboard .dashboard-benefit-content .ad-offer-banner p{font-size:.86rem;margin-bottom:15px}
#dashboard #profile-panel{max-width:900px;margin:18px 0 0;padding:24px}
#dashboard #verify-banner{padding:16px;margin:0 0 20px;font-size:.82rem}
#dashboard #verify-banner p{margin:8px 0}
#dashboard .dashboard-presentation{margin:0 0 24px;border-bottom:1px solid #e4d8c6;padding-bottom:18px}
#dashboard .dashboard-presentation>summary{cursor:pointer;font-size:.86rem;font-weight:600;color:#71552c;min-height:44px;align-content:center}
#dashboard #client-presentation-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:18px 0 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:0}
#dashboard #client-presentation-settings::before{display:none}
#dashboard #client-presentation-settings .eyebrow{display:none}
#dashboard #client-presentation-settings .muted{margin:0 0 14px;font-size:.82rem;line-height:1.6}
#dashboard #client-presentation-settings .client-feature-choice{margin:0}
#dashboard #client-presentation-settings .client-feature-choice .mini:empty{display:none}
#dashboard #client-presentation-settings .client-feature-stage{height:205px}
#dashboard #client-presentation-settings figcaption{margin-top:8px}
#dashboard #client-presentation-settings figcaption strong{font-size:1.05rem}
/* Keep the artist offer short when it also appears in the listing editor. */
#validation-step>.ad-offer-banner{padding:14px 18px!important;margin-bottom:18px!important}
#validation-step>.ad-offer-banner .eyebrow{margin-bottom:4px;font-size:.61rem}
#validation-step>.ad-offer-banner h2{font-size:1.4rem;margin-bottom:7px}
#validation-step>.ad-offer-banner p{font-size:.8rem;margin-bottom:10px}
#validation-step>.ad-offer-banner .button{min-height:40px;padding:9px 14px}
@media(min-width:1280px){#dashboard #client-cards.client-cards-dense .card-body{padding:14px}#dashboard #client-cards.client-cards-dense .card-body>h2{font-size:1.3rem}}
@media(max-width:850px){#dashboard #works-toolbar{grid-template-columns:minmax(0,1fr) minmax(140px,.8fr) minmax(140px,.8fr);gap:10px}#dashboard .dashboard-benefit>summary{grid-template-columns:minmax(135px,.75fr) minmax(0,1fr) 18px;gap:12px}}
@media(max-width:720px){
  body.sag-client-space:has(#dashboard:not([hidden])) .client-shell{padding-top:18px}
  #dashboard .dashboard-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:17px}
  #dashboard #welcome{font-size:2rem;margin-bottom:4px}
  #dashboard .dashboard-heading .eyebrow{font-size:.55rem;letter-spacing:.12em}
  #dashboard .dashboard-heading .muted{display:none}
  #dashboard #new-artwork{max-width:48%;font-size:.73rem;padding:10px 12px;min-height:44px;text-align:center}
  #dashboard .dashboard-tabs{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;margin-bottom:12px}
  #dashboard .dashboard-tabs button{font-size:.76rem;padding:10px 0;gap:5px;min-height:48px}
  #dashboard #account-stats{display:grid;grid-template-columns:1.2fr 1fr .9fr;margin-bottom:12px}
  #dashboard #account-stats .stat{display:flex;gap:5px;padding:0 10px;align-items:baseline}
  #dashboard #account-stats .stat:first-child{padding-left:0}
  #dashboard #account-stats .stat strong{font-size:1rem}
  #dashboard #account-stats .stat span{font-size:.64rem}
  #dashboard #works-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}
  #dashboard #works-toolbar>label:first-child{grid-column:1/-1}
  #dashboard #works-toolbar label{font-size:.68rem}
  #dashboard #works-toolbar input,#dashboard #works-toolbar select{font-size:16px;min-height:44px;padding:9px 10px}
  #dashboard #works-count{margin:9px 0 12px}
  #dashboard #client-cards:not(.client-cards-dense)>.artwork-card>img,#dashboard #client-cards:not(.client-cards-dense)>.artwork-card>.card-placeholder{height:240px;padding:20px}
  #dashboard #client-cards .card-actions .button{min-height:44px}
  #dashboard .dashboard-panel-note{margin:13px 0;font-size:.8rem}
  #dashboard .dashboard-benefit>summary{grid-template-columns:minmax(0,1fr) 20px;gap:6px 12px;padding:16px 18px}
  #dashboard .dashboard-benefit-title{font-size:1.3rem}
  #dashboard .dashboard-benefit-preview{grid-row:2;grid-column:1;font-size:.75rem}
  #dashboard .dashboard-benefit-arrow{grid-column:2;grid-row:1/3}
  #dashboard .dashboard-benefit-content{padding:18px}
  #dashboard #profile-panel{padding:20px 18px}
  #dashboard #client-presentation-settings{grid-template-columns:1fr;gap:16px}
}
@media(max-width:380px){#dashboard #welcome{font-size:1.75rem}#dashboard .dashboard-tabs button{font-size:.7rem}#dashboard #account-stats .stat{padding:0 7px}#dashboard #account-stats .stat span{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){#dashboard .dashboard-benefit-arrow{transition:none}}

/* Warm gold action, including keyboard and pointer states. */
#dashboard #new-artwork:hover{background:linear-gradient(135deg,#f5e1ae,#e5c579 48%,#d7af59);color:#352713;border-color:#b98c34}
#dashboard #new-artwork:focus-visible{outline:2px solid #77551e;outline-offset:3px}