:root{--navy:#122b3b;--teal:#087f78;--ink:#163244;--muted:#647986;--line:#dbe4e9;--bg:#f1f5f7}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-height:48px;padding:10px 18px;font-weight:600;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #60beba;outline-offset:2px}input,select,textarea{padding:14px;border:1px solid #cbd7df;border-radius:9px;background:#fff;color:var(--ink);min-height:52px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.wide{width:100%;margin-top:16px}.ghost{background:transparent}.outline{background:#fff}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}.setup{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:6vh 9vw;background:linear-gradient(110deg,#e4f0f0,#f7f9fb)}.setup-intro h1{font-size:clamp(34px,4.5vw,65px);line-height:1.13;letter-spacing:-2px;margin:22px 0}.setup-intro p{font-size:19px;line-height:1.7;color:var(--muted)}.intro-lines{display:flex;gap:12px;margin-top:44px;align-items:flex-end}.intro-lines i{display:block;width:52px;height:64px;border-radius:8px;background:#a2d0ca}.intro-lines i:nth-child(2){height:103px;background:#399c92}.intro-lines i:nth-child(3){height:145px;background:var(--teal)}.setup-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;max-width:470px;width:100%;box-shadow:0 18px 70px #1632440b}.setup-card h2{font-size:28px;margin:10px 0 24px}.setup-card input,.setup-card select{width:100%}.setup-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:20px}.error{color:#b33227;line-height:1.5}.error:empty{display:none}#operatorVerified{background:#e3f4ee;padding:16px;border-radius:10px;color:#0a6b57}.topbar{background:var(--navy);color:#fff;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h1{font-size:28px;margin:5px 0 0}.topbar .eyebrow{color:#97b7c5}.top-right{display:flex;align-items:center;gap:10px}.top-right button{background:#ffffff0b;color:#fff;border-color:#ffffff29}.operator{margin-right:16px}.operator span{display:block;color:#98b4c4;font-size:10px;letter-spacing:1px;margin-bottom:5px}.operator strong{font-size:16px}.workspace{padding:26px 30px;max-width:1600px;margin:auto}.overview{display:flex;align-items:center;gap:16px}.overview h2{font-size:26px;margin:5px 0 0}.sync{margin-left:auto;color:var(--muted);font-size:12px}.status-filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.status-filters button{display:flex;align-items:center;gap:18px}.status-filters button.selected{background:var(--navy);color:white;border-color:var(--navy)}.status-filters b{font-size:13px;padding:3px 8px;border-radius:5px;background:#879dad25}.search-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.search-row input{width:min(500px,75%)}.search-row span{margin-left:auto;font-size:13px;color:var(--muted)}.job-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.job{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;border-top:4px solid #c5d2da;min-width:0}.job.running{border-top-color:var(--teal)}.job.paused{border-top-color:#d98e20}.job.done{border-top-color:#689876}.job-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.job-code{font-size:12px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}.badge{border-radius:6px;background:#edf1f4;color:#627886;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.badge.running{color:#086c61;background:#e1f4ee}.badge.paused{color:#935606;background:#fff0d3}.badge.done{color:#3e7549;background:#e9f2e8}.job h3{font-size:21px;line-height:1.35;margin:18px 0 8px;overflow-wrap:anywhere}.description{margin:0 0 18px;color:var(--muted);line-height:1.55;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.job-meta{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #edf1f4;padding:15px 0;margin-top:auto}.job-meta span{font-size:11px;display:block;color:var(--muted);margin-bottom:6px}.job-meta strong{font-size:14px}.job-actions{display:flex;gap:10px;margin-top:6px}.job-actions button{flex:1;min-height:54px}.pause-button{color:#995c0d;background:#fff5df;border-color:#f2d69e}.finish-button{color:#087568;background:#e4f5ef;border-color:#b8dfd3}.job-note{font-size:12px;color:var(--muted);margin:10px 0 0}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:var(--muted);background:white;border:1px dashed #c3d1da;border-radius:14px}.tablet-action-form{padding:12px;display:grid;gap:14px}.tablet-action-form label{margin:0}.tablet-action-form textarea{width:100%;min-height:90px}.tablet-action-form select{width:100%}.dx-popup-content .dx-button{min-height:46px}.dx-popup-content .dx-texteditor-input{min-height:44px}
@media(max-width:950px){.setup{gap:4vw;padding:30px 5vw}.setup-card{padding:26px}.topbar{flex-wrap:wrap;padding:18px 22px}.top-right{flex-wrap:wrap}.workspace{padding:22px}.job{padding:18px}.job-actions{flex-wrap:wrap}.operator{margin-right:4px}}@media(max-width:650px){.setup{grid-template-columns:1fr}.setup-intro{display:none}.setup-card{margin:auto}.job-cards{grid-template-columns:1fr}.topbar h1{font-size:23px}.status-filters{gap:6px}.status-filters button{padding:9px 12px;gap:10px}.sync{display:none}.overview button{margin-left:auto}.workspace{padding:16px}.top-right button{padding:8px 12px}.operator{width:100%}.search-row input{width:100%}.search-row span{display:none}}

/* Tablet kamera, galeri ve dosya araçları */
.job-file-quick-actions{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px;border:1px solid var(--line);border-radius:10px;background:#f7f9fa;}
.job-actions .job-file-quick-icon,.tablet-file-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;flex:0 0 40px;border:1px solid #cbd8dd;border-radius:8px;background:#fff;color:var(--ink);font-size:19px;line-height:1;box-shadow:none;}
.job-actions .job-file-quick-icon:hover,.tablet-file-icon:hover,.tablet-file-icon.active{border-color:var(--teal);background:#e7f5f3;color:var(--teal);}
.job-actions .job-file-quick-icon:focus-visible,.tablet-file-icon:focus-visible{outline:3px solid #60beba;outline-offset:2px;}
.tablet-file-tools{display:flex;align-items:center;gap:7px;margin:12px 0 7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#f7f9fa;}
.tablet-file-input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.tablet-file-tools-note{margin-left:5px;color:var(--muted);font-size:12px;font-weight:600;}
.tablet-file-limit{margin:5px 0 18px;color:var(--muted);font-size:12px;}
@media(max-width:650px){.job-actions{align-items:center}.job-file-quick-actions{order:-1}.tablet-file-tools-note{display:none}}

/* Kompakt tablet üst kontrol şeridi */
#tabletApp .topbar{min-height:58px;padding:8px 14px;gap:12px;flex-wrap:nowrap}
#tabletApp .tablet-heading{min-width:120px;max-width:310px;overflow:hidden}
#tabletApp .topbar h1{margin:1px 0 0;font-size:18px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tabletApp .topbar .eyebrow{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:1.2px}
#tabletApp .top-right{min-width:0;margin-left:auto;gap:6px;flex-wrap:nowrap}
#tabletApp .top-right>button,#tabletApp .top-right .tablet-chat-button{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:8px;font-size:18px;line-height:1}
#tabletApp .top-right .tracking-button{font-size:20px!important}
#tabletApp .operator{max-width:135px;margin:0 4px;overflow:hidden;white-space:nowrap}
#tabletApp .operator span{margin:0 0 1px;font-size:8px;line-height:1}
#tabletApp .operator strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.2}
#tabletApp #tabletTheme{display:inline-flex;align-items:center;height:38px}
#tabletApp #tabletTheme .dx-button,#tabletApp #tabletTheme .dx-dropdownbutton{min-height:38px;height:38px}
@media(max-width:760px){#tabletApp .topbar{padding:7px 9px;gap:7px}#tabletApp .tablet-heading{max-width:190px}#tabletApp .top-right{gap:4px}#tabletApp .top-right>button,#tabletApp .top-right .tablet-chat-button{width:36px;min-width:36px;height:36px;min-height:36px}#tabletApp .operator{max-width:92px;margin:0 2px}#tabletApp .operator span{display:none}}
@media(max-width:560px){#tabletApp .tablet-heading{max-width:120px}#tabletApp .topbar .eyebrow{display:none}#tabletApp .topbar h1{font-size:15px}#tabletApp .operator{display:none}#tabletApp #tabletTheme{display:none}}

/* Yukarı kapanıp aşağı açılan tablet üst menüsü */
#tabletApp .tablet-elevator{position:sticky;top:0;z-index:120;background:transparent;text-align:center}
#tabletApp .tablet-elevator-panel{max-height:150px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height .28s ease,opacity .18s ease,transform .28s ease;box-shadow:0 8px 22px rgba(18,43,59,.14)}
#tabletApp .tablet-elevator.is-collapsed .tablet-elevator-panel{max-height:0;opacity:0;transform:translateY(-18px);pointer-events:none}
#tabletApp .tablet-elevator-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:28px;min-height:28px;margin:0 auto;padding:2px 14px;border:0;border-radius:0 0 10px 10px;background:var(--navy);color:#fff;font-size:12px;line-height:1;box-shadow:0 5px 13px rgba(18,43,59,.22)}
#tabletApp .tablet-elevator-toggle span{font-size:11px;font-weight:700;letter-spacing:.3px}
#tabletApp .tablet-elevator:not(.is-collapsed) .tablet-elevator-toggle{background:#0b665f}
@media(max-width:560px){#tabletApp .tablet-elevator-toggle span{display:none}#tabletApp .tablet-elevator-toggle{min-width:52px}}