:root {
  --bg: #07101f;
  --sidebar: #071426;
  --panel: #0d1b2f;
  --panel-2: #11223a;
  --field: #0b192c;
  --line: #263a57;
  --line-soft: #1c2d47;
  --text: #eef3fb;
  --muted: #8fa1ba;
  --purple: #7852ff;
  --blue: #2d9cff;
  --green: #29d887;
  --amber: #f5b94e;
  --danger: #ff6682;
  --shadow: 0 22px 60px rgba(0, 0, 0, .24);
}

html[data-theme="light"] {
  --bg: #eef3fa;
  --sidebar: #ffffff;
  --panel: #ffffff;
  --panel-2: #f5f8fc;
  --field: #f8fafd;
  --line: #cfdaea;
  --line-soft: #e1e8f2;
  --text: #142037;
  --muted: #637089;
  --shadow: 0 20px 55px rgba(38, 62, 100, .10);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; color: var(--text); background: var(--bg); font: 14px/1.45 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 242px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 22px 16px 16px; border-right: 1px solid var(--line); background: linear-gradient(180deg, var(--sidebar), color-mix(in srgb, var(--sidebar), #020817 22%)); overflow: hidden; }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 8px 22px; color: var(--text); font-size: 23px; font-weight: 800; text-decoration: none; letter-spacing: -.6px; }
.brand svg { width: 43px; height: 34px; overflow: visible; }
.brand svg path:first-child { fill: #2eb6ff; }
.brand svg path:nth-child(2) { fill: #7356ff; }
.brand svg circle { fill: #b344ff; }
.brand > span > span { color: #7b5cff; }

.main-nav { display: grid; gap: 5px; padding-bottom: 17px; border-bottom: 1px solid var(--line-soft); }
.main-nav button { height: 43px; display: flex; align-items: center; gap: 12px; padding: 0 13px; border: 0; border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; text-align: left; }
.main-nav button span { width: 20px; text-align: center; font-size: 18px; }
.main-nav button:hover, .main-nav button.active { color: #fff; background: linear-gradient(100deg, rgba(121, 70, 255, .88), rgba(67, 81, 246, .88)); }
html[data-theme="light"] .main-nav button:hover, html[data-theme="light"] .main-nav button.active { color: #fff; }

.sidebar-section { margin-top: 17px; min-height: 0; }
.projects-section { max-height: 29%; }
.documents-section { flex: 1; }
.sidebar-title { display: flex; align-items: center; justify-content: space-between; padding: 0 7px 8px; color: #6f809b; font-size: 11px; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase; }
.sidebar-title button { width: 25px; height: 25px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); cursor: pointer; }
.project-list, .document-list { max-height: calc(100% - 30px); display: grid; gap: 5px; overflow: auto; }
.side-item { width: 100%; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; align-items: center; padding: 9px 8px; border: 1px solid transparent; border-radius: 8px; color: var(--muted); background: transparent; cursor: pointer; text-align: left; }
.side-item:hover, .side-item.active { border-color: var(--line); color: var(--text); background: rgba(86, 105, 150, .12); }
.side-item.active { border-color: rgba(119, 82, 255, .55); background: rgba(119, 82, 255, .12); }
.side-item .item-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; color: #a38cff; background: rgba(119, 82, 255, .13); }
.side-item strong, .side-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-item strong { font-size: 12px; }
.side-item small { margin-top: 2px; color: #687994; font-size: 10px; }
.side-empty { padding: 12px 8px; color: #657690; font-size: 11px; }
.engine-card { margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(8, 19, 34, .54); }
html[data-theme="light"] .engine-card { background: var(--panel-2); }
.engine-card div { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.engine-card p { margin: 6px 0 0 18px; color: var(--muted); font-size: 10px; }
.online-dot { width: 9px; height: 9px; border-radius: 50%; background: #687994; box-shadow: 0 0 0 4px rgba(104, 121, 148, .12); }
.online-dot.ready { background: var(--green); box-shadow: 0 0 0 4px rgba(41, 216, 135, .12); }

.workspace { min-width: 0; padding: 0 22px 22px; }
.topbar { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line-soft); }
.eyebrow { color: #7e90aa; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; }
.topbar h1 { margin: 4px 0 0; font-size: 23px; letter-spacing: -.4px; }
.topbar-actions, .toolbar-actions { display: flex; align-items: center; gap: 9px; }
.primary-button, .secondary-button, .icon-button { height: 39px; border-radius: 8px; padding: 0 15px; font-weight: 700; cursor: pointer; }
.primary-button { border: 0; color: #fff; background: linear-gradient(100deg, #8050ff, #347ff5); box-shadow: 0 8px 18px rgba(77, 92, 244, .18); }
.secondary-button, .icon-button { border: 1px solid var(--line); color: var(--text); background: var(--panel); }
.icon-button { width: 39px; padding: 0; font-size: 18px; }
button:disabled { opacity: .45; cursor: not-allowed; }

.project-toolbar { min-height: 82px; display: grid; grid-template-columns: minmax(260px, 1fr) minmax(220px, .8fr) auto; gap: 26px; align-items: center; margin: 18px 0; padding: 13px 18px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); box-shadow: var(--shadow); }
.language-pair { display: flex; align-items: center; gap: 18px; }
.language-pair label { min-width: 140px; }
.language-pair small { display: block; }
.language-pair small { margin-bottom: 4px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.language-pair select {
  width: 100%;
  height: 34px;
  padding: 0 34px 0 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  outline: 0;
  color: var(--text);
  background: var(--field);
  cursor: pointer;
}
.language-pair select:focus { border-color: #655af1; }
.language-pair select:disabled { cursor: not-allowed; opacity: .62; }
.pair-arrow { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: #9a85ff; }
.project-progress > div:first-child { display: flex; justify-content: space-between; margin-bottom: 7px; font-size: 11px; }
.project-progress span { color: var(--muted); }
.progress-track { height: 7px; overflow: hidden; border-radius: 8px; background: var(--field); }
.progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #7952ff, #26a3ff); transition: width .25s; }
.notice { margin: -5px 0 14px; padding: 10px 13px; border: 1px solid rgba(255, 101, 130, .4); border-radius: 8px; color: #ffb2c0; background: rgba(109, 22, 44, .24); }

.cat-grid { min-height: calc(100vh - 222px); display: grid; grid-template-columns: minmax(0, 1fr) 305px; gap: 16px; }
.editor-card, .inspector-card { border: 1px solid var(--line); border-radius: 11px; background: var(--panel); box-shadow: var(--shadow); overflow: hidden; }
.editor-card { min-width: 0; display: flex; flex-direction: column; }
.document-header { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--line-soft); }
.document-header > div:first-child { min-width: 0; display: flex; align-items: center; gap: 11px; }
.file-icon { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 8px; color: #8d73ff; background: rgba(119, 82, 255, .13); font-size: 19px; }
.document-header h2 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.document-header p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.document-stats { display: flex; gap: 15px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.document-stats b { color: var(--text); }
.segment-head { display: grid; grid-template-columns: 43px minmax(180px, 1fr) minmax(180px, 1fr) 102px; padding: 9px 12px; border-bottom: 1px solid var(--line-soft); color: #7587a2; background: var(--panel-2); font-size: 10px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.segment-list { flex: 1; max-height: calc(100vh - 332px); min-height: 350px; overflow: auto; }
.segment-row { display: grid; grid-template-columns: 43px minmax(180px, 1fr) minmax(180px, 1fr) 102px; min-height: 105px; border-bottom: 1px solid var(--line-soft); transition: background .15s; }
.segment-row:hover, .segment-row.active { background: rgba(82, 105, 154, .07); }
.segment-row.active { box-shadow: inset 3px 0 #7752ff; }
.segment-index { padding: 16px 8px; color: #6f819d; text-align: center; font-size: 11px; }
.segment-source { padding: 14px 15px; border-left: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); color: #d9e2ef; line-height: 1.6; }
html[data-theme="light"] .segment-source { color: var(--text); }
.segment-target { position: relative; min-width: 0; }
.segment-target textarea { width: 100%; height: 100%; min-height: 104px; resize: vertical; padding: 13px 46px 13px 15px; border: 0; outline: 0; color: var(--text); background: transparent; line-height: 1.6; }
.segment-target textarea:focus { background: rgba(78, 100, 147, .08); box-shadow: inset 0 0 0 1px #655af1; }
.segment-target textarea::placeholder { color: #687994; }
.segment-translate { position: absolute; top: 9px; right: 8px; width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 6px; color: #a995ff; background: var(--field); cursor: pointer; }
.segment-status { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 10px; border-left: 1px solid var(--line-soft); }
.status-pill { width: 82px; padding: 5px 7px; border-radius: 12px; color: #7e91ad; background: rgba(105, 122, 151, .12); font-size: 9px; text-align: center; text-transform: capitalize; }
.status-pill.draft { color: var(--amber); background: rgba(245, 185, 78, .12); }
.status-pill.confirmed { color: var(--green); background: rgba(41, 216, 135, .12); }
.confirm-button { width: 31px; height: 29px; border: 1px solid var(--line); border-radius: 7px; color: #7890ae; background: var(--field); cursor: pointer; }
.confirm-button:hover { border-color: var(--green); color: var(--green); }
.empty-workspace { min-height: 440px; display: grid; place-items: center; align-content: center; padding: 40px; text-align: center; }
.empty-workspace .empty-icon { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 18px; color: #9b83ff; background: rgba(119, 82, 255, .12); font-size: 30px; }
.empty-workspace h2 { margin: 18px 0 7px; font-size: 20px; }
.empty-workspace p { max-width: 480px; margin: 0 0 20px; color: var(--muted); }

.inspector-card { align-self: start; min-height: 490px; }
.inspector-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line-soft); }
.inspector-tabs button { height: 46px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; cursor: pointer; font-weight: 700; }
.inspector-tabs button.active { border-bottom-color: #7952ff; color: var(--text); }
.inspector-panel { padding: 16px; }
.inspector-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.inspector-heading h3, .shortcuts h3 { margin: 0; font-size: 13px; }
.inspector-heading p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.count-badge { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 12px; color: #a991ff; background: rgba(119, 82, 255, .13); font-size: 10px; }
.memory-results { display: grid; gap: 8px; max-height: 350px; margin-top: 14px; overflow: auto; }
.inspector-empty { padding: 32px 15px; border: 1px dashed var(--line); border-radius: 8px; color: #71839e; text-align: center; font-size: 11px; }
.memory-card { padding: 10px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--panel-2); cursor: pointer; }
.memory-card:hover { border-color: #655af1; }
.memory-card strong { display: block; color: var(--text); font-size: 11px; }
.memory-card p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.match-score { float: right; color: var(--green); font-size: 10px; }
.shortcuts { padding: 15px 16px; border-top: 1px solid var(--line-soft); }
.shortcuts p { display: flex; align-items: center; gap: 4px; margin: 9px 0 0; color: var(--muted); font-size: 10px; }
kbd { min-width: 25px; padding: 2px 5px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 4px; color: var(--text); background: var(--field); text-align: center; }
.synonym-search { display: grid; grid-template-columns: 1fr 54px; gap: 6px; margin-top: 14px; }
.synonym-search input { min-width: 0; height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px; outline: 0; color: var(--text); background: var(--field); }
.synonym-search button { border: 0; border-radius: 7px; color: #fff; background: linear-gradient(100deg, #8050ff, #347ff5); cursor: pointer; }

dialog { width: min(520px, calc(100% - 30px)); padding: 0; border: 0; border-radius: 13px; color: var(--text); background: transparent; box-shadow: 0 30px 90px rgba(0,0,0,.5); }
dialog::backdrop { background: rgba(1, 7, 17, .72); backdrop-filter: blur(5px); }
.dialog-card { display: grid; gap: 17px; padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); }
.wide-dialog { width: 100%; }
.dialog-header { display: flex; justify-content: space-between; align-items: flex-start; }
.dialog-header h2 { margin: 3px 0 0; font-size: 21px; }
.dialog-close { width: 32px; height: 32px; border: 0; color: var(--muted); background: transparent; font-size: 25px; cursor: pointer; }
.dialog-card label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 700; }
.dialog-card input, .dialog-card select, .dialog-card textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; outline: 0; color: var(--text); background: var(--field); }
.dialog-card input, .dialog-card select { height: 42px; padding: 0 12px; }
.dialog-card textarea { min-height: 130px; resize: vertical; padding: 11px 12px; }
.dialog-card input:focus, .dialog-card select:focus, .dialog-card textarea:focus { border-color: #655af1; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 9px; padding-top: 3px; }
.upload-divider { display: flex; align-items: center; gap: 10px; color: #6c7e99; font-size: 10px; text-transform: uppercase; }
.upload-divider::before, .upload-divider::after { content: ""; flex: 1; height: 1px; background: var(--line-soft); }
.file-drop { place-items: center; padding: 17px; border: 1px dashed var(--line); border-radius: 8px; text-align: center; cursor: pointer; }
.file-drop input { display: none; }
.file-drop span { color: #997fff; font-size: 22px; }
.file-drop strong { color: var(--text); font-size: 11px; }
.file-drop small { color: var(--muted); font-weight: 400; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 100; max-width: 380px; padding: 12px 16px; border: 1px solid rgba(41, 216, 135, .4); border-radius: 9px; color: #a9f4d0; background: #0b3026; box-shadow: 0 18px 44px rgba(0,0,0,.34); }
.toast.error { border-color: rgba(255, 102, 130, .45); color: #ffc0cb; background: #3a1320; }

@media (max-width: 1100px) {
  .app-shell { grid-template-columns: 210px minmax(0, 1fr); }
  .cat-grid { grid-template-columns: 1fr; }
  .inspector-card { display: grid; grid-template-columns: 1fr; min-height: 0; }
  .project-toolbar { grid-template-columns: 1fr 1fr; }
  .toolbar-actions { grid-column: 1 / 3; justify-content: flex-end; }
}

@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { position: static; width: 100%; height: auto; padding: 12px; }
  .brand { padding-bottom: 12px; }
  .main-nav { grid-template-columns: repeat(4, 1fr); }
  .main-nav button { justify-content: center; padding: 0; font-size: 0; }
  .main-nav button span { font-size: 19px; }
  .sidebar-section, .engine-card { display: none; }
  .workspace { padding: 0 10px 16px; }
  .topbar { align-items: flex-start; padding: 15px 0; }
  .topbar-actions .secondary-button { display: none; }
  .project-toolbar { grid-template-columns: 1fr; gap: 15px; }
  .toolbar-actions { grid-column: auto; justify-content: stretch; }
  .toolbar-actions button { flex: 1; }
  .segment-head { display: none; }
  .segment-list { max-height: none; }
  .segment-row { grid-template-columns: 35px 1fr 82px; }
  .segment-source { grid-column: 2 / 3; min-height: 75px; border-right: 0; }
  .segment-target { grid-column: 2 / 3; border-top: 1px solid var(--line-soft); }
  .segment-status { grid-column: 3; grid-row: 1 / 3; }
  .segment-index { grid-row: 1 / 3; }
  .form-grid { grid-template-columns: 1fr; }
}
/* Premium CAT workspace */
:root { --bg:#040e1b; --sidebar:#05142b; --panel:#081829; --panel-2:#0d2037; --field:#091929; --line:#1c3653; --line-soft:#152b43; --muted:#91acc9; }
body { background:radial-gradient(ellipse at 60% 0%,#0c1b30 0,transparent 60%),var(--bg); }
.app-shell {grid-template-columns:260px minmax(0,1fr)}
.sidebar {padding:22px 12px 14px; border-color:#1a3554; background:linear-gradient(155deg,var(--sidebar),#031024)}
.brand {font-size:26px;gap:13px;padding-bottom:26px}.brand svg{width:48px;height:38px}
.main-nav {gap:3px;border:0;padding-bottom:10px}.main-nav button{height:49px;font-size:14px;color:#cedbf0;border-radius:9px}.main-nav button.active{background:linear-gradient(110deg,#7a32fa,#299cfa);box-shadow:0 6px 22px #5320e528}
.collapse-button{position:absolute;right:10px;top:4px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}
.projects-section{max-height:18%;margin-top:6px}.documents-section{max-height:18%;margin-top:10px}.sidebar-title{font-size:10px}.engine-card{margin-top:auto}
.workspace{padding:0 20px 20px}.topbar{height:88px;min-height:88px;margin:0 -20px;padding:0 24px;border-color:var(--line)}.eyebrow{text-transform:none;font-size:12px;letter-spacing:0;font-weight:500}.topbar h1{display:flex;align-items:center;gap:10px;font-size:25px}
#workspace-title,.title-edit{border:0;background:transparent;color:var(--text);padding:0;font-size:inherit;font-weight:700;cursor:pointer}.title-edit{font-size:18px;color:var(--muted)}
.search-input{width:100%;min-width:0;height:39px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--field)}.topbar-actions>.search-input{width:210px}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);cursor:pointer}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(130deg,#744aff,#298ef2);color:white}.topbar-actions>#import-button{display:none}.topbar-actions>#new-project-button{font-size:11px;padding:0 10px}
.project-toolbar{margin:20px 0;grid-template-columns:minmax(320px,1.2fr) minmax(160px,.6fr) auto;gap:18px;padding:16px;background:linear-gradient(110deg,var(--panel-2),var(--panel));box-shadow:none;min-height:96px}.language-pair{gap:12px}.language-pair label{flex:1;min-width:0}.language-pair small{text-transform:none;font-size:12px}.language-pair select{height:40px;font-size:14px}.language-pair .icon-button{margin-top:20px;flex-shrink:0}.project-progress small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.toolbar-actions{gap:8px}.toolbar-actions button{font-size:11px;padding:0 12px;height:46px}
.cat-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.editor-card,.inspector-card{background:linear-gradient(120deg,var(--panel),var(--bg));box-shadow:none;border-color:var(--line);border-radius:11px;overflow:hidden}.document-header{padding:18px;gap:12px;flex-wrap:wrap}.document-header h2{font-size:16px}.file-icon{background:linear-gradient(135deg,#ff605a,#ed214c);color:#fff;border-radius:5px;width:34px;height:41px}.document-stats{display:none}#save-state{font-size:10px;color:var(--muted);margin-left:auto}
.segment-head,.segment-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 132px}.segment-head{background:var(--panel-2);font-size:10px;min-height:42px}.segment-list{max-height:calc(100vh - 355px);min-height:350px;overflow:auto}.segment-row{min-height:78px;border-bottom:1px solid var(--line-soft);transition:background .15s;position:relative}.segment-row:hover{background:#6482b008}.segment-row.active{background:linear-gradient(100deg,#783fff20,#348fff15);box-shadow:inset 0 0 0 1px #854aff;border-radius:4px}.segment-source{margin:8px 5px;padding:11px 13px;border:1px solid var(--line);border-radius:7px;font-size:13px;min-height:50px;background:var(--field)}.segment-target{margin:8px 5px;border:1px solid var(--line);border-radius:7px;min-height:50px;background:var(--field)}.segment-target textarea{min-height:50px;padding:11px 31px 11px 13px;font-size:13px;resize:vertical}.segment-translate{top:9px;right:5px;width:23px;height:24px}.segment-status{border:0;padding:8px 4px;gap:5px;flex-direction:row;flex-wrap:wrap}.status-pill{width:auto;min-width:64px;font-size:10px;padding:5px 8px}.status-pill.needs_review{color:#f8a4bd;background:#f0558c22}.status-pill.translated{color:#67b9ff;background:#319fff22}.confirm-button{width:26px;height:27px}.row-actions{display:flex;gap:4px}.row-actions button{border:1px solid var(--line);border-radius:5px;background:var(--field);color:var(--muted);width:24px;height:24px;cursor:pointer}.row-actions button:hover{color:var(--text);border-color:var(--purple)}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:6px}.pagination button,.pagination select{height:32px;min-width:28px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:5px}.pagination select{padding:0 6px}.pagination #page-label{color:#b8a6ff;padding:6px;background:#7747ff22;border-radius:5px}
.inspector-tabs{grid-template-columns:1.3fr 1fr 1fr}.inspector-tabs button{font-size:11px;height:49px}.inspector-panel{padding:14px}.inspector-heading{margin-bottom:12px}.inspector-heading p{font-size:11px}.memory-card{text-align:left;padding:13px 9px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.memory-card strong{font-size:13px}.memory-card p{color:var(--green);font-size:13px}.match-score{border-radius:12px;padding:3px 8px;background:#00a98e44;color:#50efca;font-weight:700}.segment-details{padding:14px;border-top:1px solid var(--line);margin-top:12px}.details-heading{display:flex;align-items:center;justify-content:space-between}.details-heading h3{font-size:13px;margin:0}.details-heading .icon-button{height:32px;width:32px}.segment-details p{font-size:12px;color:var(--muted)}.detail-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-counts>div{padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--muted);font-size:11px}.detail-counts strong{display:block;color:var(--text);font-size:14px;margin-top:5px}.segment-details label{display:grid;gap:7px;margin-top:12px;font-size:11px;color:var(--muted)}.segment-details textarea,.segment-details select{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--text);padding:9px}.segment-details textarea{min-height:70px;resize:vertical}.shortcuts{font-size:10px}.inspector-empty{font-size:12px;color:var(--muted)}
button,input,select,textarea{transition:border-color .15s,background .15s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8b6cff;outline-offset:2px}button{cursor:pointer}.sidebar-collapsed .app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar-collapsed .brand>span,.sidebar-collapsed .sidebar-section,.sidebar-collapsed .engine-card{display:none}.sidebar-collapsed .main-nav button{font-size:0;justify-content:center;padding:0}.sidebar-collapsed .main-nav button span{font-size:20px}.sidebar-collapsed .brand{padding:8px 0 20px}.sidebar-collapsed .brand svg{width:44px}
@media(min-width:1700px){.app-shell{grid-template-columns:278px minmax(0,1fr)}.cat-grid{grid-template-columns:minmax(0,1fr) 390px}.toolbar-actions button{font-size:13px}.segment-head,.segment-row{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) 156px}.segment-status{flex-wrap:wrap}.segment-source,.segment-target textarea{font-size:14px}}
@media(max-width:1400px){.project-toolbar{grid-template-columns:1fr 220px}.toolbar-actions{grid-column:1/-1;justify-content:flex-end}.cat-grid{grid-template-columns:minmax(0,1fr) 300px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.brand{font-size:21px}.profile-button>span:last-child{display:none}.segment-head,.segment-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 110px}}
@media(max-width:1100px){.cat-grid{grid-template-columns:1fr}.inspector-card{display:block}.segment-list{max-height:600px}.topbar-actions>.search-input{width:160px}}
@media(max-width:760px){.app-shell,.sidebar-collapsed .app-shell{display:block}.sidebar{height:auto;position:relative;padding:10px}.brand{padding:0 0 10px}.main-nav{display:flex;overflow:auto}.main-nav button{flex-shrink:0;width:42px;height:36px;font-size:0}.main-nav button span{font-size:18px}.sidebar-section,.engine-card{display:none}.workspace{padding:0 10px 15px}.topbar{margin:0;padding:10px 0;height:auto;gap:8px}.topbar h1{font-size:20px}.topbar-actions{gap:5px}.topbar-actions>.search-input{width:120px}.topbar-actions>#new-project-button,.profile-button{display:none}.project-toolbar{grid-template-columns:1fr;padding:12px;gap:15px}.toolbar-actions{grid-column:auto;flex-wrap:wrap}.toolbar-actions button{flex:auto}.segment-head{display:none}.segment-row{grid-template-columns:28px minmax(0,1fr) 95px}.segment-source{grid-column:2;grid-row:1;min-height:50px}.segment-target{grid-column:2;grid-row:2}.segment-status{grid-column:3;grid-row:1/3}.segment-index{grid-row:1/3}.pagination{flex-wrap:wrap}.document-header{padding:12px}.document-header h2{font-size:13px}.collapse-button{display:none}}

.language-search{width:100%;height:28px;padding:4px 9px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--text);font-size:11px;grid-column:1;grid-row:2}.project-toolbar .language-pair{grid-column:1;grid-row:1}.project-toolbar .project-progress{grid-column:2;grid-row:1}.project-toolbar .toolbar-actions{grid-row:1}.language-search:placeholder-shown:not(:focus){opacity:.6}@media(max-width:1400px){.project-toolbar .toolbar-actions{grid-row:3}}@media(max-width:760px){.project-toolbar .project-progress{grid-column:1;grid-row:3}.project-toolbar .toolbar-actions{grid-row:4}}

.auto-source-label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-bottom:4px}.auto-source-label input{accent-color:var(--purple)}.source-detection{font-size:12px;color:var(--muted);margin:-10px 0 16px}
.tm-browser-dialog{width:min(850px,calc(100vw - 28px))}.tm-browser{display:grid;gap:13px}.tm-browser>p{margin:0;font-size:12px;color:var(--muted)}#tm-browser-results{max-height:55dvh;overflow:auto;display:grid;gap:10px}.tm-browser-entry{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.tm-browser-entry>div:first-child{flex:1;min-width:0}.tm-browser-entry strong{display:block;margin:6px 0;font-size:13px;overflow-wrap:anywhere}.tm-browser-entry p{margin:0;color:var(--green);font-size:13px;overflow-wrap:anywhere}.tm-browser-pair{font-size:10px;color:var(--muted)}.tm-browser-entry>div:last-child{display:flex;gap:7px}.tm-browser-entry button{font-size:11px;padding:0 10px;height:34px}.tm-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}@media(max-width:550px){.tm-browser-entry{align-items:flex-start;flex-direction:column}.tm-browser-footer button{font-size:11px}}

.tm-browser-entry .tm-delete-button{color:var(--danger);border-color:color-mix(in srgb,var(--danger),transparent 65%)}.tm-browser-entry .tm-delete-button:hover{background:color-mix(in srgb,var(--danger),transparent 90%)}.tm-browser-entry>div:last-child{flex-wrap:wrap}

.tm-browser-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tm-browser-filters label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.tm-browser-filters select{min-width:0;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--text);font:inherit}.tm-browser-approved{display:inline-block;margin-left:10px;font-size:10px;color:var(--green)}.tm-browser-entry time{display:block;margin-top:10px;color:var(--muted);font-size:10px}.tm-browser-entry p{line-height:1.6}.tm-browser-filters select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:450px){.tm-browser-filters{grid-template-columns:1fr}}