@font-face { font-family:'DreamBunkerLocal'; src:url('/assets/fonts/NanumGothic-Regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }

body.native-page {
  --native-ink: #293832; --native-muted: #647168; --native-pine: #365b4d;
  --native-deep: #29483d; --native-line: #d9ded6; --native-paper: #f2f0e8;
  --native-surface: #fffefa; --native-wash: #edf1e9; --native-clay: #9a463d;
  min-height: 100dvh;
  background:radial-gradient(ellipse at 82% 0,rgba(216,221,207,.32),transparent 35rem),var(--native-paper);
  color: var(--native-ink);
  font-family: 'DreamBunkerLocal','Noto Sans KR',sans-serif;
}
.native-page *, .native-page *::before, .native-page *::after { box-sizing: border-box; }
.native-topbar { min-height: 62px; padding: 0 max(22px,calc((100vw - 1240px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--native-line); background:rgba(255,254,250,.88); }
.native-topbar a { color:var(--native-muted); font-size:12px; text-decoration:none; }
.native-topbar nav { display:flex; flex-wrap:wrap; gap:22px; }
.native-topbar nav a.current,.native-topbar a:hover { color:var(--native-deep); }
.native-topbar nav a.current { font-weight:700; }
.native-topbar .native-brand { color:var(--native-ink); font:700 16px 'Noto Serif KR',serif; white-space:nowrap; }
.native-brand span { padding-left:8px; color:#849087; font:500 10px 'Noto Sans KR',sans-serif; }
.native-shell { width:min(calc(100% - 48px),1240px); margin:0 auto; padding:0 0 70px; }
.native-heading { min-height:145px; padding:34px 0 24px; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; border-bottom:1px solid var(--native-line); }
.native-heading h1 { margin:5px 0 5px; font:500 clamp(30px,4vw,40px)/1.25 'Noto Serif KR','DreamBunkerLocal',serif; letter-spacing:-.055em; }
.native-heading p:not(.native-kicker) { margin:4px 0 0; color:var(--native-muted); font-size:12px; }
.native-kicker { margin:0; color:var(--native-pine); font-size:9px; font-weight:700; letter-spacing:.12em; }
.db-button { min-height:39px; padding:8px 13px; border:1px solid #bdc9bf; border-radius:5px; background:var(--native-surface); color:var(--native-ink); font:600 11px 'DreamBunkerLocal','Noto Sans KR',sans-serif; cursor:pointer; transition:transform .16s ease,background-color .16s ease; }
.db-button:hover:not(:disabled) { transform:translateY(-1px); background:#f4f6ef; }
.db-button.primary { border-color:var(--native-pine); background:var(--native-pine); color:var(--native-surface); }
.db-button.primary:hover:not(:disabled) { background:var(--native-deep); }
.db-button.compact { min-height:32px; padding:6px 10px; }
.db-button:disabled { opacity:.55; cursor:not-allowed; }
.quiet-button { border:0; background:transparent; color:var(--native-muted); cursor:pointer; font:600 11px 'DreamBunkerLocal','Noto Sans KR',sans-serif; }
.native-notice,.native-status { margin:14px 0; padding:12px 15px; border:1px solid #d2dbd0; border-radius:5px; background:var(--native-wash); color:var(--native-deep); font-size:11px; }
.native-status:empty { display:none; }
.native-status.error { border-color:#e2c9c2; background:#fbf1ed; color:#803d34; }
.native-panel { margin:16px 0; padding:22px 24px; border:1px solid var(--native-line); background:var(--native-surface); box-shadow:0 4px 15px rgba(42,60,49,.025); }
.panel-title { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:17px; }
.panel-title h2,.native-panel h2 { margin:4px 0 0; color:var(--native-ink); font:600 21px/1.4 'Noto Serif KR','DreamBunkerLocal',serif; letter-spacing:-.035em; }
.native-panel h3 { margin:16px 0 8px; color:var(--native-deep); font:600 14px 'Noto Serif KR','DreamBunkerLocal',serif; }
.subtle { color:var(--native-muted); font-size:11px; }
.search-label,.directory-tools label { color:var(--native-muted); font-size:10px; }
.search-label input,.directory-tools input,.directory-tools select,.native-page input:not([type=checkbox]):not([type=radio]),.native-page textarea,.native-page select { display:block; width:100%; min-height:40px; margin-top:5px; padding:8px 10px; border:1px solid #cbd2c8; border-radius:4px; background:#fffefa; color:var(--native-ink); font:12px 'DreamBunkerLocal','Noto Sans KR',sans-serif; }
.native-page textarea { min-height:90px; resize:vertical; line-height:1.7; }
.native-page input:focus,.native-page select:focus,.native-page textarea:focus { border-color:#799281; outline:3px solid rgba(54,91,77,.13); outline-offset:1px; }
.native-page :is(button,a,input,textarea,select):focus-visible { outline:3px solid rgba(54,91,77,.3); outline-offset:2px; }
.table-wrap { width:100%; overflow-x:auto; }
.native-table { width:100%; border-collapse:collapse; font-size:11px; }
.native-table th { padding:10px 9px; background:#f3f4ee; color:#66736a; text-align:left; font-size:9px; letter-spacing:.04em; white-space:nowrap; }
.native-table td { padding:12px 9px; border-bottom:1px solid #e8eae4; vertical-align:middle; }
.native-table td:first-child strong { display:block; color:var(--native-ink); font:600 13px 'Noto Serif KR','DreamBunkerLocal',serif; }
.native-table td small { display:block; color:var(--native-muted); }
.row-actions { display:flex; justify-content:flex-end; gap:5px; white-space:nowrap; }
.text-action { border:0; background:none; color:var(--native-pine); font:600 10px 'DreamBunkerLocal','Noto Sans KR',sans-serif; text-decoration:underline; cursor:pointer; }
.status-pill { display:inline-flex; padding:4px 8px; border-radius:4px; background:#eef1ea; color:#40564a; font-size:9px; font-weight:700; white-space:nowrap; }
.status-pill.pending { background:#f6eedc; color:#69542f; }.status-pill.completed { background:#e3efe4; color:#315c45; }.status-pill.cancelled,.status-pill.failed { background:#f5e9e5; color:#873b34; }
.empty-state { margin:16px 0 0; padding:28px 18px; border:1px dashed #cbd2c8; background:#fafaf5; text-align:center; }
.empty-state h3 { margin:8px 0 3px; font:600 17px 'Noto Serif KR','DreamBunkerLocal',serif; }
.empty-state p { color:var(--native-muted); font-size:11px; }
.empty-mark { display:inline-grid; width:31px; height:31px; place-items:center; border-radius:50%; background:#e9f0e9; color:var(--native-pine); font:600 11px 'DM Sans',sans-serif; }
.native-panel[hidden],.native-page [hidden] { display:none!important; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; }
.form-grid label,.native-page form > label { display:block; color:#48594f; font-size:10px; font-weight:650; }
.form-grid .wide { grid-column:1/-1; }
.form-grid small { display:block; margin-top:5px; color:#8a6942; font-weight:400; line-height:1.6; }
.kind-field { display:flex; gap:20px; border:0; border-top:1px solid var(--native-line); padding:12px 0 2px; }
.kind-field legend { padding-right:12px; color:var(--native-muted); font-size:10px; }
.kind-field label { display:flex; align-items:center; gap:6px; }
.native-page input[type=radio],.native-page input[type=checkbox] { accent-color:var(--native-pine); }
.terms-box { margin:14px 0; padding:15px; border-left:2px solid #78907d; background:#f5f6ef; }
.terms-box h3 { margin:0 0 10px; }.terms-box p { color:var(--native-muted); font-size:11px; }
.full-label { display:block; margin:16px 0; color:#48594f; font-size:10px; font-weight:650; }
.full-label > span { margin-left:7px; color:#8a6942; font-weight:400; }
.full-label textarea { margin-top:7px; font-size:12px; }
.participants { margin-top:23px; padding-top:14px; border-top:1px solid var(--native-line); }
.subhead { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.subhead h3 { margin:0; }.subhead p { margin:4px 0 12px; color:var(--native-muted); font-size:10px; }
.author-entry { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:10px; padding:11px 0; border-top:1px solid #e7e9e2; }
.author-entry label { color:#48594f; font-size:10px; }.author-entry input { margin-top:4px; }
.editor-actions { display:flex; gap:8px; margin-top:18px; }
.detail-panel { border-top:3px solid var(--native-pine); }
.review-document { margin:16px 0 20px; padding:13px; border:1px solid #e2e6dc; background:#fafaf5; }
.review-document summary { color:var(--native-deep); font:600 13px 'Noto Serif KR','DreamBunkerLocal',serif; cursor:pointer; }
.review-document .sign-terms { grid-template-columns:repeat(3,minmax(0,1fr)); }
.review-document pre { max-height:420px; overflow:auto; margin:7px 0 15px; padding:13px; border:1px solid #e4e6df; background:#fffefa; color:#38473e; white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.8 'DreamBunkerLocal','Noto Sans KR',sans-serif; }
.author-role { display:block; margin:2px 0; color:var(--native-pine); font-size:9px; font-weight:600; }
.detail-meta { display:flex; flex-wrap:wrap; gap:14px; color:var(--native-muted); font-size:10px; }
.detail-columns { display:grid; grid-template-columns:1.1fr .9fr; gap:22px; margin-top:18px; }
.detail-columns section { min-width:0; }.detail-actions { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0; }
.party-list,.mail-list { padding:0; list-style:none; }.party-list li,.mail-list li { padding:9px 0; border-bottom:1px solid #e9ebe5; font-size:11px; }
.party-list small,.mail-list small { display:block; color:var(--native-muted); }
.mail-line { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.warning-box { padding:10px 12px; border:1px solid #e4d7b9; background:#faf6e9; color:#67583b; font-size:10px; }
.sign-shell { width:min(calc(100% - 36px),920px); margin:0 auto; padding-bottom:64px; }
.signer-heading { min-height:130px; }.secure-stamp,.document-lock { padding:6px 9px; border:1px solid #c9d5c9; color:var(--native-pine); font-size:9px; white-space:nowrap; }
.sign-summary { background:#f9faf5; }.sign-summary .panel-title { align-items:flex-start; }.sign-subtitle { color:var(--native-muted); font-size:12px; }
.sign-terms { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 0; }
.sign-terms div { padding:10px; background:#f0f2eb; }.sign-terms dt { color:var(--native-muted); font-size:9px; }.sign-terms dd { margin:4px 0 0; font-size:11px; font-weight:600; }
.structured-terms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 16px; margin-top:14px; padding-top:12px; border-top:1px solid var(--native-line); }
.structured-terms p { margin:0; color:var(--native-muted); font-size:10px; line-height:1.7; }.structured-terms strong { color:var(--native-deep); }
.legal-document pre { max-height:58vh; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; border:1px solid #e4e6df; background:#fafaf5; color:#38473e; font:12px/1.9 'DreamBunkerLocal','Noto Sans KR',sans-serif; }
.legal-document h3 { margin-top:20px; }.legal-document ol { padding-left:22px; font-size:11px; }.legal-document li { margin:5px 0; }
.workflow-head { display:flex; align-items:flex-start; gap:12px; margin:17px 0 12px; }.workflow-head > span { color:#78907d; font:600 19px 'DM Sans',sans-serif; }.workflow-head h2 { margin:0; font-size:17px; }.workflow-head p { margin:3px 0; color:var(--native-muted); font-size:10px; }
.inline-form { display:flex; align-items:flex-end; gap:8px; }.inline-form label { min-width:170px; flex:1; color:#48594f; font-size:10px; }
.signer-workflow form > label { margin:12px 0; }.signature-label { display:flex; justify-content:space-between; align-items:center; margin:14px 0 6px; color:#48594f; font-size:10px; font-weight:650; }
#signatureCanvas,#publisherCanvas { display:block; width:100%; height:160px; border:1px solid #bdc9bf; background:#fffefa; touch-action:none; cursor:crosshair; }
.check-line { display:flex!important; align-items:flex-start; gap:8px; line-height:1.6; }
.legal-warning { padding:10px; background:#f4f4ee; color:#717d73; font-size:9px; line-height:1.65; }
.sign-submit { width:100%; min-height:46px; margin-top:8px; }
.outcome-card { margin-top:16px; padding:16px; border:1px solid #c9d9cb; background:#edf4eb; color:var(--native-deep); font-size:12px; }
.outcome-card h3 { margin-top:0; }.outcome-card .db-button { margin:8px 6px 0 0; }
.author-annex-terms { margin-top:18px; padding:13px 15px; border-left:3px solid var(--native-pine); background:#edf1e9; }
.author-annex-terms h3 { margin:0 0 6px; }.author-annex-terms p { margin:0; color:#53645a; font-size:11px; line-height:1.8; }
.author-details-area { margin:18px 0 8px; padding:16px; border:1px solid #d9ded6; background:#fbfbf7; }
.details-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; }
.details-grid label { display:block; color:#48594f; font-size:10px; font-weight:650; }
.details-grid .wide { grid-column:1/-1; }
.details-grid small { display:block; margin-top:5px; color:#806941; font-size:9px; font-weight:400; line-height:1.6; }
.details-grid input:disabled { background:#eceee8!important; color:#7a817b!important; cursor:not-allowed; }
.privacy-consent { margin:16px 0; color:#48594f; font-size:10px; }
.annex-review { margin-top:16px; padding:15px; border:1px solid #ccd8ca; background:#f2f5ee; }
.annex-review h3 { margin:0 0 10px; }
.saved-details-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 14px; margin:0; }
.saved-details-list > div { min-width:0; padding:8px; background:#fffefa; overflow-wrap:anywhere; }
.saved-details-list dt { color:var(--native-muted); font-size:9px; }
.saved-details-list dd { margin:3px 0 0; color:var(--native-ink); font-size:11px; font-weight:600; }
.annex-confirm-line { margin-top:12px; color:var(--native-deep); font-size:10px; }
.author-annex-terms[hidden],.author-details-area[hidden],.annex-review[hidden] { display:none!important; }
.missing-token { margin-top:32px; padding:32px; text-align:center; }.missing-token p { color:var(--native-muted); font-size:12px; }
.directory-tools { display:grid; grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) auto; align-items:end; gap:12px; padding:0 0 16px; }
.directory-tools p { margin:0 0 11px; }
.directory-selection { display:flex; align-items:center; justify-content:flex-end; gap:11px; }.directory-selection p { margin:0; white-space:nowrap; }
.author-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.author-card { padding:15px; border:1px solid #e1e5dc; background:#fbfbf7; }.author-card-head { display:flex; justify-content:space-between; gap:10px; }.author-card h3 { margin:0; font:600 16px 'Noto Serif KR',serif; }.author-card p { margin:5px 0; color:var(--native-muted); font-size:10px; }.author-books { display:flex; flex-wrap:wrap; gap:5px; margin:11px 0; }.book-chip { padding:4px 7px; background:#edf1e9; color:#465c4e; font-size:9px; }
.profile-summary { padding:12px; background:#f4f5ef; font-size:11px; }.purpose-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:15px; }
.purpose-card { padding:14px; border:1px solid #e1e5dc; }.purpose-card h3 { margin:0; }.purpose-card form { display:grid; gap:9px; }.purpose-card .masked-note { color:#806941; font-size:9px; }.purpose-card .actions { display:flex; flex-wrap:wrap; gap:6px; }
.reveal-form { padding:10px; background:#f6f6f0; }.reveal-result { margin-top:8px; padding:10px; background:#edf1e9; font-size:10px; overflow-wrap:anywhere; }
.security-panel h3 { margin-top:24px; }.policy-form { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:12px; }.policy-note { color:#806941; font-size:10px; }.grant-select { min-width:180px; min-height:36px; }.audit-list { display:grid; gap:5px; }.audit-entry { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:9px; background:#f5f6f0; color:#58675f; font-size:9px; }
.export-form { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:12px; }.export-form button { grid-column:1/-1; justify-self:start; }
.native-dialog { width:min(480px,calc(100% - 28px)); padding:24px; border:1px solid var(--native-line); background:var(--native-surface); color:var(--native-ink); }.native-dialog::backdrop { background:rgba(36,48,41,.45); }.native-dialog form { display:grid; gap:12px; }.native-dialog h2 { margin:0; font:600 20px 'Noto Serif KR',serif; }
@media(max-width:760px) {
  .native-shell { width:calc(100% - 28px); }.native-topbar { padding:0 14px; min-height:56px; }.native-topbar nav { gap:10px; }.native-topbar nav a { font-size:10px; }
  .native-heading { min-height:0; padding:24px 0 18px; align-items:flex-start; flex-direction:column; }.native-heading .db-button { width:100%; }
  .native-panel { padding:16px; }.panel-title { align-items:flex-start; }.search-label { width:42%; }
   .form-grid,.detail-columns,.purpose-grid,.author-list,.structured-terms,.details-grid,.saved-details-list { grid-template-columns:1fr; }.author-entry { grid-template-columns:1fr; }.form-grid .wide,.details-grid .wide { grid-column:auto; }
  .directory-tools { grid-template-columns:1fr 1fr; }.directory-tools p,.directory-selection { grid-column:1/-1; }.policy-form { grid-template-columns:1fr; }.export-form { grid-template-columns:1fr; }.export-form button { grid-column:auto; }
  .sign-shell { width:calc(100% - 24px); }.sign-terms { grid-template-columns:1fr 1fr; }.inline-form { flex-wrap:wrap; }.inline-form label { flex:1 0 100%; }
  .detail-meta { gap:8px; }.audit-entry { grid-template-columns:1fr 1fr; }
}
@media(max-width:420px) { .native-brand span { display:none; }.native-topbar nav { gap:8px; }.native-topbar nav a { font-size:9px; }.sign-terms { grid-template-columns:1fr; } }
.authors-page .native-heading{min-height:0;padding:20px 0 16px;}
.authors-page .native-heading h1{font-size:28px;}
.authors-page .native-panel{padding:18px;margin:0;min-width:0;border-radius:9px;}
.authors-page #authorApp{display:grid;gap:14px;margin-top:16px;}
.authors-page #authorApp.details-open{grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);align-items:start;}
.authors-page #authorApp>section:not(#directoryPanel):not(#profileDetail){grid-column:1/-1;}
.authors-page .author-list{grid-template-columns:repeat(3,minmax(0,1fr));}
.authors-page .details-open .author-list{grid-template-columns:1fr;max-height:75vh;overflow:auto;}
.authors-page .details-open .directory-tools{grid-template-columns:1fr;gap:8px;}
.authors-page .directory-selection{justify-content:flex-start;flex-wrap:wrap;}
.authors-page .author-card{padding:12px;border-radius:7px;overflow-wrap:anywhere;}
.authors-page .author-card.opened{border-color:#34614e;box-shadow:inset 3px 0 #34614e;background:#edf5ef;}
.authors-page .author-card.selected{outline:1px dashed #779b80;outline-offset:-4px;}
.authors-page .author-card-head{align-items:center;}
.authors-page .author-card-head h3{flex:1;min-width:0;font-size:16px;}
.authors-page .author-card-head input{width:18px;height:18px;flex:none;}
.authors-page .author-books{margin:8px 0 0;}
.authors-page .book-chip{font-size:11px;}
.authors-page .name-edit{display:flex;gap:8px;align-items:end;margin:12px 0;}
.authors-page .name-edit label{flex:1;}
.authors-page .name-edit input{margin-bottom:0;}
.authors-page .name-edit button{flex:none;}
.authors-page .subtle,.authors-page .author-card p,.authors-page .purpose-card .masked-note,.authors-page .policy-note,.authors-page .native-status{font-size:12px;line-height:1.65;}
.authors-page label,.authors-page .purpose-card form>label,.authors-page .native-table td,.authors-page .audit-entry{font-size:12px;}
.authors-page input,.authors-page select,.authors-page textarea{font-size:13px;}
.authors-page .db-button,.authors-page .quiet-button,.authors-page .text-action{font-size:12px;min-height:36px;}
.authors-page .quiet-button,.authors-page .text-action{border:1px solid #b5c7b9;border-radius:5px;padding:6px 10px;text-decoration:none;background:#fff;}
.authors-page button:focus-visible,.authors-page a:focus-visible{outline:3px solid #cd9b3e;outline-offset:2px;}
.authors-page .profile-summary{padding:10px;overflow-wrap:anywhere;}
.authors-page .purpose-card{padding:12px;border-radius:7px;min-width:0;}
.authors-page .purpose-grid{align-items:start;}
.authors-page form[data-purpose=shipping]{grid-template-columns:repeat(2,minmax(0,1fr));}
.authors-page form[data-purpose=shipping] [data-field=address],.authors-page form[data-purpose=shipping] [data-field=address_detail],.authors-page form[data-purpose=shipping] .actions{grid-column:1/-1;}
.authors-page .purpose-card .actions,.authors-page .author-next-dialog .actions{display:flex;gap:8px;flex-wrap:wrap;}
.authors-page .author-next-dialog .db-button{display:inline-flex;align-items:center;text-decoration:none;}
.authors-page .author-next-dialog{border-radius:12px;}
@media(max-width:1000px){.authors-page .author-list{grid-template-columns:repeat(2,minmax(0,1fr));}.authors-page .details-open .purpose-grid{grid-template-columns:1fr;}}
@media(max-width:760px){
 .authors-page #authorApp.details-open{grid-template-columns:1fr;}
 .authors-page .author-list,.authors-page .directory-tools{grid-template-columns:1fr;}
 .authors-page .details-open .author-list{max-height:42vh;}
 .authors-page .native-topbar{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px;}
 .authors-page .native-panel{padding:14px;}
 .authors-page .native-table{min-width:550px;}
 .authors-page .name-edit{flex-wrap:wrap;}
 .authors-page .policy-form{grid-template-columns:1fr;}
}

/* Compact contract tasks; legal text and signing controls remain visible. */
.contracts-page .native-heading,.signer-page .native-heading {min-height:105px;padding:22px 0 16px;align-items:center}
.contracts-page .native-heading h1,.signer-page .native-heading h1 {font-size:28px;letter-spacing:-.03em}
.contracts-page .native-heading p:not(.native-kicker),.signer-page .native-heading p:not(.native-kicker) {font-size:13px;line-height:1.6}
.contract-steps {display:flex;gap:12px;list-style:none;padding:12px 0;margin:0;flex-wrap:wrap;font-size:13px}
.contract-steps li {display:flex;align-items:center;gap:8px}.contract-steps b {display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:var(--native-pine);color:white}
.contracts-page .native-panel,.signer-page .native-panel {padding:18px;margin:12px 0;border-radius:8px}
.contracts-page .native-notice,.signer-page .native-status {font-size:12px;line-height:1.65;margin:10px 0}
.contracts-page :is(.db-button,.quiet-button,.text-action),.signer-page :is(.db-button,.quiet-button,.text-action) {font-size:12px;min-height:34px}
.contracts-page .quiet-button,.contracts-page .text-action,.signer-page .quiet-button {border:1px solid #bdc9bf;border-radius:5px;padding:6px 10px;background:#fffefa;text-decoration:none}
.contracts-page .form-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contracts-page .terms-box .wide {grid-column:auto}
.contracts-page .native-table {font-size:13px}.contracts-page .native-table th {font-size:12px}
.contracts-page .native-table td {padding:10px}.contracts-page .selected-contract {background:#e8f0e9;box-shadow:inset 3px 0 var(--native-pine)}
.contracts-page :is(.form-grid label,.full-label,.author-entry label,.search-label),.signer-page label {font-size:12px;line-height:1.6}
.contracts-page .contract-filters {display:flex;gap:12px;align-items:end}.contracts-page .contract-filters input {min-width:200px}
.contracts-page .detail-meta {overflow-wrap:anywhere;min-width:0;font-size:11px}
.contracts-page .editor-actions {position:sticky;bottom:0;background:var(--native-surface);padding:12px 0;border-top:1px solid var(--native-line);z-index:2}
.contracts-page .contract-next-dialog {width:min(520px,calc(100vw - 32px));border:1px solid var(--native-line);border-radius:12px;padding:24px;color:var(--native-ink)}
.contract-next-dialog::backdrop {background:#172d2466}.contract-next-dialog h2 {font-size:20px;margin:0 0 12px}.contract-next-dialog p {font-size:14px;line-height:1.7}
.contract-next-dialog .editor-actions {justify-content:flex-end}
.signer-page .sign-shell {width:min(960px,calc(100% - 32px))}.signer-page .legal-document pre {font-size:13px}
.signer-page .workflow-head {margin-top:18px}.signer-page .inline-form {gap:10px}
@media(max-width:700px){
 .contracts-page .native-shell {width:calc(100% - 24px)}
 .contracts-page .panel-title {align-items:start;flex-direction:column}
 .contracts-page .contract-filters {width:100%;flex-wrap:wrap}.contracts-page .contract-filters label {flex:1;min-width:120px}.contracts-page .contract-filters input {min-width:0}
 .contracts-page .form-grid {grid-template-columns:1fr}.contracts-page .terms-box .wide {grid-column:auto}
 .contracts-page .native-table {min-width:640px}.contracts-page .contract-steps {gap:8px;font-size:12px}
 .contracts-page .editor-actions {flex-wrap:wrap}.contracts-page .editor-actions button {flex:1}
 .signer-page .inline-form {flex-wrap:wrap}.signer-page .inline-form label {flex:1 1 100%}
}