:root{
  --bg:#f4f6f8;--panel:#fff;--text:#17202a;--muted:#6b7280;--line:#dfe4ea;
  --primary:#123b63;--green:#16803c;--yellow:#b77900;--orange:#d66a00;--red:#b42318;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.topbar{background:var(--primary);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;opacity:.82}
.top-actions,.scanner-actions,.section-actions{display:flex;gap:8px;flex-wrap:wrap}
.layout{max-width:1240px;margin:22px auto;padding:0 16px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.panel{background:var(--panel);border-radius:16px;padding:20px;box-shadow:0 3px 14px rgba(0,0,0,.07)}
.history-panel{grid-column:1/-1}
h2{margin-top:0}h3{margin:0 0 10px}.hint{color:var(--muted);font-size:14px;line-height:1.4}
.section-title,.market-head,.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-weight:700;margin:12px 0 6px}
input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff}
.checkbox{font-weight:400;display:flex;gap:8px;align-items:center}.checkbox input{width:auto}
button{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}
.primary{background:var(--primary);color:#fff;width:100%;margin-top:16px}.secondary{background:#e9eef3;color:var(--text)}
.danger{background:#fdecec;color:var(--red)}.small{padding:8px 11px}.hidden{display:none!important}
.camera-button{background:#0f6b3a;color:#fff;width:100%;font-size:18px}
.camera-area{position:relative;background:#111;border-radius:14px;overflow:hidden;margin:12px 0;min-height:280px}
.camera-area video{display:block;width:100%;height:360px;object-fit:cover}
.scan-frame{position:absolute;left:10%;right:10%;top:38%;height:24%;border:3px solid #fff;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.25)}
.camera-status{position:absolute;left:12px;right:12px;bottom:10px;margin:0;background:rgba(0,0,0,.72);color:#fff;padding:9px;border-radius:8px;text-align:center}
.notice{padding:12px;border-radius:10px;margin:12px 0;background:#edf3f8}
.notice.warning{background:#fff4d8;color:#785500}.notice.error{background:#fdecec;color:#8e1c13}.notice.success{background:#e9f7ee;color:#116b32}
.isbn-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
.isbn-input{font-size:22px;font-weight:700;letter-spacing:.5px;padding:15px}
.search-button{background:var(--primary);color:#fff;min-width:110px}.test-button{min-width:100px}
.book-match{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:15px;border-left:5px solid var(--primary);background:#f3f7fa;border-radius:10px}
.book-match strong{font-size:18px}.book-match span{color:var(--muted);font-size:13px}
.subsection{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.condition-box,.market-box{border:1px solid var(--line);padding:16px;border-radius:12px}
.condition-box{background:#fafbfc}.market-box{background:#f7f9fb}
.status-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.status-pill.pending{background:#fff4d8;color:#785500}
.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.market-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;min-height:74px}
.market-card span{display:block;color:var(--muted);font-size:12px}.market-card strong{display:block;font-size:21px;margin-top:5px}
.system-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;opacity:.75}
.system-fields input{background:#eef1f4}.system-note{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.4}
.auto-check{margin-top:18px}.evaluate-button{font-size:17px}
.result-panel{position:sticky;top:18px}
.decision-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.decision-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f7f9fb;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.decision-chip span{width:10px;height:10px;border-radius:50%;display:block;flex:0 0 auto}
.decision-chip.keep span{background:var(--green)}.decision-chip.review span{background:var(--yellow)}
.decision-chip.hall span{background:var(--orange)}.decision-chip.dispose span{background:var(--red)}
.empty{color:var(--muted);padding:50px 10px;text-align:center}.empty strong,.empty span{display:block}.empty strong{color:var(--text);font-size:18px;margin-bottom:7px}
.traffic-light{width:100%;height:14px;border-radius:10px;margin-bottom:18px}
.score-wrap{display:flex;align-items:baseline;gap:8px}.score-wrap strong{font-size:52px}
.result-panel h3{font-size:30px;margin:12px 0 6px}.result-panel ul{padding-left:20px}.result-panel li{margin:8px 0}
.green{background:var(--green)}.yellow{background:var(--yellow)}.orange{background:var(--orange)}.red{background:var(--red)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.stats div{background:#f7f9fb;padding:16px;border-radius:12px;text-align:center}.stats strong{display:block;font-size:28px}.stats span{color:var(--muted);font-size:13px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}
.badge{padding:5px 9px;border-radius:999px;color:#fff;font-size:12px}
dialog{border:0;border-radius:16px;max-width:700px;width:92%;padding:0}.dialog-card{padding:22px}
.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.dialog-actions button{width:auto;margin:0}
code{display:block;overflow:auto;padding:10px;background:#f4f4f4;border-radius:8px}
@media(max-width:800px){
  .layout{grid-template-columns:1fr}.history-panel{grid-column:auto}.grid.two,.market-grid,.system-fields{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}.topbar{padding:14px;align-items:flex-start;flex-wrap:wrap}.topbar p{display:none}
  .top-actions{width:100%;margin-top:10px}.top-actions button{flex:1}.camera-area video{height:300px}
  .section-head,.section-title,.market-head{align-items:flex-start;flex-wrap:wrap}.section-actions{justify-content:flex-end}
  .isbn-row{grid-template-columns:1fr 1fr}.isbn-input{grid-column:1/-1}.search-button,.test-button{width:100%}
  .result-panel{position:static}.decision-legend{grid-template-columns:1fr}
}


/* FUS ONE v0.5.6.2 – Mobile-Fix für Smartphone Hoch-/Querformat */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
img,video{
  max-width:100%;
}
.panel,.layout,.scan-panel,.result-panel,.history-panel,
.subsection,.condition-box,.market-box,.book-match{
  min-width:0;
}
input,select,button{
  max-width:100%;
}
.book-match strong,.book-match span,.hint,.system-note,
.result-panel p,.result-panel li{
  overflow-wrap:anywhere;
  word-break:normal;
}

@media(max-width:1000px){
  .layout{
    grid-template-columns:minmax(0,1fr);
    width:100%;
    max-width:100%;
    margin:10px auto;
    padding:0 10px;
    gap:12px;
  }
  .history-panel{grid-column:auto}
  .result-panel{position:static}
  .panel{width:100%;max-width:100%}
}

@media(max-width:800px){
  .topbar{
    width:100%;
    padding:12px;
    gap:10px;
  }
  .topbar h1{font-size:21px}
  .panel{
    padding:14px;
    border-radius:12px;
  }

  .scanner-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .scanner-actions button{
    width:100%;
    min-width:0;
    margin:0;
  }

  .isbn-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:8px;
  }
  .isbn-input{
    grid-column:1/-1;
    min-width:0;
    width:100%;
    font-size:19px;
  }
  .search-button,.test-button{
    width:100%;
    min-width:0;
  }

  .grid.two,.market-grid,.system-fields{
    grid-template-columns:minmax(0,1fr);
  }

  .market-head,.section-head,.section-title{
    width:100%;
  }
  .market-card{
    min-width:0;
  }

  .decision-legend{
    grid-template-columns:1fr 1fr;
  }
  .decision-chip{
    min-width:0;
    white-space:normal;
  }

  .camera-area{
    width:100%;
    min-height:220px;
  }
  .camera-area video{
    width:100%;
    height:min(62vh,360px);
  }

  .table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  dialog{
    max-width:calc(100vw - 20px);
  }
}

@media(max-width:430px){
  .layout{padding:0 7px}
  .panel{padding:12px}
  .decision-legend{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;gap:7px}
  .stats div{padding:10px 6px}
  .stats strong{font-size:23px}
}


/* FUS ONE v0.5.6.3 – Mobile-Lesbarkeit */
@media(max-width:800px){
  body{
    font-size:17px;
    line-height:1.45;
  }

  .topbar h1{
    font-size:24px;
  }

  h2{
    font-size:24px;
    line-height:1.2;
  }

  h3{
    font-size:20px;
    line-height:1.25;
  }

  .hint,
  .system-note,
  .book-match span{
    font-size:15px;
    line-height:1.45;
  }

  label{
    font-size:16px;
  }

  input,
  select{
    font-size:18px;
    padding:14px;
    min-height:50px;
  }

  .isbn-input{
    font-size:22px;
    padding:16px;
  }

  button{
    font-size:17px;
    padding:14px 16px;
    min-height:50px;
  }

  .camera-button,
  .evaluate-button,
  .primary{
    font-size:18px;
  }

  .decision-chip{
    font-size:15px;
    padding:12px;
  }

  .market-card span{
    font-size:14px;
  }

  .market-card strong{
    font-size:25px;
  }

  .score-wrap strong{
    font-size:58px;
  }

  .result-panel h3{
    font-size:32px;
  }

  .result-panel p,
  .result-panel li{
    font-size:16px;
  }

  .status-pill{
    font-size:13px;
    padding:7px 11px;
  }

  .stats strong{
    font-size:28px;
  }

  .stats span{
    font-size:14px;
  }

  th,td{
    font-size:14px;
  }
}

@media(max-width:430px){
  body{
    font-size:16.5px;
  }

  .topbar h1{
    font-size:23px;
  }

  h2{
    font-size:22px;
  }

  h3{
    font-size:19px;
  }

  .isbn-input{
    font-size:21px;
  }

  button{
    font-size:16.5px;
  }

  .market-card strong{
    font-size:23px;
  }

  .result-panel h3{
    font-size:30px;
  }
}


/* FUS ONE v0.5.6.4 – Mobile Cache-/Lesbarkeitsfix */
@media(max-width:800px){
  .topbar p{
    display:block !important;
    font-size:13px !important;
    line-height:1.35;
    margin-top:4px;
    opacity:.9;
  }

  body{
    font-size:18px !important;
    line-height:1.5;
  }

  .panel{
    font-size:18px;
  }

  h2{
    font-size:25px !important;
  }

  h3{
    font-size:21px !important;
  }

  label{
    font-size:17px !important;
  }

  input,
  select{
    font-size:19px !important;
    min-height:52px;
  }

  .isbn-input{
    font-size:23px !important;
  }

  button{
    font-size:18px !important;
    min-height:52px;
  }

  .hint,
  .system-note,
  .book-match span{
    font-size:16px !important;
  }

  .market-card span{
    font-size:15px !important;
  }

  .market-card strong{
    font-size:26px !important;
  }

  .decision-chip{
    font-size:16px !important;
  }

  .result-panel p,
  .result-panel li{
    font-size:17px !important;
  }

  .stats span{
    font-size:15px !important;
  }
}