:root { font-family:Arial,"Microsoft JhengHei",sans-serif; color:#16313d; background:radial-gradient(circle at top left,#dff3f1 0,transparent 32%),linear-gradient(145deg,#f2f8fb,#edf7f7); }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; }
button,input,select { font:inherit; }
.app-shell { max-width:1440px; margin:auto; padding:28px; }
.hero { display:flex; justify-content:space-between; gap:24px; align-items:center; position:relative; overflow:hidden; color:#fff; background:linear-gradient(120deg,#063c5d,#086b78 58%,#0c8491); padding:32px 34px; border:1px solid #ffffff2e; border-radius:20px; box-shadow:0 14px 32px #06455c33; }.hero::after { content:""; position:absolute; width:260px; height:260px; right:-90px; top:-145px; border:40px solid #b4f0df22; border-radius:50%; }.hero > * { position:relative; z-index:1; }.hero h1 { margin:3px 0 8px; font-size:clamp(1.7rem,3vw,2.4rem); letter-spacing:.01em; }.hero p { max-width:620px; margin:0; color:#e3f7fa; line-height:1.6; }.eyebrow { color:#83ddcf; font-size:.74rem; letter-spacing:.14em; font-weight:800; }.quote-count { white-space:nowrap; padding:14px 20px; border:1px solid #ffffff3d; border-radius:13px; background:#ffffff18; box-shadow:inset 0 1px #ffffff2c; }.quote-count strong { font-size:1.5rem; }
.notice { margin:18px 0; padding:14px 17px; background:#f4fbf9; border:1px solid #b7e2d9; border-left:5px solid #0b947e; border-radius:11px; color:#285663; line-height:1.6; }.link-button { border:0; background:none; color:#08716f; text-decoration:underline; cursor:pointer; padding:0 4px; font-weight:700; }
.toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 14px; padding:12px; background:#ffffffb8; border:1px solid #cfe3e7; border-radius:14px; box-shadow:0 5px 14px #174a5b12; }.toolbar button,.guide-link { min-height:46px; border-radius:9px; border:0; padding:10px 16px; cursor:pointer; font-weight:800; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }.toolbar button:hover,.guide-link:hover { transform:translateY(-1px); }.primary { background:linear-gradient(135deg,#087d90,#08735f); color:#fff; box-shadow:0 4px 10px #08716933; }.primary:hover { background:linear-gradient(135deg,#056778,#07604f); }.secondary { background:#fff; color:#17536b; border:1px solid #bed5dc !important; }.secondary:hover { background:#edf8f8; box-shadow:0 3px 8px #2253641a; }.guide-link { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }.quote-image-button { background:linear-gradient(135deg,#105f8e,#087967); color:#fff; box-shadow:0 4px 10px #075d6533; }.quote-image-button:hover { background:linear-gradient(135deg,#084b71,#065f50); }.quote-image-button:disabled { cursor:wait; opacity:.75; }.quote-image-button.is-loading::before { content:""; display:inline-block; width:.85em; height:.85em; margin-right:.5em; border:2px solid #fff8; border-top-color:#fff; border-radius:50%; vertical-align:-.1em; animation:spin .7s linear infinite; } @keyframes spin { to { transform:rotate(360deg); } }.status { min-height:1.35rem; margin:0 2px 12px; color:#b2352d; font-weight:800; }.status.success { color:#08745c; }
.entry-workspace { margin-top:18px; padding:20px; border:1px solid #cfe2e5; border-radius:18px; background:linear-gradient(145deg,#ffffff,#f2fbfa); box-shadow:0 10px 26px #12475512; }.entry-workspace-header { display:flex; justify-content:space-between; align-items:end; gap:22px; margin:0 2px 16px; }.entry-workspace-header h2 { margin:4px 0 5px; color:#084c68; font-size:1.4rem; }.entry-workspace-header p:not(.eyebrow) { margin:0; color:#4f6b75; line-height:1.5; }.field-group-legend { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }.field-group-legend span { padding:6px 10px; border-radius:999px; font-size:.76rem; font-weight:800; }.legend-basic { background:#e5f2fa; color:#12658b; }.legend-underlying { background:#e4f7f1; color:#08735d; }.legend-payoff { background:#e8f3fa; color:#17618a; }.legend-risk { background:#edf7f5; color:#0a746a; }
.table-card { overflow:visible; background:transparent; }.table-scroll { overflow:visible; -webkit-overflow-scrolling:touch; } #quoteTable { display:block; width:100%; min-width:0; border-collapse:separate; border-spacing:0; } #quoteTable thead { display:none; } #quoteTable tbody { display:grid; gap:18px; } #quoteTable tr { position:relative; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; padding:49px 18px 18px; border:1px solid #c8e0e2; border-radius:15px; background:linear-gradient(145deg,#ffffff,#fafdfe); box-shadow:0 5px 14px #0b536012; } #quoteTable td { min-width:0; padding:0; border:0; background:transparent; } #quoteTable .row-number { position:absolute; top:0; left:0; display:flex; align-items:center; min-width:54px; height:35px; padding:0 15px; border-radius:14px 0 12px 0; background:linear-gradient(135deg,#075978,#0b887a); color:#fff; font-weight:800; font-size:.9rem; } #quoteTable .quote-field { grid-column:span 2; } #quoteTable .quote-field[data-field="product"],#quoteTable .quote-field[data-field="currency"],#quoteTable .quote-field[data-field="tradeDate"],#quoteTable .quote-field[data-field="tenor"] { grid-column:span 3; } #quoteTable .quote-field[data-field="bbgCode1"] { grid-column:span 4; } #quoteTable .quote-field[data-field="bbgCode2"],#quoteTable .quote-field[data-field="bbgCode3"],#quoteTable .quote-field[data-field="bbgCode4"],#quoteTable .quote-field[data-field="bbgCode5"] { grid-column:span 2; } #quoteTable .quote-field[data-field="strike"],#quoteTable .quote-field[data-field="koBarrier"],#quoteTable .quote-field[data-field="coupon"],#quoteTable .quote-field[data-field="upfront"] { grid-column:span 2; } #quoteTable .quote-field[data-field="koType"] { grid-column:span 4; } #quoteTable .field-label { display:grid; gap:5px; min-height:78px; padding:10px; border:1px solid #cfe1e5; border-top:3px solid #0d7891; border-radius:10px; background:#fff; box-shadow:0 2px 5px #0b52600d; } #quoteTable .group-underlying .field-label { border-top-color:#0b9a78; background:#fcfffe; } #quoteTable .group-payoff .field-label { border-top-color:#087bab; background:#fcfeff; } #quoteTable .group-risk .field-label { border-top-color:#078b7d; background:#fcfffe; } #quoteTable .field-label-text { color:#3d6571; font-size:.75rem; font-weight:800; line-height:1.2; } #quoteTable input,#quoteTable select { width:100%; min-width:0; min-height:40px; padding:7px 9px; border:1px solid #abc5cd; border-radius:6px; background:#fff; color:#173b47; } #quoteTable input[readonly] { background:#eef5f5; color:#56727a; } #quoteTable input:focus,#quoteTable select:focus { outline:3px solid #8eddd2aa; border-color:#087d82; } .invalid { border-color:#cc3931 !important; background:#fff4f3 !important; }
dialog { max-width:560px; width:calc(100% - 32px); border:0; border-radius:14px; box-shadow:0 20px 60px #0005; }.dialog-content { padding:8px 12px; line-height:1.6; }.dialog-content h2 { margin-top:0; }.dialog-content li{margin:8px 0}
.issuer-dialog { max-width:430px; }.issuer-dialog label { display:block; margin:14px 0 6px; font-weight:bold; }.issuer-dialog select { width:100%; }.issuer-warning { margin:12px 0 0; padding:10px; border-radius:7px; background:#fff1ed; color:#a3361d; font-weight:bold; }.dialog-hint { margin:12px 0 0; padding:10px; border-radius:7px; background:#eef7fb; color:#245a73; font-size:.92rem; }.dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }.dialog-actions button { min-height:42px; border-radius:8px; padding:8px 14px; cursor:pointer; font-weight:bold; }
.quote-preview-panel { margin-top:26px; padding:22px; border:1px solid #d5e1e7; border-radius:14px; background:#e9f1f5; }.preview-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:16px; }.preview-heading h2 { margin:2px 0 0; color:#073b5c; }.preview-heading p { margin:0; color:#52616b; }.preview-actions { display:flex; align-items:center; justify-content:flex-end; gap:14px; }.preview-issuer-button { min-height:42px; padding:9px 14px; border-radius:8px; cursor:pointer; font-weight:bold; white-space:nowrap; }.quote-capture-scroll { overflow:auto; border-radius:10px; box-shadow:0 8px 22px #173c5020; }.quote-sheet { --issuer-color:#00776d; --issuer-accent:#0a6ea8; --issuer-soft:#eaf8f5; width:1400px; min-height:750px; padding:38px; background:linear-gradient(145deg,#edf9f8 0,#ffffff 32%,#eff7fb 100%); color:#16313d; font-family:Arial,"Microsoft JhengHei",sans-serif; }.quote-sheet.theme-bnp { --issuer-color:#008a4b; --issuer-accent:#0875a8; --issuer-soft:#e7f8ef; }.quote-sheet.theme-barclays { --issuer-color:#0077a8; --issuer-accent:#008b73; --issuer-soft:#e7f6fb; }.quote-sheet.theme-ms { --issuer-color:#006f80; --issuer-accent:#00855d; --issuer-soft:#e5f7f6; }.quote-sheet.theme-jpm { --issuer-color:#174d85; --issuer-accent:#00806c; --issuer-soft:#e8f3fb; }.quote-sheet.theme-nomura { --issuer-color:#b51f36; --issuer-accent:#7d1730; --issuer-soft:#fbecee; }.quote-sheet.theme-ubs { --issuer-color:#d71920; --issuer-accent:#8b1d33; --issuer-soft:#fcebed; }.quote-sheet.theme-dbs { --issuer-color:#d31245; --issuer-accent:#9e1638; --issuer-soft:#fbe9ef; }.quote-sheet.theme-sg { --issuer-color:#0875b9; --issuer-accent:#008a73; --issuer-soft:#e8f5fb; }.quote-sheet.theme-citi { --issuer-color:#056dae; --issuer-accent:#d23449; --issuer-soft:#e9f4fb; }.quote-sheet.theme-gs { --issuer-color:#1f6fb2; --issuer-accent:#16866c; --issuer-soft:#e9f4fb; }.quote-sheet.theme-ca { --issuer-color:#1b5aa6; --issuer-accent:#168064; --issuer-soft:#e9f1fb; }.quote-sheet-header { display:flex; align-items:center; justify-content:space-between; padding:0 0 24px; border-bottom:5px solid var(--issuer-color); }.quote-sheet-header p { margin:0 0 5px; color:#246075; font-size:14px; font-weight:bold; letter-spacing:.12em; }.quote-sheet-header h2 { margin:0; color:var(--issuer-color); font-size:38px; letter-spacing:.02em; }.quote-sheet-header-note { display:flex; align-items:baseline; gap:9px; color:#256075; font-size:17px; }.quote-sheet-header-note strong { color:var(--issuer-accent); font-size:36px; }.quote-card-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:17px; padding-top:26px; }.quote-card { overflow:hidden; border:1px solid #b9d8df; border-radius:10px; background:#fff; box-shadow:0 3px 9px #0a67801f; }.quote-card-header { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:66px; padding:13px 15px; color:#fff; background:linear-gradient(125deg,var(--issuer-color),var(--issuer-accent)); }.quote-card-header strong { display:block; font-size:24px; }.quote-card-header small { font-size:15px; opacity:.92; }.quote-card-number { display:inline-block; margin-right:5px; font-size:14px; font-weight:bold; opacity:.8; }.quote-card-issuer { max-width:96px; text-align:right; font-size:15px; font-weight:bold; letter-spacing:.03em; }.quote-card-summary { display:grid; grid-template-columns:1fr 1fr; background:var(--issuer-soft); }.quote-card-summary div { padding:13px 15px; }.quote-card-summary div + div { border-left:1px solid #b9d8df; }.quote-card-summary span, .quote-detail > span { display:block; color:#286174; font-size:15px; }.quote-card-summary strong { display:block; margin-top:4px; font-size:24px; }.quote-highlight { color:var(--issuer-color); }.quote-card-details { display:grid; grid-template-columns:1fr 1fr; }.quote-detail { min-height:76px; padding:13px 15px; border-top:1px solid #d4e7e9; }.quote-detail:nth-child(odd) { border-right:1px solid #d4e7e9; }.quote-detail strong { display:inline-block; margin-top:5px; font-size:20px; }.quote-detail em { display:block; margin-top:3px; color:var(--issuer-color); font-size:14px; font-style:normal; }.quote-detail.underlyings { grid-column:1 / -1; min-height:102px; }.quote-detail ul { display:flex; flex-wrap:wrap; gap:7px 10px; padding:0; margin:8px 0 0; list-style:none; }.quote-detail li { padding:5px 9px; border-radius:4px; background:#e4f2f4; color:#155066; font-size:18px; font-weight:bold; }.quote-dac-note { margin:5px 0 0; color:#1b7180; font-size:13px; line-height:1.35; }.quote-card-footer { display:flex; justify-content:space-between; gap:8px; padding:11px 15px; background:#eaf4f6; color:#236074; font-size:13px; }.quote-sheet-disclaimer { margin-top:24px; color:#286174; font-size:13px; text-align:right; }
.guide-shell { max-width:1040px; margin:0 auto; padding:32px 24px 48px; }.guide-shell h1 { color:#073b5c; margin:20px 0 8px; }.guide-intro { color:#52616b; }.back-link { color:#075c8a; font-weight:bold; }.guide-section { margin-top:24px; padding:22px; background:#fff; border:1px solid #d5e1e7; border-radius:12px; line-height:1.6; }.guide-section h2 { margin-top:0; color:#0b4a6f; }.guide-table-scroll { overflow:auto; }.guide-table { min-width:650px; width:100%; border-collapse:collapse; }.guide-table th { position:static; background:#0b4a6f; }.guide-table td, .guide-table th { border:1px solid #d5e1e7; padding:10px; text-align:left; vertical-align:top; }.guide-table td:first-child { position:static; min-width:190px; background:#eef5f8; text-align:left; }
@media (min-width:761px) {
  .app-shell { max-width:1920px; padding:20px; }
  .entry-workspace { padding:14px; }
  .table-card { overflow:hidden; border:1px solid #b9d4da; border-radius:12px; background:#fff; box-shadow:0 7px 18px #0b536018; }
  .table-scroll { overflow-x:auto; overflow-y:visible; scrollbar-gutter:stable; overscroll-behavior-inline:contain; }
  #quoteTable { display:table; width:100%; min-width:1284px; table-layout:fixed; border-collapse:separate; border-spacing:0; }
  #quoteTable thead { display:table-header-group; }
  #quoteTable tbody { display:table-row-group; }
  #quoteTable tr { position:static; display:table-row; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
  #quoteTable th,
  #quoteTable td { display:table-cell; min-width:0; padding:5px 4px; border:0; border-right:1px solid #d8e6e8; border-bottom:1px solid #d8e6e8; vertical-align:middle; }
  #quoteTable th { position:sticky; top:0; z-index:3; height:52px; padding:6px 4px; background:#075b78; color:#fff; font-size:.65rem; font-weight:800; line-height:1.15; text-align:center; white-space:normal; }
  #quoteTable th:nth-child(n+6):nth-child(-n+10) { background:#087b72; }
  #quoteTable th:nth-child(n+11):nth-child(-n+16) { background:#086b8b; }
  #quoteTable th:nth-child(n+17) { background:#08766f; }
  #quoteTable th:first-child { left:0; z-index:4; background:#064863; }
  #quoteTable tbody tr:last-child td { border-bottom:0; }
  #quoteTable tbody tr:hover td:not(.row-number) { background:#eff9f8; }
  #quoteTable td.group-basic { background:#f7fbfd; }
  #quoteTable td.group-underlying { background:#f7fcfa; }
  #quoteTable td.group-payoff { background:#f8fbfd; }
  #quoteTable td.group-risk { background:#f7fcfb; }
  #quoteTable .row-number { position:sticky; left:0; z-index:2; display:table-cell; width:38px; min-width:38px; height:auto; padding:5px 3px; border-radius:0; background:linear-gradient(145deg,#075978,#0a8077); color:#fff; font-size:.76rem; text-align:center; vertical-align:middle; }
  #quoteTable .quote-field,
  #quoteTable .quote-field[data-field] { grid-column:auto; }
  #quoteTable .field-label,
  #quoteTable .group-underlying .field-label,
  #quoteTable .group-payoff .field-label,
  #quoteTable .group-risk .field-label { display:block; min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
  #quoteTable .field-label-text { display:none; }
  #quoteTable input,
  #quoteTable select { min-height:34px; padding:4px; border-color:#a9c2c8; border-radius:5px; font-size:.69rem; line-height:1.15; }
  #quoteTable input[type="number"] { appearance:textfield; }
  #quoteTable input[type="number"]::-webkit-inner-spin-button,
  #quoteTable input[type="number"]::-webkit-outer-spin-button { margin:0; appearance:none; }
  #quoteTable th:nth-child(1) { width:34px; }
  #quoteTable th:nth-child(2) { width:52px; }
  #quoteTable th:nth-child(3) { width:54px; }
  #quoteTable th:nth-child(4) { width:78px; }
  #quoteTable th:nth-child(5) { width:44px; }
  #quoteTable th:nth-child(n+6):nth-child(-n+10) { width:68px; }
  #quoteTable th:nth-child(11) { width:54px; }
  #quoteTable th:nth-child(12) { width:82px; }
  #quoteTable th:nth-child(13),
  #quoteTable th:nth-child(14),
  #quoteTable th:nth-child(18),
  #quoteTable th:nth-child(19) { width:58px; }
  #quoteTable th:nth-child(15) { width:66px; }
  #quoteTable th:nth-child(16) { width:64px; }
  #quoteTable th:nth-child(17) { width:60px; }
  #quoteTable th:nth-child(20) { width:50px; }
  #quoteTable th:nth-child(21) { width:74px; }
}

/* Cloudflare 後端模式：只在 app.yintsun66.com 由 backend-client.js 顯示。 */
.backend-shell{position:relative;z-index:1000}.backend-userbar{position:fixed;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #80cabb;border-radius:14px;background:#f2fbf9;box-shadow:0 10px 28px rgba(8,55,72,.16);color:#0b4a6f;font-weight:700}.backend-dialog{border:0;border-radius:20px;padding:0;box-shadow:0 24px 70px rgba(4,41,60,.3);max-width:min(94vw,520px)}.backend-dialog::backdrop{background:rgba(3,34,49,.68);backdrop-filter:blur(4px)}.backend-panel{padding:30px;background:linear-gradient(145deg,#fff,#effaf8);min-width:min(440px,88vw)}.backend-panel label{display:grid;gap:6px;margin:14px 0;color:#174d62;font-weight:700}.backend-panel input{width:100%;padding:12px;border:1px solid #91c7c3;border-radius:9px;font:inherit}.backend-error{min-height:1.4em;color:#a12d39}.backend-results-dialog{max-width:min(96vw,1100px);width:1100px}.backend-results-dialog .backend-panel{min-width:0}.backend-results-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.backend-countdown{font-size:18px;font-weight:800;color:#075f73}.backend-issuer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.issuer-state{display:grid;gap:3px;padding:10px;border:1px solid #afd7d3;border-radius:10px;background:#fff;font-size:12px;color:#477}.issuer-state b{font-size:15px;color:#0b4a6f}.status-valid_reply{border-color:#42ad85;background:#ebfaf4}.status-timeout,.status-parse_error{border-color:#d8a073;background:#fff6ed}.backend-rankings{display:grid;gap:16px;margin-top:20px}.ranking-card{padding:16px;border:1px solid #a9d7d2;border-radius:14px;background:#fff}.ranking-card h3{margin:0 0 12px;color:#0b4a6f}.ranking-card small{margin-left:8px;color:#168a77}.ranking-card table{width:100%;border-collapse:collapse}.ranking-card th,.ranking-card td{padding:9px;border-bottom:1px solid #d5e8e8;text-align:left}.ranking-card th{background:#0b5c73;color:#fff}.backend-artifacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.artifact-link{text-decoration:none}.artifact-pending{padding:10px;border-radius:8px;background:#e9f4f5;color:#315c68}@media(max-width:600px){.backend-results-heading{display:block}.backend-dialog{max-width:96vw}.backend-panel{padding:20px}.ranking-card{overflow-x:auto}.backend-userbar{left:12px;right:12px;justify-content:space-between}}
@media (max-width:900px) { .entry-workspace-header { align-items:flex-start; flex-direction:column; }.field-group-legend { justify-content:flex-start; } }
@media (max-width:760px) { .app-shell,.guide-shell { padding:14px; }.hero { padding:24px; align-items:flex-start; flex-direction:column; border-radius:16px; }.quote-count { padding:10px 14px; }.toolbar { display:grid; grid-template-columns:1fr 1fr; }.toolbar button,.toolbar .guide-link { width:100%; }.toolbar #sendQuotes,.toolbar #generateQuoteImage,.toolbar .guide-link { grid-column:span 2; }.entry-workspace { padding:14px; border-radius:14px; }.entry-workspace-header { margin-bottom:14px; }.field-group-legend span { padding:5px 8px; font-size:.7rem; } #quoteTable tr { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:47px 12px 12px; border-radius:12px; } #quoteTable .quote-field,#quoteTable .quote-field[data-field] { grid-column:span 1; } #quoteTable .quote-field[data-field="bbgCode1"],#quoteTable .quote-field[data-field="tradeDate"],#quoteTable .quote-field[data-field="koType"] { grid-column:span 2; } #quoteTable .field-label { min-height:76px; padding:9px; } #quoteTable input,#quoteTable select { min-height:44px; font-size:16px; }.guide-section { padding:16px; }.quote-preview-panel { padding:12px; }.preview-heading { align-items:flex-start; flex-direction:column; }.quote-sheet { transform-origin:top left; }.dialog-actions { flex-direction:column-reverse; }.dialog-actions button { width:100%; } }
@media (max-width:460px) { .app-shell,.guide-shell { padding:10px; }.hero { padding:20px; }.toolbar { grid-template-columns:1fr; }.toolbar #sendQuotes,.toolbar #generateQuoteImage,.toolbar .guide-link { grid-column:span 1; }.entry-workspace { padding:10px; }.field-group-legend { gap:5px; } #quoteTable tr { grid-template-columns:1fr; padding:45px 10px 10px; } #quoteTable .quote-field,#quoteTable .quote-field[data-field],#quoteTable .quote-field[data-field="bbgCode1"],#quoteTable .quote-field[data-field="tradeDate"],#quoteTable .quote-field[data-field="koType"] { grid-column:span 1; } }
.backend-archive-dialog{width:min(1180px,96vw);max-width:1180px}.backend-archive-note{color:#315c68;line-height:1.5}.backend-archive-list{max-height:280px;overflow:auto;border:1px solid #c7dddd;border-radius:10px;background:#fff}.backend-archive-list table{width:100%;border-collapse:collapse;font-size:.88rem}.backend-archive-list th,.backend-archive-list td{padding:9px;border-bottom:1px solid #d9e9e8;text-align:left;vertical-align:top}.backend-archive-list th{position:sticky;top:0;background:#0b5c73;color:#fff}.backend-archive-list small{display:block;margin-top:3px;color:#58747b}.backend-archive-empty{padding:16px;margin:0;color:#58747b}.backend-archive-preview{margin-top:18px;padding:16px;border:1px solid #a9d7d2;border-radius:14px;background:#fff}.backend-archive-preview h3{margin:0;color:#0b4a6f;word-break:break-word}.backend-archive-preview p{margin:8px 0 12px;color:#58747b;font-size:.88rem}.backend-archive-preview iframe{display:block;width:100%;min-height:420px;border:1px solid #c7dddd;border-radius:8px;background:#fff}
.backend-registration-dialog{width:min(1050px,96vw);max-width:1050px}.backend-registration-list{max-height:420px;overflow:auto;border:1px solid #c7dddd;border-radius:10px;background:#fff}.backend-registration-list table{width:100%;border-collapse:collapse;font-size:.9rem}.backend-registration-list th,.backend-registration-list td{padding:10px;border-bottom:1px solid #d9e9e8;text-align:left;vertical-align:middle}.backend-registration-list th{position:sticky;top:0;background:#0b5c73;color:#fff}.backend-registration-actions{display:flex;gap:7px;min-width:132px}.backend-registration-actions button{min-height:34px;padding:5px 10px}.backend-admin-status{min-height:1.4em;margin:0 0 10px;color:#08745c;font-weight:700}@media(max-width:600px){.backend-registration-list{max-height:360px}.backend-registration-list table{min-width:760px}.backend-registration-actions{min-width:126px}}