/* pb_public/v2-lab/styles/test_eingang.css */

:root { font-family: system-ui, sans-serif; color: #183b34; background: #f6f8f7; }
    * { box-sizing: border-box; }
    [hidden] { display: none !important; }
    
    body { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; background: #f4f7f5; color: #1b2a25; }

    .top-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #d5e0da; flex-wrap: wrap; }
    .nav-back { font-weight: 700; color: #173f35; text-decoration: none; padding: 6px 12px; background: #e3ece7; border-radius: 6px; }
    .nav-back:hover { background: #d2e1d9; }
    .session-bar { display: flex; align-items: center; gap: 10px; }
    .btn-logout { padding: 5px 10px; border-radius: 6px; border: 1px solid #bdcbc3; background: #fff; color: #a52214; font-size: 0.82rem; font-weight: 700; cursor: pointer; }
    .btn-logout:hover { background: #fce8e6; }

    .lab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
    @media (max-width: 860px) { .lab-grid { grid-template-columns: 1fr; } }

    .card { background: #fff; border: 1px solid #d5e0da; border-radius: 12px; padding: 20px; margin-bottom: 20px; }
    .card h2 { margin: 0 0 14px; font-size: 1.15rem; color: #173f35; padding-bottom: 10px; border-bottom: 1px solid #eef3f0; }

    .field-label { display: block; font-weight: 600; font-size: 0.92rem; margin-bottom: 6px; color: #263832; }
    .input-full, .textarea-full { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #bdcbc3; border-radius: 8px; font-family: inherit; font-size: 0.95rem; margin-bottom: 14px; background: #fff; }
    .textarea-full { min-height: 92px; resize: vertical; }

    .sr-only-file { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

    .btn-block { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 13px 16px; border-radius: 8px; font-family: inherit; font-size: 0.96rem; font-weight: 700; cursor: pointer; border: none; text-align: center; transition: filter 0.15s; }
    .btn-block:hover { filter: brightness(0.94); }
    .btn-block:disabled { opacity: 0.6; cursor: not-allowed; }

    .btn-upload-blue { background: #1d5bbf; color: #fff; margin-bottom: 6px; }
    .sr-only-file:focus-visible + .btn-upload-blue { outline: 3px solid #173f35; outline-offset: 2px; }
    .file-status-line { font-size: 0.85rem; color: #536861; text-align: center; margin-bottom: 14px; min-height: 1.2em; }
    .btn-save-green { background: #173f35; color: #fff; }

    .equal-actions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .btn-secondary-equal { background: #e8efec; color: #173f35; border: 1px solid #bdcbc3; }

    .auth-row { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; align-items: center; }

    .tresor-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #eef3f0; }
    .tresor-header h2 { margin: 0; border: none; padding: 0; }

    .tresor-item { border: 1px solid #dce6e0; border-radius: 10px; padding: 14px; margin-bottom: 12px; background: #fff; }
    .tresor-item-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 0.85rem; color: #536861; }
    .tresor-item-text { background: #f4f7f5; padding: 10px 12px; border-radius: 6px; font-size: 0.95rem; margin-bottom: 8px; color: #1b2a25; }
    .tresor-item-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 0.85rem; color: #536861; }

    /* Einheitsgröße für alle Status-Pills */
    .tresor-pill { display: inline-flex; align-items: center; justify-content: center; width: 132px; padding: 4px 10px; border-radius: 14px; font-size: 0.78rem; font-weight: 700; text-align: center; box-sizing: border-box; white-space: nowrap; }
    .pill-handy { background: #fff3d6; color: #7a5200; }
    .pill-synced { background: #e1f5ea; color: #1b633c; }
    .pill-zugeordnet { background: #173f35; color: #fff; }

    /* Zuordnungs-Panel direkt in der Tresor-Karte */
    .zuordnen-box { margin-top: 12px; padding: 12px; background: #f4f7f5; border: 1px solid #cfe0d8; border-radius: 8px; }
    .zuordnen-box label { display: block; font-size: 0.8rem; font-weight: 700; color: #263832; margin-bottom: 4px; }
    .zuordnen-box input, .zuordnen-box select { width: 100%; padding: 8px 10px; border: 1px solid #bdcbc3; border-radius: 6px; font-size: 0.88rem; margin-bottom: 10px; background: #fff; }
    .zuordnen-actions { display: flex; gap: 8px; justify-content: flex-end; }
    .akte-link-btn { display: inline-block; font-weight: 700; color: #173f35; text-decoration: none; padding: 5px 10px; background: #e1f5ea; border-radius: 6px; font-size: 0.82rem; }
    .inline-error { background: #fce8e6; color: #a52214; border: 1px solid #f5c2be; padding: 8px 10px; border-radius: 6px; font-size: 0.83rem; margin-top: 8px; }

    .log-box { background: #14241f; color: #d8ece3; padding: 12px 14px; border-radius: 8px; font-family: monospace; font-size: 0.82rem; max-height: 240px; overflow-y: auto; white-space: pre-wrap; margin-top: 14px; }