/* 诉讼费计算器（/tools/fee/）专用样式。
 *
 * 来源：templates/tools/susongfei.html 的独立设计稿，接站时做了两件事：
 * 1. 全部选择器收在 .fee-page 作用域下——app.css 里已有 .hero / .cards / table 等同名
 *    或相近选择器，不收就会把首页 hero 和卡片版式冲掉；
 * 2. 主题向站点靠齐：hero 换成站点深蓝渐变（#0d2540→#14355c→#1d4a7c）、强调色
 *    #2f6bff → 深蓝、徽章/按钮点缀用金色（#c8a45c），阴影与底色沿用 app.css 的变量。
 * 页面自身的布局（双栏、步骤、费卡、明细表、速查表）与交互类名保持原样，
 * static/js/tools_fee.js 只认 ID 和这些类名，改类名要两边同步。
 */

/* 计算器页整幅铺开：hero 全宽，双栏容器自带 max-width（站点默认 main 只有 46rem 会压扁双栏）。 */
main.page-fee { max-width: none; padding: 0; }

.fee-page {
  --fee-navy: #0d2540;
  --fee-navy-2: #14355c;
  --fee-navy-3: #1d4a7c;
  --fee-gold: #c8a45c;
  --fee-gold-light: #ffd591;
  --fee-ink: #24292f;
  --fee-muted: #6a737d;
  --fee-line: #e4e8ee;
  --fee-radius: 14px;
  --fee-shadow: 0 10px 32px rgba(13, 37, 64, .10);
  color: var(--fee-ink);
}

/* ===== 头部（依据文号移到页尾，省一行高度） ===== */
.fee-page .fee-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--fee-navy) 0%,var(--fee-navy-2) 55%,var(--fee-navy-3) 100%);color:#fff;padding:28px 16px 90px;text-align:center}
.fee-page .fee-hero::after{content:'⚖';position:absolute;right:-30px;top:-40px;font-size:220px;opacity:.07;transform:rotate(-12deg)}
.fee-page .fee-hero::before{content:'';position:absolute;left:-120px;bottom:-160px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}
.fee-page .fee-hero h1{font-size:30px;font-weight:800;letter-spacing:2px;position:relative;margin:0;color:#fff}
.fee-page .fee-hero p{margin-top:8px;opacity:.85;font-size:14px;position:relative}

/* ===== 布局 ===== */
/* 左列放宽到 430px、列距加大：右侧结果栏整体向右靠，双栏间距更有呼吸感。
 *
 * ★★ 2026-10-11：右列必须写 `minmax(0,1fr)`，**不能写 `1fr`**（手机端不自适应的真因）。
 *    `1fr` 的轨道最小尺寸默认是 `auto` = 子项的 **min-content**；本页左栏的
 *    min-content 实测 460px（类型网格 / 金额框 / 保全行的固有最小宽度之和），
 *    于是轨道压不到 460 以下 → 布局视口被撑到 477px → 手机上整页缩小 + 横向滚动，
 *    表现为「页面不随屏幕大小变动」。
 *    `minmax(0,1fr)` 把轨道下限钉成 0，自动最小尺寸失效，子项才真的能收缩。
 *    实测（Edge 390px 视口）：改前 scrollWidth 477 / 96 个元素溢出 → 改后 390 / 0 溢出。 */
.fee-page .fee-wrap{max-width:1120px;margin:-58px auto 24px;padding:0 16px;display:grid;grid-template-columns:430px minmax(0,1fr);gap:26px;align-items:start;position:relative}
.fee-page .fee-panel{background:#fff;border-radius:var(--fee-radius);box-shadow:var(--fee-shadow);border:1px solid var(--fee-line);padding:22px;animation:fee-fade-up .5s ease both;min-width:0}
.fee-page .result-panel{animation-delay:.08s}
@keyframes fee-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* 单栏断点同样用 minmax(0,1fr)，理由见上 */
@media(max-width:960px){.fee-page .fee-wrap{grid-template-columns:minmax(0,1fr);margin-top:-48px}}

/* 页尾：计费依据文号 */
.fee-page .fee-basis{text-align:center;font-size:11.5px;color:#9aa3b5;margin:0 16px 18px}

/* ===== 步骤 ===== */
.fee-page .step{margin-bottom:26px}
.fee-page .step:last-child{margin-bottom:0}
.fee-page .step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.fee-page .step-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--fee-navy),var(--fee-navy-2));color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
.fee-page .step-head h2{font-size:16px;font-weight:700;margin:0;color:var(--fee-navy)}
.fee-page .optional{font-size:11px;color:#94a3b8;font-weight:400;background:#f1f5f9;padding:2px 8px;border-radius:99px}

/* ===== 案件类型 ===== */
/* 4 列布局：7 个类型排成 4+3 两行，卡片压小，保证标的金额输入框首屏可见。 */
.fee-page .type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:480px){.fee-page .type-grid{grid-template-columns:repeat(4,1fr)}}
.fee-page .type-btn{position:relative;border:1.5px solid var(--fee-line);background:#fff;border-radius:10px;padding:8px 4px 7px;cursor:pointer;text-align:center;transition:all .18s ease;font-family:inherit}
.fee-page .type-btn:hover{border-color:#9db3d9;transform:translateY(-1px);box-shadow:0 6px 14px rgba(13,37,64,.08)}
.fee-page .type-btn.active{border-color:var(--fee-navy-2);background:linear-gradient(180deg,#f2f5fa,#e9eef7);box-shadow:0 4px 14px rgba(13,37,64,.14)}
.fee-page .t-name{font-size:12px;font-weight:700;color:#1e293b}
.fee-page .type-btn.active .t-name{color:var(--fee-navy)}
.fee-page .t-desc{font-size:10.5px;color:#8b93a7;margin-top:1px;display:block}
.fee-page .check{position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%;background:var(--fee-navy-2);color:#fff;font-size:10px;display:none;align-items:center;justify-content:center}
.fee-page .type-btn.active .check{display:flex}

/* ===== 金额输入 ===== */
.fee-page .amount-box{display:flex;align-items:center;gap:8px;border:1.5px solid var(--fee-line);border-radius:12px;padding:6px 8px 6px 14px;background:#fbfcfe;transition:all .15s}
.fee-page .amount-box:focus-within{border-color:var(--fee-navy-2);box-shadow:0 0 0 4px rgba(13,37,64,.10);background:#fff}
.fee-page .amount-box .yen{font-size:20px;color:var(--fee-navy-2);font-weight:700}
.fee-page .amount-box input{flex:1;border:none;outline:none;font-size:22px;font-weight:700;font-family:inherit;min-width:0;background:transparent;color:#0f1b33;font-variant-numeric:tabular-nums}
.fee-page .amount-box input::placeholder{color:#c3cbd9;font-weight:400;font-size:15px}
.fee-page .unit-toggle{display:flex;background:#eef2f9;border-radius:9px;padding:3px;flex:none}
.fee-page .unit-toggle button{border:none;background:transparent;padding:5px 12px;border-radius:7px;font-size:12.5px;color:#64748b;cursor:pointer;font-family:inherit;font-weight:600;transition:all .15s}
.fee-page .unit-toggle button.active{background:#fff;color:var(--fee-navy);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.fee-page .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fee-page .chips button{border:1px solid var(--fee-line);background:#fff;border-radius:99px;padding:4px 14px;font-size:12.5px;color:#475569;cursor:pointer;font-family:inherit;transition:all .15s}
.fee-page .chips button:hover{border-color:var(--fee-navy);color:var(--fee-navy);background:#eef3fa}
.fee-page .hint{font-size:12px;color:#94a3b8;margin-top:8px}
.fee-page .extra-options{margin-top:12px}
.fee-page .opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafd;border:1px solid var(--fee-line);border-radius:12px;padding:10px 14px;font-size:13px;color:#475569}
.fee-page .opt-row select{border:1px solid var(--fee-line);border-radius:9px;padding:6px 10px;font-size:13px;font-family:inherit;color:#1e293b;background:#fff;outline:none;cursor:pointer;max-width:60%}
.fee-page .opt-row select:focus{border-color:var(--fee-navy-2)}

/* ===== 保全/执行 ===== */
.fee-page .sub-fee-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--fee-line);border-radius:12px;margin-bottom:10px;background:#fbfcfe}
.fee-page .switch-row{display:flex;align-items:center;gap:8px;flex:none;font-size:13.5px;font-weight:600;color:#334155;cursor:pointer;width:118px}
.fee-page .switch{position:relative;width:40px;height:22px;flex:none}
.fee-page .switch input{opacity:0;width:0;height:0;position:absolute}
.fee-page .switch i{position:absolute;inset:0;background:#cbd5e1;border-radius:99px;transition:.2s}
.fee-page .switch i::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.fee-page .switch input:checked + i{background:var(--fee-navy-2)}
.fee-page .switch input:checked + i::after{transform:translateX(18px)}
.fee-page .sub-input{flex:1;display:flex;align-items:center;gap:6px;min-width:0}
.fee-page .sub-input input{flex:1;min-width:0;border:1px solid var(--fee-line);border-radius:9px;padding:7px 10px;font-size:14px;font-family:inherit;outline:none;color:#0f1b33;text-align:right;font-variant-numeric:tabular-nums}
.fee-page .sub-input input:focus{border-color:var(--fee-navy-2)}
.fee-page .unit-suffix{font-size:12px;color:#94a3b8;flex:none}
.fee-page .sync-btn{display:none;border:1px solid var(--fee-line);background:#f4f7fd;color:var(--fee-navy-2);border-radius:9px;padding:6px 9px;font-size:12px;cursor:pointer;font-family:inherit;transition:.15s;flex:none}
.fee-page .sync-btn.show{display:inline-flex}
.fee-page .sync-btn:hover{background:#e9eef7}
.fee-page .sub-fee-row.off .sub-input{opacity:.4;pointer-events:none}

/* ===== 结果区 ===== */
.fee-page .result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;flex-wrap:wrap;gap:8px}
.fee-page .result-head h2{font-size:17px;font-weight:800;margin:0;color:var(--fee-navy)}
.fee-page .result-head h2::before{content:'';display:inline-block;width:4px;height:16px;border-radius:2px;background:var(--fee-gold);margin-right:8px;vertical-align:-2px}
.fee-page #copyBtn{border:1px solid var(--fee-gold);background:var(--fee-gold);color:#4c3a10;border-radius:99px;padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s}
.fee-page #copyBtn:hover{background:var(--fee-gold-light);border-color:var(--fee-gold-light)}
.fee-page .res-summary{font-size:12px;color:#94a3b8;margin-bottom:16px}
.fee-page .fee-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:520px){.fee-page .fee-cards{grid-template-columns:1fr}}
.fee-page .fee-card{position:relative;background:#fff;border:1px solid var(--fee-line);border-radius:12px;padding:16px 16px 14px;overflow:hidden;transition:box-shadow .2s}
.fee-page .fee-card:hover{box-shadow:0 10px 24px rgba(13,37,64,.08)}
.fee-page .fee-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--c)}
/* 费卡语义色：模板里禁止内联 style，四张卡用修饰类给 --c/--bg */
.fee-page .fc-blue{--c:#14355c;--bg:#eef3fa}
.fee-page .fc-green{--c:#0eaa72;--bg:#e7f8f1}
.fee-page .fc-orange{--c:#b9770e;--bg:#fdf3e3}
.fee-page .fc-purple{--c:#6b4bc4;--bg:#f0edfd}
.fee-page .fc-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.fee-page .fc-icon{width:30px;height:30px;border-radius:9px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.fee-page .fc-label{font-size:13px;font-weight:700;color:#475569}
.fee-page .fc-badge{margin-left:auto;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--bg);color:var(--c);white-space:nowrap}
.fee-page .fc-value{font-size:26px;font-weight:800;color:var(--c);font-variant-numeric:tabular-nums;letter-spacing:-.5px;display:flex;align-items:baseline;word-break:break-all}
.fee-page .fc-value .yen{font-size:15px;font-weight:700;margin-right:2px;opacity:.75}
.fee-page .fc-note{font-size:11.5px;color:#94a3b8;margin-top:6px}
@keyframes fee-pulse{0%{transform:scale(1)}35%{transform:scale(1.05)}100%{transform:scale(1)}}
.fee-page .fc-value.pulse,.fee-page .t-val.pulse{animation:fee-pulse .4s ease}

.fee-page .total-card{margin-top:14px;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;color:#fff;background:linear-gradient(120deg,var(--fee-navy) 0%,var(--fee-navy-2) 60%,var(--fee-navy-3) 100%)}
.fee-page .t-item{flex:1}
.fee-page .t-label{display:block;font-size:12px;opacity:.82;margin-bottom:4px}
.fee-page .t-val{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px;display:flex;align-items:baseline;word-break:break-all}
.fee-page .t-val .yen{font-size:14px;opacity:.85;font-weight:700;margin-right:2px}
.fee-page .t-divider{width:1px;align-self:stretch;background:rgba(255,255,255,.25)}
@media(max-width:520px){.fee-page .total-card{flex-direction:column;gap:10px}.fee-page .t-divider{display:none}}

/* ===== 明细 ===== */
.fee-page .details-area{margin-top:18px}
.fee-page .detail-block{border:1px solid var(--fee-line);border-radius:12px;overflow:hidden;margin-bottom:12px}
/* ★ 明细表在窄屏可能比容器宽。外层 .detail-block 是 overflow:hidden（为圆角裁边），
 *   若表格直接溢出就会被**静默裁掉右边的金额列** —— 不报错、不滚动，用户看不到数字。
 *   所以给表格单独套一层横向滚动容器：装得下时完全无感，装不下时能滑。
 *   （由 static/js/tools_fee.js 的 detailBlock() 生成这层 .db-scroll）
 *
 * ⚠️ 只有 `overflow-x:auto` 还不够：`.detail-block table{width:100%}` 会把表格**盒子**
 *   钳在容器宽，而单元格内容仍要更宽 → 内容溢出表格盒子，却**不产生可滚动溢出**
 *   （实测 320px：table offsetWidth 260、scrollWidth 324，.db-scroll scrollWidth 仍是 260）。
 *   所以表格要改成 `width:auto`（按内容撑开），外层才真的能滑。
 *   选择器必须写到 3 层（.detail-block .db-scroll table），否则会被下面
 *   `.detail-block table{width:100%}` 以同特异度、靠后的顺序覆盖掉。 */
.fee-page .db-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fee-page .detail-block .db-scroll table{width:auto;min-width:100%}
.fee-page .db-title{font-size:13.5px;font-weight:700;padding:11px 14px;background:#f8fafd;color:#1e293b;display:flex;align-items:center;gap:6px;border-bottom:1px solid #eef2f7}
.fee-page .db-title .tag{margin-left:auto;font-size:11px;color:var(--c);background:var(--bg);padding:2px 9px;border-radius:99px;font-weight:600}
.fee-page .detail-block table{width:100%;border-collapse:collapse;font-size:12.5px;margin:0}
.fee-page .detail-block th{text-align:left;font-weight:600;color:#8b93a7;padding:8px 14px;border-bottom:1px solid #f1f5f9;background:#fcfdff}
.fee-page .detail-block th.num,.fee-page .detail-block td.num{text-align:right}
.fee-page .detail-block td{padding:8px 14px;border-bottom:1px solid #f6f8fb;color:#334155}
.fee-page .detail-block td.num{font-variant-numeric:tabular-nums;font-weight:600;color:#0f1b33}
.fee-page .detail-block tr.t-total td{border-top:2px solid var(--fee-line);border-bottom:none;font-weight:800;color:var(--c);background:#fbfcfe}
.fee-page .db-note{font-size:11.5px;color:#94a3b8;padding:8px 14px;background:#fcfdff}

.fee-page details.ref{margin-top:14px;border:1px solid var(--fee-line);border-radius:12px;background:#fbfcfe}
.fee-page details.ref summary{cursor:pointer;padding:12px 16px;font-size:13px;font-weight:700;color:#475569;list-style:none;display:flex;align-items:center;gap:6px;user-select:none}
.fee-page details.ref summary::-webkit-details-marker{display:none}
.fee-page details.ref summary::after{content:'▾';margin-left:auto;color:#94a3b8;transition:.2s}
.fee-page details.ref[open] summary::after{transform:rotate(180deg)}
.fee-page .ref-body{padding:0 16px 16px;font-size:12px;color:#64748b}
.fee-page .ref-body h4{font-size:12.5px;color:#334155;margin:12px 0 6px}
.fee-page .ref-body table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eef2f7;border-radius:8px}
.fee-page .ref-body td,.fee-page .ref-body th{padding:6px 10px;border-bottom:1px solid #f1f5f9}
/* ★ 必须显式放开换行：app.css 在 @media(max-width:720px) 里有一条**裸元素选择器**
 *     table { display:block; overflow-x:auto; white-space:nowrap; }
 *   它会让全站表格在窄屏强制不换行 + 横向滚动。速查表只有两列、每格都是短文本，
 *   不换行的后果是「财产数额 ≤ 1,000 元或不涉及财产数额」把表格撑到 281px
 *   （容器只有 234px）→ 必须横滑才能看到右列。放开换行后实测 320px 也完整显示。
 *   本规则只作用于 .ref-body，不影响站点其它表格。 */
.fee-page .ref-body td,.fee-page .ref-body th{white-space:normal}
.fee-page .ref-body tr:last-child td{border-bottom:none}
.fee-page .ref-body td.num,.fee-page .ref-body th.num{text-align:right}
.fee-page .ref-body ul{padding-left:18px}
.fee-page .ref-body li{margin:3px 0}

.fee-page .fee-disclaimer{margin-top:14px;font-size:11.5px;color:#9aa3b5;line-height:1.7;background:#f8fafd;border:1px dashed var(--fee-line);border-radius:12px;padding:10px 14px}

.fee-page .fee-toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);background:var(--fee-navy);color:#fff;padding:10px 20px;border-radius:99px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:99;box-shadow:0 10px 30px rgba(15,27,51,.3)}
.fee-page .fee-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== 窄屏细化（≤480px，覆盖绝大多数手机竖屏） =====
 * 目标不是「不溢出」（那已由上面的 minmax(0,1fr) 解决），而是让手机上有**舒适的留白与字号**。
 * 面板内边距 22→16、正文留白 16→12。
 *
 * ★ 明细表三列是这里最紧的地方，数值全部来自实测（Edge，测 `width:min-content` 的真实最小宽）：
 *     12.5px / padding 8px  → 需要 324px
 *     11.5px / padding 6px  → 需要 290px   ← 采用值
 *     10.5px / padding 5px4px → 需要 256px（中文字号已偏小，不采用）
 *   容器宽 = 屏宽 − 58（正文 12×2 + 面板 16×2 + 边框 1×2），
 *   所以 11.5px/6px 在 **≥348px** 的屏上都装得下 —— 360/375/390/414 全部免横滑。
 *   ≤359px 另有「两行式」兜底，见下面的块。 */
@media (max-width:480px){
  .fee-page .fee-hero{padding:22px 14px 76px}
  .fee-page .fee-hero h1{font-size:24px;letter-spacing:1px}
  .fee-page .fee-hero p{font-size:13px}
  .fee-page .fee-hero::after{font-size:150px;right:-24px;top:-30px}
  .fee-page .fee-wrap{margin:-40px auto 20px;padding:0 12px;gap:16px}
  .fee-page .fee-panel{padding:16px}
  .fee-page .fee-basis{margin:0 12px 16px}
  /* 明细表：收字号 + 收 padding，让三列在手机上排得下（不靠横滑） */
  .fee-page .detail-block table{font-size:11.5px}
  .fee-page .db-title{padding:10px 12px;font-size:12.5px}
  .fee-page .detail-block th{padding:6px}
  .fee-page .detail-block td{padding:6px}
  .fee-page .db-note{padding:8px 12px}
  /* 速查表（details.ref）同理 */
  .fee-page .ref-body{padding:0 12px 12px}
  .fee-page .ref-body td,.fee-page .ref-body th{padding:6px 7px}
  /* 金额：字号略降，长数字靠 break-all 换行，避免撑破卡片 */
  .fee-page .fc-value{font-size:23px}
  .fee-page .t-val{font-size:21px}
  .fee-page .total-card{padding:14px 16px}
  .fee-page .amount-box{padding:6px 8px 6px 12px}
  .fee-page .amount-box input{font-size:20px}
  .fee-page .sub-fee-row{padding:9px 10px;gap:8px}
  .fee-page .switch-row{width:106px}
  .fee-page .fee-disclaimer{padding:9px 12px}
}

/* ===== 明细表「两行式」（≤359px，即 iPhone SE1 / 老 Android 这一档） =====
 * 三列在 ≤359px 是**结构性**排不下：容器只有 ≤301px，而三列最小需要 290px（11.5px）
 * 甚至 324px（12.5px）。再往下压字号（10.5px 才够）已影响中文可读性。
 * 所以改成两行式，且**不缩字号**：
 *     第一行：计费区间 ……………………………… 金额
 *     第二行：计算方式（灰色小字，占满整行）
 * 这样 320px 屏也能完整显示，不必横滑。断点取 359 而不是 360，
 * 是为了让 360px（最常见的安卓竖屏）继续用信息密度更高的三列表格。 */
@media (max-width:359px){
  .fee-page .detail-block .db-scroll table{display:block;width:100%;min-width:0}
  .fee-page .detail-block thead{display:none}
  .fee-page .detail-block tbody{display:block}
  .fee-page .detail-block tr{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:8px 10px;border-bottom:1px solid #f6f8fb}
  .fee-page .detail-block td{display:block;border:none;padding:0}
  .fee-page .detail-block td:nth-child(1){grid-column:1;grid-row:1;color:#334155}
  .fee-page .detail-block td:nth-child(2){grid-column:1/-1;grid-row:2;color:#8b93a7;font-size:11px}
  .fee-page .detail-block td:nth-child(3){grid-column:2;grid-row:1;text-align:right}
  /* 小计行只有两个单元格（colspan=2 的「小计」+ 金额），单独摆位 */
  .fee-page .detail-block tr.t-total{padding:9px 10px;background:#fbfcfe;border-top:2px solid var(--fee-line);border-bottom:none}
  .fee-page .detail-block tr.t-total td[colspan]{grid-column:1;grid-row:1;font-weight:800;color:var(--c);background:none;border:none}
  .fee-page .detail-block tr.t-total td.num{grid-column:2;grid-row:1;font-weight:800;color:var(--c);background:none;border:none}
}

@media print{.fee-page .fee-hero,.fee-page .input-panel,.fee-page #copyBtn,.fee-page details.ref{display:none}.fee-page .fee-wrap{grid-template-columns:minmax(0,1fr);margin-top:0}.fee-page .result-panel{box-shadow:none;border:none}}