:root{font-family:Segoe UI,sans-serif;color:#1f1f1f;background:#f5f5f5;--window-background: #f5f5f5;--card-background: #ffffff;--primary: #0067c0;--primary-hover: #005a9e;--primary-pressed: #004578;--success: #0f7b0f;--error: #d13438;--border: #e0e0e0;--icon-tile-background: #f7fbff;--icon-tile-border: #e2ecf7;--text-primary: #1f1f1f;--text-secondary: #605e5c;--text-tertiary: #8a8886;--shadow: 0 10px 26px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--window-background);color:var(--text-primary)}button,input,textarea,a{font:inherit}button{border:0}.app-shell{min-height:100vh;padding:32px 20px}.app-frame{width:min(700px,100%);margin:0 auto}.brand-title{margin:0 0 40px;text-align:center;font-size:24px;font-weight:600}.page-header{margin:0 auto 32px;max-width:560px;text-align:center}.connection-indicator-wrap{display:flex;justify-content:flex-end;margin:-8px 0 12px}.connection-indicator{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#f8f8f8;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.connection-indicator-checking{background:#f5f7fa;color:#5b6775}.connection-indicator-available{background:#edf8ed;border-color:#b8dfb8;color:var(--success)}.connection-indicator-unavailable{background:#fff4e5;border-color:#e6c68b;color:#8a5b00}.page-header h2{margin:0 0 8px;font-size:32px;font-weight:600;letter-spacing:-.02em}.page-header p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.55}.back-button{margin:0 0 24px}.service-status-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-bottom:24px;padding:18px 20px;background:var(--card-background);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.service-status-unavailable{border-color:#d7b46a;background:#fffaf0}.service-status-available{border-color:#b8dfb8;background:#f6fbf6}.service-status-copy h3{margin:0 0 6px;font-size:18px}.service-status-copy p{margin:0;color:var(--text-secondary);line-height:1.5}.service-status-eyebrow{margin-bottom:6px;color:var(--text-tertiary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.service-status-note{margin-top:8px!important}.service-status-actions{display:grid;gap:10px;justify-items:end}.service-download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.status-inline{color:var(--text-tertiary);font-size:12px;font-weight:600}.status-inline-success{color:var(--success)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-list,.detail-stack{display:grid;gap:16px}.selection-card,.info-card,.request-card,.result-card{width:100%;background:var(--card-background);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow)}.selection-card{padding:20px;cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.selection-card:hover{border-color:var(--primary)}.selection-card:active{background:#f8f8f8;transform:translateY(1px)}.selection-card h3,.request-card h3,.result-card h3{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--text-primary)}.selection-card p,.info-card p,.request-card p,.result-card p{margin:0;color:var(--text-secondary);line-height:1.5}.selection-card-home{min-height:150px}.selection-card-browse{min-height:150px;display:grid;gap:14px;align-content:start}.selection-card-action{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.action-copy h3{font-size:14px;margin-bottom:4px}.action-copy p{font-size:13px}.action-arrow{align-self:center;color:var(--primary);font-size:24px;line-height:1}.badge-tile{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--icon-tile-background);border:1px solid var(--icon-tile-border);color:var(--primary);font-size:15px;font-weight:600;box-shadow:0 2px 10px #0067c012}.info-card,.request-card,.result-card{padding:20px}.info-heading,.request-label,.summary-label,.reference-panel span{color:var(--text-tertiary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.request-card-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#eef5fb;color:var(--primary);font-size:12px;font-weight:600}.pill-admin{background:#e8f1fb}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}label{display:grid;gap:8px;color:var(--text-primary);font-size:13px;font-weight:600}input,textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--card-background);color:var(--text-primary);font-size:13px}input[readonly]{color:var(--text-secondary);background:#fafafa}textarea{resize:vertical}.button-row{display:flex;gap:10px;align-items:center;margin-top:16px}.primary-button,.secondary-button{min-height:40px;padding:0 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-hover)}.primary-button:active{background:var(--primary-pressed)}.secondary-button{background:transparent;color:var(--text-secondary)}.secondary-button:hover{background:#0000000f;color:var(--text-primary)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:wait}.status-message{margin:14px 0 0;font-size:13px;font-weight:600}.error-text{color:var(--error)}.reference-panel{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:6px;background:#fafcfe}.reference-panel strong{display:block;margin-top:6px;font-size:18px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.summary-grid p{color:var(--text-primary);margin-top:4px}.centered-button{justify-self:center}.app-footer{margin-top:40px;text-align:center;color:var(--text-tertiary);font-size:12px}.app-footer strong{margin-left:4px;color:var(--text-secondary);font-weight:400}@media(max-width:720px){.app-shell{padding:24px 16px}.page-header h2{font-size:28px}.card-grid,.form-grid,.summary-grid{grid-template-columns:1fr}.request-card-header,.button-row,.service-status-card{flex-direction:column;align-items:stretch}.service-status-card{grid-template-columns:1fr}.service-status-actions{justify-items:stretch}.selection-card-action{grid-template-columns:auto 1fr}.action-arrow{display:none}}
