@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Inter,Segoe UI,Arial,sans-serif;color:#eaf2fc;background:#06152f;--night:#06152f;--night2:#0a1e3b;--ocean:#0759f2;--cyan:#08c7d6;--mint:#20d8a5;--lime:#57ed35;--ink:#eaf2fc;--muted:#92aac4;--line:#203856;--card:#102540;--glass:rgba(18,43,74,.83)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#06152f;color:var(--ink)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}h1,h2,h3,h4{letter-spacing:-.025em}h1{font-size:clamp(26px,3vw,38px);margin:6px 0 8px}h2{font-size:21px;margin:22px 0 14px}h3{font-size:17px;margin:0 0 10px}p{color:var(--muted);line-height:1.55}.app-shell{display:flex;min-height:100vh}.sidebar{width:262px;min-width:262px;background:linear-gradient(180deg,#081a35,#07142a);border-right:1px solid #1b3453;padding:25px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.side-logo{display:block;padding:0 12px 19px}.side-logo img{width:180px}.company-box{display:flex;align-items:center;gap:11px;background:#102b4d;border:1px solid #264366;border-radius:14px;padding:11px;margin-bottom:23px}.company-avatar,.user-dot{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(140deg,#0759f2,#20d8a5);color:white;border-radius:12px;font-weight:900;font-size:18px;flex-shrink:0}.company-box strong,.side-user strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.company-box small,.side-user small{color:#87a8c6;font-size:11px}.nav-caption{font-size:10px;color:#64809e;letter-spacing:1.8px;margin:0 13px 10px}.side-nav{display:grid;gap:3px}.side-nav a{display:flex;align-items:center;gap:13px;border:1px solid transparent;color:#a7bbd1;border-radius:11px;padding:11px 13px;font-size:13px;font-weight:650;transition:.2s}.side-nav img,.top-bell img{width:20px;height:20px;filter:invert(.84) sepia(.13) saturate(2) hue-rotate(175deg)}.side-nav a:hover,.side-nav a.active{background:linear-gradient(95deg,#183f70,#124060);border-color:#26547d;color:white}.side-nav a.active:before{content:'';position:absolute;margin-left:-13px;height:25px;width:3px;background:var(--mint);border-radius:9px}.side-foot{margin-top:auto;border-top:1px solid #1b3453;padding:16px 8px 0}.side-user{display:flex;align-items:center;gap:10px}.logout-btn{border:0;background:transparent;width:100%;display:flex;justify-content:space-between;padding:13px 3px 3px;color:#9fb5cd;font-size:12px}.main-column{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 0%,#0b2d4b 0,transparent 32%),var(--night)}.topbar{height:79px;border-bottom:1px solid #193651;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.topbar small{display:block;color:#6689a9;font-size:11px}.topbar strong{display:block;font-size:13px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px;color:#a3bdd4;font-size:12px}.live-dot{display:inline-block;height:8px;width:8px;border-radius:50%;background:#57ed35;box-shadow:0 0 16px #57ed35aa}.top-bell{display:grid;place-items:center;height:37px;width:37px;border:1px solid var(--line);border-radius:12px;margin-left:12px}.menu-btn{display:none;background:#102a46;border:1px solid #275479;color:#fff;border-radius:10px;padding:9px}.content{max-width:1660px;width:100%;margin:auto;padding:30px 36px;flex:1}.footer{padding:14px 30px;text-align:center;color:#547590;font-size:11px;border-top:1px solid #152c46}.footer span{color:var(--mint)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.page-heading small{color:var(--mint);font-weight:750;font-size:11px;letter-spacing:1.8px}.page-heading h1{margin:7px 0 4px}.page-heading p{margin:0;font-size:13px}.pill,.status{display:inline-flex;align-items:center;gap:7px;color:#41e2bc;background:#103d47;border:1px solid #246776;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.status.bad{background:#442232;border-color:#733744;color:#ff8e98}.status.warn{background:#47391d;color:#ffce73;border-color:#6d5330}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{background:linear-gradient(140deg,#122d50,#0d233f);border:1px solid #2a4468;border-radius:18px;padding:20px;position:relative;min-height:126px;overflow:hidden}.stat:before{content:'';position:absolute;right:-23px;top:-30px;width:105px;height:105px;background:#05b9d51f;border-radius:50%}.stat .stat-kicker{color:#9fb4ce;font-size:12px}.stat strong{display:block;margin-top:13px;font-size:36px;font-weight:850}.stat strong.blue{color:#45baff}.stat strong.mint{color:var(--mint)}.stat strong.lime{color:#94f172}.stat strong.orange{color:#ffbd6c}.stat img{width:27px;height:27px;position:absolute;right:21px;top:19px;filter:brightness(0) saturate(100%) invert(.78) sepia(.25) saturate(3) hue-rotate(150deg)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px}.section-head h2{margin:0}.section-head a{color:#66ddf1;font-size:12px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.tile,.panel,.form-panel{background:var(--glass);border:1px solid #224260;border-radius:18px;padding:20px;box-shadow:0 14px 40px #020e1b28}.tile h3{margin:7px 0}.tile p{font-size:13px;margin:7px 0}.tile-icon{width:49px;height:49px;background:linear-gradient(130deg,#134879,#0f3d4b);border:1px solid #25577d;border-radius:15px;display:grid;place-items:center;margin-bottom:12px}.tile-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}.measure{font-size:27px;font-weight:850;letter-spacing:-1px;color:#51e8cb}.measure small{font-size:13px;color:#95b5cb;font-weight:500}.small-muted{display:block;font-size:11px;color:#7798b5}.tag{display:inline-flex;padding:5px 8px;border:1px solid #31536f;border-radius:7px;color:#a7c4d7;background:#092440;font-size:11px}.action,.primary,.button,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;border:0;padding:11px 16px;color:#fff;font-weight:700;font-size:13px;background:linear-gradient(100deg,#0759f2,#08c7d6);transition:transform .15s,opacity .15s}.primary:hover,.action:hover,.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.action.muted,.ghost{background:#223a57;border:1px solid #315473}.action.danger{background:#6b2849}.action:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.mini{display:flex;justify-content:space-between;border-bottom:1px solid #1a415c;padding:10px 0;font-size:12px;color:#b8d0e0}.mini:last-child{border:0}.notice{padding:13px 16px;background:#153b43;border:1px solid #256e68;color:#6df0d0;border-radius:12px;margin-bottom:16px}.form-error,.text-danger{color:#fb7185;font-size:12px}.field,form label.field{display:block;color:#b6cadf;font-size:12px;font-weight:700;margin:12px 0}.field input,.field select,.field textarea,input.form-control,select.form-control,textarea.form-control{width:100%;display:block;padding:11px 13px;border-radius:10px;border:1px solid #315270;background:#0b1f38;color:#eaf3fd;margin-top:7px;min-height:42px}input:focus,select:focus,textarea:focus{outline:2px solid #18c8d655;outline-offset:1px}.checkbox-line{display:flex;align-items:center;gap:9px;color:#9db4cd;font-size:12px}.checkbox-line input{accent-color:#10c7bd}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.table-wrap{overflow-x:auto;border:1px solid #24425f;border-radius:16px;background:#0c223e}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#799cb6;font-size:11px;letter-spacing:.5px;text-transform:uppercase;background:#102e4d}td,th{padding:13px 14px;border-bottom:1px solid #1e3d59}tr:last-child td{border-bottom:0}td{color:#d5e9f4}.empty{padding:25px;color:#7f9eba;text-align:center;border:1px dashed #325574;border-radius:15px}.subtle{color:#799ab8}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#19cda2}.kpi-icon{width:20px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-color-blue{border-top:3px solid #0759f2}.section-color-cyan{border-top:3px solid #08c7d6}.section-color-orange{border-top:3px solid #ffbd6c}.section-color-green{border-top:3px solid #20d8a5}.form-panel h3{margin-bottom:7px}.form-panel p{margin-top:0;font-size:12px}.form-panel select,.form-panel input,.form-panel textarea{max-width:100%}.meta-line{display:flex;gap:10px;flex-wrap:wrap;margin:9px 0;color:#819fb9;font-size:11px}.mini-button{background:#153958;border:1px solid #275477;color:#d6f6ff;padding:6px 10px;border-radius:8px;font-size:11px}.chart-svg{width:100%;height:auto;background:#091e37;border-radius:14px}.chart-grid{stroke:#2e4b68;stroke-width:1}.chart-path{stroke:#25d6bb;stroke-width:2.7;fill:none}.chart-point{fill:#48e3d0}.icon-pill{background:#163955;border-radius:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px}.icon-pill img{width:18px;height:18px;filter:invert(1)}.icon-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px}.icon-choice{display:flex;align-items:center;gap:6px;border:1px solid #31516e;border-radius:9px;padding:6px;color:#d8f5fa}.icon-choice img{width:20px;height:20px;filter:invert(1)}.icon-choice input{accent-color:#09ccd0} .mobile-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.mobile-cards .tile{text-align:center}.mobile-cards .tile .tile-icon{margin:0 auto 10px}.mobile-cards .tile .measure{font-size:24px}
/* Login brand experience */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}.auth-story{min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:36px clamp(35px,5vw,90px);background:radial-gradient(ellipse at 75% 75%,#084a59 0,transparent 42%),radial-gradient(ellipse at 30% 12%,#133e75 0,transparent 37%),#06152f;position:relative}.auth-story:before{content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:270px;background:#20d8a51c;filter:blur(60px);border-radius:50%}.auth-logo{width:215px;position:relative;z-index:1}.auth-story-body{position:relative;z-index:1;margin:auto 0}.hero-kicker{color:#bce8de;font-size:12px;letter-spacing:2px;font-weight:750;display:flex;align-items:center;gap:12px}.auth-story h1{font-size:clamp(38px,4.1vw,68px);line-height:1.07;margin:18px 0;max-width:720px;letter-spacing:-3px}.auth-story h1 span{background:linear-gradient(90deg,#08b7fe,#21e3b2,#75f351);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-story p{max-width:510px;font-size:16px;color:#b0c8db}.auth-iot{max-height:390px;width:100%;margin-top:12px;filter:drop-shadow(0 10px 40px #0de0ac28)}.auth-features{display:flex;gap:16px;flex-wrap:wrap;color:#b2d1e1;font-size:11px;position:relative;z-index:1}.auth-features span{background:#12456662;border:1px solid #245475;padding:9px 12px;border-radius:20px}.auth-copy{color:#537d9c;margin-top:22px;font-size:10px;letter-spacing:1.5px}.auth-form-side{display:grid;place-items:center;background:#f7fbff;color:#081d38;padding:55px 40px;position:relative}.auth-form-side:after{content:'';width:220px;height:220px;border-radius:50%;background:#0ddac516;filter:blur(50px);position:absolute;right:-80px;bottom:-80px;pointer-events:none}.auth-form-container{max-width:425px;width:100%;position:relative;z-index:1}.auth-mobile-logo{display:none}.form-eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:2px;color:#008e91;font-weight:800}.form-eyebrow span{width:23px;height:3px;background:#04caaa;border-radius:9px}.auth-form-container h2{font-size:clamp(32px,3vw,44px);letter-spacing:-2px;margin:17px 0 8px}.intro-text{color:#6e8298;font-size:14px;margin-bottom:30px}.auth-form label{display:block;margin:18px 0 8px;font-size:12px;color:#213e5e;font-weight:800}.input-shell{display:flex;align-items:center;gap:10px;border-radius:13px;border:1px solid #d8e3ee;background:#fff;min-height:56px;padding:0 15px;box-shadow:0 5px 20px #12386509;transition:.2s}.input-shell:focus-within{border-color:#07a5c8;box-shadow:0 0 0 4px #0ed2da1f}.input-shell>img{width:19px;height:19px;opacity:.55}.input-shell input{border:0!important;outline:0!important;background:transparent;color:#08203d;padding:17px 0;min-width:0;flex:1;font-size:14px}.input-shell input::placeholder{color:#9baabc}.pass-toggle{background:none;border:0;color:#1279b8;font-size:12px;font-weight:750}.login-submit{margin-top:27px;width:100%;height:56px;font-size:14px;justify-content:space-between;padding:0 22px;border-radius:13px;background:linear-gradient(100deg,#0851d3,#00aee0,#20d8a5)}.login-submit span{font-size:21px}.auth-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#8091a4;font-size:11px;margin-top:18px}.auth-info img{width:15px;opacity:.5}.auth-form-foot{border-top:1px solid #deebf3;margin-top:80px;padding-top:18px;display:grid;gap:4px}.auth-form-foot strong{font-size:13px;color:#153754}.auth-form-foot span{font-size:11px;color:#8196a7}.auth-form .form-error{color:#b12b3a;margin:10px 0}.auth-form .form-error ul{padding-left:17px}
@media(max-width:1160px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content{padding:25px}.sidebar{width:225px;min-width:225px}.auth-layout{grid-template-columns:1fr 1fr}.auth-story{padding:32px}}
@media(max-width:850px){.sidebar{position:fixed;z-index:40;transform:translateX(-100%);transition:.2s;height:100vh}.menu-open .sidebar{transform:translateX(0)}.menu-btn{display:block}.topbar{padding:0 17px}.content{padding:18px}.two-cols,.three-cols{grid-template-columns:1fr}.auth-layout{display:block}.auth-story{min-height:280px;padding:25px}.auth-story-body{margin:28px 0 0}.auth-story h1{font-size:37px;letter-spacing:-1px}.auth-story p{font-size:13px}.auth-story .auth-iot,.auth-features,.auth-copy{display:none}.auth-form-side{min-height:calc(100vh - 280px);padding:30px 20px}.auth-form-foot{margin-top:40px}}
@media(max-width:530px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:14px;min-height:110px}.stat strong{font-size:28px}.stat img{right:11px;top:12px;width:21px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:13px}.tile h3{font-size:13px}.measure{font-size:23px}.page-heading{display:block}.page-heading .pill{margin-top:15px}.top-actions>span:not(.live-dot){display:none}.mobile-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{min-height:230px}.auth-story h1{font-size:32px}.auth-story p{display:none}.auth-form-side{min-height:calc(100vh - 230px)}}
/* Sensora v2 – otomasyon tasarımcısı ve seçici alanlar */
.side-nav a[href*="Automation"]{background:linear-gradient(90deg,#6926a4 0%,#27144e 100%);border:2px solid #ba7cf6;box-shadow:0 0 14px rgba(151,63,236,.22);font-weight:750;color:#f9f2ff}
.side-nav a[href*="Automation"].active{background:linear-gradient(90deg,#9e43e6 0%,#6429a4 100%);border-color:#f3c3ff}
.side-nav a[href*="Automation"] img{filter:brightness(0) invert(1)}
.trigger-group{border:2px solid #28658d;border-radius:15px;background:rgba(5,38,67,.47);padding:16px;margin:10px 0;transition:border-color .2s}
.trigger-group.drop-active{border-color:#74ffe2;background:rgba(25,174,139,.12)}
.trigger-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.trigger-group-head div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trigger-group-head small{color:#a9bfd2}
.trigger-item,.action-item{display:flex;align-items:center;gap:13px;border:2px solid #3d6484;border-radius:13px;background:#102c48;padding:12px 15px;min-width:0}
.trigger-item.dragging{opacity:.4}.trigger-copy{flex:1;min-width:0}.trigger-copy strong,.action-item strong{display:block;color:#e7f4ff}.trigger-copy small,.action-item small{display:block;color:#aabfd3;margin-top:3px}
.drag-handle{font-size:23px;color:#b3c9eb;cursor:grab;user-select:none}.action-item{justify-content:space-between;margin:8px 0;border-color:#315d4f;background:#102e36}
.logic-join{text-align:center;color:#65eac9;font-weight:800;letter-spacing:.15em;font-size:13px;margin:6px}
.or-separator{display:flex;justify-content:center;align-items:center;color:#f2b6ff;margin:10px}.or-separator:before,.or-separator:after{content:"";flex:1;height:2px;background:#8237a2}.or-separator span{border:2px solid #a956ce;border-radius:999px;padding:5px 20px;background:#3b185b;font-weight:750}
.builder-details{border:1px dashed #4c7088;padding:11px;border-radius:12px;margin-top:12px}.builder-details summary{cursor:pointer;font-weight:700;color:#93e2fc;margin-bottom:9px}
.action-phase{border:2px solid #315a62;border-radius:12px;margin:13px 0;padding:12px}.action-phase h3{margin:0 0 8px}.drop-hint{border:2px dashed #375871;border-radius:10px;padding:13px;color:#8ab0c9;text-align:center;font-size:13px}
.search-select{position:relative;width:100%;z-index:3}.search-select-input{width:100%;min-height:40px;border:1px solid #52728a;border-radius:9px;background:#0e2540;color:#f0faff;padding:9px 12px;box-sizing:border-box}
.search-select-input:focus{outline:2px solid #4cd8cf}.native-search-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.search-select-menu{position:absolute;top:100%;left:0;right:0;background:#0a263e;border:2px solid #4278a0;border-radius:9px;max-height:235px;overflow-y:auto;z-index:100;box-shadow:0 9px 24px #020d1b}
.search-select-choice{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #26455d;padding:10px;background:transparent;color:#eaf7ff;cursor:pointer;font-size:13px}.search-select-choice:hover,.search-select-choice:focus{background:#255777}
.history-scroll{overflow:auto;max-height:400px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:9px 11px;border-bottom:1px solid #3c596f;text-align:left}.data-table th{color:#b2e4f1}
.danger-notice{border:2px solid #ad4f62!important}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0 20px}.filter-bar .field{min-width:170px;flex:1}.tile[hidden],.icon-choice[hidden]{display:none!important}
.icon-preview{display:flex;align-items:center;gap:12px;margin:10px 0}.icon-preview-box{display:grid;place-items:center;border:5px solid #0cc4d9;border-radius:15px;width:82px;height:82px;background:#0b2539}.icon-preview-box img{width:50px;height:50px}
.stat-link{display:block;text-decoration:none;color:inherit;transition:transform .15s}.stat-link:hover{transform:translateY(-3px);outline:2px solid #54a7d0;border-radius:12px}
.company-sidebar-logo{margin:12px 0;padding:10px;border:2px solid #354e6b;border-radius:12px;text-align:center}.company-sidebar-logo img{max-width:100%;max-height:65px;object-fit:contain}
@media(max-width:700px){.trigger-group-head{align-items:start;flex-direction:column}.trigger-item{padding:9px}.filter-bar{display:block}.filter-bar>*{margin-bottom:9px}}
.chart-tooltip{position:absolute;top:5px;left:65px;right:65px;z-index:2;background:rgba(5,22,40,.96);border:1px solid #599cb4;border-radius:9px;padding:10px;color:#e3f5ff;font-size:12px;pointer-events:none}
.chart-legend{display:inline-block;border-radius:3px;background:rgba(25,54,74,.6);margin:4px 8px;padding:5px 9px;color:#d8f1ff;font-size:12px}


/* SENSORA 2026-11: tür rengi, gelişmiş sensör seçenekleri ve arama */
.trigger-item.trigger-sensor,.trigger-form-sensor{border:2px solid #12c9a4;background:rgba(10,78,72,.28)}
.trigger-item.trigger-zaman,.trigger-form-zaman{border:2px solid #378bff;background:rgba(28,78,143,.23)}
.trigger-item.trigger-kontaktor,.trigger-form-kontaktor{border:2px solid #a16bec;background:rgba(95,49,143,.22)}
.trigger-item.trigger-sensor:hover{box-shadow:0 0 0 2px rgba(18,201,164,.12)}
.trigger-item.trigger-zaman:hover{box-shadow:0 0 0 2px rgba(55,139,255,.12)}
.trigger-item.trigger-kontaktor:hover{box-shadow:0 0 0 2px rgba(161,107,236,.12)}
.trigger-form-trigger{padding:12px 14px;border-radius:12px;margin-bottom:10px}
.trigger-form-trigger[hidden],.advanced-trigger-panel[hidden],.standard-trigger-options[hidden], [data-hourly-options][hidden]{display:none!important}
.advanced-trigger-panel{border:1px dashed #17c8b8;background:rgba(20,105,105,.18);padding:14px;border-radius:10px;margin:10px 0}
.advanced-check{margin:12px 0;display:flex;gap:9px;align-items:center}
.remember-me{display:flex!important;gap:9px;align-items:center;color:#284a62!important}
.remember-me input{width:17px;height:17px;accent-color:#03adbc}
.guide-step{border:1px solid #315472;border-radius:14px;padding:17px 20px;margin-bottom:16px;background:#102a45}
.guide-step h3{margin-top:3px}.guide-step p{margin:7px 0}
.guide-code{background:#071a2b;border-left:3px solid #15c6ac;border-radius:9px;padding:12px 15px;white-space:normal;color:#def8f6}

.danger-button{border:1px solid #bc5b68!important;color:#ffd2d8!important}.danger-button:hover{background:#7f253e!important}


/* Sensora 2026-11-11 - otomasyon rehberinin yeni otomasyonla yan yana gösterimi */
.automation-heading-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    flex-shrink: 0;
}
.automation-heading-actions .action,
.automation-heading-actions .ghost {
    min-height: 43px;
    white-space: nowrap;
}
.automation-heading-actions .ghost img {
    width: 17px;
    height: 17px;
    filter: brightness(0) invert(1);
}

/* Arama kutusu ve Ara butonu alt kenarları her ekran genişliğinde aynı hizada. */
.filter-bar.dashboard-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    column-gap: 10px;
    row-gap: 8px;
}
.filter-bar.dashboard-search .field {
    min-width: 0;
    margin: 0;
}
.filter-bar.dashboard-search .field input {
    margin-top: 7px;
    min-height: 43px;
}
.filter-bar.dashboard-search .dashboard-search-button {
    margin: 0;
    min-height: 43px;
    white-space: nowrap;
}
.filter-bar.dashboard-search .dashboard-search-count {
    align-self: end;
    margin-bottom: 7px;
}
@media (max-width: 900px) {
    .automation-heading {
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .automation-heading-actions {
        justify-content: flex-start;
    }
}
@media (max-width: 700px) {
    .filter-bar.dashboard-search {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .filter-bar.dashboard-search .dashboard-search-count {
        grid-column: 1 / -1;
        justify-self: end;
        margin-bottom: 0;
    }
}
@media (max-width: 420px) {
    .automation-heading-actions {
        width: 100%;
    }
    .automation-heading-actions .action,
    .automation-heading-actions .ghost {
        flex: 1 1 auto;
    }
}