* {box-sizing:border-box}
body {margin:0;padding:24px;background:var(--slate-50,#f5f7fa);color:var(--slate-900,#17263c);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app-header {max-width:1200px;min-height:58px;margin:0 auto 24px;padding:10px 16px;position:static}
.app-header .app-logo {font-size:19px}
.container {max-width:1200px;margin:0 auto;padding:0;background:transparent;box-shadow:none}
.registry-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:28px 0}
h1 {font-size:28px;line-height:1.2;margin:0 0 10px}
.subtitle {margin:0;color:#64748b;max-width:600px}
.registry-heading-actions,.opening-card-buttons {display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.btn {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:0;border-radius:8px;background:#245fa8;color:white;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;white-space:normal}
.btn-secondary {background:#edf2f7;color:#284360}
.btn:disabled {opacity:.5;cursor:wait}
.registry-toolbar {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.registry-segments {display:flex;gap:4px;padding:4px;background:#e9eef5;border-radius:10px}
.registry-segments button {display:flex;align-items:center;gap:8px;border:0;padding:10px 14px;background:transparent;border-radius:7px;font:inherit;font-weight:600;color:#52657e;cursor:pointer}
.registry-segments button[aria-selected="true"] {background:white;color:#245fa8;box-shadow:0 1px 4px #162b4220}
.registry-segments span {min-width:22px;padding:1px 6px;border-radius:5px;background:#e9eff8;font-size:12px}
.registry-search {width:min(450px,100%);min-width:0}
.registry-search label {display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:#475569}
.registry-search-field {display:flex;gap:8px}
.registry-search input {width:100%;min-width:0;padding:10px 12px;border:1px solid #d4dce7;border-radius:8px;background:white;font:inherit}
.registry-search-field button {border:0;background:none;color:#245fa8;cursor:pointer;font:inherit}
.registry-search p {margin:6px 0 0;color:#64748b;font-size:12px}
.opening-cards {display:grid;gap:12px}
.opening-card {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 22px;border:1px solid #dde4ed;border-radius:12px;background:white}
.registry-card-main {min-width:0;overflow-wrap:anywhere}
.registry-card-heading {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.registry-card-heading h2 {font-size:17px;line-height:1.4;margin:0}
.registry-card-meta {color:#64748b;margin:6px 0}
.registry-project {margin:6px 0}
.registry-project a {color:#245fa8;text-decoration:none}
.without-project {color:#a16207}
.registry-opening-summary {margin:6px 0 0;font-size:13px;color:#475569}
.registry-run-id {font-size:12px;color:#64748b;margin:6px 0 0}
.deal-status,.opening-status {display:inline-block;padding:3px 9px;font-size:12px;font-weight:600;border-radius:6px;background:#edf2f7;color:#52657e}
.deal-in_progress,.opening-status.partial {background:#fff3db;color:#96601c}
.deal-ordered,.deal-shipped,.opening-status.ready {background:#edf7f1;color:#267453}
.deal-lost,.opening-status.failed {background:#fff0ee;color:#a33e32}
.row-actions {position:relative}
.row-actions summary {padding:10px;cursor:pointer;color:#64748b;border-radius:8px;list-style:none}
.row-actions[open] summary {background:#edf2f7}
.delete-action {position:absolute;right:0;top:100%;z-index:2;min-width:165px;padding:12px;background:white;color:#b43e32;border:1px solid #dde4ed;border-radius:8px;box-shadow:0 4px 16px #132b4020;cursor:pointer;font:inherit;text-align:left}
.registry-state {text-align:center;padding:36px 20px;background:white;border:1px solid #dde4ed;border-radius:12px;color:#64748b;margin:0}
.registry-state h2 {font-size:18px;color:#24364d;margin:0 0 8px}
.registry-state p {margin:0 0 18px}
.registry-error {border-color:#e6c9aa;background:#fffbf5}
.registry-results-count {font-size:12px;color:#64748b;margin:14px 0}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible {outline:3px solid #93c5fd;outline-offset:3px}
[hidden] {display:none!important}
@media(max-width:900px) {
 .registry-heading,.registry-toolbar {flex-direction:column}
 .registry-search {width:100%}
 .opening-card {grid-template-columns:1fr;gap:16px}
}
@media(max-width:480px) {
 body {padding:12px}
 .app-header {padding:10px 12px;margin-bottom:18px}
 h1 {font-size:24px}
 .registry-heading {margin:20px 0;gap:16px}
 .registry-segments {width:100%}
 .registry-segments button {flex:1;justify-content:center;padding:10px 8px;font-size:13px}
 .opening-card {padding:16px}
 .opening-card-buttons {gap:8px}
 .opening-card-buttons .btn {flex:1}
 .registry-heading-actions .btn {flex:1}
 .registry-heading-actions {width:100%}
 .delete-action {right:0}
}