
html.framio-portal{--bg:var(--next-paper);--t1:var(--next-ink);--t2:var(--next-muted);--t3:var(--next-muted);--dn-t1:var(--next-ink);--dn-t2:var(--next-muted);--dn-t3:var(--next-muted);--border:var(--next-line);--card-bdr:var(--next-line);--dn-border:var(--next-line);--card-bg:var(--f-surface);--hdr-bg:var(--next-paper);--dn-bg-nav:var(--next-paper);--field-bg:var(--f-surface);--field-bdr:var(--next-line);--cell-bg:var(--next-paper);--cell-bdr:var(--next-line);--ui-surface:var(--f-surface);--ui-hover:var(--f-hover);--dn-surface:var(--f-surface);--sans:var(--f-font);--dn-sans:var(--f-font)}
html.framio-portal body.portal-dashboard{background:var(--next-paper);color:var(--next-ink);font-family:var(--f-font)}
.portal-dashboard :is(.photo-bg,.photo-overlay,.grid-lines,.vignette){display:none!important}
html.framio-portal body.portal-dashboard .dn-nav{height:76px;padding:0 max(24px,calc((100vw - 1440px)/2));background:var(--next-paper);box-shadow:none}
html.framio-portal body.portal-dashboard .dn-tabs{top:76px;background:var(--next-paper);padding:0 max(24px,calc((100vw - 1440px)/2));gap:12px}
.portal-dashboard .dn-tab{min-height:52px;padding:14px 20px;font-size:15px}
.portal-dashboard .dn-tab.active{color:var(--next-accent);border-bottom-color:var(--next-accent)}
html.framio-portal body.portal-dashboard .page{padding-top:128px!important}
html.framio-portal body.portal-dashboard main{max-width:1488px;padding:36px 24px 64px;gap:24px}
html.framio-portal body.portal-dashboard .card{border:1px solid var(--next-line);border-radius:var(--f-radius);background:var(--f-surface);padding:26px;box-shadow:none}
.portal-dashboard :is(h1,.workspace-heading h1){font-size:32px;letter-spacing:-.035em;line-height:1.2;font-weight:600;margin:0 0 10px}
.workspace-heading{margin:0 0 26px}.workspace-heading p{margin:0;color:var(--next-muted);font-size:15px;line-height:1.6}
.portal-dashboard .card-title{font-size:12px;letter-spacing:.07em;color:var(--next-muted)}
.portal-dashboard :is(button,input,select,textarea){font-family:var(--f-font)}
html.framio-portal body.portal-dashboard :is(input,select,textarea){background:var(--f-surface);color:var(--next-ink);border:1px solid var(--next-line);border-radius:8px;min-height:44px}
.portal-dashboard button{transition:background .16s,border-color .16s,color .16s}
.portal-dashboard button:not(:disabled):hover{border-color:var(--next-accent)}
.portal-dashboard :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--next-accent);outline-offset:3px}
html.framio-portal body.portal-dashboard .dn-btn-sketch{background:var(--f-primary);color:white;border:1px solid var(--f-primary);border-radius:8px;min-height:44px;box-shadow:none}
.portal-dashboard .project-tools{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:0 0 20px;border-bottom:1px solid var(--next-line)}
.portal-dashboard .project-search{flex:1 1 260px}.portal-dashboard .project-field{min-width:130px;flex:1 1 130px}
.portal-dashboard .project-field input,.portal-dashboard .project-field select{width:100%}
.portal-dashboard .project-help{font-size:13px;line-height:1.6;color:var(--next-muted);max-width:960px}
.portal-dashboard .export-table-scroll{border:1px solid var(--next-line);border-radius:8px;max-width:100%;background:var(--f-surface)}
.portal-dashboard .export-table{width:100%;margin:0;border-collapse:collapse}
.portal-dashboard .export-table th{background:var(--next-paper);font-size:11px;letter-spacing:.035em;color:var(--next-muted);padding:14px 12px}
.portal-dashboard .export-table td{padding:16px 12px;border-color:var(--next-line);font-size:13px}
.portal-dashboard .export-table tbody tr:hover{background:var(--f-hover)}
.portal-dashboard .export-table button{min-height:36px;border-radius:6px}
.portal-dashboard .plan-cell{background:var(--next-paper);border-color:var(--next-line);border-radius:8px;padding:20px}
.portal-dashboard .plan-cell-value{font-size:26px;letter-spacing:-.02em}
.portal-dashboard .preview-notice{padding:10px 16px;border:1px dashed var(--next-line);border-radius:8px;color:var(--next-muted);font-size:13px;margin-bottom:24px}
@media(max-width:700px){html.framio-portal body.portal-dashboard .dn-nav{height:auto;min-height:76px;padding:12px 16px;position:relative;flex-wrap:wrap;gap:12px}.portal-dashboard .dn-right{flex-wrap:wrap;gap:8px}.portal-dashboard .dn-email{max-width:150px;overflow:hidden;text-overflow:ellipsis}html.framio-portal body.portal-dashboard .dn-tabs{position:sticky;top:0;padding:0 8px;gap:0;overflow-x:auto}.portal-dashboard .dn-tab{padding:14px 12px;white-space:nowrap}html.framio-portal body.portal-dashboard .page{padding-top:0!important}html.framio-portal body.portal-dashboard main{padding:24px 16px 40px}html.framio-portal body.portal-dashboard .card{padding:16px}.portal-dashboard .project-search{flex-basis:100%}.portal-dashboard .project-field{min-width:0;flex-basis:calc(50% - 12px)}.portal-dashboard .workspace-heading h1{font-size:28px}.portal-dashboard .plan-grid{grid-template-columns:1fr}.portal-dashboard .card-title-row{align-items:start;gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.portal-dashboard *{transition:none!important}}
