/* Approved personal pages, isolated from the infinite-canvas workspace. */
body.approved-ui #personal-workspace{padding:24px 28px 32px;max-width:2040px;margin:auto;min-width:0}
body.approved-ui #personal-workspace[hidden]{display:none!important}
body.approved-ui .personal-tabs{padding:0;margin-bottom:24px}
body.approved-ui .personal-page .personal-collection-tools{margin-bottom:20px;gap:16px}
body.approved-ui .personal-collection-tools input{max-width:240px}
body.approved-ui .personal-page .collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.approved-ui .personal-page .collection-card{overflow:hidden}
body.approved-ui .personal-page .collection-card .cover{height:250px;background:#f3f3f0}
body.approved-ui .personal-page .collection-card img{width:100%;height:100%;object-fit:contain;display:block}
body.approved-ui .personal-page .collection-card footer{padding:17px}
body.approved-ui .personal-page .collection-card h3{font-size:16px;font-weight:700;overflow-wrap:anywhere}
body.approved-ui .personal-page .collection-card footer p{font-size:12px;color:var(--sub);margin:6px 0 13px}
body.approved-ui .personal-cover-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#5e7077}
body.approved-ui .personal-cover-empty svg{width:40px;height:40px;color:#89aaa5}
body.approved-ui .personal-page .history-empty{grid-column:1/-1;background:var(--surface);border:1px solid var(--line);border-radius:12px}
body.approved-ui .personal-page .table-wrap{overflow-x:auto}
body.approved-ui .personal-page .table{width:100%;border-collapse:collapse;font-size:13px}
body.approved-ui .personal-page .table th{text-align:left;font-size:12px;font-weight:600;color:var(--sub);background:var(--soft)}
body.approved-ui .personal-page .table td,body.approved-ui .personal-page .table th{padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:middle}
body.approved-ui .personal-page .table td b{display:block;font-size:13px;font-weight:600}
body.approved-ui .personal-page .table td small{color:var(--sub)}
body.approved-ui .personal-page .table td img{width:44px;height:52px;object-fit:contain;border-radius:5px;background:#f3f3f0;flex-shrink:0}
body.approved-ui .personal-page [data-history-feature]{width:auto;max-width:220px;min-width:150px}
body.approved-ui .personal-block{display:block;margin-top:3px}
body.approved-ui .personal-page .metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
body.approved-ui .personal-page .metric{padding:24px}
body.approved-ui .personal-page .metric>span{color:var(--sub);font-size:13px}
body.approved-ui .personal-page .metric strong{display:block;font-size:32px;font-weight:700;margin-top:8px}
body.approved-ui .personal-page .metric small{font-size:12px}
body.approved-ui .personal-page .settings-rows>div{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
body.approved-ui .personal-page .settings-rows>div p{font-size:12px;color:var(--sub);margin-top:4px}
body.approved-ui .personal-page .settings-rows button{flex-shrink:0}
body.approved-ui .personal-save{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;color:var(--text)}
body.approved-ui .personal-save:hover{background:var(--soft);border-color:#9eb4b4}
body.approved-ui .personal-footnote{padding:14px 20px;font-size:12px;color:var(--sub);line-height:1.7}
body.approved-ui .personal-empty,body.approved-ui .personal-loading{padding:54px 24px;text-align:center;color:var(--sub)}
body.approved-ui .personal-empty h3{color:var(--text);font-size:18px;margin-bottom:10px}
body.approved-ui .personal-empty p{font-size:13px}
body.approved-ui .personal-skeleton>span{display:block;color:var(--sub);font-size:13px;margin-bottom:16px}
body.approved-ui .personal-skeleton-item{padding:18px;overflow:hidden}
body.approved-ui .personal-skeleton-item i,body.approved-ui .personal-skeleton-item b,body.approved-ui .personal-skeleton-item small{display:block;background:var(--soft);border-radius:6px}
body.approved-ui .personal-skeleton-item i{height:190px;margin-bottom:18px}
body.approved-ui .personal-skeleton-item b{height:16px;width:55%;margin-bottom:12px}
body.approved-ui .personal-skeleton-item small{height:12px;width:78%}
body.approved-ui .personal-skeleton-rows{display:grid;gap:12px}
body.approved-ui .personal-skeleton-rows .personal-skeleton-item i{display:none}
body.approved-ui .personal-page .collection-card[hidden],body.approved-ui .personal-page .history-empty[hidden]{display:none!important}
body.approved-ui .personal-error{color:var(--danger);font-size:13px;line-height:1.6;padding:12px 0}
body.approved-ui .personal-error button{margin-top:12px}
body.approved-ui .personal-record-error{color:var(--danger)!important;font-size:12px;max-width:350px;overflow-wrap:anywhere;margin:6px 0 0}
body.approved-ui .personal-task-drawer{height:100dvh;max-height:100dvh;width:470px;max-width:95vw;margin:0 0 0 auto;border-radius:16px 0 0 16px;padding:0;background:var(--surface);color:var(--text);border:1px solid var(--line);overflow:auto}
body.approved-ui .personal-task-drawer .dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}
body.approved-ui .personal-task-drawer .dialog-body{padding:24px}
body.approved-ui .personal-task-drawer .dialog-head h2{font-size:21px;font-weight:700}
body.approved-ui [data-personal-tasks] .task-filter{margin-bottom:20px}
body.approved-ui [data-personal-tasks] .task-line{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px;background:var(--surface)}
body.approved-ui [data-personal-tasks] .task-line h3{font-size:14px;font-weight:700}
body.approved-ui [data-personal-tasks] .task-line p{font-size:12px;color:var(--sub);margin:9px 0}
body.approved-ui .task-records .task-line{padding:15px 18px}
body.approved-ui .personal-task-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
body.approved-ui .personal-task-footer>span,body.approved-ui .personal-task-footer>p{width:100%}
body.approved-ui .personal-task-drawer::backdrop,body.approved-ui .personal-password::backdrop{background:#0a1d2780;backdrop-filter:blur(3px)}
body.approved-ui .personal-password{width:min(560px,calc(100vw - 32px));max-height:90vh;padding:0;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;overflow:auto}
body.approved-ui .personal-password .dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}
body.approved-ui .personal-password .dialog-body{padding:24px}
body.approved-ui .personal-password .dialog-foot{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}
@media(min-width:1700px){body.approved-ui #personal-workspace{padding:28px 36px}}
@media(max-width:1200px){body.approved-ui #personal-workspace{padding:22px 20px}body.approved-ui .personal-page .collection{gap:14px}}
@media(max-width:760px){body.approved-ui #personal-workspace{padding:20px 14px}body.approved-ui .personal-page .collection{grid-template-columns:1fr 1fr}body.approved-ui .personal-page .collection-card .cover{height:200px}body.approved-ui .personal-page .table th,body.approved-ui .personal-page .table td{padding:12px}body.approved-ui .personal-collection-tools{flex-wrap:wrap}body.approved-ui .personal-collection-tools .segmented{max-width:100%;overflow-x:auto}body.approved-ui .personal-page .image-toolbar{flex-wrap:wrap}body.approved-ui .personal-task-drawer .dialog-body{padding:18px}}
@media(max-width:480px){body.approved-ui .personal-page .collection{grid-template-columns:1fr}body.approved-ui .personal-page .metric{padding:16px}body.approved-ui .personal-page .metric strong{font-size:26px}body.approved-ui .personal-page .settings-rows>div{gap:12px;flex-wrap:wrap}body.approved-ui .personal-tabs{gap:18px;overflow-x:auto;white-space:nowrap}}