/* ── Freeborn 導入ダッシュボード — white-label launch console ─────────────── */

.dash-body{background:var(--bg-soft);min-height:100vh}
.dash-top{
  position:sticky;top:0;z-index:40;background:var(--nav-bg);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.dash-top-in{display:flex;align-items:center;gap:16px;height:64px;max-width:1420px;margin:0 auto;padding:0 22px;min-width:0}
.dash-top .sp{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.dash-top .brand{font-size:.95rem}
.dash-top .brand .logo{width:32px;height:32px;font-size:.95rem;border-radius:9px}
.dash-tag{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:var(--brand);
  background:var(--brand-soft);border-radius:999px;padding:5px 12px;white-space:nowrap}
.dash-top .sp{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dash-ref{font:700 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);
  border:1px solid var(--line);border-radius:8px;padding:7px 11px;background:var(--panel)}
.save-dot{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--muted-2)}
.save-dot i{width:7px;height:7px;border-radius:50%;background:var(--muted-2);transition:.3s}
.save-dot.saving i{background:#f0a020;animation:sv .9s infinite}
.save-dot.saved i{background:var(--accent)}
.save-dot.err i{background:#e0464f}
@keyframes sv{50%{opacity:.25}}

.dash-shell{display:grid;grid-template-columns:236px minmax(0,1fr) 400px;gap:24px;max-width:100%;
  max-width:1420px;margin:0 auto;padding:26px 22px 70px;align-items:start}

/* ── step rail ───────────────────────────────────────────────────────────── */
.rail{position:sticky;top:90px;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:18px;box-shadow:var(--shadow-sm)}
.rail h4{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}
.rail-prog{height:5px;border-radius:99px;background:var(--bg-soft2);overflow:hidden;margin-bottom:16px}
.rail-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .4s}
.rstep{display:flex;gap:11px;align-items:flex-start;padding:10px 10px;border-radius:10px;cursor:pointer;
  transition:.2s;border:1px solid transparent;background:none;width:100%;text-align:left;font:inherit;color:inherit}
.rstep:hover{background:var(--bg-soft)}
.rstep[aria-current="true"]{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 32%,transparent)}
.rstep .n{width:24px;height:24px;border-radius:8px;flex:none;display:grid;place-items:center;
  font-size:.76rem;font-weight:900;background:var(--bg-soft2);color:var(--muted)}
.rstep[aria-current="true"] .n{background:var(--brand);color:#fff}
.rstep.done .n{background:var(--accent);color:#fff}
.rstep b{display:block;font-size:.86rem;font-weight:700;color:var(--navy);line-height:1.4}
.rstep span{font-size:.74rem;color:var(--muted-2)}
.rail-help{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);line-height:1.7}
.rail-help a{color:var(--brand);font-weight:700}

/* ── form panels ─────────────────────────────────────────────────────────── */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 30px;
  box-shadow:var(--shadow-sm);display:none;animation:pIn .3s cubic-bezier(.2,.7,.3,1)}
.panel.on{display:block}
@keyframes pIn{from{opacity:0;transform:translateY(10px)}}
.panel > .ph{margin-bottom:22px}
.ph .eyebrow{margin-bottom:8px}
.ph h2{font-size:1.35rem;font-weight:800;color:var(--navy);line-height:1.4}
.ph p{color:var(--muted);font-size:.9rem;margin-top:8px}

.frow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}
.frow.one{grid-template-columns:1fr}
.f label{display:block;font-size:.8rem;font-weight:700;color:var(--navy);margin-bottom:7px}
.f label .req{color:#e0464f;margin-left:4px}
.f input[type=text],.f input[type=email],.f input[type=tel],.f input[type=url],.f input[type=date],.f select,.f textarea{
  width:100%;border:1px solid var(--line-2);background:var(--bg);color:var(--txt);border-radius:10px;
  padding:11px 13px;font:inherit;font-size:.9rem;transition:.2s;
}
.f textarea{min-height:96px;resize:vertical;line-height:1.7}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.f .hint{font-size:.76rem;color:var(--muted-2);margin-top:6px;line-height:1.6}
.f .bad{border-color:#e0464f!important}
.f .errmsg{font-size:.76rem;color:#e0464f;margin-top:6px;font-weight:700}

.suffix{display:flex;align-items:stretch}
.suffix input{border-radius:10px 0 0 10px;border-right:none}
.suffix .sfx{display:flex;align-items:center;padding:0 14px;border:1px solid var(--line-2);border-left:none;
  border-radius:0 10px 10px 0;background:var(--bg-soft);color:var(--muted);font:600 .84rem/1 ui-monospace,Menlo,monospace}
.sd-state{font-size:.78rem;font-weight:800;margin-top:7px}
.sd-state.ok{color:var(--accent)}
.sd-state.ng{color:#e0464f}
.sd-state.busy{color:var(--muted-2)}

/* logo dropzone */
.drop{
  border:2px dashed var(--line-2);border-radius:14px;padding:20px;display:flex;align-items:center;gap:18px;
  background:var(--bg-soft);transition:.2s;cursor:pointer;
}
.drop:hover,.drop.over{border-color:var(--brand);background:var(--brand-soft)}
.drop-prev{width:84px;height:84px;border-radius:12px;flex:none;display:grid;place-items:center;overflow:hidden;
  background:var(--panel);border:1px solid var(--line)}
.drop-prev img{max-width:100%;max-height:100%;object-fit:contain}
.drop-prev .mono{font-weight:900;font-size:1.5rem;color:#fff;width:100%;height:100%;display:grid;place-items:center}
.drop-txt b{display:block;font-size:.9rem;color:var(--navy);font-weight:800}
.drop-txt span{font-size:.78rem;color:var(--muted);line-height:1.7;display:block;margin-top:4px}
.drop-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.mini{border:1px solid var(--line-2);background:var(--panel);color:var(--muted);border-radius:8px;
  padding:7px 12px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:.2s}
.mini:hover{border-color:var(--brand);color:var(--brand)}

/* swatches + segmented options */
.swatches{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.sw{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer;transition:.18s;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.09)}
.sw:hover{transform:scale(1.1)}
.sw[aria-pressed="true"]{border-color:var(--navy);transform:scale(1.1)}
input[type=color]{width:46px;height:34px;padding:2px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg);cursor:pointer}
.optrow{display:flex;gap:8px;flex-wrap:wrap}
.opt{border:1px solid var(--line-2);background:var(--panel);color:var(--muted);border-radius:9px;
  padding:9px 15px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s}
.opt:hover{border-color:var(--brand);color:var(--brand)}
.opt[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}

/* product picker */
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pick{
  border:1px solid var(--line);border-radius:13px;padding:15px 16px;background:var(--bg);cursor:pointer;
  transition:.22s;display:flex;flex-direction:column;gap:9px;position:relative;text-align:left;font:inherit;color:inherit;
}
.pick:hover{border-color:var(--acc,var(--brand));transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.pick[aria-pressed="true"]{border-color:var(--acc,var(--brand));background:var(--panel);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--acc,#1667d6) 26%,transparent)}
.pick .ptop{display:flex;align-items:center;gap:10px}
.pick .pm{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:.78rem;
  color:#fff;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#0b1a30));flex:none}
.pick b{font-size:.92rem;font-weight:800;color:var(--navy);line-height:1.35}
.pick p{font-size:.79rem;color:var(--muted);line-height:1.6}
.pick .tick{position:absolute;top:12px;right:12px;width:19px;height:19px;border-radius:50%;
  border:1.6px solid var(--line-2);display:grid;place-items:center;font-size:.66rem;color:transparent;transition:.2s}
.pick[aria-pressed="true"] .tick{background:var(--acc);border-color:var(--acc);color:#fff}
.plans{display:flex;gap:6px;margin-top:2px}
.plans .pl{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 4px;text-align:center;
  font-size:.72rem;font-weight:700;color:var(--muted);cursor:pointer;transition:.18s;background:var(--panel)}
.plans .pl:hover{border-color:var(--acc)}
.plans .pl[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.plans .pl small{display:block;font-size:.66rem;font-weight:600;opacity:.85;margin-top:2px}

.estimate{
  margin-top:20px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft);padding:18px 20px;
}
.estimate h5{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}
.est-row{display:flex;justify-content:space-between;gap:14px;font-size:.86rem;padding:6px 0;color:var(--muted)}
.est-row b{color:var(--navy);font-weight:700;white-space:nowrap}
.est-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-top:1px solid var(--line-2);
  margin-top:10px;padding-top:12px}
.est-total span{font-size:.84rem;color:var(--muted);font-weight:700}
.est-total b{font-size:1.5rem;font-weight:900;color:var(--brand)}
.est-note{font-size:.74rem;color:var(--muted-2);margin-top:10px;line-height:1.7}

/* lang chips */
.langs{display:flex;gap:7px;flex-wrap:wrap}
.lang{border:1px solid var(--line-2);background:var(--panel);color:var(--muted);border-radius:999px;
  padding:6px 13px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:.18s}
.lang[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}

/* review + status */
.review{border:1px solid var(--line);border-radius:13px;overflow:hidden}
.review .r{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:.87rem}
.review .r:last-child{border-bottom:none}
.review .r .k{color:var(--muted-2);font-weight:700;font-size:.8rem}
.review .r .v{color:var(--txt);word-break:break-word}
.review .r .v .miss{color:#e0464f;font-weight:700}

.board{display:flex;gap:0;margin:24px 0 4px;flex-wrap:wrap}
.bstage{flex:1;min-width:110px;text-align:center;position:relative;padding-top:30px}
.bstage::before{content:"";position:absolute;top:9px;left:0;right:0;height:3px;background:var(--line)}
.bstage:first-child::before{left:50%}
.bstage:last-child::before{right:50%}
.bstage i{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:17px;height:17px;border-radius:50%;
  background:var(--panel);border:3px solid var(--line);z-index:1}
.bstage.done i{background:var(--accent);border-color:var(--accent)}
.bstage.done::before{background:var(--accent)}
.bstage.current i{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.bstage b{display:block;font-size:.78rem;font-weight:700;color:var(--muted-2)}
.bstage.current b,.bstage.done b{color:var(--navy)}

.note{border-radius:12px;padding:15px 18px;font-size:.85rem;line-height:1.75;margin-top:18px}
.note.info{background:var(--brand-soft);color:var(--navy);border:1px solid color-mix(in srgb,var(--brand) 26%,transparent)}
.note.good{background:var(--accent-soft);color:var(--navy);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}
.note.warn{background:#fff4e5;color:#7a4a00;border:1px solid #f2c894}
:root[data-theme="dark"] .note.warn{background:#33260f;color:#f0c58a;border-color:#5a4220}
.note b{font-weight:800}

.panel-foot{display:flex;gap:10px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}
.panel-foot .grow{margin-left:auto}

/* ── live preview ────────────────────────────────────────────────────────── */
.preview{position:sticky;top:90px;background:var(--panel);border:1px solid var(--line);border-radius:16px;
  padding:16px;box-shadow:var(--shadow-sm)}
.pv-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.pv-head h4{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-right:auto}
.pv-tabs{display:flex;gap:5px}
.pv-tab{border:1px solid var(--line-2);background:var(--bg);color:var(--muted);border-radius:8px;
  padding:6px 10px;font:inherit;font-size:.73rem;font-weight:700;cursor:pointer;transition:.18s}
.pv-tab[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}

.pv-frame{border-radius:12px;overflow:hidden;border:1px solid var(--line-2);background:#fff;
  box-shadow:0 14px 34px rgba(16,40,73,.14)}
.pv-bar{display:flex;align-items:center;gap:9px;padding:8px 11px;background:#e8ecf3;border-bottom:1px solid #d5dbe6}
.pv-bar .d{display:flex;gap:4px}
.pv-bar .d i{width:8px;height:8px;border-radius:50%;background:#c3cbd8;display:block}
.pv-bar .u{flex:1;background:#fff;border-radius:5px;padding:4px 9px;font:600 .66rem/1.4 ui-monospace,Menlo,monospace;
  color:#7a8798;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-canvas{height:452px;overflow:hidden;position:relative}

/* the branded mock, driven entirely by --t* custom properties */
.mock{--tr:10px;height:100%;font-family:var(--mock-font,var(--font-jp));background:var(--tbg,#fff);color:var(--tfg,#132238);
  font-size:12px;line-height:1.6;display:flex;flex-direction:column;overflow:hidden}
.mock *{box-sizing:border-box}
.mk-top{display:flex;align-items:center;gap:9px;padding:10px 13px;background:var(--tbar,#fff);
  border-bottom:1px solid var(--tline,#e4e9f2);flex:none}
.mk-logo{width:26px;height:26px;border-radius:calc(var(--tr) * .7);display:grid;place-items:center;overflow:hidden;
  background:var(--tc,#1667d6);color:#fff;font-weight:900;font-size:11px;flex:none}
.mk-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.mk-name{font-weight:800;font-size:12.5px;color:var(--tfg,#132238);line-height:1.25;
  max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-name small{display:block;font-size:8.5px;font-weight:600;color:var(--tmut,#8593a7);letter-spacing:.1em}
.mk-nav{margin-left:auto;display:flex;gap:11px;font-size:10px;color:var(--tmut,#8593a7);font-weight:600;
  white-space:nowrap;overflow:hidden;flex:0 1 auto;min-width:0}
.mk-nav b{color:var(--tc,#1667d6)}
.mk-av{width:22px;height:22px;border-radius:50%;background:var(--ta,#0bb69b);color:#fff;display:grid;
  place-items:center;font-size:9px;font-weight:800;margin-left:10px}
.mk-body{flex:1;display:flex;min-height:0}
.mk-side{width:98px;flex:none;background:var(--tside,#f5f7fb);border-right:1px solid var(--tline,#e4e9f2);padding:10px 8px;
  display:flex;flex-direction:column;gap:3px}
.mk-side i{display:block;font-style:normal;font-size:9.5px;color:var(--tmut,#8593a7);padding:6px 8px;
  border-radius:calc(var(--tr) * .6);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-side i.on{background:var(--tc,#1667d6);color:#fff;font-weight:800}
.mk-main{flex:1;padding:13px;overflow:hidden;background:var(--tbg2,#fbfcfe)}
.mk-h{font-size:14px;font-weight:800;color:var(--tfg,#132238);margin-bottom:3px}
.mk-sub{font-size:9.5px;color:var(--tmut,#8593a7);margin-bottom:11px}
.mk-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:11px}
.mk-kpi{background:var(--tcard,#fff);border:1px solid var(--tline,#e4e9f2);border-radius:var(--tr);padding:8px 9px;min-width:0}
.mk-kpi span{font-size:8px;color:var(--tmut,#8593a7);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-kpi b{font-size:12px;font-weight:900;color:var(--tc,#1667d6);line-height:1.2;
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-kpi u{text-decoration:none;font-size:8px;color:var(--ta,#0bb69b);font-weight:700}
.mk-panel{background:var(--tcard,#fff);border:1px solid var(--tline,#e4e9f2);border-radius:var(--tr);padding:11px 12px;margin-bottom:9px}
.mk-panel h6{font-size:10px;font-weight:800;color:var(--tfg,#132238);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.mk-panel h6::before{content:"";width:3px;height:11px;border-radius:2px;background:var(--tc,#1667d6)}
.mk-bars{display:flex;align-items:flex-end;gap:5px;height:56px}
.mk-bars i{flex:1;display:block;border-radius:3px 3px 0 0;background:var(--tc,#1667d6);opacity:.85}
.mk-bars i:nth-child(even){background:var(--ta,#0bb69b)}
.mk-list{display:flex;flex-direction:column;gap:6px}
.mk-li{display:flex;align-items:center;gap:8px;font-size:9.5px;color:var(--tmut,#8593a7)}
.mk-li em{width:16px;height:16px;border-radius:50%;background:var(--tc,#1667d6);opacity:.18;flex:none}
.mk-li b{color:var(--tfg,#132238);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mk-li u{margin-left:auto;text-decoration:none;background:var(--ta,#0bb69b);color:#fff;border-radius:99px;
  padding:2px 7px;font-size:8px;font-weight:800}
.mk-btn{display:inline-block;background:var(--tc,#1667d6);color:#fff;border-radius:calc(var(--tr) * .7);
  padding:7px 14px;font-size:10px;font-weight:800}

/* login mock */
.mk-login{height:100%;display:grid;place-items:center;padding:20px;
  background:var(--tlogin,linear-gradient(150deg,#eef3fb,#fff))}
.mk-card{width:100%;max-width:230px;background:var(--tcard,#fff);border:1px solid var(--tline,#e4e9f2);
  border-radius:calc(var(--tr) * 1.3);padding:20px 18px;text-align:center;box-shadow:0 12px 30px rgba(16,40,73,.1)}
.mk-card .mk-logo{width:40px;height:40px;font-size:15px;margin:0 auto 11px;border-radius:calc(var(--tr))}
.mk-card h5{font-size:13px;font-weight:800;color:var(--tfg,#132238)}
.mk-card p{font-size:9px;color:var(--tmut,#8593a7);margin:5px 0 14px;line-height:1.6}
.mk-in{height:28px;border:1px solid var(--tline,#e4e9f2);border-radius:calc(var(--tr) * .7);margin-bottom:8px;
  background:var(--tbg,#fff);display:flex;align-items:center;padding:0 9px;font-size:9px;color:var(--tmut,#8593a7)}
.mk-card .mk-btn{display:block;margin-top:4px;padding:9px}
.mk-card .foot{font-size:8px;color:var(--tmut,#8593a7);margin-top:12px;line-height:1.6}

/* document / invoice mock */
.mk-doc{height:100%;padding:18px;background:#fff;color:#132238;overflow:hidden}
.mk-doc .dh{display:flex;align-items:flex-start;gap:10px;border-bottom:2px solid var(--tc,#1667d6);padding-bottom:10px}
.mk-doc .dh .mk-logo{width:32px;height:32px;font-size:13px}
.mk-doc .dh b{font-size:12px;font-weight:800;display:block}
.mk-doc .dh span{font-size:8.5px;color:#8593a7}
.mk-doc .dt{margin-left:auto;text-align:right}
.mk-doc .dt b{font-size:13px;color:var(--tc,#1667d6)}
.mk-doc table{width:100%;border-collapse:collapse;margin-top:12px;font-size:9px}
.mk-doc th{text-align:left;color:#8593a7;font-weight:700;border-bottom:1px solid #e4e9f2;padding:6px 4px}
.mk-doc td{padding:6px 4px;border-bottom:1px solid #f0f3f8}
.mk-doc td:last-child,.mk-doc th:last-child{text-align:right}
.mk-doc .sum{display:flex;justify-content:flex-end;gap:16px;margin-top:10px;font-size:11px;font-weight:800}
.mk-doc .sum b{color:var(--tc,#1667d6)}
.mk-doc .df{margin-top:14px;padding-top:10px;border-top:1px solid #e4e9f2;font-size:8px;color:#8593a7;line-height:1.7}

.pv-meta{margin-top:12px;font-size:.76rem;color:var(--muted);line-height:1.7}
.pv-meta code{font:600 .72rem/1 ui-monospace,Menlo,monospace;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:5px;padding:3px 6px;color:var(--navy)}

@media (max-width:1220px){
  .dash-shell{grid-template-columns:210px minmax(0,1fr)}
  .rail,.preview,.dash-shell > main{min-width:0}
  .preview{grid-column:1/-1;position:static}
  .pv-canvas{height:520px}
}
@media (max-width:840px){
  /* the top bar has a fixed height, so its right-hand links must not wrap out
     of it — on a phone the two "open in a new tab" links are noise anyway */
  .dash-top-in{height:auto;min-height:58px;padding:8px 14px;flex-wrap:wrap}
  .dash-top .sp{flex-wrap:nowrap}
  .dash-top .sp a.mini{display:none}
  .dash-shell{grid-template-columns:minmax(0,1fr);padding:18px 14px 60px}
  .rail,.preview,.dash-shell > main{min-width:0}
  .rail{position:static}
  .rail .rsteps{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
  .frow,.pgrid{grid-template-columns:1fr}
  .panel{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  .panel,.save-dot.saving i{animation:none}
}

/* Touch targets on a phone. The dashboard is where a client configures their own
   brand, and it was full of 12-34px controls — the text inputs at 34, the mini
   buttons at 38, one link at 12px tall. 44px is the size a finger can hit
   reliably; below it people miss and blame the page. */
@media (max-width: 720px) {
  .mini,.dbtn,.pick,.opt,.lang,.sw,.pl{min-height:44px}
  input,select,textarea{min-height:44px}
  .adm-tab,.pv-tab,.rstep{min-height:44px;display:inline-flex;align-items:center}
  .rail-help a{min-height:44px;display:inline-flex;align-items:center}
  a{min-height:24px}
}