/* "Clean sheet"(tools/sajty/dizajn-sistema.md) + the job log. Dark values twice,keep them equal. */
:root{
color-scheme:light dark;
--bg:#ffffff;
--surface:#ffffff;
--surface-2: #f5f7fa;
--ink:#0f172a;
--muted:#5b6576;
--line:#e5e8ee;
--line-strong:#cdd3dd;
--accent:#0a6470;
--accent-ink:#ffffff;
--accent-soft:color-mix(in srgb,#0a6470 12%,#ffffff);
--link:#0a6470;
--ok:#16a34a;
--bad:#b3261e;
--radius:10px;
--radius-s:8px;
--shadow:none;
--font-display: -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
--font-body: -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--font-mono: ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
--st-saved:#56707a;
--st-applied:#0a6f7a;
--st-interview:#2458a6;
--st-offer:#12794c;
--st-rejected:#a2452f;
--due-today:#8a5a00;
--due-today-wash:#f7eed8;
--due-over:#a33a22;
--due-over-wash:#f8e6e1;
--sheet:#ffffff;
--sheet-rule:#e3ecee;
--margin-rule:color-mix(in srgb,#0a6470 38%,#ffffff);
}
@media screen and (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
--bg:#1b1e23;
--surface:#22262c;
--surface-2: #282d34;
--ink:#e9ecf1;
--muted:#9ba4b3;
--line:#333944;
--line-strong:#474f5c;
--accent:color-mix(in srgb,#0a6470 72%,#ffffff);
--accent-ink:#0d1424;
--accent-soft:color-mix(in srgb,#0a6470 22%,#22262c);
--link:color-mix(in srgb,#0a6470 60%,#ffffff);
--ok:#4ade80;
--bad:#ff7b72;
--shadow:none;
--st-saved:#97b1b6;
--st-applied:#55c6cc;
--st-interview:#8bb1f0;
--st-offer:#5fce96;
--st-rejected:#ef9a84;
--due-today:#e3b866;
--due-today-wash:#33290f;
--due-over:#ef9a84;
--due-over-wash:#3b1f19;
--sheet:#1f2328;
--sheet-rule:#2e343d;
--margin-rule:color-mix(in srgb,#55c6cc 40%,#1f2328);
}
}
@media screen{
:root[data-theme="dark"]{
--bg:#1b1e23;
--surface:#22262c;
--surface-2: #282d34;
--ink:#e9ecf1;
--muted:#9ba4b3;
--line:#333944;
--line-strong:#474f5c;
--accent:color-mix(in srgb,#0a6470 72%,#ffffff);
--accent-ink:#0d1424;
--accent-soft:color-mix(in srgb,#0a6470 22%,#22262c);
--link:color-mix(in srgb,#0a6470 60%,#ffffff);
--ok:#4ade80;
--bad:#ff7b72;
--shadow:none;
--st-saved:#97b1b6;
--st-applied:#55c6cc;
--st-interview:#8bb1f0;
--st-offer:#5fce96;
--st-rejected:#ef9a84;
--due-today:#e3b866;
--due-today-wash:#33290f;
--due-over:#ef9a84;
--due-over-wash:#3b1f19;
--sheet:#1f2328;
--sheet-rule:#2e343d;
--margin-rule:color-mix(in srgb,#55c6cc 40%,#1f2328);
}
}

.top{background:var(--bg);padding:12px 0;}
.brand{font-weight:650;font-size:19px;letter-spacing:-.01em;}
.brand svg{width:24px;height:24px;}
.top nav a{color:var(--muted);}
.top nav a:hover{color:var(--ink);}
h1,h2,h3{font-weight:650;letter-spacing:-.022em;}
h1{font-size:clamp(30px,4.2vw,44px);max-width:20em;}
.hero{padding:30px 0 14px;}
.lede{font-size:clamp(16px,1.7vw,18px);line-height:1.5;}
.badge{background:none;padding:0;margin-top:10px;color:var(--muted);font-size:14px;}

.panel{border-color:var(--line);}
.form .field label{font-weight:600;font-size:14px;}
.field textarea{background:var(--surface);border-color:var(--line-strong);line-height:1.6;}
.btn{border-radius:8px;font-weight:600;}
.btn.secondary{border-color:var(--line-strong);}
.btn.secondary:hover{background:var(--surface-2);filter:none;}

.out{background:var(--surface-2);border-color:var(--line);}
.out .status{margin-top:0;font-size:14px;color:var(--muted);}
.out .status.is-error{color:var(--bad);}
.out .result{margin-top:12px;}
.out .mini{border:0;background:none;padding:4px 0;min-height:30px;color:var(--accent);font-weight:600;}
.out .mini:hover{text-decoration:underline;text-underline-offset:3px;}

.steps li{border-color:var(--line);background:var(--surface);}
.steps li::before{background:var(--accent-soft);color:var(--accent);}

.form .row{gap:8px;}
.form .row .btn{padding-left:14px;padding-right:14px;}

[data-stage="Saved"]{--st:var(--st-saved);}
[data-stage="Applied"]{--st:var(--st-applied);}
[data-stage="Interview"]{--st:var(--st-interview);}
[data-stage="Offer"]{--st:var(--st-offer);}
[data-stage="Rejected"]{--st:var(--st-rejected);}

@media (min-width: 900px){
.jat-grid{grid-template-columns:minmax(0,330px) minmax(0,1fr);}
}
.jat-form-title{margin:0 0 12px;font:650 18px/1.2 var(--font-display);letter-spacing:-.01em;}
.jat-add .field{margin-bottom:12px;}
.jat-add .field input,.jat-add .field select{font-size:16px;min-height:44px;}
.jat-add .row .btn{flex:1 1 auto;}
.jat-more{margin:12px 0 0;}

.jat-out{padding:14px;}
.jat-out .status{padding:0 4px;}
.jat-out .result{margin-top:10px;}
.log{container-type:inline-size;position:relative;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 16px 10px 30px;}
.log::before{content: "";position:absolute;top:0;bottom:0;left:16px;width:4px;border-left:1px solid var(--margin-rule);border-right:1px solid var(--margin-rule);}
.log-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.log-name{margin:0;font:650 13px/1.3 var(--font-body);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);}
.log-tag{margin:0;padding:1px 8px;border:1px dashed var(--line-strong);border-radius:999px;font-size:12px;color:var(--muted);}
.log:not(.is-example) .log-tag,.log:not(.is-example) .log-empty{display:none;}

.tally{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:10px 0 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--sheet-rule);}
.t-cell{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:8px 8px 9px;border:0;border-left:1px solid var(--sheet-rule);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;}
.t-cell:first-child{border-left:0;padding-left:0;}
.t-cell:disabled{cursor:default;}
.t-name{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap;}
.t-cell[data-stage] .t-name::before{content: "";width:7px;height:7px;border-radius:50%;background:var(--st);flex:none;}
.t-num{margin-top:2px;font:600 26px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;}
.t-cell.is-on .t-num{color:var(--accent);}
.t-cell.is-on .t-name{color:var(--ink);font-weight:600;}
.t-cell.is-on:not(:first-child){box-shadow:inset 0 -2px 0 var(--st,var(--accent));}

.log-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 0;border-bottom:1px solid var(--ink);}
.due{margin:0;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;}
.due b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}
.due-today{color:var(--due-today);}
.due-over{color:var(--due-over);}
.due-sep{color:var(--muted);}
.log-search input{width:220px;max-width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font-size:14px;}
.log-search input:focus{outline:3px solid var(--link);outline-offset:1px;border-color:transparent;}

.log-tab{width:100%;border-collapse:collapse;font-size:14px;}
.log-tab th,.log-tab td{text-align:left;padding:9px 8px 9px 0;border-bottom:1px solid var(--sheet-rule);vertical-align:middle;}
.log-tab thead th{padding-top:8px;padding-bottom:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);}
.log-tab .c-title{font-weight:600;}
.job-open{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;}
.job-open:hover{color:var(--link);text-decoration:underline;text-underline-offset:3px;}
.c-company{color:var(--muted);}
.c-day{font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.c-applied{width:64px;}
.c-follow{width:128px;}
.c-link{width:44px;text-align:right;}
.log-tab td.c-link{padding-right:0;}
.none{color:var(--muted);}
.log-tab .c-link a{font-size:13px;}

.stage{appearance:none;-webkit-appearance:none;min-height:28px;padding:3px 22px 3px 10px;border:1px solid color-mix(in srgb,var(--st) 45%,transparent);border-radius:999px;
background:color-mix(in srgb,var(--st) 12%,var(--sheet));color:var(--st);font:600 12.5px/1.2 var(--font-body);cursor:pointer;
background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
background-position:right 11px top 50%,right 7px top 50%;background-size:4px 4px;background-repeat:no-repeat;}
.stage:focus-visible{outline:3px solid var(--link);outline-offset:1px;}
.flag{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:4px;font:700 11px/1.5 var(--font-body);text-transform:uppercase;letter-spacing:.04em;}
.flag.today{color:var(--due-today);background:var(--due-today-wash);}
.flag.over{color:var(--due-over);background:var(--due-over-wash);}
.c-lbl{display:none;}
.log-empty{margin:10px 0 2px;font-size:13px;color:var(--muted);}

.log-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:0 2px;}
.log-foot .btn{min-height:40px;padding:8px 14px;font-size:15px;}
.file-btn{position:relative;cursor:pointer;}
.log-link{padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--link);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}

@container (max-width: 460px){
.tally{grid-template-columns:repeat(3,minmax(0,1fr));}
.t-cell{min-height:44px;}
.t-cell:nth-child(4){border-left:0;padding-left:0;}
.t-cell:nth-child(-n+3){border-bottom:1px solid var(--sheet-rule);}
.t-num{font-size:22px;}
.log-search,.log-search input{width:100%;}
.log-tab thead{display:none;}
.log-tab,.log-tab tbody{display:block;}
.log-tab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:12px 0;border-bottom:1px solid var(--sheet-rule);}
.log-tab th,.log-tab td{display:block;padding:0;border:0;width:auto;}
.log-tab .c-title{grid-column:1;grid-row:1;font-size:15px;}
.log-tab .c-company{grid-column:1;grid-row:2;}
.log-tab .c-stage{grid-column:2;grid-row:1 / span 2;align-self:center;}
.log-tab .c-applied{display:none;}
.log-tab .c-follow{grid-column:1;grid-row:3;margin-top:4px;}
.c-lbl{display:inline;font-family:var(--font-body);font-size:12px;color:var(--muted);}
.log-tab .c-follow:has(.none){display:none;}
.log-tab .c-link{grid-column:2;grid-row:3;margin-top:4px;text-align:right;}
.log-tab .c-link:has(.none){display:none;}
.log-tab .stage{min-height:40px;padding-left:12px;font-size:13.5px;}
.job-open{min-height:24px;}
}
@media (max-width: 640px){
.jat-out{padding:10px;}
.log{padding:12px 12px 8px 24px;}
.log::before{left:11px;width:3px;}
.log-foot .btn{flex:1 1 calc(50% - 8px);min-height:44px;}
}

@media print{
.hero,.how,.prose,.faq,.jat-add,.jat-out .status,.log-foot,.log-search,.log-tag,.log-empty{display:none !important;}
.jat-out{border:0;padding:0;background:none;}
.log{border:0;padding-left:0;}
.log::before{display:none;}
.stage{border:0;background:none;padding:0;}
}
.jat-out .status:empty{display:none;}

.plashka{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:0 0 10px;padding:10px 12px 10px 14px;
border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-left:4px solid var(--accent);border-radius:var(--radius-s);background:var(--accent-soft);font-size:14px;}
.plashka p{margin:0;flex:1 1 240px;}
.plashka-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;}
.plashka .btn{min-height:36px;padding:6px 12px;font-size:14px;}
.plashka.warn{border-color:color-mix(in srgb,var(--due-today) 40%,transparent);border-left-color:var(--due-today);background:var(--due-today-wash);}
.toast{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border-radius:var(--radius-s);background:var(--ink);color:var(--bg);font-size:14px;}
.toast .log-link{color:inherit;font-weight:600;}
.log-link.danger{color:var(--bad);}
.stage-tag{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--st) 45%,transparent);background:color-mix(in srgb,var(--st) 12%,var(--sheet));color:var(--st);font:600 12.5px/1.4 var(--font-body);}
.log-tab tr.is-picked{background:var(--accent-soft);}

.has-drawer{position:relative;overflow:hidden;}
.drawer{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);}
.drawer-title{margin:0;font:650 18px/1.2 var(--font-display);letter-spacing:-.01em;}
.drawer-x{width:36px;min-height:36px;padding:0;font-size:20px;line-height:1;}
.drawer-body{padding:14px 16px 4px;overflow-y:auto;}
.drawer .field{margin-bottom:10px;}
.drawer .field label{font-size:13px;}
.drawer .field input,.drawer .field select,.drawer .field textarea{font-size:16px;min-height:40px;padding:7px 10px;}
.drawer .field textarea{min-height:72px;font-family:var(--font-body);line-height:1.45;}
.drawer-2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;}
.drawer input[type="date"]{font-family:var(--font-mono);font-size:15px;}
.follow-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.follow-row input{flex:1 1 150px;min-width:0;}
.drawer .mini{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-height:36px;padding:4px 10px;font-weight:500;}
.drawer .mini:hover{border-color:var(--accent);}
.drawer-open{font-size:13px;align-self:flex-start;}
.drawer-foot{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);}
.drawer-saved{flex:1;font-size:12px;color:var(--muted);text-align:right;}
@media (min-width: 900px){
.has-drawer .drawer{position:absolute;top:10px;right:10px;bottom:10px;width:min(400px,62%);}
.has-drawer .log{min-height:620px;}
}
@media (max-width: 899px){
.drawer{position:fixed;inset:0;z-index:20;border-radius:0;border:0;}
.drawer .mini{min-height:44px;}
}

.mapping{padding:0;}
.mapping-head{padding:14px 18px;border-bottom:1px solid var(--line);}
.mapping-file{margin:4px 0 0;font-size:14px;color:var(--muted);}
.mapping-grid{display:grid;gap:18px;padding:16px 18px;}
@media (min-width: 900px){.mapping-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);}}
.map-rows{display:grid;gap:0;border-top:1px solid var(--sheet-rule);}
.map-row{display:grid;grid-template-columns:9.5em minmax(0,1fr) 4.5em;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--sheet-rule);}
.map-ours{font-weight:600;font-size:14px;}
.map-ours::after{content: " \2192";color:var(--muted);font-weight:400;}
.map-row select,.map-order select{min-height:36px;padding:5px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font-size:14px;}
.map-auto{font-size:12px;color:var(--ok);}
.map-side{container-type:inline-size;min-width:0;}
.stage,.stage-tag{white-space:nowrap;}
.map-sub{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--muted);}
.map-preview{margin-bottom:12px;}
.map-order{margin:0 0 12px;font-size:14px;}
.map-notes{margin:0 0 12px;padding-left:18px;font-size:14px;color:var(--due-today);}
.map-notes li{margin-bottom:4px;}
.map-mode{margin:0;padding:0;border:0;}
.map-mode legend{padding:0;margin-bottom:6px;font-weight:600;font-size:14px;}
.map-mode label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 0;font-size:15px;cursor:pointer;}
.map-mode input{accent-color:var(--accent);width:18px;height:18px;align-self:center;}
.map-mode .hint{font-size:13px;}
.mapping-foot{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px;border-top:1px solid var(--line);}
@media (max-width: 640px){
.map-row{grid-template-columns:minmax(0,1fr) auto;}
.map-row select{grid-column:1 / -1;grid-row:2;min-height:44px;font-size:16px;}
.mapping-foot .btn{flex:1 1 auto;}
}

.no-match td{padding:16px 0;color:var(--muted);}
.field-note{margin:2px 0 0;font-size:13px;color:var(--bad);}
.drawer .drawer-title,.mapping .drawer-title{margin:0;font-size:18px;}
.jat-dialog{width:min(980px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:0;border:0;background:transparent;color:var(--ink);}
.jat-dialog::backdrop{background:rgba(15,23,42,.45);}
.jat-dialog .mapping{max-height:calc(100vh - 40px);overflow-y:auto;}
.mapping > .plashka{margin:0 18px 4px;}
.mapping-grid.is-own{grid-template-columns:minmax(0,1fr);}
@media (max-width: 899px){
:root.jat-sheet-open{overflow:hidden;}
.drawer{overflow:hidden;}
.drawer-body{flex:1;}
}
@media (max-width: 640px){
.jat-dialog{width:100%;max-height:100%;height:100%;margin:0;}
.jat-dialog .mapping{max-height:100vh;min-height:100%;border-radius:0;}
}
@media print{
.drawer,.jat-dialog,.plashka,.toast,.ext-cta{display:none !important;}
.t-cell{color:#000;}
}