/* 阿干 · 青山账房 — shared ink-and-paper interface, v39. */
:root {
  --ink: #213b35;
  --ink-muted: #708176;
  --jade: #2b755e;
  --jade-deep: #235c4c;
  --jade-pale: #e5eee4;
  --vermilion: #aa4338;
  --paper: #f6f4eb;
  --paper-card: #fcfbf5;
  --line: #bcc7b7;
  --ink-shadow: 4px 5px 0 rgba(61, 83, 64, .08);
  --ink-serif: "Songti SC", "Noto Serif CJK SC", "STSong", "SimSun", serif;
  --ink-sans: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
}
html { background: var(--paper); }
body { margin: 0; color: var(--ink); background: var(--paper) url('/assets/ink-paper-v39.svg') repeat; font-family: var(--ink-sans); }
button, input, select, textarea { font-family: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
::selection { color: #163c30; background: #cee0c7; }
:focus-visible { outline: 2px solid var(--jade); outline-offset: 3px; }

/* The existing operational screens join the same document flow. */
.ink-shell { min-height: 100vh; display: block; background: transparent; }
.ink-shell .ink-main { min-width: 0; margin-left: 220px; background: url('/assets/ink-landscape-v39.svg') right 30px top 62px / 1200px auto no-repeat; }
.ink-shell .ink-view { min-width: 0; min-height: calc(100vh - 76px); }
.ink-shell .ink-view > .inventory-admin,
.ink-shell .ink-view > .store-admin,
.ink-shell .ink-view > .orders-admin,
.ink-shell .ink-view > .order-admin,
.ink-shell .ink-view > .content,
.ink-shell .ink-view > .modification-history {
  position: relative; inset: auto; z-index: auto; width: 100%; max-width: none; min-height: 0; margin: 0; padding: 28px; overflow: visible; background: transparent;
}
.ink-shell .ink-view > .modification-history { margin: 28px; width: calc(100% - 56px); }
.ink-shell .ink-view > .ink-dashboard { padding: 28px; }

/* Celadon navigation, stamp mark, and a single readable top bar. */
.ink-shell .sidebar { z-index: 40; position: fixed; inset: 0 auto 0 0; display: flex; flex-direction: column; width: 220px; height: 100dvh; padding: 27px 18px 19px; color: var(--ink); background-color: #e9efe4; background-image: linear-gradient(180deg, rgba(238,244,234,.94), rgba(226,237,223,.62)), url('/assets/ink-bamboo-v39.svg'), url('/assets/ink-paper-v39.svg'); background-position: 0 0, right bottom, 0 0; background-repeat: no-repeat, no-repeat, repeat; background-size: cover, 250px 710px, 180px; border-right: 1px solid #b8c9b7; overflow-y: auto; }
.ink-shell .brand { display: flex; align-items: center; gap: 12px; padding: 0 5px 25px; color: #263e32; font-family: var(--ink-serif); font-size: 25px; font-weight: 700; letter-spacing: 2px; }
.ink-shell .brand .brand-seal, .ink-shell .brand > b { position: relative; display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 45px; padding: 0; color: #fff8ea; background: var(--vermilion); border: 3px double #faf5e9; border-radius: 0; outline: 1px solid #ad5347; font-family: var(--ink-serif); font-size: 29px; line-height: 1; font-weight: 600; transform: rotate(-4deg); box-shadow: none; }
.ink-shell .brand small { margin-top: 5px; color: #728575; font-family: var(--ink-sans); font-size: 8px; line-height: 1.5; font-weight: 500; letter-spacing: 1.55px; white-space: nowrap; }
.ink-shell .brand > span { font-size:25px; }
.ink-shell .platform-switch { display: flex; gap: 3px; padding: 4px; margin: 0 0 22px; background: rgba(255,255,245,.45); border: 1px solid #becdbb; border-radius: 3px; }
.ink-shell .platform-switch button { min-width: 0; min-height: 32px; margin: 0; padding: 7px 4px; border: 0; border-radius: 2px; color: #637b6a; background: transparent; font-size: 12px; font-weight: 600; letter-spacing: .4px; }
.ink-shell .platform-switch button.active { color: #f9f8ee; background: var(--jade); box-shadow: 0 2px 4px #274e3120; }
.ink-shell .sidebar nav { display: grid; gap: 7px; padding: 0; }
.ink-shell .sidebar nav button { display: flex; align-items: center; gap: 9px; min-height: 43px; width: 100%; padding: 10px 13px; border: 1px solid transparent; border-radius: 2px; color: #5e7366; background: transparent; font-size: 13px; line-height: 1.6; text-align: left; white-space: nowrap; transition: background .15s, color .15s; }
.ink-shell .sidebar nav button em { flex: 0 0 22px; width: 22px; color: #7a927e; font-size: 17px; font-style: normal; line-height: 1; }
.ink-shell .sidebar nav button.active { position: relative; color: var(--jade-deep); background: rgba(200,221,201,.52); border-color: #bfd0bc; font-weight: 600; }
.ink-shell .sidebar nav button.active::after { position: absolute; inset: 9px -1px 9px auto; width: 3px; background: var(--jade); content: ""; }
.ink-shell .sidebar nav button.active em { color: var(--vermilion); }
.ink-shell .sidebar nav button:hover { color: var(--jade-deep); background: rgba(215,229,209,.7); }
.ink-shell .sidebar-footer { margin-top: auto; padding-top: 35px; color: #78917c; font-size: 11px; line-height: 1.9; letter-spacing: .3px; }
.ink-shell .sidebar-footer p { margin: 7px 0 0; }
.ink-shell .sidebar-footer strong, .ink-shell .sidebar-footer b { color: #577360; font-family: var(--ink-serif); font-size: 15px; font-weight: 500; letter-spacing: 2px; }
.ink-shell .sidebar-footer .sidebar-note { border-top: 1px solid #bcccb8; padding-top: 13px; }
.ink-shell .sidebar .help { color: #617863; background: rgba(244,247,235,.58); border: 1px solid #c4d0bc; border-radius: 2px; font-size: 11px; }
.ink-shell .sidebar .help > span { color: var(--jade); }
.ink-shell .sidebar .help p { color: #768775; }
.ink-shell .sidebar .profile { color: var(--ink); border-color: #becdb8; }
.ink-shell .sidebar .profile small { color: #768575; }
.ink-shell .sidebar .profile > div { border-radius: 2px; background: #d9e4d0; color: var(--jade); }
.ink-shell .ink-topbar { position: relative; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; padding: 13px 28px; background: rgba(250,250,241,.86); border-bottom: 1px solid #becabb; box-shadow: 0 3px 12px #36533804; }
.ink-shell .ink-topbar::after { position: absolute; left: 28px; bottom: -1px; width: 38px; height: 2px; background: var(--vermilion); box-shadow: 38px 0 0 #5a9a7b; content: ""; }
.ink-title { min-width: 0; color: #294236; }
.ink-title strong, .ink-title h1 { margin: 0; color: #294236; font-family: var(--ink-serif); font-size: 21px; line-height: 1.35; font-weight: 700; letter-spacing: 1px; }
.ink-title > span, .ink-title > small, .ink-title p { display: block; margin: 4px 0 0; color: #889183; font-family: var(--ink-sans); font-size: 10px; line-height: 1.6; letter-spacing: .7px; }
.ink-actions { display: flex; align-items: center; justify-content: flex-end; gap: 13px; color: #768778; font-size: 11px; white-space: nowrap; }
.ink-actions .status-dot, .ink-actions .ink-status-dot { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #6d9c79; box-shadow: 0 0 0 3px #6d9c7910; }
.ink-actions button, .logout-button { color: #466451; background: #f4f6ea; border: 1px solid #bbccb6; border-radius: 2px; min-height: 33px; padding: 7px 12px; font-size: 11px; cursor: pointer; }
.ink-actions button:hover, .logout-button:hover { background: #e7edde; border-color: #7d9c7a; }
.ink-shell .logout-control { display: none; }

/* A calm operational surface: solid paper under tables, strong green actions. */
.ink-shell .ink-view h1, .ink-shell .ink-view h2, .ink-shell .ink-view h3 { color: #284235; font-family: var(--ink-serif); letter-spacing: .5px; }
.ink-shell .ink-view h1 { font-size: 27px; }
.ink-shell .ink-view .eyebrow { color: #9c5142; font-size: 10px; letter-spacing: 1.7px; }
.ink-shell .sync, .ink-shell .subtitle, .ink-shell .subline, .ink-shell .panel-head small, .ink-shell .catalog-message, .ink-shell .form-message { color: #758576; }
.ink-shell .panel, .ink-shell .metric, .ink-shell .collapsible-shell, .ink-shell .product-table, .ink-shell .batch-bar, .ink-shell .batch-edit, .ink-shell .modification-history { color: var(--ink); background: rgba(252,251,245,.96); border: 1px solid var(--line); border-radius: 3px; box-shadow: var(--ink-shadow); }
.ink-shell .panel-head { gap: 14px; }
.ink-shell .panel-head p { color: #294638; }
.ink-shell .collapsible-shell > .panel, .ink-shell .collapsible-shell > div > .modification-history { border: 0; box-shadow: none; background: transparent; }
.ink-shell .collapse-heading { border-color: #d2dac9; background: rgba(235,240,225,.36); }
.ink-shell .collapse-heading button { color: var(--jade); background: #f5f6ed; border: 1px solid #b8ccb0; border-radius: 3px; }
.ink-shell .primary, .ink-shell .product-catalog .sync-step button.primary, .ink-shell .product-catalog .list-filter button.primary { color: #fffdf5; background: var(--jade); border: 1px solid var(--jade); border-radius: 3px; box-shadow: 0 2px 0 #173e2920; }
.ink-shell .primary:hover:not(:disabled) { background: var(--jade-deep); border-color: var(--jade-deep); }
.ink-shell .primary:disabled { opacity: .56; cursor: not-allowed; }
.ink-shell .primary[aria-busy="true"], .ink-shell .product-catalog button.primary[aria-busy="true"] { background: #4d8771; }
.ink-shell .export, .ink-shell .secondary, .ink-shell .panel-head > button:not(.link), .ink-shell .catalog-tools .export { color: #54725b; background: #fafbf3; border: 1px solid #bbcbb5; border-radius: 3px; }
.ink-shell .link { color: var(--jade); }
.ink-shell .danger { background: #ab5245; border: 1px solid #ab5245; border-radius: 3px; }
.ink-shell .delete-link, .ink-shell .range-bad { color: #a64d40; }
.ink-shell .range-ok, .ink-shell .up { color: var(--jade); }
.ink-shell .down { color: #ac5b42; }
.ink-shell .inventory-form label, .ink-shell .store-forms label, .ink-shell .list-filter label, .ink-shell .catalog-tools label, .ink-shell .batch-bar label, .ink-shell .order-actions label { color: #647862; }
.ink-shell input:not([type="checkbox"]):not([type="radio"]), .ink-shell select, .ink-shell textarea { color: #294336; background: #fffef8; border: 1px solid #b7c7ae; border-radius: 3px; box-shadow: none; }
.ink-shell input:not([type="checkbox"]):not([type="radio"]):focus, .ink-shell select:focus, .ink-shell textarea:focus { border-color: #5f9479; outline: 0; box-shadow: 0 0 0 3px #cdddca70; }
.ink-shell input[type="checkbox"], .ink-shell input[type="radio"] { accent-color: var(--jade); }
.ink-shell input::placeholder, .ink-shell textarea::placeholder { color: #929e8e; }
.ink-shell input:disabled, .ink-shell select:disabled { color: #8b9787; background: #f0f1e9; }
.ink-shell .multi-store-picker, .ink-shell .store-checks, .ink-shell .warehouse-checks > div, .ink-shell .price-sync-progress > div { color: #5c745e; background: #f0f4e9; border-color: #c2d0b9; border-radius: 3px; }
.ink-shell .warehouse-checks { border-color: #d1dac7; }
.ink-shell .warehouse-checks b, .ink-shell .inventory-active-count { color: var(--jade); }
.ink-shell .setup-banner { color: #577459; background: #edf2e4; border-color: #bacdaf; border-radius: 3px; }
.ink-shell .setup-banner p, .ink-shell .warning { color: #74816c; }
.ink-shell .empty-mark { color: #51785e; background: #e7efdc; }
.ink-shell .connection-empty p { color: #778671; }
.ink-shell .product-table th, .ink-shell .modification-history th, .ink-shell .order-table th { color: #5f755f; background: #f0f3e7; border-bottom: 1px solid #bcccb3; }
.ink-shell .product-table td, .ink-shell .modification-history td, .ink-shell .order-table td { color: #374d3c; background: transparent; border-bottom: 1px solid #dce2d3; }
.ink-shell .product-table tbody tr:hover td, .ink-shell .modification-history tbody tr:hover td, .ink-shell .order-table tbody tr:hover td { background: #f4f6eb; }
.ink-shell .product-table tr:last-child td, .ink-shell .order-table tr:last-child td { border-bottom: 0; }
.ink-shell .product-table td small, .ink-shell .price-field, .ink-shell .catalog-title small { color: #86927d; }
.ink-shell .product-table td b, .ink-shell .catalog-title strong { color: #314d3a; }
.ink-shell .product-table td input:not([type="checkbox"]), .ink-shell .product-catalog .price-field input { color: #2c4e3d; border: 1px solid #b4c8a8; background: #fffef8; border-radius: 3px; }
.ink-shell .product-table td .link { color: #427355; background: #edf3e7; border: 1px solid #b8cdaa; border-radius: 3px; }
.ink-shell .product-table td .link:hover:not(:disabled) { background: #e0ecd7; border-color: #7c9c70; }
.ink-shell .product-table td input:disabled, .ink-shell .product-table td .link:disabled { color: #8a9480; background: #f0f1e8; border-color: #d3dbc8; }
.ink-shell .product-table output { color: #386e4d; }
.ink-shell .preview-table, .ink-shell .order-table { border-color: #bccab5; border-radius: 3px; }
.ink-shell .table-pagination { color: #6e7f68; font-size: 12px; }
.ink-shell .table-pagination button { color: #4e7256; background: #fafbf2; border: 1px solid #c1ceb5; border-radius: 3px; }
.ink-shell .table-pagination button:disabled { color: #9da594; border-color: #d8dfd0; }
.ink-shell .sync-feedback { color: #4c795c; }
.ink-shell .inventory-banners > div { color: #3e6950; background: #f8fbef; border-color: #b6cba8; box-shadow: 0 5px 20px #1d42271c; }
.ink-shell .dialog-backdrop { background: #1b322758; backdrop-filter: blur(3px); }
.ink-shell .connect-dialog { color: var(--ink); background: #fbfaf2 url('/assets/ink-paper-v39.svg'); border: 1px solid #b7c3a8; border-radius: 4px; box-shadow: 8px 9px 0 #253d2920, 0 20px 60px #19392230; }
.ink-shell .connect-dialog .secure-note { color: #77866b; }
.ink-shell .warning code { color: #5d7054; background: #edf1e2; }

/* The sign-in page is part of the same visual identity. */
.login-screen { position: relative; min-height: 100dvh; padding: 40px 20px; color: var(--ink); background: url('/assets/ink-landscape-v39.svg') right bottom / min(1800px, 135vw) auto no-repeat, url('/assets/ink-bamboo-v39.svg') left -25px bottom -20px / 280px auto no-repeat, var(--paper) url('/assets/ink-paper-v39.svg'); }
.login-card { position: relative; width: min(440px,100%); padding: 43px 41px 35px; color: var(--ink); background: rgba(253,252,244,.93); border: 1px solid #b9c5af; border-radius: 3px; box-shadow: 8px 9px 0 #3150370d, 0 28px 65px #344b3710; }
.login-card::before { content: ""; position: absolute; top: -1px; left: 32px; width: 47px; height: 3px; background: var(--vermilion); box-shadow: 47px 0 0 #5a8b65; }
.login-brand { color: #8e5141; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; }
.login-card h1 { margin: 23px 0 13px; color: #294534; font-family: var(--ink-serif); font-size: 31px; letter-spacing: 2px; }
.login-card p { color: #798772; font-size: 12px; }
.login-card label { color: #5b7054; font-size: 13px; }
.login-card input { min-height: 47px; color: #2e4835; background: #fffef8; border: 1px solid #b8c8ac; border-radius: 3px; font-size: 16px; }
.login-card input:focus { border-color: #648b5c; outline: 0; box-shadow: 0 0 0 3px #d8e3cb; }
.login-card .primary { min-height: 47px; color: #fffcef; background: var(--jade); border: 1px solid var(--jade); border-radius: 3px; font-size: 14px; letter-spacing: 3px; }
.login-card [role="alert"] { color: #a54d3e; }

/* Independent finance reports retain their table layout and share the palette. */
body.ink-finance { color: var(--ink); background: url('/assets/ink-landscape-v39.svg') right top / 1200px auto no-repeat, var(--paper) url('/assets/ink-paper-v39.svg'); }
.ink-finance .finance-shell { max-width: 1600px; padding: 32px; }
.ink-finance h1, .ink-finance h2 { color: #2a4434; font-family: var(--ink-serif); letter-spacing: 1px; }
.ink-finance .eyebrow { color: #aa5945; }
.ink-finance .subtitle, .ink-finance .section-title p, .ink-finance .sheets-section p, .ink-finance .notice, .ink-finance .pagination { color: #74826c; }
.ink-finance .filters, .ink-finance .store-section, .ink-finance .sheets-section, .ink-finance .table-section, .ink-finance .metrics article { background: rgba(252,251,245,.96); border: 1px solid #bbc8b0; border-radius: 3px; box-shadow: var(--ink-shadow); }
.ink-finance .primary { color: #fffcf0; background: var(--jade); border-color: var(--jade); border-radius: 3px; }
.ink-finance .secondary { color: #4f7155; background: #fafbf2; border-color: #becdb3; border-radius: 3px; }
.ink-finance input { color: #35513b; background: #fffdf4; border-color: #b6c6aa; border-radius: 3px; }
.ink-finance input[type="checkbox"] { accent-color: var(--jade); }
.ink-finance th { color: #577153; background: #edf2e4; border-color: #c5d2b8; }
.ink-finance td { color: #354a35; border-color: #dce3d0; }
.ink-finance tr:hover td { background: #f3f6e9; }
.ink-finance .metrics strong { color: #33684a; }
.ink-finance .metrics span { color: #718267; }
.ink-finance .store-list label { background: #f2f6e9; border-color: #c8d6b9; color: #5e7755; border-radius: 3px; }

/* Narrow screens use a compact horizontal navigation with no hidden actions. */
@media (min-width: 1800px) { .ink-shell .ink-main { background-size: 1600px auto; } .ink-shell .ink-view > .content, .ink-shell .ink-view > .inventory-admin, .ink-shell .ink-view > .store-admin, .ink-shell .ink-view > .orders-admin { padding: 34px; } }
@media (max-width: 1100px) { .ink-shell .ink-topbar { padding: 13px 22px; } .ink-shell .ink-view > .content, .ink-shell .ink-view > .inventory-admin, .ink-shell .ink-view > .store-admin, .ink-shell .ink-view > .orders-admin, .ink-shell .ink-view > .order-admin { padding: 22px; } .ink-actions { gap: 9px; } .ink-actions .ink-date, .ink-actions time { display: none; } }
@media (max-width: 800px) {
  .ink-shell .sidebar { position: relative; inset: auto; width: 100%; height: auto; padding: 17px 18px 12px; border-right: 0; border-bottom: 1px solid #becdb7; background-size: cover, 220px 500px, 180px; background-position: 0 0, right -30px bottom -140px, 0 0; overflow: visible; }
  .ink-shell .brand { min-height: 43px; gap: 10px; padding: 0 0 12px; font-size: 22px; }
  .ink-shell .brand .brand-seal, .ink-shell .brand > b { flex-basis: 34px; width: 34px; height: 36px; font-size: 24px; }
  .ink-shell .brand > span, .ink-shell .brand small { display: block; }
  .ink-shell .platform-switch { position: absolute; top: 19px; right: 18px; width: 150px; margin: 0; padding: 2px; }
  .ink-shell .platform-switch button { min-height: 29px; padding: 4px; font-size: 11px; }
  .ink-shell .sidebar nav { display: flex; gap: 6px; width: 100%; padding: 3px 0 0; overflow-x: auto; scrollbar-width: thin; }
  .ink-shell .sidebar nav button { flex: 0 0 auto; width: auto; min-height: 35px; padding: 7px 10px; gap: 5px; font-size: 12px; }
  .ink-shell .sidebar nav button em { flex-basis: auto; width: auto; font-size: 15px; }
  .ink-shell .sidebar nav button.active::after { inset: auto 9px -1px; width: auto; height: 2px; }
  .ink-shell .sidebar-footer, .ink-shell .sidebar .help, .ink-shell .sidebar .profile { display: none; }
  .ink-shell .ink-main { margin-left: 0; background-size: 950px auto; background-position: right -280px top 50px; }
  .ink-shell .ink-topbar { min-height: 62px; padding: 12px 18px; gap: 10px; }
  .ink-shell .ink-topbar::after { left: 18px; }
  .ink-title strong, .ink-title h1 { font-size: 18px; }
  .ink-title > span, .ink-title > small, .ink-title p { font-size: 9px; }
  .ink-actions { font-size: 10px; gap: 8px; }
  .ink-actions button, .logout-button { min-height: 30px; padding: 5px 8px; font-size: 10px; }
  .ink-shell .ink-view > .content, .ink-shell .ink-view > .inventory-admin, .ink-shell .ink-view > .store-admin, .ink-shell .ink-view > .orders-admin, .ink-shell .ink-view > .order-admin, .ink-shell .ink-view > .ink-dashboard { padding: 18px; overflow: visible; }
  .ink-shell .ink-view > .modification-history { margin: 18px; width: calc(100% - 36px); padding: 16px; }
  .ink-shell .ink-view header { gap: 12px; flex-wrap: wrap; }
  .ink-shell .ink-view h1 { font-size: 23px; }
  .ink-shell .panel { padding: 16px; }
  .ink-finance .finance-shell { padding: 20px; }
}
@media (max-width: 480px) {
  .ink-shell .brand { gap: 8px; font-size: 20px; letter-spacing: 1px; }
  .ink-shell .brand small { max-width: 140px; font-size: 6px; letter-spacing: 1px; }
  .ink-shell .platform-switch { width: 133px; }
  .ink-actions > span:not(.status-dot), .ink-actions > time, .ink-actions .status-text, .ink-actions .ink-status { display: none; }
  .ink-title > span, .ink-title > small, .ink-title p { max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .ink-shell .ink-view > .content, .ink-shell .ink-view > .inventory-admin, .ink-shell .ink-view > .store-admin, .ink-shell .ink-view > .orders-admin, .ink-shell .ink-view > .order-admin, .ink-shell .ink-view > .ink-dashboard { padding: 14px; }
  .login-card { padding: 35px 26px 27px; }
  .login-screen { background-size: 1050px auto, 200px auto, auto; }
  .ink-finance .finance-shell { padding: 14px; }
}
@media (prefers-reduced-motion: reduce) { .ink-shell *, .login-screen * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Shared shell details. */
.ink-title { display:flex; align-items:center; gap:13px; }
.ink-title > svg { box-sizing:content-box; padding:10px; border:1px solid #bfd0bb; color:var(--jade); background:#eaf0e4; }
.ink-user { display:flex; gap:9px; align-items:center; color:var(--ink); }
.ink-user small { display:block; color:var(--ink-muted); font-size:10px; }
.user-seal { display:grid; place-items:center; width:30px; height:33px; background:var(--jade); color:var(--paper); font-family:var(--ink-serif); font-size:18px; font-style:normal; border:3px double #edf0dc; transform:rotate(-4deg); }
.logout-button { display:flex; align-items:center; gap:7px; }
.sidebar-caption { font-size:9px; letter-spacing:2px; color:#728571; padding:8px 11px 15px; display:block; }
.sidebar-platform { margin-top:26px; }
.ink-shell .sidebar nav .sidebar-finance { display:flex; align-items:center; gap:9px; min-height:43px; padding:10px 13px; font-size:13px; color:#5e7366; border:1px solid transparent; }
.ink-shell .sidebar nav .sidebar-finance:hover { background:#d7e5d1b3; }
.ink-shell .sidebar nav svg { flex:0 0 19px; }
.ink-shell .sidebar nav button.active svg { color:var(--vermilion); }
.ink-shell .platform-switch button { flex:1; }
.ink-shell .sidebar-footer .sidebar-poem { font:22px/1.9 var(--ink-serif); letter-spacing:6px; color:#668168; padding:0 10px 20px; }
.sidebar-version { border-top:1px solid #b9cab6; display:block; padding:14px 10px 0; font-size:10px; }
.ink-platform-breadcrumb { padding:22px 28px 0; font-size:11px; letter-spacing:1px; color:#6a7e69; }
.ink-tool-page { padding:28px; }
.ink-site-footer { display:flex; justify-content:space-between; margin:0 28px; padding:20px 0; border-top:1px solid #c6d0bb; font-size:10px; letter-spacing:1px; color:#7e8b77; }
.ink-shell .sidebar { scrollbar-width:thin; scrollbar-color:#a6b99e transparent; }
.ink-shell .ink-main { background-image:linear-gradient(#f6f4ebae,#f6f4ebd9),url('/assets/ink-landscape-v39.svg'); }
.ink-shell .sidebar .sidebar-footer { padding-top:24px; }
.ink-shell .sidebar nav { gap:5px; }
.ink-shell .sidebar nav button { min-height:40px; padding-top:8px; padding-bottom:8px; }
.sidebar-platform { margin-top:18px; }
.ink-shell .sidebar-footer .sidebar-poem { font-size:18px; padding-bottom:14px; }
.ink-shell .ink-view .sync,.ink-shell .ink-view .subline,.ink-shell .ink-view .form-message { color:#5f735e; }
.ink-help-dialog p { margin-bottom:15px; }
.ink-error-banner { padding:12px 28px; color:var(--vermilion); background:#f9e9dd; }
.ink-loading { padding:40px; color:#70816c; }
.ink-history table th, .ink-history table td { text-align:left; padding:14px 12px; border-bottom:1px solid #d3ddc9; font-size:12px; }
.ink-history table th { background:#eff3e5; }
.ink-login .login-seal { display:grid; place-items:center; width:43px; height:46px; margin:0 0 22px; color:#fff8e9; background:var(--vermilion); border:3px double #f9f1df; outline:1px solid var(--vermilion); font:27px var(--ink-serif); transform:rotate(-4deg); }
.ink-login .login-footnote { display:block; margin-top:20px; text-align:center; color:#88927d; font-size:10px; letter-spacing:3px; }
.ink-shell .ink-dashboard .ink-hero-title-row h1 { font-family:"STKaiti","Kaiti SC","KaiTi",var(--ink-serif); font-size:39px; letter-spacing:5px; }
@media(max-width:800px) {
  .ink-shell .sidebar > .sidebar-caption,.sidebar-platform > .sidebar-caption { display:none; }
  .sidebar-platform { margin:0; }
  .ink-shell .sidebar nav .sidebar-finance { flex:0 0 auto; padding:7px 10px; min-height:35px; font-size:12px; }
  .ink-title > svg { display:none; }
  .ink-platform-breadcrumb { padding:18px 18px 0; }
  .ink-tool-page { padding:18px; }
  .ink-site-footer { margin:0 18px; }
}
@media(max-width:480px) {
  .ink-shell .platform-switch { width:105px; }
  .ink-shell .brand small { font-size:7px; }
  .ink-shell .brand > span { font-size:20px; }
  .ink-tool-page { padding:14px; }
  .ink-shell .ink-dashboard .ink-hero-title-row h1 { font-size:29px; letter-spacing:2px; }
}
@media(max-height:780px) and (min-width:801px) { .ink-shell .sidebar-footer .sidebar-poem { display:none; } }