:root {
  --ink: #172c29;
  --ink-soft: #63716d;
  --paper: #f4f6f3;
  --paper-dim: #eaf0eb;
  --paper-card: #fff;
  --line: #d8e1da;
  --line-soft: #e7ece6;
  --blueprint: #276b51;
  --blueprint-deep: #1a503c;
  --blueprint-light: #e5f2e8;
  --sage: #427558;
  --sage-light: #e8f3e9;
  --success: #347450;
  --success-light: #e7f4e9;
  --warm-gold: #d7ebaa;
  --warm-gold-light: #f0f5df;
  --amber: #986720;
  --amber-light: #fbf0d9;
  --danger: #b44940;
  --danger-light: #faece9;
  --font-display: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, monospace;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --shadow-sm: 0 2px 5px #172c2903;
  --shadow-md: 0 8px 26px #172c2909;
  --shadow-lg: 0 18px 60px #172c2914;
  --shadow-xl: 0 24px 80px #172c2922;
  --glass-bg: #fff;
  --glass-border: #e7ece6;
}
html { scrollbar-gutter: stable; }
body.fresh-ui { line-height: 1.5; font-size: 14px; }
.fresh-ui h1, .fresh-ui h2, .fresh-ui h3, .fresh-ui .brand-name {
  font-family: 'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif;
}
.fresh-ui h1 { letter-spacing: -.055em; }
.fresh-ui button, .fresh-ui input, .fresh-ui select, .fresh-ui textarea { font-family: inherit; }
.fresh-ui :focus-visible { outline: 3px solid #5e9b73; outline-offset: 3px; }
.fresh-ui .fresh-icon { width: 22px; height: 22px; flex-shrink: 0; vertical-align: middle; }
.fresh-ui .eyebrow { font: 500 11px var(--font-display); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-soft); }
.fresh-ui .btn { min-height: 42px; border-radius: 11px; padding: .7rem 1.1rem; font-size: 12px; font-weight: 600; box-shadow: none; gap: 8px; }
.fresh-ui .btn--primary { background: var(--ink); border-color: var(--ink); color: #fff; }
.fresh-ui .btn--primary:hover { background: var(--blueprint); border-color: var(--blueprint); transform: translateY(-1px); box-shadow: 0 5px 12px #172c2912; }
.fresh-ui .btn--ghost { background: #fff; border-color: var(--line); }
.fresh-ui .btn--ghost:hover { background: var(--paper); border-color: #9eb4a5; }
.fresh-ui .btn--sm { min-height: 36px; padding: .45rem .8rem; }
.fresh-ui .icon-btn { width: 42px; height: 42px; border-radius: 11px; }
.fresh-ui .field input:not([type="checkbox"]):not([type="radio"]),
.fresh-ui .field select, .fresh-ui .field textarea, .fresh-ui .settings-input,
.fresh-ui .search-input, .fresh-ui .ts-control {
  background-color: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: none; color: var(--ink); min-height: 44px;
}
.fresh-ui .field input:focus, .fresh-ui .field textarea:focus, .fresh-ui .search-input:focus {
  border-color: #77a185; box-shadow: 0 0 0 3px #e5f2e8;
}
.fresh-ui input::placeholder, .fresh-ui textarea::placeholder { color: #88948e; }
.fresh-ui input[type="checkbox"], .fresh-ui input[type="radio"] { accent-color: var(--blueprint); }
.fresh-ui .field__label { font-size: 12px; font-weight: 600; letter-spacing: 0; }
.fresh-ui .brand-mark, .fresh-ui .sidebar .brand-mark { width: 38px; height: 38px; border-radius: 12px; background: #d8eead; color: #243b2b; box-shadow: none; }
.fresh-ui .brand-mark svg { width: 23px; height: 23px; }
.fresh-ui .brand-mark.brand-mark--image { width: 72px; }
.fresh-ui .brand-name { font-size: 17px; letter-spacing: -.04em; }

                                                                                   
.fresh-ui .login-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 18px; gap: 18px; min-height: 100svh; background: #fcfcfa; }
.fresh-ui .login-aside { border-radius: 24px; padding: 38px 42px; background: #172f2a; color: #fff; isolation: isolate; }
.fresh-ui .login-aside::after { content: ''; position: absolute; width: 460px; height: 460px; border: 1px solid #d8eead12; border-radius: 50%; bottom: -330px; left: -130px; pointer-events: none; }
.fresh-ui .login-aside .brand { position: relative; z-index: 2; }
.fresh-ui .login-aside .brand-name { color: #f3f8ee; }
.fresh-ui .login-aside__body { width: 100%; max-width: 520px; margin: auto; padding-top: 56px; }
.fresh-ui .login-aside h1 { font-size: clamp(42px, 4.6vw, 72px); font-weight: 500; line-height: 1.09; margin: 0; letter-spacing: -.06em; }
.fresh-ui .login-aside h1 span { color: #d8eead; }
.fresh-ui .login-aside__copy { color: #adbfaf; font-size: 14px; margin: 20px 0 0; }
.fresh-ui .login-main { padding: 40px; background: none; }
.fresh-ui .login-card { max-width: 355px; border: 0; padding: 0; background: transparent; box-shadow: none; border-radius: 0; gap: 22px; }
.fresh-ui .login-card::before { content: none; }
.fresh-ui .login-card h2 { font-size: 32px; letter-spacing: -.045em; margin: 0; line-height: 1.2; }
.fresh-ui .login-sub { color: var(--ink-soft); font-size: 13px; margin: -10px 0 17px; }
.fresh-ui .login-card input:not([type="checkbox"]) { min-height: 51px; background: #fff; padding: 13px 15px; font-size: 14px; }
.fresh-ui .login-card .field { gap: 9px; }
.fresh-ui .login-card .checkbox { font-size: 12px; color: var(--ink-soft); }
.fresh-ui .login-card .btn { min-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 13px; margin-top: 7px; }
.fresh-ui .login-card .btn svg { width: 17px; height: 17px; }
.flow-art { height: 340px; position: relative; width: min(100%, 410px); margin: 14px auto 0; }
.flow-orbit { position: absolute; border: 1px solid #bad4b126; border-radius: 50%; width: 310px; height: 310px; left: 50%; top: 24px; transform: translateX(-50%) rotate(-25deg); }
.flow-orbit--two { width: 400px; height: 205px; top: 85px; transform: translateX(-50%) rotate(-32deg); border-style: dashed; }
.flow-paper { position: absolute; width: 176px; height: 218px; border-radius: 15px; top: 64px; left: calc(50% - 88px); }
.flow-paper--back { background: #91bda0; transform: rotate(-13deg) translate(-20px, -4px); border: 1px solid #bbdbb2; }
.flow-paper--front { background: #f6f9f0; transform: rotate(7deg); padding: 22px; box-shadow: 12px 24px 50px #06151040; }
.flow-paper__icon { display: grid; place-items: center; width: 32px; height: 32px; background: #e0ead3; color: #416851; border-radius: 9px; margin-bottom: 13px; }
.flow-line { display: block; height: 4px; width: 62%; background: #c9d6c4; border-radius: 6px; margin-top: 7px; }
.flow-line--title { height: 6px; width: 90%; background: #687f69; }
.flow-input { display: block; border: 1px solid #d9e2d0; height: 22px; border-radius: 5px; margin-top: 11px; }
.flow-check { display: flex; align-items: center; gap: 9px; margin-top: 9px; color: #63916b; }
.flow-check .fresh-icon { width: 15px; height: 15px; }
.flow-check .flow-line { margin: 0; }
.flow-submit { display: grid; place-items: center; width: 41px; height: 23px; border-radius: 5px; background: #2d5741; color: #e1eecd; position: absolute; right: 21px; bottom: 16px; }
.flow-submit .fresh-icon { width: 17px; }
.flow-seal { position: absolute; top: 232px; left: calc(50% + 64px); width: 62px; height: 62px; display: grid; place-items: center; border-radius: 21px; background: #d8eead; color: #294530; transform: rotate(-9deg); box-shadow: 0 10px 30px #071c2330; }
.flow-seal .fresh-icon { width: 31px; height: 31px; }
.flow-spark { position: absolute; top: 36px; left: calc(50% - 153px); color: #d8eead; transform: rotate(-12deg); }
.flow-spark .fresh-icon { width: 34px; height: 34px; }

                                                                             
.fresh-ui .app-shell { display: grid; grid-template-columns: 228px minmax(0, 1fr); padding: 0; min-height: 100svh; }
.fresh-ui .sidebar { display: flex; flex-direction: column; position: sticky; top: 0; height: 100svh; padding: 31px 18px 20px; gap: 40px; background: #172c29; border: 0; overflow-y: auto; scrollbar-width: thin; color: #f1f6ef; }
.fresh-ui .sidebar > .brand { padding: 0 9px; min-height: 40px; }
.fresh-ui .sidebar-nav { display: flex; flex-direction: column; gap: 7px; flex: 1; }
.fresh-ui .sidebar-nav__item { padding: 12px 14px; min-height: 46px; font-size: 12px; font-weight: 500; gap: 12px; border-radius: 10px; color: #adbfba; letter-spacing: -.01em; }
.fresh-ui .sidebar-nav__item:hover { background: #ffffff08; color: #fff; }
.fresh-ui .sidebar-nav__item--active, .fresh-ui .sidebar-nav__item--active:hover { background: #d8eead; color: #243d2d; box-shadow: none; font-weight: 600; }
.fresh-ui .sidebar-nav__icon { width: 21px; height: 21px; }
.fresh-ui .sidebar-nav__icon svg { width: 21px; height: 21px; stroke-width: 1.6; }
.fresh-ui .sidebar-nav__item[data-nav="settings"] { margin-top: auto; }
.fresh-ui .sidebar-nav__item--signout { margin-top: 0; border-top: 0; }
.fresh-ui .sidebar-nav__item--signout:hover { color: #ffc7b8; }
.fresh-ui .sidebar-nav__badge { margin-left: auto; background: #ffffff16; color: #d8eead; border-radius: 6px; min-width: 22px; }
.fresh-ui .sidebar-nav__item--active .sidebar-nav__badge { background: #294b2c15; color: #243d2d; }
.fresh-ui .sidebar-user { border-top: 1px solid #ffffff13; border-left: 0; margin: 0; padding: 20px 9px 0; gap: 11px; }
.fresh-ui .sidebar-user .avatar { width: 34px; height: 34px; border-radius: 11px; }
.fresh-ui .sidebar-user__name { font-size: 12px; overflow-wrap: anywhere; }
.fresh-ui .sidebar-user__role { font-size: 10px; color: #91a69e; margin-top: 2px; }
.fresh-ui .dashboard-main { padding: 42px clamp(24px, 3.4vw, 62px); max-width: 1680px; width: 100%; margin-inline: auto; }
.fresh-ui .dashboard-header { align-items: center; flex-direction: row; gap: 20px; margin-bottom: 32px; }
.fresh-ui .dashboard-header h1 { font-size: clamp(27px, 2.7vw, 38px); font-weight: 600; line-height: 1.2; }
.fresh-ui .dashboard-header .eyebrow { margin-bottom: 10px; }
.fresh-ui .dashboard-header .panel-sub, .fresh-ui .dashboard-header__sub { font-size: 12px; margin: 10px 0 0; }
.fresh-ui #btn-new-form { min-height: 44px; border-radius: 11px; padding-inline: 20px; }
.fresh-ui .dashboard-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 38px; }
.fresh-ui .stat-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; padding: 23px 25px; border: 1px solid var(--line-soft); border-radius: 16px; box-shadow: none; background: #fff; gap: 6px 8px; }
.fresh-ui .stat-card::before { content: none; }
.fresh-ui .stat-card:hover { transform: none; }
.fresh-ui .stat-card:first-child { background: #e7eedc; border-color: #dfe8d3; }
.fresh-ui .stat-card__icon { grid-column: 2; grid-row: 1 / 3; align-self: center; width: 45px; height: 45px; border-radius: 14px; margin: 0; display: grid; place-items: center; color: #548061; background: #eef5e9; }
.fresh-ui .stat-card:first-child .stat-card__icon { background: #d5e5c5; color: #416747; }
.fresh-ui .stat-card__icon--amber { color: #a07c44; background: #fbf4e8; }
.fresh-ui .stat-card__value { grid-column: 1; grid-row: 1; font: 500 34px 'Plus Jakarta Sans', sans-serif; letter-spacing: -.05em; line-height: 1.25; }
.fresh-ui .stat-card__label { grid-column: 1; grid-row: 2; font-size: 11px; color: #647166; }
.fresh-ui .forms-toolbar { gap: 20px; align-items: center; margin-bottom: 22px; padding-top: 4px; }
.fresh-ui .forms-toolbar h2 { font-size: 18px; letter-spacing: -.035em; }
.fresh-ui .forms-toolbar__left { min-width: 0; gap: 12px; }
.fresh-ui .forms-toolbar__actions { gap: 12px; }
.fresh-ui .search-input { font-size: 12px; width: 205px; }
.fresh-ui .search-wrap .search-input { padding-left: 38px; }
.fresh-ui .search-icon { color: #7b8c81; width: 16px; height: 16px; }
.fresh-ui .filter-chips { padding: 4px; border: 1px solid var(--line-soft); border-radius: 11px; background: #eaf0e9; gap: 2px; }
.fresh-ui .filter-chip { border: 0; min-height: 33px; padding: 6px 11px; border-radius: 7px; font-size: 11px; background: none; color: var(--ink-soft); }
.fresh-ui .filter-chip--active { background: #fff; color: var(--ink); box-shadow: 0 2px 4px #17312509; }
.fresh-ui .dashboard-switch { border-radius: 8px; background: transparent; box-shadow: none; border: 1px solid var(--line); padding: 2px; }
.fresh-ui .dashboard-switch__track { min-width: 152px; }
.fresh-ui .dashboard-switch__track::before { border-radius: 6px; background: #e0e9dc; }
.fresh-ui .dashboard-switch__track span { font-size: 10px; min-height: 27px; border-radius: 6px; padding-inline: 9px; font-weight: 600; }
.fresh-ui .dashboard-switch__track span:first-child,
.fresh-ui .dashboard-switch.is-my-forms .dashboard-switch__track span:last-child,
.fresh-ui .dashboard-view-toggle.is-table .dashboard-switch__track span:last-child { color: #29432e; }
.fresh-ui .dashboard-switch.is-my-forms .dashboard-switch__track span:first-child,
.fresh-ui .dashboard-view-toggle.is-table .dashboard-switch__track span:first-child { color: var(--ink-soft); }
.fresh-ui .dashboard-view-toggle .dashboard-switch__track { min-width: 103px; }
.fresh-ui .forms-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 255px), 1fr)); gap: 20px; }
.fresh-ui .form-card { border-radius: 17px; border: 1px solid var(--line); box-shadow: none; min-width: 0; transition: transform .2s, box-shadow .2s, border-color .2s; }
.fresh-ui .form-card:hover { transform: translateY(-4px); border-color: #9ebba4; box-shadow: 0 12px 26px #172c290c; }
.fresh-ui .form-card__thumb { height: 105px; padding: 16px; margin: 7px 7px 0; border-radius: 11px; background: #eef2e8; align-items: flex-start; overflow: hidden; }
.fresh-ui .form-card__thumb--b { background: #f3eee4; }
.fresh-ui .form-card__thumb--c { background: #e9eff2; }
.fresh-ui .form-card__thumb--d { background: #f0ebf3; }
.fresh-ui .form-card__thumb--e { background: #edf2e4; }
.fresh-ui .form-card__thumb::before { content: ''; position: absolute; left: 24px; bottom: -16px; width: 79px; height: 101px; border: 1px solid #cbd7c080; border-radius: 9px; background: repeating-linear-gradient(to bottom, transparent 0 10px, #75907833 10px 13px, transparent 13px 23px) 14px 23px / 49px 50px no-repeat, #ffffffb8; transform: rotate(-9deg); box-shadow: 9px 3px 0 -2px #ffffff70; }
.fresh-ui .form-card__thumb::after { content: ''; position: absolute; width: 110px; height: 110px; border: 1px solid #ffffff90; border-radius: 50%; left: 103px; top: 25px; }
.fresh-ui .form-card__tag { position: relative; z-index: 1; font: 500 10px var(--font-display); letter-spacing: 0; text-transform: none; padding: 4px 8px; background: #ffffffd9; border: 1px solid #ffffff; }
.fresh-ui .form-card__tag--private { position: absolute; top: 66px; left: auto; right: 16px; }
.fresh-ui .form-card__body { padding: 19px 20px 17px; gap: 9px; }
.fresh-ui .form-card__body h3 { font-size: 14px; letter-spacing: -.025em; line-height: 1.5; overflow-wrap: anywhere; }
.fresh-ui .form-card__body p { font-size: 11px; color: #768278; }
.fresh-ui .form-card__meta { font: 10px var(--font-display); gap: 8px; color: #7b887f; padding-top: 18px; flex-wrap: wrap; }
.fresh-ui .form-card__actions { padding: 11px 16px; border-top: 1px solid var(--line-soft); background: #fff; gap: 5px; flex-wrap: wrap; }
.fresh-ui .form-card__action-btn { min-height: 32px; border: 0; background: transparent; font-size: 10px; color: var(--ink-soft); border-radius: 7px; padding: 6px 7px; }
.fresh-ui .form-card__action-btn:hover { background: var(--blueprint-light); }
.fresh-ui .form-card__action-btn svg { width: 14px; height: 14px; }
.fresh-ui .form-card--new { order: 2; background: transparent; border: 1px dashed #bacbb8; min-height: 281px; font-size: 12px; gap: 16px; color: #657a64; }
.fresh-ui .form-card--new__icon { width: 47px; height: 47px; border: 1px solid #dce6d6; background: #e8f0e0; border-radius: 14px; color: #4c6b48; font-weight: 400; }

                                                                             
.fresh-ui .submission-filters, .fresh-ui .reports-filter-card, .fresh-ui .settings-card,
.fresh-ui .reports-chart-card, .fresh-ui .reports-data-card, .fresh-ui .positions-table-wrap,
.fresh-ui .my-submissions-table-wrap, .fresh-ui .forms-table-wrap {
  background: #fff; border: 1px solid var(--line-soft); border-radius: 16px; box-shadow: none; backdrop-filter: none;
}
.fresh-ui .submission-filters { padding: 22px; gap: 15px; }
.fresh-ui .settings-card { padding: 28px; }
.fresh-ui .settings-card::before { content: none; }
.fresh-ui .settings-card h3 { font-size: 17px; letter-spacing: -.025em; }
.fresh-ui .settings-card__icon { border-radius: 13px; }
.fresh-ui .settings-tabs { border-bottom-color: var(--line); gap: 15px; margin-bottom: 24px; }
.fresh-ui .settings-tab { font-size: 12px; padding: 15px 10px; }
.fresh-ui .settings-tab--active { color: var(--blueprint); border-bottom-color: var(--blueprint); }
.fresh-ui .reports-table th, .fresh-ui .my-submissions-table th { font: 500 10px var(--font-display); text-transform: uppercase; letter-spacing: .045em; color: #738076; background: #f6f8f3; padding-top: 16px; padding-bottom: 16px; }
.fresh-ui .reports-table td, .fresh-ui .my-submissions-table td { font-size: 12px; padding-top: 16px; padding-bottom: 16px; border-color: var(--line-soft); }
.fresh-ui .reports-table tr:hover td, .fresh-ui .my-submissions-table tr:hover td { background: #f7faf4; }
.fresh-ui .reports-table-wrap, .fresh-ui .forms-table-wrap, .fresh-ui .positions-table-wrap { overflow-x: auto; }
.fresh-ui .report-tab, .fresh-ui .device-toggle__btn { border-radius: 8px; }
.fresh-ui .report-tab--active { background: var(--ink); color: #fff; border-color: var(--ink); }
.fresh-ui .builder-shell { background: #eef2ec; }
.fresh-ui .builder-header { padding: 16px 25px; gap: 18px; background: #fff; border-color: var(--line); box-shadow: none; }
.fresh-ui .builder-title__input { font-size: 14px; letter-spacing: -.02em; }
.fresh-ui .builder-title__sub { font: 10px var(--font-display); color: #7f8b81; margin-top: 4px; }
.fresh-ui .stepper__step { border-radius: 9px; font-size: 11px; }
.fresh-ui .stepper__step--active { background: var(--blueprint-light); color: var(--blueprint); }
.fresh-ui .stepper__num { font: 500 10px var(--font-mono); }
.fresh-ui .stepper__step--active .stepper__num { background: var(--blueprint); color: #fff; }
.fresh-ui .builder-step { padding: 25px; }
.fresh-ui .builder-layout { grid-template-columns: 220px minmax(0, 1fr) 270px; gap: 22px; }
.fresh-ui .palette, .fresh-ui .inspector, .fresh-ui .canvas-wrap,
.fresh-ui .approvers-source, .fresh-ui .approvers-path-wrap,
.fresh-ui .publish-card, .fresh-ui .publish-preview { background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: none; }
.fresh-ui .palette, .fresh-ui .inspector { padding: 19px; }
.fresh-ui .palette-card { border: 1px solid var(--line-soft); background: #f7f9f4; color: #5b7160; border-radius: 9px; font-size: 10px; min-height: 67px; padding: 11px 6px; }
.fresh-ui .palette-card:hover { border-color: #9db592; background: #eef5e7; color: #294c33; box-shadow: none; }
.fresh-ui .palette-card .fresh-icon { width: 21px; height: 21px; }
.fresh-ui .palette-group__label { font: 500 9px var(--font-display); color: #8b978b; letter-spacing: .07em; }
.fresh-ui .panel-title { font-size: 13px; }
.fresh-ui .panel-sub { font-size: 11px; line-height: 1.7; }
.fresh-ui .canvas-wrap { padding: 25px; }
.fresh-ui .form-logo-control { background: #f7f9f4; border-color: var(--line-soft); border-radius: 11px; }
.fresh-ui .canvas-empty { border-color: #ccdac4; background: #fafcf7; border-radius: 12px; }
.fresh-ui .cblock { border-color: var(--line-soft); border-radius: 11px; box-shadow: none; }
.fresh-ui .cblock--selected { border-color: #6d9674; box-shadow: 0 0 0 3px #eaf3e5; }
.fresh-ui .ff-modal { border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow-xl); max-width: calc(100vw - 30px); }
.fresh-ui .ff-modal::backdrop { background: #0c242957; backdrop-filter: blur(4px); }
.fresh-ui .ff-modal__body { padding: 28px; }
.fresh-ui .toast { border-radius: 12px; font-size: 12px; min-width: 0; max-width: min(360px, calc(100vw - 32px)); }
.fresh-ui #app-boot-overlay { background: var(--paper); color: var(--ink); }
.fresh-ui #app-boot-overlay .app-boot-spinner { border-color: #dce7d6; border-top-color: var(--blueprint); }
.fresh-ui .global-loader-card { border-radius: 17px; background: #fff; }
.fresh-ui .global-loader-track span { background: var(--blueprint); }
.fresh-ui .fresh-icon--spin { animation: fresh-spin 1s linear infinite; }
.fresh-nav-dialog { width: 340px; padding: 20px; color: var(--ink); background: #fff; }
.fresh-nav-dialog__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.fresh-nav-dialog__header h2 { font-size: 18px; }
.fresh-nav-dialog__items { display: grid; gap: 7px; }
.fresh-nav-dialog__items button { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 49px; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: 11px; background: var(--paper); color: var(--ink); text-align: left; cursor: pointer; font-size: 13px; }
.fresh-nav-dialog__items button:hover { background: var(--blueprint-light); }
@keyframes fresh-spin { to { transform: rotate(360deg); } }

@media (min-width: 981px) and (max-width: 1200px) {
  .fresh-ui .app-shell { grid-template-columns: 205px minmax(0, 1fr); }
  .fresh-ui .sidebar { padding-inline: 12px; }
  .fresh-ui .dashboard-main { padding: 34px 27px; }
  .fresh-ui .stat-card { padding: 20px; }
  .fresh-ui .stat-card__icon { width: 36px; height: 36px; }
  .fresh-ui .builder-layout { grid-template-columns: 185px minmax(0, 1fr) 230px; gap: 15px; }
  .fresh-ui .builder-header { gap: 10px; padding-inline: 16px; }
  .fresh-ui .builder-step { padding: 16px; }
}
@media (max-width: 980px) {
  .fresh-ui .app-shell { display: block; padding-bottom: calc(95px + env(safe-area-inset-bottom, 0px)); }
  .fresh-ui .sidebar { display: none; }
  .fresh-ui .dashboard-main { padding: 32px 26px; }
  .fresh-ui .mobile-tabbar:not([hidden]) { display: flex; }
  .fresh-ui .mobile-tabbar { left: 16px; right: 16px; bottom: 12px; width: auto; height: calc(67px + env(safe-area-inset-bottom, 0px)); border-radius: 18px; background: #172c29; border: 1px solid #2c413b; box-shadow: 0 8px 24px #172c2929; padding: 6px 7px calc(6px + env(safe-area-inset-bottom, 0px)); gap: 4px; }
  .fresh-ui .mobile-tabbar__brand { display: none; }
  .fresh-ui .mobile-tabbar .mobile-tab--admin { display: none; }
  .fresh-ui .mobile-tab { flex: 1 0 62px; min-width: 62px; border-radius: 11px; color: #bacabf; font-size: 9px; gap: 4px; }
  .fresh-ui .mobile-tab.mobile-tab--active { background: #d8eead; color: #253e2b; }
  .fresh-ui .mobile-tab svg { width: 21px; height: 21px; }
  .fresh-ui .builder-layout { grid-template-columns: minmax(0, 1fr); }
  .fresh-ui .builder-header { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "back title" "stepper stepper" "actions actions"; }
  .fresh-ui .builder-header .builder-brand-mark { display: none; }
  .fresh-ui #btn-back-dashboard { grid-area: back; }
  .fresh-ui .builder-title { grid-area: title; min-width: 0; width: 100%; }
  .fresh-ui .builder-title__input { min-width: 0; width: 100%; }
  .fresh-ui .builder-header .stepper { grid-area: stepper; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; min-width: 0; }
  .fresh-ui .stepper__step { min-width: 0; justify-content: center; }
  .fresh-ui .stepper__rule { display: none; }
  .fresh-ui .builder-header__actions { grid-area: actions; display: flex; justify-content: flex-end; width: 100%; }
  .fresh-ui .builder-layout .palette, .fresh-ui .builder-layout .inspector { position: static; }
  .fresh-ui .palette-grid { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
  .fresh-ui .builder-shell { padding-bottom: calc(95px + env(safe-area-inset-bottom, 0px)); }
  .fresh-ui .toast-container { bottom: calc(95px + env(safe-area-inset-bottom, 0px)); right: 16px; }
  .fresh-ui .login-aside { padding: 30px; }
  .fresh-ui .login-main { padding: 28px; }
  .fresh-ui .flow-orbit--two { width: 320px; }
}
@media (max-width: 700px) {
  .fresh-ui .login-grid { display: flex; flex-direction: column; padding: 12px; gap: 0; }
  .fresh-ui .login-aside { display: block; border-radius: 19px; padding: 22px 25px; min-height: 202px; }
  .fresh-ui .login-aside__body { margin: 30px 0 5px; padding: 0; }
  .fresh-ui .login-aside h1 { font-size: 36px; position: relative; z-index: 2; }
  .fresh-ui .login-aside__copy { display: none; }
  .fresh-ui .flow-art { position: absolute; width: 235px; height: 250px; right: -32px; top: 22px; margin: 0; transform: scale(.6); transform-origin: center; opacity: .85; z-index: -1; }
  .fresh-ui .login-main { padding: 38px 21px 27px; min-height: 0; }
  .fresh-ui .login-card { max-width: 420px; gap: 20px; }
  .fresh-ui .login-card h2 { font-size: 27px; }
  .fresh-ui .login-sub { margin-bottom: 10px; }
  .fresh-ui .dashboard-main { padding: 26px 18px; }
  .fresh-ui .dashboard-header { gap: 12px; margin-bottom: 25px; align-items: center; flex-wrap: wrap; }
  .fresh-ui .dashboard-header h1 { font-size: 29px; }
  .fresh-ui .dashboard-header .eyebrow { font-size: 9px; margin-bottom: 8px; }
  .fresh-ui #btn-new-form { min-height: 40px; padding: 10px 13px; font-size: 11px; width: auto; align-self: center; }
  .fresh-ui .dashboard-stats { gap: 9px; margin-bottom: 27px; }
  .fresh-ui .stat-card { display: flex; flex-direction: column; padding: 15px 12px; border-radius: 13px; gap: 7px; }
  .fresh-ui .stat-card__icon { align-self: flex-start; width: 29px; height: 29px; border-radius: 9px; margin-bottom: 5px; }
  .fresh-ui .stat-card__icon svg { width: 17px; height: 17px; }
  .fresh-ui .stat-card__value { font-size: 28px; }
  .fresh-ui .stat-card__label { font-size: 9px; line-height: 1.5; }
  .fresh-ui .forms-toolbar { align-items: stretch; flex-direction: column; gap: 16px; }
  .fresh-ui .forms-toolbar__left { flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
  .fresh-ui .forms-toolbar h2 { font-size: 17px; }
  .fresh-ui .forms-toolbar__actions { display: flex; flex-direction: row; justify-content: space-between; gap: 10px; }
  .fresh-ui .forms-toolbar__actions .search-wrap { flex: 1 1 145px; }
  .fresh-ui .forms-toolbar__actions .search-input { width: 100%; min-width: 0; }
  .fresh-ui .filter-chips { flex-shrink: 0; }
  .fresh-ui .filter-chip { padding-inline: 9px; font-size: 10px; }
  .fresh-ui .forms-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 16px; }
  .fresh-ui .form-card--new { min-height: 180px; }
  .fresh-ui .settings-card, .fresh-ui .submission-filters { padding: 19px; }
  .fresh-ui .settings-grid { grid-template-columns: minmax(0, 1fr); }
  .fresh-ui .settings-tabs { gap: 5px; }
  .fresh-ui .settings-tab { font-size: 11px; }
  .fresh-ui .builder-header { gap: 10px; padding: 14px; position: relative; }
  .fresh-ui .builder-title__input { font-size: 14px; }
  .fresh-ui .stepper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; min-width: 0; }
  .fresh-ui .stepper__step { padding: 7px 3px; gap: 5px; flex-direction: column; min-width: 0; justify-content: center; }
  .fresh-ui .stepper__label { display: inline; font-size: 9px; }
  .fresh-ui .stepper__num { width: 22px; height: 22px; font-size: 8px; }
  .fresh-ui .stepper__rule { display: none; }
  .fresh-ui .builder-step { padding: 14px; }
  .fresh-ui .canvas-wrap { padding: 18px; }
  .fresh-ui .builder-layout { gap: 16px; }
  .fresh-ui .ff-modal__body { padding: 20px; }
  .fresh-ui .mobile-tabbar { left: 10px; right: 10px; bottom: 8px; }
  .fresh-ui .mobile-tab { min-width: 0; flex: 1 1 0; }
}
@media (prefers-reduced-motion: reduce) {
  .fresh-ui *, .fresh-ui *::before, .fresh-ui *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

                                                
.fresh-ui.pf-body, .fresh-ui.public-body { background: #f2f5ef; overflow-x: visible; }
.fresh-ui .pf-progress-strip { background: #172c29; border: 0; box-shadow: none; color: #e4eedf; }
.fresh-ui .pf-strip-top { max-width: 900px; padding: 14px 24px; }
.fresh-ui .pf-strip-label { color: #d1decf; font: 500 12px var(--font-display); text-transform: none; letter-spacing: 0; }
.fresh-ui .pf-strip-pct { font: 500 11px var(--font-display); background: #ffffff0d; border: 0; border-radius: 7px; color: #d8eead; box-shadow: none; padding: 6px 9px; }
.fresh-ui .pf-strip-track { height: 3px; background: #ffffff15; border-radius: 0; }
.fresh-ui .pf-strip-fill { background: #d8eead; border-radius: 0; }
.fresh-ui .pf-page { max-width: 900px; padding: 40px 24px 72px; }
.fresh-ui .pf-form-shell { width: 100%; padding: 0; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 12px 40px #172c2906; background: #fff; gap: 0; overflow: visible; }
.fresh-ui .pf-form-shell::before { content: none; }
.fresh-ui .pf-header-card { text-align: left; background: #eaf0e1; padding: 34px 40px; border: 0; border-bottom: 1px solid #dde7d2; border-radius: 21px 21px 0 0; box-shadow: none; max-width: none; margin: 0; }
.fresh-ui .pf-brand-logo { margin: 0 0 18px; width: 48px; height: 48px; background: #d7e7c5; border: 1px solid #cfdebd; border-radius: 13px; color: #355638; box-shadow: none; }
.fresh-ui .pf-brand-logo.has-image { background: #fff; width: 100px; }
.fresh-ui .pf-badge { display: block; padding: 0; background: none; border: 0; font: 500 11px var(--font-display); color: #647a5e; letter-spacing: .07em; text-transform: uppercase; margin: 0 0 12px; }
.fresh-ui .pf-main-title { font-size: clamp(26px, 3.3vw, 38px); font-weight: 600; line-height: 1.18; letter-spacing: -.045em; color: var(--ink); margin: 0 0 12px; }
.fresh-ui .pf-main-desc { color: #66765f; font-size: 13px; line-height: 1.7; max-width: 62ch; margin: 0; }
.fresh-ui .pf-meta-row { justify-content: flex-start; gap: 8px; margin-top: 20px; }
.fresh-ui .pf-pill { background: #ffffff80; border: 1px solid #dce6d2; border-radius: 7px; color: #50684a; font-size: 10px; padding: 6px 9px; box-shadow: none; }
.fresh-ui .pf-pill .fresh-icon { width: 14px; height: 14px; }
.fresh-ui .pf-form { padding: 34px 40px 40px; gap: 24px; }
.fresh-ui .pf-section { margin-top: 8px; }
.fresh-ui .pf-section__title { font-size: 18px; letter-spacing: -.025em; }
.fresh-ui .pf-section__bar { background: #98b17c; }
.fresh-ui .pf-form .pv-label { font-size: 12px; font-weight: 600; color: var(--ink); margin-bottom: 9px; }
.fresh-ui .pf-form .pv-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.fresh-ui .pf-form .pv-field textarea, .fresh-ui .pf-form .pv-field select { min-width: 0; min-height: 46px; background-color: #fafcf8; border: 1px solid var(--line); border-radius: 10px; box-shadow: none; color: var(--ink); font-size: 14px; }
.fresh-ui .pf-form .pv-field input:focus, .fresh-ui .pf-form .pv-field textarea:focus { border-color: #7fa16c; box-shadow: 0 0 0 3px #eaf2e3; }
.fresh-ui .pf-option-card { background: #fafcf8; border: 1px solid var(--line); border-radius: 10px; padding: 13px; font-size: 12px; }
.fresh-ui .pf-option-card:has(input:checked) { background: #eaf3e3; border-color: #88aa72; box-shadow: none; }
.fresh-ui .pf-upload-zone { background: #f7faf3; border: 1px dashed #aec59e; border-radius: 12px; box-shadow: none; padding: 25px 18px; }
.fresh-ui .pf-upload-icon { color: #6b875a; }
.fresh-ui .pf-sig-wrap .sig-canvas { border: 1px dashed #aec59e; background: #fafcf8; border-radius: 11px; }
.fresh-ui .pf-submit-btn { background: var(--ink); color: #fff; border-radius: 11px; min-height: 49px; font-size: 13px; box-shadow: none; padding: 15px 22px; }
.fresh-ui .pf-submit-btn::before { content: none; }
.fresh-ui .pf-submit-btn:hover { background: var(--blueprint); box-shadow: none; transform: none; }
.fresh-ui .pf-success, .fresh-ui .pf-error, .fresh-ui .public-error { background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow-md); padding: 36px; max-width: 650px; margin: 0 auto; overflow-wrap: anywhere; }
.fresh-ui .pf-success__icon { display: grid; place-items: center; border-radius: 18px; background: #e3efce; color: #4b7140; box-shadow: none; width: 60px; height: 60px; }
.fresh-ui .pf-success__icon .fresh-icon { width: 30px; height: 30px; }
.fresh-ui .pf-tracking-box { border: 1px solid var(--line); border-radius: 13px; background: #f4f8ee; padding: 23px; }
.fresh-ui .pf-tracking-box code { overflow-wrap: anywhere; font-size: 19px; color: var(--ink); }
.fresh-ui .pf-track-btn { background: var(--ink); border-radius: 9px; font-size: 12px; }
.fresh-ui .private-gate { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 32px 20px; }
.fresh-ui .private-gate__icon .fresh-icon { width: 36px; height: 36px; color: var(--blueprint); }
.fresh-ui .public-app { width: 100%; max-width: 850px; padding: 44px 24px 72px; }
.fresh-ui .track-header { display: flex; align-items: center; flex-wrap: wrap; gap: 17px; padding: 27px; background: #e7eedc; border: 1px solid #dce6d1; border-radius: 18px; margin-bottom: 24px; }
.fresh-ui .track-header .pf-brand-logo { margin: 0; }
.fresh-ui .track-header__copy { flex: 1; min-width: 0; }
.fresh-ui .track-header h1 { font-size: 23px; line-height: 1.3; margin: 5px 0 10px; }
.fresh-ui .track-workspace { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #667a5d; }
.fresh-ui .track-reference { font: 10px var(--font-mono); color: #66745e; overflow-wrap: anywhere; }
.fresh-ui .track-status { color: var(--status-color); background: #ffffffc2; border-radius: 8px; padding: 6px 10px; font-size: 11px; font-weight: 600; text-transform: capitalize; }

                                                                             
.fresh-ui .my-submissions-table { table-layout: fixed; }
.fresh-ui .my-submissions-table th, .fresh-ui .my-submissions-table td { overflow-wrap: anywhere; vertical-align: middle; }
.fresh-ui .my-submissions-table th:first-child { width: 28%; }
.fresh-ui .my-submissions-table th:last-child { width: 85px; }
.fresh-ui .submission-form-name { font-size: 12px; line-height: 1.5; color: var(--ink); }
.fresh-ui .submission-id { color: #78867b; font-size: 10px; line-height: 1.5; margin-top: 5px; }
.fresh-ui .submission-status { font-size: 10px; font-weight: 600; padding: 5px 9px; border-radius: 7px; white-space: normal; }
.fresh-ui .submission-status--in_review, .fresh-ui .submission-status--pending { background: #eef2df; color: #67753c; }
.fresh-ui .submission-status--approved { background: #e6f2e8; color: #34734b; }
.fresh-ui .submission-status--rejected { background: #faeae7; color: #a6473b; }
.fresh-ui .submission-action-cell .btn { min-height: 40px; }
.fresh-ui .pending-assignment { font-size: 10px; border-radius: 7px; }
.fresh-ui .dept-card, .fresh-ui .report-stat, .fresh-ui .pending-detail, .fresh-ui .publish-result { background: #fff; border-color: var(--line); border-radius: 16px; box-shadow: none; }
.fresh-ui .dept-card::before { content: none; }
.fresh-ui .dept-card__icon { background: #e8f0dd; color: #637f4b; border-radius: 12px; }
.fresh-ui .scope-banner { background: #eaf1e2; border-color: var(--line); border-radius: 13px; }
.fresh-ui .scope-btn--active { background: var(--ink); color: #fff; box-shadow: none; }

                                                                
.fresh-ui .submission-view-modal { width: min(940px, calc(100vw - 48px)); max-width: 940px; max-height: none; height: min(90dvh, 940px); padding: 0; overflow: hidden; margin: auto; }
.fresh-ui .submission-view-modal[open] { display: flex; }
.fresh-ui .submission-view-modal__body { display: flex; flex-direction: column; padding: 0; width: 100%; min-width: 0; min-height: 0; overflow: hidden; }
.fresh-ui .submission-view-modal__header { flex: 0 0 auto; padding: 23px 27px; background: #f5f8f0; border-color: var(--line); align-items: flex-start; }
.fresh-ui .submission-view-modal__header > div { min-width: 0; }
.fresh-ui .submission-view-modal__header h3 { font-size: 21px; line-height: 1.35; letter-spacing: -.035em; overflow-wrap: anywhere; }
.fresh-ui .submission-view-modal__header .panel-sub { margin-bottom: 0; overflow-wrap: anywhere; }
.fresh-ui .submission-modal-close { width: 42px; height: 42px; flex-basis: 42px; border-radius: 12px; background: #fff; }
.fresh-ui .submission-view-content { flex: 1; min-height: 0; min-width: 0; padding: 25px 27px 32px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; overflow-wrap: anywhere; }
.fresh-ui .submission-modal-summary { gap: 12px; font-size: 11px; }
.fresh-ui .submission-readonly-field, .fresh-ui .readonly-form-field { background: #f7f9f4; border: 1px solid var(--line-soft); border-radius: 11px; padding: 16px; overflow-wrap: anywhere; }
.fresh-ui .submission-readonly-field dt, .fresh-ui .readonly-form-label { font-size: 10px; color: #71806a; font-weight: 500; }
.fresh-ui .submission-readonly-field dd { margin: 7px 0 0; font-size: 13px; line-height: 1.6; }
.fresh-ui .submission-readonly-field--wide { grid-column: 1 / -1; }
.fresh-ui .submission-data-table { width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; white-space: normal; }
.fresh-ui .submission-data-table table { min-width: 480px; --border: var(--line); --dim: #edf3e5; }
body.fresh-ui:has(dialog[open]) { overflow: hidden; }
.fresh-ui .toast-container { pointer-events: none; max-width: calc(100vw - 32px); }
.fresh-ui dialog .toast-container { position: absolute; bottom: 18px; right: 18px; max-width: calc(100% - 36px); z-index: 10; }
.fresh-ui .toast { max-width: 100%; transition: opacity .3s ease, transform .3s ease; }
.fresh-ui .submission-readonly-field img, .fresh-ui .readonly-form-value img { max-width: 100%; object-fit: contain; }
.fresh-ui .readonly-public-form { padding: 20px; border-radius: 14px; }
.fresh-ui .readonly-form-value { font-size: 13px; line-height: 1.6; }
.fresh-ui .submission-section-spacer { height: 24px; }
.fresh-ui .submission-view-content .pending-detail__header h2 { display: none; }
.fresh-ui .pending-detail__header { gap: 12px; }
.fresh-ui .decide-form { border: 1px solid #ccddbc; border-radius: 15px; background: #f3f8eb; padding: 22px; margin-top: 24px; }
.fresh-ui .decide-form__btns { display: flex; gap: 10px; flex-wrap: wrap; }
.fresh-ui .decide-form__btns .btn { min-height: 46px; }
.fresh-ui .approve-sig-section { min-width: 0; }
.fresh-ui .approve-sig-canvas { width: 100%; max-width: 400px; }

                                                                         
.fresh-ui .milestone-wrap { border: 1px solid var(--line); border-radius: 16px; padding: 23px; background: #fff; margin: 0 0 24px; }
.fresh-ui .milestone-header { align-items: center; gap: 10px; flex-wrap: wrap; padding: 0 0 17px; margin-bottom: 12px; }
.fresh-ui .milestone-title { font-size: 17px; letter-spacing: -.03em; }
.fresh-ui .milestone-counter { font: 500 10px var(--font-display); color: #64745a; border-radius: 7px; background: #eff4e8; padding: 6px 9px; white-space: normal; }
.fresh-ui .ms-row__left { width: 30px; padding-top: 22px; }
.fresh-ui .ms-indicator { width: 26px; height: 26px; border-radius: 9px; box-shadow: none; font-size: 11px; }
.fresh-ui .ms-indicator .fresh-icon { width: 14px; height: 14px; }
.fresh-ui .ms-indicator--current { background: #d8eead; color: #395432; border: 1px solid #b9d791; animation: none; }
.fresh-ui .ms-indicator--done { background: #39714c; }
.fresh-ui .ms-indicator--pending { background: #f0f3eb; color: #94a08c; border: 1px solid #e0e6d8; }
.fresh-ui .ms-connector { width: 1px; background: #dce4d3; margin: 5px 0; min-height: 18px; }
.fresh-ui .ms-card { margin: 7px 0 7px 12px; border: 1px solid var(--line-soft); border-radius: 12px; background: #fafcf7; }
.fresh-ui .ms-row--current .ms-card { border-color: #bfd79f; background: #f4f8ee; }
.fresh-ui .ms-row--rejected .ms-card { border-color: #eac4bd; background: #fffbfa; }
.fresh-ui .ms-card__tier { padding: 12px 15px 0; flex-wrap: wrap; gap: 6px 10px; border: 0; background: none; }
.fresh-ui .ms-tier-label { font: 500 9px var(--font-mono); color: #85917c; }
.fresh-ui .ms-dept-badge { font: 500 9px var(--font-display); letter-spacing: 0; text-transform: none; border: 0; background: #eaf0e1; color: #667858; overflow-wrap: anywhere; max-width: 100%; }
.fresh-ui .ms-status { font: 600 9px var(--font-display); letter-spacing: .025em; }
.fresh-ui .ms-card__body { padding: 13px 15px 16px; }
.fresh-ui .ms-avatar { width: 33px; height: 33px; border-radius: 11px; font-size: 10px; background: #dbe9c8; color: #536b40; }
.fresh-ui .ms-row--done .ms-avatar { background: #e2eee2; color: #4f7654; }
.fresh-ui .ms-row--rejected .ms-avatar { background: #fae8e3; color: #a75548; }
.fresh-ui .ms-approver > div:last-child { min-width: 0; }
.fresh-ui .ms-approver__name { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.fresh-ui .ms-approver__role, .fresh-ui .ms-approver__email { font: 400 10px var(--font-display); margin-top: 3px; overflow-wrap: anywhere; }
.fresh-ui .ms-quote { background: #eaf0e3; color: #526446; padding: 10px 12px; border-radius: 8px; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.fresh-ui .ms-quote .fresh-icon { width: 14px; height: 14px; }
.fresh-ui .ms-timestamp { font: 400 9px var(--font-display); color: #7e8c74; line-height: 1.5; align-items: flex-start; }
.fresh-ui .ms-timestamp .fresh-icon { width: 12px; height: 12px; }
.fresh-ui .approval-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); gap: 12px; }
.fresh-ui .approval-card { background: #f7f9f3; border: 1px solid var(--line); border-radius: 11px; padding: 14px; }
.fresh-ui .approval-card__name { font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
.fresh-ui .approval-card__context { font-size: 10px; white-space: normal; overflow-wrap: anywhere; }

                                                                    
.fresh-ui.email-page, .fresh-ui.export-page { background: #f2f5ef; color: var(--ink); }
.fresh-ui.email-page .card { border: 1px solid var(--line); border-radius: 21px; box-shadow: var(--shadow-md); padding: 32px; }
.fresh-ui.email-page h1 { color: var(--ink); font-size: 25px; }
.fresh-ui.email-page .icon { border-radius: 17px; }
.fresh-ui.email-page .btn-primary, .fresh-ui.export-page #btn-print { background: var(--ink); color: #fff; box-shadow: none; }
.fresh-ui.email-page .meta { background: #f3f7ed; color: var(--ink-soft); }
.fresh-ui.email-page textarea { border-color: var(--line); }
.fresh-ui.export-page .pdf-icon { background: #dfeacb; border-radius: 20px; box-shadow: none; color: #536e41; }
.fresh-ui.export-page .pdf-icon .fresh-icon { width: 34px; height: 34px; }
.fresh-ui.export-page #ui-title { color: var(--ink); font-size: 24px; }
.fresh-ui.export-page .ring { border-color: #dce6d4; border-top-color: var(--blueprint); }

@media (max-width: 1100px) {
  .fresh-ui .my-submissions-table-wrap { border: 0; background: none; overflow: visible; }
  .fresh-ui .my-submissions-table, .fresh-ui .my-submissions-table tbody { display: block; width: 100%; min-width: 0; }
  .fresh-ui .my-submissions-table thead { display: none; }
  .fresh-ui .my-submissions-table tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  .fresh-ui .my-submissions-table tr { display: flex; flex-direction: column; min-width: 0; width: 100%; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
  .fresh-ui .my-submissions-table td { display: grid; grid-template-columns: minmax(72px, 29%) minmax(0, 1fr); gap: 5px 10px; width: 100%; min-width: 0; padding: 12px 0; border: 0; border-top: 1px solid var(--line-soft); font-size: 11px; }
  .fresh-ui .my-submissions-table td::before { content: attr(data-label); grid-column: 1; grid-row: 1 / span 3; color: #839079; font: 500 9px var(--font-display); letter-spacing: 0; text-transform: none; }
  .fresh-ui .my-submissions-table td > * { grid-column: 2; min-width: 0; justify-self: start; }
  .fresh-ui .my-submissions-table td:first-child { display: block; border: 0; padding-top: 0; padding-bottom: 16px; }
  .fresh-ui .my-submissions-table td:first-child::before, .fresh-ui .my-submissions-table .submission-action-cell::before, .fresh-ui .my-submissions-table td[colspan]::before { content: none; }
  .fresh-ui .my-submissions-table .submission-form-name { font-size: 14px; }
  .fresh-ui .my-submissions-table .submission-action-cell { display: block; padding-bottom: 0; margin-top: auto; }
  .fresh-ui .submission-action-cell .btn { width: 100%; }
  .fresh-ui .my-submissions-table td[colspan] { display: block; border: 0; }
  .fresh-ui .my-submissions-table tr:has(td[colspan]) { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .fresh-ui .pf-page { padding: 20px 12px 40px; }
  .fresh-ui .pf-strip-top { padding-inline: 17px; }
  .fresh-ui .pf-header-card { padding: 25px 22px; }
  .fresh-ui .pf-form { padding: 26px 22px; }
  .fresh-ui .pf-form .pv-field input:not([type="checkbox"]):not([type="radio"]), .fresh-ui .pf-form .pv-field textarea, .fresh-ui .pf-form .pv-field select { font-size: 16px; }
  .fresh-ui .pf-main-title { font-size: 27px; }
  .fresh-ui .pf-success, .fresh-ui .pf-error, .fresh-ui .public-error { padding: 26px 20px; }
  .fresh-ui .public-app { padding: 20px 14px 40px; }
  .fresh-ui .track-header { padding: 22px; gap: 13px; }
  .fresh-ui .track-header h1 { font-size: 22px; }
  .fresh-ui .track-header .pf-brand-logo { display: none; }
  .fresh-ui .track-status { flex-basis: auto; }
  .fresh-ui .my-submissions-table tbody { grid-template-columns: minmax(0, 1fr); }
  .fresh-ui .submission-view-modal { width: 100%; max-width: 100%; height: calc(100dvh - 12px); margin: auto 0 0; border-radius: 22px 22px 0 0; border-bottom: 0; }
  .fresh-ui .submission-view-modal__header { padding: 19px 17px; }
  .fresh-ui .submission-view-modal__header h3 { font-size: 18px; }
  .fresh-ui .submission-view-content { padding: 19px 17px calc(24px + env(safe-area-inset-bottom, 0px)); }
  .fresh-ui .submission-readonly-grid { grid-template-columns: minmax(0, 1fr); }
  .fresh-ui .readonly-public-form { padding: 13px; }
  .fresh-ui .readonly-form-row { flex-direction: column; }
  .fresh-ui .readonly-form-field { min-width: 0; width: 100%; }
  .fresh-ui .submission-modal-export-btn { margin-left: 0; }
  .fresh-ui .milestone-wrap { padding: 17px 13px; }
  .fresh-ui .milestone-header { align-items: flex-start; flex-direction: column; }
  .fresh-ui .milestone-title { font-size: 16px; }
  .fresh-ui .ms-row__left { width: 25px; }
  .fresh-ui .ms-card { margin-left: 8px; }
  .fresh-ui .ms-card__tier { padding: 11px 12px 0; }
  .fresh-ui .ms-card__body { padding: 12px; }
  .fresh-ui .ms-status { margin-left: 0; }
  .fresh-ui .decide-form { padding: 17px; }
  .fresh-ui .decide-form textarea { font-size: 16px; }
  .fresh-ui .decide-form__btns .btn { flex: 1 1 auto; }
  .fresh-ui.email-page .card { padding: 26px 22px; }
}