/* Profile, notification inbox and owner tools share the pearl/graphite surfaces. */
.sp-profile{padding:12px 0 0;color:var(--text,#292a30)}
.sp-profile h1{font-size:24px;line-height:1.3;font-weight:600;margin:0 0 12px}
.sp-profile h2{font-size:16px;font-weight:600;margin:26px 4px 14px}
.sp-intro{font-size:13px;line-height:1.7;color:#817b80;margin:0 0 24px}
.sp-settings{padding:6px 20px;border-radius:26px}
.sp-setting{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;text-align:left;color:inherit;min-height:82px;padding:17px 0;font-family:inherit}
.sp-setting+.sp-setting{border-top:1px solid #8e7d881a}
.sp-setting>svg{width:21px;height:21px;flex:none;color:#8b6f7c}
.sp-setting>svg:last-child{width:16px;margin-left:auto;color:#8c858c}
.sp-setting span{display:grid;gap:6px}.sp-setting strong{font-size:14px;font-weight:500}.sp-setting small{font-size:12px;line-height:1.5;color:#817b80}
.owner-controls{margin-top:26px;padding:22px!important;border-radius:26px}
.owner-controls h2{font-size:17px!important;margin:0 0 18px!important}
.owner-controls h3{font-size:12px!important;font-weight:500;margin:24px 0 12px!important}
.owner-plan-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px!important;padding:3px 0 10px;scrollbar-width:thin}
.owner-plan-grid button{flex:0 0 auto!important;min-width:82px!important;min-height:44px!important;padding:10px 14px!important;font-size:12px!important;border-radius:15px!important}
.owner-tools{display:flex;gap:10px}.owner-tools button{flex:1;min-height:48px;padding:12px 14px!important;font-size:12px!important;border-radius:16px!important}
.owner-return{margin-top:8px!important;font-size:12px!important;min-height:44px}
#modal:has(.notice-empty),#modal:has(.notice-list){width:calc(100% - 40px);max-width:390px;border:1px solid #ffffff99;border-radius:28px;background:#f8f6f6;color:#2d2c30;box-shadow:0 22px 70px #20202528}
#modal:has(.notice-empty) .sheet,#modal:has(.notice-list) .sheet{padding:26px 24px}
#modal:has(.notice-empty) .sheet-head,#modal:has(.notice-list) .sheet-head{margin-bottom:16px;align-items:center}
#modal:has(.notice-empty) #modal-title,#modal:has(.notice-list) #modal-title{font-size:18px;font-weight:600;line-height:1.4}
#modal:has(.notice-empty) .close,#modal:has(.notice-list) .close{width:36px;height:36px;min-width:36px;padding:9px;border:0;box-shadow:none;outline:none;background:#8880800b;border-radius:50%}
.notice-empty{text-align:center;padding:12px 0 4px}.notice-emblem{width:60px;height:60px;display:grid;place-items:center;border:1px solid #fff;border-radius:22px;margin:6px auto 22px;background:linear-gradient(130deg,#fff,#ece6e9);color:#8c7380}
.notice-emblem svg{width:26px;height:26px}.notice-empty h3{font-size:19px;font-weight:500;margin:0 0 12px}
.notice-empty p{font-size:12px!important;line-height:1.8!important;color:#827b81;margin:0 auto 24px;max-width:260px}
.notice-empty .sc-primary{font-size:12px;min-height:46px;padding:12px}
.notice-list{display:grid;gap:0;max-height:65dvh;overflow-y:auto}
.migration-notice{display:grid!important;gap:7px;width:100%;text-align:left;padding:18px 0!important;border:0!important;border-bottom:1px solid #88888820!important;background:transparent!important;color:inherit;font-family:inherit;border-radius:0!important}
.migration-notice strong{font-size:14px;font-weight:500}.migration-notice span{font-size:12px;line-height:1.7}.migration-notice .notice-meta{font-size:10px;color:#8b7b84}
.inspection-banner{padding:16px;margin:0 0 20px;background:#ece8ed;border:1px solid #ffffff70;border-radius:20px;font-size:12px;line-height:1.6}
.inspection-banner button{display:block;margin:10px 0;border:0;border-radius:14px;background:#303136;color:white;padding:12px 16px;font:500 12px inherit}
.inspection-banner small{display:block;font-size:11px}
[data-color-mode=night] .sp-profile{color:#f2edef}
[data-color-mode=night] .sp-setting small,[data-color-mode=night] .sp-intro{color:#bcb6bc}
[data-color-mode=night] .sp-setting>svg{color:#c4b4bf}
[data-color-mode=night] #modal:has(.notice-empty),[data-color-mode=night] #modal:has(.notice-list){background:#2b2b2f;color:#f2edef;border-color:#ffffff22}
[data-color-mode=night] .notice-emblem{background:linear-gradient(130deg,#ffffff18,#ffffff06);border-color:#ffffff20;color:#d3c4cd}
[data-color-mode=night] .notice-empty p{color:#bdb7be}
[data-color-mode=night] .inspection-banner{background:#333236;color:#f2edef}

#view .owner-tools{display:flex;flex-wrap:nowrap}
body[data-view=profile]{--sc-text:#28272c;--sc-muted:#827b81;--sc-accent:#887380;--sc-surface:linear-gradient(125deg,#ffffffb8,#ffffff55);--sc-border:#ffffffeb;--sc-shadow:inset 0 1px 1px #fff,0 8px 24px #49333d08}
[data-color-mode=night] body[data-view=profile]{--sc-text:#f1edef;--sc-muted:#bdb6bd;--sc-accent:#c7b6c1;--sc-surface:linear-gradient(125deg,#ffffff10,#ffffff04);--sc-border:#ffffff2b;--sc-shadow:inset 0 1px 1px #ffffff1c,0 8px 18px #0000000d}