:root{--navy:#0b2d52;--blue:#0872ad;--teal:#11aaa9;--ink:#172b3c;--muted:#667b8c;--line:#d9e3e9;--bg:#f3f6f8;--white:#fff;--green:#197a5f;--orange:#9a5b0b;--red:#a73c32}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:650}.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.shell>aside{position:fixed;width:230px;height:100vh;background:var(--navy);color:#dbe8ef;padding:22px 14px;display:flex;flex-direction:column}.brand{height:52px;overflow:hidden;display:block;position:relative;margin:0 8px 28px}.brand img{position:absolute;width:190px;left:-8px;top:-47px;filter:brightness(0) invert(1)}nav{display:flex;flex-direction:column;gap:5px}nav a{padding:12px;border-radius:7px;color:#adc2d0;font-weight:600}nav a:hover,nav a.active{background:#ffffff14;color:#fff}.account{margin-top:auto;border-top:1px solid #ffffff22;padding:18px 8px 0}.account b,.account small{display:block}.account small{color:#9bb1c0;margin:3px 0 10px}.link-button{padding:0;background:none;border:0;color:#76d0cc}.shell>main{grid-column:2;padding:34px;min-width:0}header{display:flex;align-items:flex-end;gap:20px;margin-bottom:25px}header>div:first-child{flex:1}h1{font-size:30px;line-height:1.15;margin:5px 0;color:var(--navy)}h2{color:var(--navy)}p{color:var(--muted)}.back{color:var(--blue);font-weight:700}.upload{display:flex;gap:10px;align-items:center}.upload input{max-width:260px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stats a,.card{background:#fff;border:1px solid var(--line);border-radius:10px}.stats a{padding:17px}.stats b,.stats span{display:block}.stats b{font-size:25px;color:var(--navy)}.stats span{font-size:12px;color:var(--muted)}.card{overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #e9eef1}th{background:#fafcfd;color:#718390;text-transform:uppercase;font-size:11px;letter-spacing:.05em}td small,td b{display:block}td small{font-size:11px;color:var(--muted);margin-top:3px}.empty{text-align:center;color:var(--muted);padding:45px}.status{display:inline-block;padding:5px 9px;border-radius:12px;background:#e9eef1;color:#526978;font-size:12px}.status.review{background:#fff0d9;color:var(--orange)}.status.approved{background:#e1f3ec;color:var(--green)}.status.failed{background:#fbe6e4;color:var(--red)}.actions{display:flex;gap:9px}.actions form{margin:0}.review{height:calc(100vh - 155px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewer{display:flex;flex-direction:column;min-width:0;background:#25333d}.toolbar{height:48px;background:#17242d;color:#dce6ec;display:flex;align-items:center;gap:9px;padding:0 14px}.toolbar button{padding:6px 10px;background:#2a3b46;border-color:#465762;color:#fff}.toolbar label{margin-left:auto;font-size:12px}.stage{flex:1;overflow:auto;padding:26px}.canvas{position:relative;width:100%;min-width:260px;margin:auto;line-height:0}.canvas img{width:100%;height:auto;box-shadow:0 10px 30px #0008}.ocr-box{position:absolute;border:1px solid #10c8c0;background:#13c5bd1d}.ocr-box:hover{border-width:2px;background:#13c5bd45}.hide-boxes .ocr-box{display:none}.fields-panel{background:#fff;padding:25px;overflow:auto}.fields-panel h2{margin:0}.fields-panel form{display:flex;flex-direction:column;gap:12px}.fields-panel label,.form-card label{font-size:12px;font-weight:700;text-transform:capitalize}.fields-panel input,.form-card input,.form-card select,.zone-controls input{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;margin-top:5px}.approve{width:100%;margin-top:12px}.form-card{padding:22px;margin-bottom:18px}.form-card form{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:end}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.template-card{display:grid;grid-template-columns:170px 1fr;padding:15px;gap:18px}.template-card img{width:170px;height:150px;object-fit:contain;background:#e8edf0}.template-card h3{margin:4px 0}.template-card p{font-size:12px}dialog{width:min(950px,92vw);border:0;border-radius:12px;padding:20px;box-shadow:0 30px 80px #0007}.dialog-head{display:flex;align-items:center}.dialog-head h2{flex:1}.zone-controls{display:flex;gap:9px;margin-bottom:12px}.zone-controls input{margin:0;flex:1}.zone-controls button{white-space:nowrap}#zone-image{position:relative;width:min(760px,100%);margin:auto;background:#e8edf0;line-height:0;user-select:none}#zone-image img{width:100%;height:auto;display:block}#zone-image i{position:absolute;border:2px solid var(--teal);background:#16c0b82c}#zone-list{padding:12px;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#edf5f7,#dbecef)}.login form{width:min(420px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:40px;box-shadow:0 25px 65px #183b551b}.login img{display:block;width:270px;margin:-75px auto -55px}.login h1{margin-top:20px}.login label{display:block;font-size:13px;font-weight:700;margin:18px 0}.login input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;margin-top:6px}.login .primary{width:100%;margin-bottom:18px}.login small{color:var(--muted)}.error{padding:10px;background:#fbe7e5;color:var(--red);border-radius:6px}
@media(max-width:900px){.shell{grid-template-columns:74px 1fr}.shell>aside{width:74px;padding:15px 8px}.brand{margin:0 0 20px;width:58px}.brand img{width:180px;left:-6px}.shell nav a{font-size:0}.shell nav a::first-letter{font-size:18px}.account{display:none}.shell>main{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.review{grid-template-columns:1fr;height:auto}.viewer{min-height:600px}.fields-panel{max-height:none}.form-card form,.template-grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.upload{width:100%;flex-wrap:wrap}}

/* Interaktyvus laukų ir šablonų žymėjimas */
.selection-help{background:#102a39;color:#bfe7e5;padding:10px 14px;font-size:12px;border-top:1px solid #ffffff12}.canvas.selecting{cursor:crosshair}.canvas.selecting img{pointer-events:none}.ocr-box{pointer-events:none}.field-zone{position:absolute;border:3px solid #18a66f;background:#18a66f28;pointer-events:none;z-index:3;box-shadow:0 0 0 1px #fff8}.field-zone::after{content:attr(data-field);position:absolute;left:-3px;top:-23px;background:#13845a;color:#fff;font:11px/1.2 Segoe UI,Arial,sans-serif;padding:4px 7px;border-radius:4px 4px 4px 0;white-space:nowrap}.field-zone.draft{border-color:var(--teal);border-style:dashed;background:#12b8b230}.field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:.15s ease}.field-row:hover{border-color:#99cfc3}.field-row.active{border-color:#0c8e5d;background:#ddf6eb;box-shadow:0 0 0 3px #18a66f35}.field-row.mapped{border-color:#75c6a5;background:#edf9f4}.field-row.mapped.active{border-color:#087c50;background:#d8f3e6}.field-row label{margin:0}.field-row button{font-size:12px;white-space:nowrap}.field-map-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.mapped-badge{display:none;color:#087c50;font-size:11px;font-weight:800}.field-row.mapped .mapped-badge{display:block}.new-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:5px}.new-field label{margin:0}.template-save{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.template-save h3{margin:0 0 4px;color:var(--navy)}.template-save p{font-size:12px}.template-save label{display:block;margin:11px 0;font-size:12px;font-weight:700}.template-save input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:6px}.template-save .primary{width:100%}#template-message{min-height:24px;padding-top:8px;font-size:12px;color:var(--green)}
.document-search{display:flex;gap:9px;margin-bottom:18px}.document-search input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.table-actions,.template-actions{display:flex;gap:7px;align-items:center}.table-actions form{margin:0}.danger{color:var(--red);border-color:#efcbc7;background:#fff8f7}.template-pill{display:inline-block;padding:5px 8px;border-radius:12px;background:#e5f4f5;color:#087b82;font-size:12px;font-weight:700}.muted{color:var(--muted);font-size:12px}.template-edit-form{display:flex;flex-direction:column;gap:9px}.template-edit-form label{font-size:11px;font-weight:700}.template-edit-form input[type="text"],.template-edit-form input:not([type]){width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;margin-top:3px}.template-edit-form .active-check{display:flex;align-items:center;gap:7px;font-weight:600}.template-edit-form .active-check input{width:auto;margin:0}.template-card{grid-template-columns:190px minmax(0,1fr)}.template-card img{width:190px;height:220px}.template-actions{flex-wrap:wrap}.template-actions button{font-size:11px;padding:8px 10px}#zone-image{cursor:crosshair;touch-action:none}#zone-image i{pointer-events:none}#zone-image i::after{content:attr(data-field);position:absolute;left:0;top:-18px;background:var(--teal);color:#fff;font-size:10px;line-height:1;padding:3px 5px}#zone-image .draft-zone{border-style:dashed;background:#ffb02033}#zone-list{display:flex;gap:7px;flex-wrap:wrap}#zone-list button{padding:6px 9px;font-size:11px;color:var(--red)}

/* 2026 produkto UI atnaujinimas */
:root{--navy:#082a4e;--blue:#0b6faa;--teal:#0aa6a6;--ink:#172b3c;--muted:#66798a;--line:#dbe4ea;--bg:#f2f5f7;--green:#14805f}
body{font-size:14px;background:var(--bg)}button,.button{min-height:38px;border-radius:8px;transition:.15s ease}button:hover,.button:hover{border-color:#9fb3c0;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{box-shadow:0 5px 14px #087b9f22}.shell{grid-template-columns:260px 1fr}.shell>aside{width:260px;padding:22px 16px;background:linear-gradient(180deg,#082a4e 0%,#071f39 100%);box-shadow:4px 0 18px #102d4210}.brand{height:48px;margin:0 9px 20px}.brand img{width:190px;top:-47px}.workspace-chip{display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:22px;border:1px solid #ffffff18;background:#ffffff0b;border-radius:10px}.workspace-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#0b7cb4,#0db1a9);font-weight:800;color:#fff}.workspace-chip b,.workspace-chip small{display:block}.workspace-chip b{font-size:12px;color:#fff}.workspace-chip small{font-size:10px;color:#91aabd;margin-top:2px}.shell nav{gap:4px}.shell nav>small{font-size:9px;letter-spacing:.13em;color:#66869e;margin:17px 10px 6px}.shell nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;font-size:13px;border-radius:8px}.shell nav a i{display:grid;place-items:center;width:22px;color:#6db9c3;font-style:normal;font-size:15px}.shell nav a.active{background:linear-gradient(90deg,#0d5575,#0b4567);box-shadow:inset 3px 0 #20c1bb}.shell nav a.active i{color:#55ddd6}.system-state{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 10px;color:#8eb2b7;font-size:11px;border-top:1px solid #ffffff12}.system-state i{width:7px;height:7px;background:#2bd399;border-radius:50%;box-shadow:0 0 0 4px #2bd3991c}.account{margin-top:0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:13px 8px}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0c5872;color:#fff;font-weight:800}.account b{font-size:11px}.account small{font-size:9px;margin:2px 0 0}.account .link-button{font-size:10px}.shell>main{grid-column:2;padding:0}.content-wrap{max-width:1600px;margin:auto;padding:32px 34px 44px}.page-header{align-items:center;margin-bottom:24px}.page-header h1{font-size:30px;letter-spacing:-.025em;margin:4px 0}.page-header p{margin:4px 0}.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--blue);font-weight:800}.card{border-color:#dce5ea;box-shadow:0 3px 12px #16384e08}.upload-trigger{padding-inline:18px}.upload-bar{display:flex;align-items:center;gap:15px;padding:15px 17px;margin-bottom:16px;border:1px dashed #a8c4cf;border-radius:10px;background:linear-gradient(90deg,#f8fcfc,#fff)}.upload-bar input{display:none}.upload-copy{display:flex;align-items:center;gap:12px;flex:1}.upload-copy b,.upload-copy small{display:block}.upload-copy b{font-size:13px}.upload-copy small{font-size:10px;color:var(--muted);margin-top:2px}.upload-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#def4f2;color:#0b8d89;font-size:20px}.stats{gap:10px}.stats a{position:relative;padding:15px 17px;border-radius:9px;transition:.15s ease}.stats a:hover{border-color:#a7c5cf;box-shadow:0 6px 16px #173d5510;transform:translateY(-2px)}.stats b{font-size:23px}.document-search{padding:10px 12px;align-items:center}.document-search>span{font-size:20px;color:#78909e}.document-search input{border:0;outline:0;padding:7px;background:transparent}.document-search .button,.document-search button{min-height:35px;padding-block:8px}.document-table-card{overflow:auto}.card-heading{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.card-heading h2{font-size:15px;margin:0}.card-heading span{font-size:10px;color:var(--muted)}.document-table-card table{min-width:950px}.document-table-card tbody tr{transition:.12s ease}.document-table-card tbody tr:hover{background:#f7fbfb}.document-table-card td{padding-block:13px}.document-table-card td:first-child b{color:#15344b}.document-table-card .button,.document-table-card button{min-height:32px;padding:7px 10px;font-size:11px}.status{font-weight:700}.status.processing{background:#e8eef2;color:#557184}.template-pill{background:#e6f5f4;color:#087f80}.review-header{margin-bottom:16px}.review-header h1{font-size:22px}.review-header .back{font-size:11px}.review-header p{font-size:11px}.review{height:calc(100vh - 150px);min-height:620px;border-radius:12px;box-shadow:0 5px 20px #112f4512;grid-template-columns:minmax(520px,1.55fr) minmax(380px,.75fr)}.viewer-title{height:55px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px}.viewer-title>div{flex:1}.viewer-title b,.viewer-title small{display:block}.viewer-title b{font-size:13px;color:#18364c}.viewer-title small{font-size:9px;color:var(--muted);margin-top:2px}.viewer-title>span{font-size:10px;background:#eef3f5;padding:5px 8px;border-radius:10px;color:#607583}.toolbar{height:45px}.selection-help{min-height:38px;padding:9px 14px;background:#10344a;color:#bce2df}.stage{padding:24px;background:radial-gradient(circle at 50% 20%,#40505a,#26343e 65%)}.canvas{max-width:950px}.fields-panel{padding:20px 21px}.panel-heading{display:flex;align-items:center;margin-bottom:9px}.panel-heading>div{flex:1}.panel-heading h2{font-size:19px;margin:2px 0}.field-count{display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;background:#e6f5f2;color:#087e68;font-weight:800}.instruction{display:flex;flex-direction:column;padding:10px 12px;margin-bottom:13px;border-left:3px solid var(--teal);background:#f1f9f8;border-radius:0 7px 7px 0}.instruction b{font-size:11px}.instruction span{font-size:10px;color:var(--muted)}.fields-panel form{gap:9px}.field-row{padding:9px}.field-row label{font-size:10px}.field-row input{padding:9px;margin-top:3px}.field-row button{min-height:31px;padding:7px 9px;font-size:10px}.mapped-badge{font-size:9px}.new-field{padding-top:4px}.new-field button{font-size:11px}.template-save{margin-top:16px;padding-top:0;border:1px solid var(--line);border-radius:9px;background:#fafcfc}.template-save summary{display:flex;align-items:center;cursor:pointer;padding:12px;list-style:none}.template-save summary::-webkit-details-marker{display:none}.template-save summary>span{flex:1}.template-save summary b,.template-save summary small{display:block}.template-save summary b{font-size:12px}.template-save summary small{font-size:9px;color:var(--muted);margin-top:2px}.template-save summary i{font-style:normal}.template-save[open] summary{border-bottom:1px solid var(--line)}.template-save-body{padding:12px}.template-save-body p{margin-top:0}.template-card{border-radius:11px;padding:18px}.template-card img{border-radius:8px}.template-edit-form input{background:#fbfcfd}.form-card{border-radius:11px}.login form{border-radius:16px;box-shadow:0 30px 80px #15374e25}
@media(max-width:1100px){.review{grid-template-columns:minmax(450px,1.3fr) minmax(340px,.7fr)}.content-wrap{padding:25px 22px}.table-actions{flex-direction:column;align-items:stretch}}
@media(max-width:820px){.shell{grid-template-columns:78px 1fr}.shell>aside{width:78px;padding:16px 9px}.workspace-chip,.shell nav>small,.shell nav a span,.system-state,.account>div,.account form{display:none}.brand{width:58px;margin-inline:0}.shell nav a{justify-content:center}.shell nav a i{font-size:18px}.account{display:flex;justify-content:center}.content-wrap{padding:18px 14px}.page-header{align-items:flex-start}.review{grid-template-columns:1fr;height:auto}.viewer{min-height:620px}.fields-panel{max-height:none}.upload-bar{align-items:stretch;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.document-search{flex-wrap:wrap}.document-search input{min-width:180px}.template-card{grid-template-columns:1fr}.template-card img{width:100%;height:240px}}

/* Skaidrus Digivizi logotipas */
.brand{height:48px;display:flex;align-items:center;overflow:visible}.brand img{position:static;width:100%;height:auto;filter:none;object-fit:contain}.login img{width:265px;height:auto;margin:0 auto 22px}.login h1{margin-top:0}
@media(max-width:820px){.brand{height:48px;overflow:hidden}.brand img{width:170px;max-width:none;object-position:left center}}

/* Būsenos ir review klasės atskirtos, kad lentelės žyma nepaveldėtų darbo vietos išdėstymo */
.status.status-review{background:#fff0d9;color:var(--orange)}
.status.status-approved{background:#e1f3ec;color:var(--green)}
.status.status-failed{background:#fbe6e4;color:var(--red)}
.status.status-processing{background:#e8eef2;color:#557184}
.review-workspace{height:calc(100vh - 150px);min-height:620px;display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(380px,.75fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #112f4512}
.document-table-card th,.document-table-card td{vertical-align:middle}.cell-value{display:-webkit-box;max-width:180px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;word-break:break-word}.document-table-card tbody tr{height:68px}.document-table-card .status{white-space:nowrap}
@media(max-width:1100px){.review-workspace{grid-template-columns:minmax(450px,1.3fr) minmax(340px,.7fr)}}
@media(max-width:820px){.review-workspace{grid-template-columns:1fr;height:auto}}