:root{--primary:#12a66a;--dark:#10251d;--muted:#6c7b75;--bg:#f4f7f5;--white:#fff;--border:#dde6e1}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#183029}a{text-decoration:none;color:inherit}.guest-body{background:#e9f4ef}.login-wrap{min-height:100vh;display:grid;grid-template-columns:440px 1fr}.login-panel{background:#fff;padding:70px 58px;display:flex;flex-direction:column;justify-content:center}.login-logo,.brand>span{width:52px;height:52px;border-radius:16px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800}.login-panel h1{font-size:38px;margin:20px 0 5px}.login-panel>p{color:var(--muted);margin-top:0}.login-hero{padding:70px;background:linear-gradient(135deg,#123b2b,#0a8b59);color:#fff;display:flex;align-items:flex-end}.login-hero h2{font-size:45px;max-width:750px}.login-hero span{letter-spacing:2px;font-size:13px}.form-stack{display:grid;gap:17px}.form-stack label{font-weight:700;font-size:14px}.form-stack input,.form-stack select,.search input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;margin-top:7px;background:#fff}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-light{background:#edf3f0}.btn-block{width:100%}.demo-box{margin-top:22px;padding:14px;border-radius:10px;background:#f1f7f4;color:#466158;font-size:13px}.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px}.danger{background:#feeceb;color:#a83c34}.success{background:#e3f8ed;color:#177548}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#fff;padding:26px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:35px}.brand small,.topbar small,td small{display:block;color:#91a59d;margin-top:4px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:10px;color:#dce8e3}.sidebar nav a:hover{background:#1c3d31}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:0 28px}.menu-btn{display:none}.content{padding:28px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat,.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.stat span{color:var(--muted)}.stat b{display:block;font-size:34px;margin-top:12px}.grid-2{display:grid;grid-template-columns:360px 1fr;gap:20px}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase}.empty{text-align:center;color:var(--muted);padding:35px}.badge{display:inline-block;padding:6px 9px;border-radius:20px;background:#eef2f0}.badge.active,.badge.used{background:#dcf6e8;color:#14784a}.badge.pending{background:#fff2cf;color:#8a6210}.badge.suspended,.badge.cancelled,.badge.expired{background:#fee6e3;color:#a33b32}.search{display:flex;gap:8px;min-width:340px}.search input{margin:0}.error-page{min-height:100vh;display:grid;place-content:center;text-align:center}.error-page h1{font-size:70px;margin:0}.menu-btn{background:none;border:0;font-size:24px}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.login-panel{padding:35px 24px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;left:-270px;top:0;bottom:0;width:260px;transition:.2s}.menu-open .sidebar{left:0}.menu-btn{display:block;margin-right:auto}.content{padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.search{min-width:0}.topbar{padding:0 16px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.login-panel h1{font-size:32px}}
.register-link{text-align:center;margin-top:18px;color:var(--muted);font-size:14px}.register-link a,.table-card a:not(.btn){color:var(--primary);font-weight:700}.register-page{min-height:100vh;padding:42px 18px;background:linear-gradient(135deg,#e6f4ed,#f7faf8);display:grid;place-items:center}.register-card{width:min(920px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:0 20px 60px rgba(16,37,29,.08)}.register-header{display:flex;align-items:center;gap:18px;margin-bottom:25px}.register-header h1{margin:0 0 5px}.register-header p{margin:0;color:var(--muted)}.register-header .login-logo{text-decoration:none}.form-section{padding:20px;border:1px solid var(--border);border-radius:14px;background:#fbfdfc}.form-section h3{margin:0 0 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.one{grid-template-columns:1fr}.form-grid .span-2{grid-column:1/-1}.form-stack textarea,.inline-form select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;margin-top:7px;background:#fff;font:inherit}.inline-form{display:flex;align-items:center;gap:7px}.inline-form select{margin:0;padding:8px;min-width:95px}.btn-small{padding:8px 10px;font-size:12px;white-space:nowrap}.sidebar nav a.disabled{opacity:.55;cursor:not-allowed}.sidebar nav a small{color:#779087}.stat .stat-text{font-size:20px;line-height:1.25}.stat .stat-date{font-size:23px}.badge.cancelled,.badge.suspended,.badge.expired{background:#fee6e3;color:#a33b32}@media(max-width:700px){.register-card{padding:20px}.register-header{align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.inline-form{align-items:stretch;flex-direction:column}}
.table-responsive{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.btn-danger{background:#c8483f;color:#fff}.badge.passive,.badge.blocked{background:#fee6e3;color:#a33b32}.badge.pending{background:#fff3d6;color:#8a6514}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.permission-card h3{text-transform:capitalize}.check-row{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--border);cursor:pointer}.check-row:last-child{border-bottom:0}.check-row input{width:18px;height:18px;margin-top:2px}.check-row small{display:block;color:var(--muted);margin-top:4px}@media(max-width:760px){.permission-grid{grid-template-columns:1fr}.actions{min-width:190px}}
.detail-list{display:grid;grid-template-columns:150px 1fr;margin:0}.detail-list dt,.detail-list dd{padding:11px 0;border-bottom:1px solid var(--border);margin:0}.detail-list dt{font-weight:700;color:var(--muted)}.detail-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.location-actions{display:flex;align-items:center;gap:12px}.location-actions small{color:var(--muted)}@media(max-width:760px){.detail-list{grid-template-columns:1fr}.detail-list dt{border-bottom:0;padding-bottom:3px}.detail-list dd{padding-top:0}.detail-grid{grid-template-columns:1fr}.location-actions{align-items:flex-start;flex-direction:column}}

.filter-search{flex-wrap:wrap}.filter-search input{flex:1;min-width:220px}.row-passive{opacity:.62;background:#f7f8f8}.row-passive td{border-bottom-color:#e6e9e7}.badge.planned{background:#e7f0ff;color:#315f9d}.badge.assigned{background:#eee8ff;color:#6544a8}.badge.started{background:#fff1c9;color:#8b650b}.badge.completed{background:#dcf6e8;color:#14784a}.badge.postponed{background:#fff0df;color:#a05a11}.order-filter select{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff}.order-filter{flex-wrap:wrap}.order-filter input{flex:1;min-width:220px}@media(max-width:700px){.filter-search,.order-filter{flex-direction:column;align-items:stretch}.filter-search input,.order-filter input{min-width:0}}
.bulk-bar{display:flex;align-items:center;gap:16px;justify-content:space-between}.bulk-bar small,.switch-row small{display:block;color:#64748b;margin-top:5px}.bulk-bar input{max-width:190px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px;border:1px solid #e2e8f0;border-radius:12px}.switch-row input{width:22px;height:22px}.detail-list{display:grid;gap:0;margin-bottom:18px}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf2f7}.detail-list span{color:#64748b}@media(max-width:700px){.bulk-bar,.switch-row{align-items:stretch;flex-direction:column}.bulk-bar input{max-width:none}.detail-list>div{flex-direction:column;gap:4px}}
.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:11px}.sidebar nav .ui-icon{width:19px;height:19px}.menu-btn{align-items:center;justify-content:center}.page-head.compact{margin-bottom:16px}.completed-filter{display:grid;grid-template-columns:minmax(220px,1fr) 170px 170px auto}.completed-filter input{margin:0}.photo-count{display:inline-flex;align-items:center;gap:6px;font-weight:700}.photo-count .ui-icon{width:16px}.photo-upload{display:grid;grid-template-columns:170px minmax(200px,1fr) minmax(220px,1fr) auto;gap:10px;align-items:center}.photo-upload select,.photo-upload input{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;width:100%}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.photo-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.photo-card img{width:100%;height:190px;object-fit:cover;display:block}.photo-card>div{padding:14px;display:grid;gap:8px}.photo-card small{color:var(--muted)}@media(max-width:900px){.completed-filter,.photo-upload{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.completed-filter,.photo-upload{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.photo-card img{height:220px}}


/* v13 — UI refresh */
:root{
  --primary:#0f9f67;
  --primary-dark:#08734b;
  --primary-soft:#e9f8f1;
  --ink:#152b24;
  --muted:#70817a;
  --surface:#ffffff;
  --surface-soft:#f8fbf9;
  --border:#dfe9e4;
  --shadow:0 12px 36px rgba(18,56,43,.07);
}
body{background:#f3f7f5;color:var(--ink)}
.card,.stat,.register-card{box-shadow:var(--shadow)}
.card{border-color:#e4ece8}
.content{max-width:1680px;width:100%;margin:0 auto}
.page-head h1{font-size:28px;letter-spacing:-.02em}
.page-head p{font-size:14px;line-height:1.55}
.btn{min-height:42px;border-radius:12px;padding:10px 15px;transition:.18s ease;box-shadow:none}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#0f9f67,#0a8757);box-shadow:0 8px 18px rgba(15,159,103,.18)}
.btn-primary:hover{background:linear-gradient(135deg,#0b8d5b,#08734b)}
.btn-light{background:#f1f6f3;color:#24483b;border:1px solid #e0e9e4}
.btn-light:hover{background:#e8f1ec}
input,select,textarea{font:inherit;color:var(--ink)}
.form-stack{gap:20px}
.form-stack>.btn{justify-self:flex-end;min-width:150px}
.form-card{padding:0;overflow:hidden}
.form-section-block{padding:24px 26px;border-bottom:1px solid var(--border)}
.form-section-block:last-child{border-bottom:0}
.form-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}
.form-section-heading .section-icon{width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;flex:0 0 auto}
.form-section-heading h3{margin:0 0 4px;font-size:17px}
.form-section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.form-grid{gap:18px 20px}
.form-grid label,.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;color:#2d4b40}
.form-grid label>span,.field>span{display:flex;align-items:center;gap:6px}
.form-grid label small,.field small,.field-help{font-weight:500;color:var(--muted);line-height:1.45}
.form-grid input,.form-grid select,.form-grid textarea,.card form:not(.search):not(.inline-form) input,.card form:not(.search):not(.inline-form) select,.card form:not(.search):not(.inline-form) textarea{
  width:100%;margin:0;border:1px solid #d9e5df;border-radius:12px;background:#fff;padding:12px 13px;min-height:46px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s
}
.form-grid textarea,.card form:not(.search):not(.inline-form) textarea{min-height:96px;resize:vertical}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.card form:not(.search):not(.inline-form) input:focus,.card form:not(.search):not(.inline-form) select:focus,.card form:not(.search):not(.inline-form) textarea:focus{
  border-color:#65c6a0;box-shadow:0 0 0 4px rgba(15,159,103,.10);background:#fcfffd
}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a4b2ac}
.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;background:#fbfdfc;border-top:1px solid var(--border);position:sticky;bottom:0;z-index:2}
.form-actions .btn{min-width:140px}
.required-dot{color:#d54c45}
.field-prefix{position:relative}.field-prefix>.ui-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#769187}.field-prefix input{padding-left:40px!important}
.location-actions{background:#f7fbf9;border:1px dashed #cbded5;padding:14px;border-radius:12px}
.search,.filter-search,.order-filter,.completed-filter{background:transparent}
.search select,.search input,.order-filter select,.order-filter input,.completed-filter input{min-height:44px;border-radius:12px;border:1px solid #dce7e2;background:#fff}
.search label,.order-filter label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:750;color:var(--muted)}
.search label input,.order-filter label input{margin:0}
.topbar{height:78px;justify-content:flex-end;gap:14px;box-shadow:0 1px 0 rgba(20,60,45,.03);position:sticky;top:0;z-index:8}
.top-search{margin-right:auto;position:relative;width:min(520px,48vw);display:flex;align-items:center}
.top-search>.ui-icon{position:absolute;left:14px;color:#6f877e}
.top-search input{width:100%;height:44px;border:1px solid #dde8e3;background:#f7faf8;border-radius:13px;padding:0 64px 0 42px;outline:none}
.top-search input:focus{border-color:#65c6a0;background:#fff;box-shadow:0 0 0 4px rgba(15,159,103,.09)}
.top-search kbd{position:absolute;right:10px;padding:3px 6px;border:1px solid #dbe5e0;background:#fff;border-radius:6px;font:600 10px/1.2 Arial;color:#809087}
.top-user{display:flex;align-items:center;gap:10px;padding-right:4px}
.top-user-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#daf3e8,#edf8f3);color:#08734b;font-weight:900}
.sidebar{background:linear-gradient(180deg,#102a20,#0c2119);box-shadow:12px 0 30px rgba(12,33,25,.08)}
.sidebar nav a{border:1px solid transparent;transition:.18s}
.sidebar nav a:hover{background:#183c2e;border-color:#24513e;transform:translateX(2px)}

/* Search center */
.search-center-hero{background:linear-gradient(135deg,#113a2b 0%,#0c7f55 58%,#13a86e 100%);color:white;border-radius:22px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,620px);gap:28px;align-items:center;box-shadow:0 18px 48px rgba(13,90,62,.18);margin-bottom:22px}
.search-center-hero h1{margin:5px 0 6px;font-size:30px;display:flex;align-items:center;gap:10px}.search-center-hero p{margin:0;color:#d8eee5;max-width:650px;line-height:1.55}
.eyebrow,.section-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:850;color:#66a98d}
.search-center-hero .eyebrow{color:#b5e9d4}
.global-search-panel{display:flex;gap:9px;background:rgba(255,255,255,.12);padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.search-input-wrap{position:relative;flex:1}.search-input-wrap>.ui-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#66827a}.search-input-wrap input{width:100%;height:48px;border:0;border-radius:12px;padding:0 14px 0 42px;outline:none;background:#fff}
.search-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.result-section{padding:0;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #edf2ef}.section-head h2{margin:3px 0 0;font-size:18px}.section-head>.ui-icon{width:24px;height:24px;color:#77a390}
.result-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #edf2ef;transition:.16s}.result-card:last-child{border-bottom:0}.result-card:hover{background:#f7fbf9}.result-icon{width:42px;height:42px;border-radius:13px;background:#eaf8f1;color:#08734b;display:grid;place-items:center}.result-main{min-width:0}.result-main b,.result-main span{display:block}.result-main b{font-size:14px;margin-bottom:4px}.result-main span{font-size:12px;color:var(--muted);line-height:1.45}.result-metrics{display:flex;gap:7px;align-items:flex-end;flex-direction:column;font-size:11px;color:#687c74}.result-metrics strong{color:#0b8154;font-size:13px}.empty-state{padding:38px 22px;text-align:center;display:grid;place-items:center;gap:7px;color:var(--muted)}.empty-state>.ui-icon{width:30px;height:30px}
.search-empty-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.search-tip{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.search-tip>.ui-icon{width:25px;height:25px;color:#159765;margin-bottom:13px}.search-tip b,.search-tip span{display:block}.search-tip span{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}
.record-hero{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow);margin-bottom:16px}.record-avatar{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#e0f6ec,#f0fbf6);color:#0c8557;display:grid;place-items:center}.record-avatar>.ui-icon{width:29px;height:29px}.record-title h1{font-size:25px;margin:4px 0}.record-title p{margin:0;color:var(--muted);font-size:13px}.record-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.overview-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:17px 18px;box-shadow:0 8px 22px rgba(20,60,45,.04)}.overview-card span{display:block;color:var(--muted);font-size:12px}.overview-card b{display:block;margin-top:7px;font-size:24px}.overview-card small{display:block;margin-top:5px;color:#6f8179}.overview-card.featured{background:linear-gradient(135deg,#0f8358,#10a66b);color:#fff;border-color:transparent}.overview-card.featured span,.overview-card.featured small{color:#d5f2e5}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);gap:16px}.workspace-main,.workspace-side{display:grid;gap:16px;align-content:start}.workspace-card{padding:0;overflow:hidden}.compact-list{display:grid}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid #eef3f0;transition:.15s}.compact-row:last-child{border-bottom:0}.compact-row:hover{background:#f8fbfa}.compact-row b,.compact-row span,.compact-row small{display:block}.compact-row b{font-size:13px}.compact-row span,.compact-row small{color:var(--muted);font-size:11px;margin-top:4px}.empty-inline{padding:24px 18px;color:var(--muted);text-align:center}.money-list{padding:5px 18px}.money-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eef3f0}.money-list span{font-size:11px;color:var(--muted);max-width:70%}.money-list b{font-size:12px;white-space:nowrap}.money-list .debit{color:#b74b42}.money-list .credit{color:#0b8758}.text-link{display:block;padding:14px 18px;color:#0b8758;font-size:12px;font-weight:800;border-top:1px solid #eef3f0}
.photo-workspace{margin-top:16px}.search-photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#e6eee9}.search-photo{background:#fff;min-width:0}.search-photo img{display:block;width:100%;height:150px;object-fit:cover}.search-photo div{padding:10px}.search-photo b,.search-photo span{display:block}.search-photo b{font-size:12px}.search-photo span{font-size:10px;color:var(--muted);margin-top:4px}

/* Better form responsiveness */
@media(max-width:1100px){
  .search-center-hero{grid-template-columns:1fr}.search-result-grid{grid-template-columns:1fr}.search-empty-dashboard{grid-template-columns:1fr 1fr}.search-photo-grid{grid-template-columns:repeat(3,1fr)}
  .workspace-grid{grid-template-columns:1fr}.record-hero{grid-template-columns:54px 1fr}.record-actions{grid-column:1/-1;justify-content:flex-start}.overview-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .top-search{width:auto;flex:1}.top-search kbd{display:none}.top-user{display:none}
}
@media(max-width:700px){
  .form-section-block{padding:20px 16px}.form-actions{padding:14px 16px;position:static}.form-actions .btn{flex:1}
  .search-center-hero{padding:22px 18px;border-radius:18px}.global-search-panel{flex-direction:column}.global-search-panel .btn{width:100%}
  .search-empty-dashboard,.overview-cards{grid-template-columns:1fr}.record-hero{grid-template-columns:1fr;text-align:left}.record-avatar{width:52px;height:52px}.record-actions{justify-content:stretch}.record-actions .btn{flex:1}
  .compact-row{align-items:flex-start;flex-direction:column}.search-photo-grid{grid-template-columns:1fr 1fr}
  .topbar{gap:8px}.top-search input{padding-right:12px}.topbar>form:last-child .btn{width:42px;padding:0;font-size:0}.topbar>form:last-child .btn .ui-icon{width:18px;height:18px}
}
@media(max-width:480px){.search-photo-grid{grid-template-columns:1fr}.search-center-hero h1{font-size:25px}}

.checklist-builder{display:grid;gap:10px;margin-bottom:14px}.check-template-row{display:grid;grid-template-columns:34px minmax(260px,1fr) 120px 190px auto;gap:10px;align-items:center;padding:10px;background:#f9fbfa;border:1px solid #e3ece7;border-radius:13px}.check-template-row>input{height:44px;border:1px solid #d9e5df;border-radius:10px;padding:0 12px}.drag-index{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e9f7f0;color:#08734b;font-size:12px;font-weight:900}.mini-check{display:flex!important;align-items:center!important;flex-direction:row!important;gap:7px!important;font-size:12px!important;font-weight:700!important}.mini-check input{width:17px!important;height:17px!important;min-height:auto!important;margin:0!important;padding:0!important}.mini-check span{white-space:nowrap}@media(max-width:900px){.check-template-row{grid-template-columns:34px 1fr auto}.check-template-row .mini-check{grid-column:2/-1}.check-template-row .remove-row{grid-column:2/-1;justify-self:start}}@media(max-width:560px){.check-template-row{grid-template-columns:30px 1fr}.check-template-row>input,.check-template-row .mini-check,.check-template-row .remove-row{grid-column:1/-1}}
.permission-card{padding:0;overflow:hidden}.permission-card h3{margin:0;padding:16px 18px;background:#f8fbf9;border-bottom:1px solid #e7eeea}.permission-card .check-row{padding:12px 18px}.permission-card .check-row:hover{background:#f7fbf9}

/* v13.1 button contrast fix */
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.table-card a.btn-primary,
.table-card a.btn-primary:link,
.table-card a.btn-primary:visited{
  color:#fff !important;
}
.btn-primary .ui-icon{color:#fff !important;stroke:#fff}


/* v14 — Modern operational dashboard */
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:18px;border-radius:22px;background:linear-gradient(125deg,#102f24 0%,#0c6e4b 62%,#11a66b 100%);color:#fff;box-shadow:0 18px 45px rgba(14,82,58,.18);overflow:hidden;position:relative}
.dashboard-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-110px;border:42px solid rgba(255,255,255,.07)}
.dashboard-hero>div{position:relative;z-index:1}.dashboard-hero h1{margin:5px 0 7px;font-size:30px;letter-spacing:-.025em}.dashboard-hero p{margin:0;color:#d7eee4;line-height:1.55}.dashboard-hero .eyebrow{color:#aee2cb}.dashboard-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.dashboard-hero-actions .btn-light{background:rgba(255,255,255,.94);border-color:transparent}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.dashboard-kpi{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:17px;padding:17px 18px;box-shadow:0 8px 24px rgba(18,56,43,.045);transition:.18s}.dashboard-kpi:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(18,56,43,.075)}.dashboard-kpi.attention{border-color:#f2cdc9;background:linear-gradient(135deg,#fff,#fff7f6)}.dashboard-kpi span,.dashboard-kpi small{display:block}.dashboard-kpi span{font-size:12px;color:var(--muted);font-weight:750}.dashboard-kpi b{display:block;font-size:26px;margin:3px 0}.dashboard-kpi small{font-size:10px;color:#8b9a94}
.kpi-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.kpi-icon>.ui-icon{width:21px;height:21px}.kpi-icon.primary{background:#e7f8f0;color:#078455}.kpi-icon.danger{background:#fff0ee;color:#c75549}.kpi-icon.warning{background:#fff6dd;color:#9a7113}.kpi-icon.success{background:#e8f8ef;color:#168152}.kpi-icon.small{width:37px;height:37px;border-radius:11px}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:18px}.dashboard-main,.dashboard-side{display:grid;gap:18px;align-content:start}.dashboard-panel{padding:0;overflow:hidden}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #edf2ef}.dashboard-panel-head h2{margin:3px 0 0;font-size:18px}.text-link-inline{font-size:11px;color:#0a8757;font-weight:800;white-space:nowrap}
.dashboard-timeline{padding:6px 0}.timeline-item{display:grid;grid-template-columns:54px 12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 20px;position:relative}.timeline-item:hover{background:#f8fbf9}.timeline-time{font-weight:850;font-size:13px;color:#365248;text-align:right}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#92a59d;box-shadow:0 0 0 4px #edf2ef}.timeline-dot.started{background:#e0a61c;box-shadow:0 0 0 4px #fff4cf}.timeline-dot.assigned{background:#7656c5;box-shadow:0 0 0 4px #eee9fb}.timeline-dot.planned{background:#3d77c5;box-shadow:0 0 0 4px #eaf2fc}.timeline-content b,.timeline-content span,.timeline-meta small{display:block}.timeline-content b{font-size:13px}.timeline-content span,.timeline-meta small{font-size:10px;color:var(--muted);margin-top:4px}.timeline-meta{text-align:right}.timeline-meta .badge{font-size:10px}
.dashboard-table-list{display:grid}.dashboard-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf2ef}.dashboard-row:last-child{border-bottom:0}.dashboard-row:hover{background:#f8fbf9}.date-chip{width:46px;height:48px;border-radius:11px;background:#edf8f3;display:grid;place-items:center;align-content:center;color:#08734b}.date-chip b{font-size:17px;line-height:1}.date-chip span{font-size:9px;text-transform:uppercase;margin-top:3px}.row-main b,.row-main span,.row-right span,.row-right small{display:block}.row-main b{font-size:13px}.row-main span,.row-right span,.row-right small{font-size:10px;color:var(--muted);margin-top:3px}.row-right{text-align:right;display:flex;align-items:center;gap:9px}.row-right .ui-icon{color:#7c9288;width:17px}
.dashboard-empty{padding:34px 18px;text-align:center;display:grid;place-items:center;gap:6px;color:var(--muted)}.dashboard-empty>.ui-icon{width:27px;height:27px}.dashboard-empty b{color:#405b51}.dashboard-empty.compact{padding:22px}
.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e8efeb}.quick-action-grid a{display:flex;align-items:center;gap:10px;background:#fff;padding:14px 15px}.quick-action-grid a:hover{background:#f5faf7}.quick-action-grid>a>.ui-icon{width:20px;color:#0b8b5b}.quick-action-grid b,.quick-action-grid small{display:block}.quick-action-grid b{font-size:12px}.quick-action-grid small{font-size:9px;color:var(--muted);margin-top:3px}
.finance-balance{padding:20px;background:linear-gradient(135deg,#0d7d54,#0fa56a);color:#fff}.finance-balance span{font-size:11px;color:#d9f1e6}.finance-balance b{font-size:26px;display:block;margin-top:7px}.finance-mini{display:grid;grid-template-columns:1fr 1fr 1fr}.finance-mini>div{padding:14px;border-right:1px solid #edf2ef}.finance-mini>div:last-child{border:0}.finance-mini span,.finance-mini b{display:block}.finance-mini span{font-size:9px;color:var(--muted)}.finance-mini b{font-size:12px;margin-top:5px}
.counter-pill{min-width:30px;height:30px;padding:0 8px;border-radius:10px;background:#fff0ee;color:#b54b42;display:grid;place-items:center;font-weight:900}.complaint-mini-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid #edf2ef}.complaint-mini-list>a:hover{background:#f9fbfa}.complaint-mini-list b,.complaint-mini-list span{display:block}.complaint-mini-list b{font-size:11px}.complaint-mini-list div span{font-size:9px;color:var(--muted);margin-top:4px}.priority-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.priority-dot.low{background:#87ad9d}.priority-dot.normal{background:#e1ad32}.priority-dot.high{background:#e27a44}.priority-dot.urgent{background:#cc4e45}.widget-footer-link{display:block;text-align:center;padding:12px;color:#0b8758;font-size:10px;font-weight:850}
.company-widget{padding:17px}.company-widget-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid #edf2ef}.company-logo-mini{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0d8055,#14ad70);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.company-widget-head b,.company-widget-head span{display:block}.company-widget-head b{font-size:13px}.company-widget-head span{font-size:10px;color:var(--muted);margin-top:3px}.company-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:13px}.company-stats>div{text-align:center;border-right:1px solid #edf2ef}.company-stats>div:last-child{border:0}.company-stats span,.company-stats b{display:block}.company-stats span{font-size:9px;color:var(--muted)}.company-stats b{font-size:16px;margin-top:3px}

/* v14 notification center */
.muted-note{color:var(--muted);font-size:12px;line-height:1.55}.notification-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.template-vars{display:flex;flex-wrap:wrap;gap:8px}.template-vars code{padding:7px 9px;border-radius:8px;background:#edf7f2;color:#08734b;font-size:11px}.notification-template-list{display:grid}.notification-template-list form{display:grid;grid-template-columns:180px minmax(250px,1fr) 110px auto;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf2ef}.notification-template-list form:last-child{border:0}.notification-template-list b,.notification-template-list small{display:block}.notification-template-list small{color:var(--muted);font-size:9px;margin-top:3px}.notification-template-list textarea{min-height:72px!important}
@media(max-width:1200px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.company-widget{grid-column:1/-1}}
@media(max-width:800px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-kpis,.dashboard-side{grid-template-columns:1fr}.timeline-item{grid-template-columns:48px 10px 1fr}.timeline-meta{grid-column:3;text-align:left}.finance-mini{grid-template-columns:1fr}.finance-mini>div{border-right:0;border-bottom:1px solid #edf2ef}.quick-action-grid{grid-template-columns:1fr}.notification-template-list form{grid-template-columns:1fr}.notification-grid{grid-template-columns:1fr}}


/* v15 — SMS integration settings */
.sms-toggle-list{display:grid;gap:10px}
.sms-toggle-card{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;
  gap:20px;padding:14px 16px;border:1px solid #e2ebe6;border-radius:13px;background:#fafcfb;
  cursor:pointer;font-weight:500!important
}
.sms-toggle-card:hover{background:#f5faf7;border-color:#d3e5dc}
.sms-toggle-card>span{min-width:0}
.sms-toggle-card b,.sms-toggle-card small{display:block}
.sms-toggle-card b{font-size:13px;color:#28483c}
.sms-toggle-card small{font-size:11px;color:var(--muted);font-weight:500;margin-top:4px;line-height:1.45}
.sms-switch,
.card form:not(.search):not(.inline-form) input.sms-switch{
  -webkit-appearance:none!important;appearance:none!important;
  width:38px!important;height:22px!important;min-width:38px!important;min-height:22px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:#cbd7d1!important;box-shadow:none!important;position:relative;cursor:pointer;flex:0 0 38px
}
.sms-switch:before{
  content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;
  left:3px;top:3px;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s
}
.sms-switch:checked{background:#0f9f67!important}
.sms-switch:checked:before{transform:translateX(16px)}
.sms-switch:focus{box-shadow:0 0 0 4px rgba(15,159,103,.12)!important}
.provider-help{margin-top:16px}
.provider-help>div{padding:12px 14px;border-left:3px solid #0f9f67;background:#f6faf8;border-radius:0 10px 10px 0}
.provider-help b,.provider-help span{display:block}
.provider-help b{font-size:12px}.provider-help span{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}
.notification-vars{padding:14px 18px;border-bottom:1px solid #edf2ef}
.notification-vars>span{font-size:11px;color:var(--muted);font-weight:750;align-self:center}
.table-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.table-actions form{margin:0}
.table-actions .btn{white-space:nowrap}
@media(max-width:700px){
  .sms-toggle-card{align-items:flex-start!important}
  .notification-vars{align-items:flex-start}
}

.sms-balance-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid #dce8e2;border-radius:16px;background:#fff;box-shadow:var(--shadow);margin-bottom:16px}
.sms-balance-card.success{border-color:#bfe3d1;background:linear-gradient(135deg,#fff,#f3fbf7)}
.sms-balance-card.error{border-color:#efd1cd;background:#fff9f8}
.sms-balance-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e5f7ef;color:#08734b}
.sms-balance-card.error .sms-balance-icon{background:#fff0ee;color:#b74f46}
.sms-balance-card span,.sms-balance-card b,.sms-balance-card small{display:block}
.sms-balance-card span{font-size:11px;color:var(--muted);font-weight:750}
.sms-balance-card b{font-size:21px;margin-top:3px}
.sms-balance-card small{font-size:10px;color:var(--muted);margin-top:3px}
.sms-field[hidden],.provider-help>[hidden]{display:none!important}
@media(max-width:650px){.sms-balance-card{grid-template-columns:46px 1fr}.sms-balance-card>.btn{grid-column:1/-1}}


/* v16 — Mobile Field Operations */
.field-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 26px;border-radius:21px;background:linear-gradient(135deg,#122f25,#0c7650 62%,#0fa469);color:#fff;box-shadow:0 16px 40px rgba(13,91,62,.16);margin-bottom:16px}
.field-hero .eyebrow{color:#b9e8d4}.field-hero h1{display:flex;gap:9px;align-items:center;margin:5px 0 6px;font-size:28px}.field-hero p{margin:0;color:#d8eee5}
.field-date-filter{display:flex;align-items:flex-end;gap:8px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);padding:9px;border-radius:14px}
.field-date-filter label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#d8eee5}.field-date-filter input{height:42px;border:0;border-radius:10px;padding:0 10px;background:#fff}
.field-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.field-summary>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px 17px;box-shadow:0 7px 20px rgba(18,56,43,.04)}.field-summary span,.field-summary b{display:block}.field-summary span{font-size:11px;color:var(--muted)}.field-summary b{font-size:24px;margin-top:4px}.field-summary .danger{background:#fff7f6;border-color:#f0d2ce;color:#b44b43}.field-summary .success{background:#f3fbf7;border-color:#cde8da;color:#0b7d52}
.field-section{margin-bottom:20px}.field-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.field-section-head h2{font-size:18px;margin:3px 0 0}.counter-pill.danger{background:#fff0ee;color:#b94c43}
.field-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-job-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.field-job-card{background:#fff;border:1px solid #e1eae5;border-radius:17px;box-shadow:0 8px 25px rgba(18,56,43,.045);overflow:hidden;transition:.16s}.field-job-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(18,56,43,.07)}.field-job-card.started{border-color:#eddca6}.field-job-card.postponed{border-color:#efd2cd}.field-job-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px;border-bottom:1px solid #edf2ef}.field-time{width:58px;height:58px;border-radius:14px;background:#edf8f3;display:grid;place-items:center;align-content:center;color:#08734b}.field-time b{font-size:18px}.field-time span{font-size:9px;margin-top:3px}.field-job-title h3{font-size:15px;margin:3px 0}.field-job-title p{font-size:10px;color:var(--muted);margin:0}.field-job-title .eyebrow{font-size:9px}
.field-job-info{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:12px 16px}.field-job-info>div{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#657a72;min-width:0}.field-job-info .ui-icon{width:15px;height:15px;flex:0 0 auto;color:#0b8b5b}.field-job-info span{line-height:1.45}
.field-job-actions{display:flex;gap:6px;flex-wrap:wrap;padding:11px 16px;background:#fbfdfc;border-top:1px solid #edf2ef}.field-job-actions form{margin:0;display:flex}.field-action{min-height:39px;padding:8px 11px;font-size:11px;border-radius:10px}
.field-empty{grid-column:1/-1;background:#fff;border:1px dashed #d7e3dd;border-radius:16px;padding:35px;display:grid;place-items:center;text-align:center;gap:6px;color:var(--muted)}.field-empty .ui-icon{width:28px;height:28px}.field-empty b{color:#38554a}
@media(max-width:1100px){.field-job-grid,.field-job-grid.compact{grid-template-columns:1fr}}
@media(max-width:700px){.field-hero{align-items:stretch;flex-direction:column;padding:20px 17px}.field-date-filter{width:100%}.field-date-filter label{flex:1}.field-summary{grid-template-columns:1fr 1fr}.field-job-head{grid-template-columns:50px 1fr}.field-time{width:50px;height:50px}.field-job-head>.badge{grid-column:2;justify-self:start}.field-job-info{grid-template-columns:1fr}.field-job-actions{display:grid;grid-template-columns:1fr 1fr}.field-job-actions>a,.field-job-actions>form,.field-job-actions button{width:100%}.field-action{min-height:46px;font-size:12px}.field-hero h1{font-size:24px}}

.field-postpone{position:relative}.field-postpone summary{list-style:none;cursor:pointer}.field-postpone summary::-webkit-details-marker{display:none}.field-postpone[open] form{position:absolute;z-index:20;right:0;bottom:48px;width:250px;padding:12px;border:1px solid #dce7e1;border-radius:13px;background:#fff;box-shadow:0 15px 35px rgba(18,56,43,.16);display:grid;gap:8px}.field-postpone form input{height:40px;border:1px solid #d9e5df;border-radius:9px;padding:0 10px}.activity-timeline{padding:8px 20px 18px}.activity-item{display:grid;grid-template-columns:12px 1fr;gap:11px;padding:11px 0;border-bottom:1px solid #edf2ef}.activity-item:last-child{border:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:#0f9f67;margin-top:4px;box-shadow:0 0 0 4px #eaf7f1}.activity-item b,.activity-item span,.activity-item small{display:block}.activity-item b{font-size:12px}.activity-item span{font-size:10px;color:var(--muted);margin-top:3px}.activity-item small{font-size:10px;color:#5f746b;margin-top:5px}
@media(max-width:700px){.field-postpone{width:100%}.field-postpone summary{width:100%}.field-postpone[open] form{position:fixed;left:12px;right:12px;bottom:12px;width:auto;z-index:99}}


/* v17 — QR Geofence & Facility QR Center */
.qr-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.qr-center-card{background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 24px rgba(18,56,43,.045);overflow:hidden}
.qr-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #edf2ef}.qr-center-head h3{font-size:15px;margin:3px 0}.qr-center-head p{font-size:10px;color:var(--muted);margin:0}
.qr-center-info{display:grid;gap:9px;padding:14px 17px}.qr-center-info>div{display:flex;gap:8px;align-items:flex-start;color:#60766d;font-size:11px}.qr-center-info .ui-icon{width:15px;height:15px;color:#0b8b5b;flex:0 0 auto}
.qr-center-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 17px;background:#fafcfb;border-top:1px solid #edf2ef}.qr-center-foot>span{font-size:9px;color:var(--muted)}
.qr-management-layout{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}.qr-settings-column{display:grid;gap:16px}.qr-print-card{padding:0;overflow:hidden}.qr-print-body{text-align:center;padding:24px}.qr-print-body .qr-svg{display:flex;justify-content:center}.qr-print-body .qr-svg svg{max-width:290px;width:100%;height:auto}.qr-print-body h3{margin:14px 0 4px}.qr-print-body p{margin:0;color:#0b8758;font-weight:850}.qr-print-body small{display:block;color:var(--muted);line-height:1.5;margin-top:8px}.qr-print-actions{padding:14px 18px;border-top:1px solid #edf2ef;text-align:center}
.qr-settings-form{display:grid;gap:14px;padding:18px}.qr-settings-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750}.qr-settings-form input,.qr-settings-form select{height:44px;border:1px solid #d9e5df;border-radius:10px;padding:0 11px}.qr-settings-form small{color:var(--muted);font-weight:500}
.qr-location-ok,.qr-location-warning{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:10px;font-size:10px}.qr-location-ok{background:#edf9f3;color:#14764f}.qr-location-warning{background:#fff4f1;color:#b4574b}.qr-location-ok .ui-icon,.qr-location-warning .ui-icon{flex:0 0 auto;width:16px}
.qr-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 15px}.qr-stat-grid>div{text-align:center;border-right:1px solid #edf2ef;padding:8px}.qr-stat-grid>div:last-child{border:0}.qr-stat-grid span,.qr-stat-grid b{display:block}.qr-stat-grid span{font-size:9px;color:var(--muted)}.qr-stat-grid b{font-size:19px;margin-top:3px}.qr-stat-grid .danger b{color:#bf5147}.qr-last-use{padding:0 18px 16px;font-size:10px;color:var(--muted)}.danger-card{border-color:#efd7d3}.danger-card>h3,.danger-card>p,.danger-card>form{margin-left:18px;margin-right:18px}.danger-card>h3{margin-top:18px}.danger-card>p{font-size:11px;color:var(--muted);line-height:1.5}.danger-card>form{margin-bottom:18px}
.qr-field-hero{display:flex;gap:15px;align-items:center;padding:22px;border-radius:19px;background:linear-gradient(135deg,#11372a,#0b8558);color:#fff;margin-bottom:12px}.qr-field-icon{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center}.qr-field-icon .ui-icon{width:29px;height:29px}.qr-field-hero .eyebrow{color:#b5e7d2}.qr-field-hero h1{margin:4px 0;font-size:24px}.qr-field-hero p{margin:0;color:#d8eee5;font-size:11px}
.qr-verify-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 15px;margin-bottom:12px}.qr-verify-card>div:first-child{width:42px;height:42px;border-radius:12px;background:#edf8f3;color:#08734b;display:grid;place-items:center}.qr-verify-card b,.qr-verify-card span{display:block}.qr-verify-card b{font-size:12px}.qr-verify-card span{font-size:10px;color:var(--muted);margin-top:3px}.qr-verify-card.block{border-color:#e4d6aa}.geo-state{padding:7px 9px;border-radius:8px;font-size:10px;font-weight:750}.geo-state.loading{background:#f3f5f4;color:#65766f}.geo-state.ok{background:#e9f8f0;color:#0b7f53}.geo-state.error{background:#fff0ee;color:#b84d44}
.qr-order-list{display:grid;gap:10px}.qr-order-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px 17px;box-shadow:0 7px 20px rgba(18,56,43,.04)}.qr-order-card h3{font-size:14px;margin:3px 0}.qr-order-card p{font-size:10px;color:var(--muted);margin:0}.qr-order-actions{display:flex;align-items:center;gap:7px}.qr-order-actions form{margin:0}.qr-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:1100px){.qr-center-grid{grid-template-columns:1fr 1fr}.qr-management-layout{grid-template-columns:1fr}}
@media(max-width:700px){.qr-center-grid{grid-template-columns:1fr}.qr-stat-grid{grid-template-columns:1fr 1fr}.qr-stat-grid>div:nth-child(2){border-right:0}.qr-field-hero{align-items:flex-start}.qr-verify-card{grid-template-columns:42px 1fr}.geo-state{grid-column:1/-1}.qr-order-card{align-items:flex-start;flex-direction:column}.qr-order-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.qr-order-actions .btn,.qr-order-actions form,.qr-order-actions button{width:100%}}


/* v18 — Photo & Evidence Center */
.media-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.media-stats>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px 17px;box-shadow:0 7px 20px rgba(18,56,43,.04)}.media-stats span,.media-stats b{display:block}.media-stats span{font-size:11px;color:var(--muted)}.media-stats b{font-size:24px;margin-top:4px}.media-stats .success{background:#f3fbf7;border-color:#cae7d8}.media-stats .success b{color:#0b8054}.media-stats .danger{background:#fff7f6;border-color:#efd1cc}.media-stats .danger b{color:#bc5147}
.media-filter-card{padding:13px}.media-filter{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(4,minmax(125px,.65fr)) auto auto;gap:9px;align-items:end}.media-filter label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:750;color:var(--muted)}.media-filter input,.media-filter select{height:43px;border:1px solid #dbe6e0;border-radius:10px;background:#fff;padding:0 10px}.media-search{position:relative}.media-search>.ui-icon{position:absolute;left:12px;bottom:13px;width:16px;color:#789087}.media-search input{padding-left:37px}
.media-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.media-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(18,56,43,.045);transition:.16s}.media-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(18,56,43,.075)}.media-card.featured{border-color:#e8d58f;box-shadow:0 8px 25px rgba(177,139,30,.10)}
.media-image{display:block;position:relative;background:#edf3f0;aspect-ratio:4/3;overflow:hidden}.media-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.media-card:hover .media-image img{transform:scale(1.025)}.media-type{position:absolute;left:9px;top:9px;padding:5px 8px;border-radius:8px;background:rgba(20,45,36,.78);backdrop-filter:blur(5px);color:#fff;font-size:9px;font-weight:850}.media-type.after{background:rgba(8,125,82,.86)}.media-type.issue{background:rgba(184,70,59,.88)}.media-type.before{background:rgba(52,96,145,.86)}.media-featured{position:absolute;right:9px;top:9px;display:flex;align-items:center;gap:4px;background:#fff5cb;color:#8b6911;border-radius:8px;padding:5px 7px;font-size:9px;font-weight:850}.media-featured .ui-icon{width:12px;height:12px}
.media-card-body{padding:13px}.media-card-title{display:flex;justify-content:space-between;gap:10px}.media-card-title b{font-size:12px}.media-card-title span{font-size:9px;color:var(--muted);text-align:right}.media-card-body>p{font-size:10px;color:#64776f;line-height:1.45;min-height:29px;margin:8px 0}.media-meta{display:grid;gap:5px;padding:9px 0;border-top:1px solid #edf2ef}.media-meta span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.media-meta .ui-icon{width:13px;height:13px;color:#0b8a5a}.media-actions{display:flex;flex-wrap:wrap;gap:5px;padding-top:9px;border-top:1px solid #edf2ef}.media-actions form{margin:0}
.photo-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.photo-source-tabs>label{cursor:pointer}.photo-source-tabs input{position:absolute;opacity:0;pointer-events:none}.photo-source-tabs label>span{display:flex;align-items:center;gap:10px;border:1px solid #dce7e1;border-radius:13px;padding:14px;background:#fafcfb;transition:.15s}.photo-source-tabs label>span>.ui-icon{width:22px;height:22px;color:#0b8a5a}.photo-source-tabs b,.photo-source-tabs small{display:block}.photo-source-tabs b{font-size:12px}.photo-source-tabs small{font-size:9px;color:var(--muted);margin-top:3px}.photo-source-tabs input:checked+span{background:#edf9f3;border-color:#8bcfb0;box-shadow:0 0 0 3px rgba(15,159,103,.07)}
.mobile-photo-picker{margin-top:18px}.mobile-photo-picker>input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.mobile-photo-picker>label{min-height:130px;border:2px dashed #bcd7ca;border-radius:15px;background:#f8fcfa;display:grid;place-items:center;text-align:center;align-content:center;gap:5px;cursor:pointer;color:#0b8054}.mobile-photo-picker>label>.ui-icon{width:30px;height:30px}.mobile-photo-picker>label b{font-size:14px}.mobile-photo-picker>label span{font-size:10px;color:var(--muted);font-weight:500}.mobile-photo-picker>label:hover{background:#f1faf5;border-color:#8fcab0}
.photo-preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}.photo-preview-item{min-width:0;border:1px solid #e0e9e4;border-radius:10px;overflow:hidden;background:#fff}.photo-preview-item img{width:100%;height:90px;object-fit:cover;display:block}.photo-preview-item span{display:block;font-size:8px;color:var(--muted);padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-card{position:relative}.photo-card.featured{border-color:#e8d58f}.photo-card>a{position:relative;display:block}.photo-featured-badge{position:absolute;right:7px;top:7px;display:flex;align-items:center;gap:4px;background:#fff4c9;color:#896610;border-radius:7px;padding:4px 6px;font-size:8px;font-weight:850}.photo-featured-badge .ui-icon{width:11px;height:11px}
@media(max-width:1300px){.media-gallery{grid-template-columns:repeat(3,1fr)}.media-filter{grid-template-columns:1fr 1fr 1fr}.media-search{grid-column:1/-1}}
@media(max-width:850px){.media-gallery{grid-template-columns:1fr 1fr}.media-stats{grid-template-columns:1fr 1fr}.media-filter{grid-template-columns:1fr 1fr}.photo-preview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.media-gallery{grid-template-columns:1fr}.media-filter{grid-template-columns:1fr}.media-search{grid-column:auto}.photo-source-tabs{grid-template-columns:1fr}.photo-preview-grid{grid-template-columns:1fr 1fr}}


/* v19 — Photo Center readability hotfix */
.media-filter-card{padding:18px}
.media-filter{
  display:grid;
  grid-template-columns:minmax(300px,2fr) minmax(150px,.8fr) minmax(160px,.9fr) minmax(135px,.7fr) minmax(135px,.7fr);
  gap:14px;
  align-items:end
}
.media-filter>.btn{min-height:44px}
.media-filter label{gap:7px;font-size:11px;min-width:0}
.media-search{position:static!important}
.media-search>span{display:block}
.media-search-input{position:relative;display:block;min-width:0}
.media-search-input>.ui-icon{
  position:absolute!important;
  left:13px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%);
  width:17px!important;height:17px!important;
  z-index:2;
  color:#718a80;
  pointer-events:none
}
.media-search-input input{
  display:block;
  width:100%;
  padding-left:42px!important;
  padding-right:12px;
  line-height:1.2
}
.media-gallery{grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}
.media-card{min-width:0}
.media-card-body{padding:15px;min-width:0}
.media-card-title{display:grid!important;grid-template-columns:1fr;gap:4px;min-width:0}
.media-card-title b{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.35
}
.media-card-title span{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left!important;
  font-size:10px;
  line-height:1.35
}
.media-description{
  min-height:0!important;
  margin:10px 0!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
  word-break:normal
}
.media-meta{gap:7px}
.media-meta span{min-width:0;align-items:flex-start}
.media-meta em{
  font-style:normal;
  display:block;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.4
}
.media-actions{gap:7px}
.media-actions .btn{min-height:36px;white-space:normal;text-align:center;line-height:1.2}

@media(max-width:1200px){
  .media-filter{grid-template-columns:1fr 1fr 1fr}
  .media-search{grid-column:1/-1}
  .media-gallery{grid-template-columns:repeat(2,minmax(260px,1fr))}
}
@media(max-width:760px){
  .media-filter-card{padding:14px}
  .media-filter{grid-template-columns:1fr 1fr;gap:11px}
  .media-search{grid-column:1/-1}
  .media-filter>.btn{width:100%}
  .media-gallery{grid-template-columns:1fr}
}
@media(max-width:520px){
  .media-filter{grid-template-columns:1fr}
  .media-search{grid-column:auto}
  .media-card-body{padding:13px}
}


/* v19 — Customer / Facility 360 workspace */
.profile-360-nav{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:10px 0 16px;
  position:sticky;top:78px;z-index:6;
  background:#f3f7f5
}
.profile-360-nav a{
  display:flex;align-items:center;gap:6px;
  min-height:38px;padding:8px 11px;
  border:1px solid #dbe6e0;border-radius:10px;
  background:#fff;color:#315347;font-size:11px;font-weight:800;
  box-shadow:0 5px 14px rgba(18,56,43,.035)
}
.profile-360-nav a:hover{background:#edf8f3;border-color:#bcdacb;color:#08734b}
.profile-360-nav .ui-icon{width:15px;height:15px}
.profile-360-stats .overview-card small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.4}
.profile-360-lower{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.communication-list{display:grid}
.communication-item{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;align-items:start;
  padding:13px 16px;border-bottom:1px solid #edf2ef
}
.communication-item:last-child{border-bottom:0}
.communication-icon{width:34px;height:34px;border-radius:10px;background:#eaf8f1;color:#08734b;display:grid;place-items:center}
.communication-icon .ui-icon{width:16px;height:16px}
.communication-item b,.communication-item p,.communication-item span{display:block}
.communication-item b{font-size:11px}
.communication-item p{margin:4px 0;font-size:10px;line-height:1.45;color:#5e746b;overflow-wrap:anywhere}
.communication-item div>span{font-size:9px;color:var(--muted)}
.communication-item>.badge{align-self:start;white-space:nowrap}
html{scroll-behavior:smooth}
#operasyon,#tesisler,#kalite,#fotograflar,#finans,#iletisim,#tesis-operasyon,#tesis-kalite,#tesis-finans,#tesis-iletisim{scroll-margin-top:140px}
@media(max-width:900px){
  .profile-360-lower{grid-template-columns:1fr}
  .profile-360-nav{top:72px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}
  .profile-360-nav a{white-space:nowrap;flex:0 0 auto}
}
@media(max-width:600px){
  .communication-item{grid-template-columns:32px 1fr}
  .communication-item>.badge{grid-column:2;justify-self:start}
}


/* v20 — Customer Portal */
.portal-login-body{margin:0;min-height:100vh;background:#eef5f1;font-family:inherit}.portal-login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.portal-login-brand{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0b3d2d,#087b53);color:#fff}.portal-brand-mark{width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.13);display:grid;place-items:center}.portal-brand-mark .ui-icon{width:30px;height:30px}.portal-login-brand h1{font-size:38px;margin:18px 0 0}.portal-login-brand>p{margin:4px 0 50px;color:#bfe5d4}.portal-login-brand>div{max-width:520px}.portal-login-brand>div b,.portal-login-brand>div span{display:block}.portal-login-brand>div b{font-size:24px;line-height:1.25}.portal-login-brand>div span{margin-top:10px;color:#cde8dc;line-height:1.6}.portal-login-card{display:grid;place-items:center;padding:30px}.portal-login-form{width:min(420px,100%);background:#fff;border:1px solid #dce8e2;border-radius:22px;padding:34px;box-shadow:0 22px 55px rgba(20,60,45,.09)}.portal-login-form h2{font-size:24px;margin:7px 0}.portal-login-form>p,.portal-login-form>small{color:var(--muted);line-height:1.5}.portal-login-form form{display:grid;gap:14px;margin:24px 0 16px}.portal-login-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.portal-login-form input{height:46px;border:1px solid #d8e4de;border-radius:11px;padding:0 12px}.portal-login-form .btn{height:46px}
.customer-portal-body{margin:0;background:#f3f7f5;color:#183d30}.customer-portal-top{min-height:68px;background:#fff;border-bottom:1px solid #dfe9e4;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));gap:24px;position:sticky;top:0;z-index:20}.customer-portal-logo{display:flex;align-items:center;gap:9px;color:#163d2f;min-width:220px}.customer-portal-logo>.ui-icon{width:28px;height:28px;color:#0b8a5a}.customer-portal-logo span,.customer-portal-logo b,.customer-portal-logo small{display:block}.customer-portal-logo b{font-size:12px}.customer-portal-logo small{font-size:9px;color:var(--muted)}.customer-portal-top nav{display:flex;align-self:stretch;flex:1}.customer-portal-top nav a{display:flex;align-items:center;gap:6px;padding:0 13px;font-size:10px;font-weight:800;color:#557066}.customer-portal-top nav a:hover{background:#f0f8f4;color:#08734b}.customer-portal-top nav .ui-icon{width:15px}.customer-portal-user{display:flex;align-items:center;gap:9px;font-size:10px}.customer-portal-user form{margin:0}.customer-portal-user button{border:0;background:#edf5f1;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.customer-portal-main{max-width:1180px;margin:0 auto;padding:26px 20px 50px}
.portal-welcome,.portal-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.portal-welcome h1,.portal-page-head h1{margin:4px 0;font-size:26px}.portal-welcome p,.portal-page-head p{margin:0;color:var(--muted);font-size:11px}.portal-welcome>span{font-size:10px;color:var(--muted)}
.portal-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.portal-summary-grid>div,.portal-balance-box{background:#fff;border:1px solid #dfe9e4;border-radius:15px;padding:16px 18px}.portal-summary-grid span,.portal-summary-grid b,.portal-balance-box span,.portal-balance-box b{display:block}.portal-summary-grid span,.portal-balance-box span{font-size:10px;color:var(--muted)}.portal-summary-grid b{font-size:23px;margin-top:4px}.portal-summary-grid .balance,.portal-balance-box{background:#0b7f55;color:#fff;border-color:#0b7f55}.portal-summary-grid .balance span,.portal-balance-box span{color:#cde8dc}.portal-balance-box b{font-size:20px;margin-top:3px}
.portal-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.portal-panel{background:#fff;border:1px solid #dfe9e4;border-radius:16px;overflow:hidden}.portal-panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e8efeb}.portal-panel-head span,.portal-panel-head h2{display:block;margin:0}.portal-panel-head span{font-size:9px;color:#0b8a5a;font-weight:800;text-transform:uppercase}.portal-panel-head h2{font-size:14px;margin-top:3px}.portal-panel-head>a{font-size:10px;color:#08734b;font-weight:800}.portal-list>div{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #edf2ef}.portal-list>div:last-child{border:0}.portal-list>div>div:nth-child(2){flex:1;min-width:0}.portal-list b,.portal-list span{display:block}.portal-list>div>div:nth-child(2)>b{font-size:11px}.portal-list>div>div:nth-child(2)>span{font-size:9px;color:var(--muted);margin-top:3px}.portal-date{width:48px;text-align:center;background:#eef8f3;border-radius:10px;padding:6px;color:#0b8054;font-size:8px}.portal-date b{font-size:17px}.portal-round{width:35px;height:35px;border-radius:10px;background:#edf8f3;color:#08734b;display:grid;place-items:center}.portal-round .ui-icon{width:16px}.portal-empty{padding:25px;text-align:center;color:var(--muted);font-size:11px}.portal-photo-panel{margin-top:16px}.portal-photo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px}.portal-photo-grid a{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden}.portal-photo-grid img{width:100%;height:100%;object-fit:cover}.portal-photo-grid span{position:absolute;left:0;right:0;bottom:0;padding:16px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:8px}
.portal-tabs{display:flex;gap:6px}.portal-tabs a{padding:8px 11px;border-radius:9px;background:#fff;border:1px solid #dce7e1;font-size:10px;font-weight:800;color:#587068}.portal-tabs a.active{background:#0b8054;color:#fff;border-color:#0b8054}.portal-service-list{display:grid;gap:9px}.portal-service-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid #dfe9e4;border-radius:14px;padding:13px 16px}.portal-service-date{text-align:center;border-right:1px solid #e7efeb}.portal-service-date b,.portal-service-date span{display:block}.portal-service-date b{font-size:20px}.portal-service-date span{font-size:9px;color:var(--muted)}.portal-service-list h3{margin:3px 0;font-size:13px}.portal-service-list p{margin:0;font-size:10px;color:var(--muted)}
.portal-finance-table{background:#fff;border:1px solid #dfe9e4;border-radius:15px;overflow:hidden}.portal-finance-row{display:grid;grid-template-columns:110px minmax(240px,1.5fr) minmax(160px,1fr) 120px 120px;gap:10px;padding:11px 15px;border-bottom:1px solid #edf2ef;align-items:center;font-size:10px}.portal-finance-row.head{background:#f8fbf9;font-size:9px;font-weight:850;color:#657b72}.portal-finance-row b{text-align:right}.portal-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.portal-gallery>a{background:#fff;border:1px solid #dfe9e4;border-radius:14px;padding:9px;color:#234a3b}.portal-gallery>a>div{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden}.portal-gallery img{width:100%;height:100%;object-fit:cover}.portal-gallery>a>b,.portal-gallery>a>span{display:block}.portal-gallery>a>b{font-size:11px;margin-top:8px}.portal-gallery>a>span{font-size:9px;color:var(--muted);margin-top:3px}
.portal-admin-list{display:grid;gap:10px}.portal-admin-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px 16px;display:grid;grid-template-columns:1.3fr .6fr 1fr;gap:15px;align-items:center}.portal-admin-customer{display:flex;gap:11px;align-items:center}.portal-admin-icon{width:42px;height:42px;border-radius:12px;background:#edf8f3;color:#08734b;display:grid;place-items:center}.portal-admin-customer h3{margin:3px 0;font-size:13px}.portal-admin-customer p{margin:0;font-size:9px;color:var(--muted)}.portal-admin-status small{display:block;margin-top:5px;font-size:9px;color:var(--muted)}.portal-admin-details summary{cursor:pointer;color:#08734b;font-size:10px;font-weight:850}.portal-admin-details form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px;margin-top:10px;align-items:end}.portal-admin-details label{font-size:9px;font-weight:750}.portal-admin-details input{display:block;width:100%;height:38px;border:1px solid #dce7e1;border-radius:8px;padding:0 8px;margin-top:4px}.portal-admin-details form+form{display:block}
@media(max-width:950px){.customer-portal-top{padding:0 14px}.customer-portal-top nav{position:fixed;left:0;right:0;bottom:0;height:58px;background:#fff;border-top:1px solid #dfe9e4;z-index:30;justify-content:space-around}.customer-portal-top nav a{flex-direction:column;justify-content:center;padding:5px 8px;gap:2px}.customer-portal-main{padding-bottom:85px}.customer-portal-logo{min-width:0;flex:1}.customer-portal-user>span{display:none}.portal-grid{grid-template-columns:1fr}.portal-photo-grid{grid-template-columns:repeat(3,1fr)}.portal-gallery{grid-template-columns:repeat(3,1fr)}.portal-admin-card{grid-template-columns:1fr}.portal-admin-details form{grid-template-columns:1fr 1fr}.portal-finance-table{overflow-x:auto}.portal-finance-row{min-width:780px}.portal-login-shell{grid-template-columns:1fr}.portal-login-brand{display:none}}
@media(max-width:650px){.portal-summary-grid{grid-template-columns:1fr 1fr}.portal-welcome,.portal-page-head{align-items:flex-start;flex-direction:column}.portal-tabs{width:100%;overflow-x:auto}.portal-service-list article{grid-template-columns:50px 1fr}.portal-service-list article>.badge{grid-column:2;justify-self:start}.portal-gallery{grid-template-columns:1fr 1fr}.portal-admin-details form{grid-template-columns:1fr}.portal-login-card{padding:16px}.portal-login-form{padding:24px}}


/* v21 — Customer portal account security */
.portal-forgot-link,.portal-back-link{display:inline-flex;align-items:center;gap:6px;color:#08734b;font-size:10px;font-weight:800;margin:0 0 12px}.portal-back-link{margin-top:14px}.portal-back-link .ui-icon{width:14px}.portal-account-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.portal-account-card{min-width:0}.portal-profile-info{display:grid;gap:0}.portal-profile-info>div{padding:13px 17px;border-bottom:1px solid #edf2ef}.portal-profile-info>div:last-child{border:0}.portal-profile-info span,.portal-profile-info b{display:block}.portal-profile-info span{font-size:9px;color:var(--muted)}.portal-profile-info b{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.portal-password-form{display:grid;gap:12px;padding:17px}.portal-password-form label{display:grid;gap:6px;font-size:10px;font-weight:800}.portal-password-form input{height:44px;border:1px solid #dbe6e0;border-radius:10px;padding:0 11px}.portal-password-form input:focus{outline:0;border-color:#68c5a0;box-shadow:0 0 0 4px rgba(15,159,103,.10)}.customer-account-link{display:flex;align-items:center;gap:6px;color:#315447;font-size:10px;font-weight:800}.customer-account-link .ui-icon{width:16px}.customer-logout-button{color:#315447!important}.customer-logout-button .ui-icon{width:17px!important;height:17px!important;stroke:currentColor!important;display:block}.portal-finance-head-actions{display:flex;align-items:stretch;gap:9px}.portal-finance-head-actions>.btn{align-self:stretch;display:flex;align-items:center}.portal-finance-head-actions .portal-balance-box{min-width:190px}.alert-success{background:#eaf8f1;border:1px solid #c2e7d3;color:#0b714c;padding:10px 12px;border-radius:10px;font-size:10px}
@media(max-width:800px){.portal-account-grid{grid-template-columns:1fr}.portal-finance-head-actions{width:100%;justify-content:space-between}.customer-account-link span{display:none}}
@media(max-width:560px){.portal-finance-head-actions{display:grid;grid-template-columns:1fr}.portal-finance-head-actions>.btn,.portal-finance-head-actions .portal-balance-box{width:100%;box-sizing:border-box}.customer-portal-top nav a:nth-child(5){display:flex}}


/* v22 — SaaS Control Center */
.saas-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saas-plan-card{padding:0;overflow:visible}.saas-plan-head{display:flex;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid #edf2ef}.saas-plan-head h3{margin:3px 0;font-size:16px}.saas-plan-head p{margin:0;font-size:10px;color:var(--muted);line-height:1.45}.saas-plan-price{padding:17px;background:#f7fbf9}.saas-plan-price b{font-size:24px}.saas-plan-price span{font-size:10px;color:var(--muted)}.saas-plan-price small{display:block;margin-top:4px;color:var(--muted)}.saas-plan-limits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e7efeb}.saas-plan-limits span{background:#fff;padding:10px 12px;display:flex;align-items:center;gap:6px;font-size:10px}.saas-plan-limits .ui-icon{width:14px;color:#0a8457}.saas-plan-limits b{margin-left:auto}.saas-plan-foot{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.saas-plan-foot>span{font-size:10px;color:var(--muted)}.saas-plan-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:12px;background:#fff;border:1px solid #dfe8e3;border-radius:12px;box-shadow:0 15px 35px rgba(18,56,43,.12);min-width:420px}.saas-plan-form textarea{grid-column:1/-1}.saas-plan-form input,.saas-plan-form textarea{border:1px solid #d9e5df;border-radius:9px;padding:9px}.saas-plan-form .btn{grid-column:1/-1}.saas-plan-card.new .saas-plan-form{box-shadow:none;border:0;min-width:0;margin:0}
.saas-usage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.usage-card{padding:13px}.usage-card>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.usage-card span{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.usage-card span .ui-icon{width:13px}.usage-card b{font-size:13px}.usage-bar{height:6px;border-radius:999px;background:#edf2ef;margin:9px 0 6px;overflow:hidden}.usage-bar i{display:block;height:100%;background:#0f9f67;border-radius:999px}.usage-card small{font-size:8px;color:var(--muted)}
.tenant-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tenant-admin-card{padding:0;overflow:hidden}.tenant-admin-head{display:flex;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #edf2ef}.tenant-admin-head h3{margin:3px 0;font-size:15px}.tenant-admin-head p{margin:0;font-size:9px;color:var(--muted)}.tenant-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr)}.tenant-admin-kpis>div{padding:11px;text-align:center;border-right:1px solid #edf2ef}.tenant-admin-kpis>div:last-child{border:0}.tenant-admin-kpis span,.tenant-admin-kpis b{display:block}.tenant-admin-kpis span{font-size:8px;color:var(--muted)}.tenant-admin-kpis b{font-size:12px;margin-top:3px}.tenant-admin-sub{display:flex;justify-content:space-between;padding:10px 14px;background:#f8fbf9;font-size:9px}.tenant-admin-actions{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid #edf2ef}.tenant-admin-actions form{margin:0}.tenant-status-form{display:flex;gap:5px;margin-left:auto!important}.tenant-status-form select{height:38px;border:1px solid #dce7e1;border-radius:9px;padding:0 8px}
.support-mode-bar{position:sticky;top:0;z-index:100;min-height:48px;background:#fff4d8;border-bottom:1px solid #ead49b;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 16px;color:#6f5412}.support-mode-bar>div:first-child{display:flex;align-items:center;gap:7px;font-size:11px}.support-mode-bar .ui-icon{width:17px}.support-mode-actions{display:flex;align-items:center;gap:6px}.support-mode-actions form{margin:0}.support-mode-actions select{height:35px;border:1px solid #dbc57e;border-radius:8px;background:#fff;padding:0 8px;max-width:280px}.support-sidebar-note{margin:0 12px 10px;padding:8px 10px;border-radius:9px;background:#fff4d8;color:#755715;font-size:9px;font-weight:800;display:flex;align-items:center;gap:6px}.support-sidebar-note .ui-icon{width:14px}
@media(max-width:1200px){.saas-plan-grid{grid-template-columns:1fr 1fr}.saas-usage-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.tenant-admin-grid,.saas-plan-grid{grid-template-columns:1fr}.support-mode-bar{align-items:flex-start;flex-direction:column}.support-mode-actions{width:100%;flex-wrap:wrap}.support-mode-actions select{max-width:100%;width:100%}.saas-usage-grid{grid-template-columns:1fr 1fr}.saas-plan-form{min-width:0;grid-template-columns:1fr}}@media(max-width:520px){.saas-usage-grid{grid-template-columns:1fr}.tenant-admin-kpis{grid-template-columns:1fr 1fr}.tenant-admin-actions>*{width:100%}.tenant-status-form{margin-left:0!important}.tenant-status-form select{flex:1}}


/* v23 — Asisyon Temizlik public experience */
.public-body{margin:0;background:#f8fbfa;color:#17362b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.public-header{height:76px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(21,75,56,.08)}.public-brand{display:flex;align-items:center;gap:10px;color:#17362b;text-decoration:none;margin-right:auto}.public-brand>span,.login-v23-logo>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0c8f62,#39c88b);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 24px rgba(12,143,98,.22)}.public-brand b,.public-brand small{display:block}.public-brand b{font-size:14px}.public-brand small{font-size:8px;color:#6b7e76;margin-top:2px}.public-header nav{display:flex;gap:24px}.public-header nav a,.public-footer a{color:#526b61;text-decoration:none;font-size:11px;font-weight:700}.public-actions{display:flex;gap:8px}
.public-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:70px max(24px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 90% 10%,rgba(70,212,157,.18),transparent 34%),linear-gradient(145deg,#f8fcfa,#eef8f4)}.public-hero-copy h1{font-size:56px;line-height:1.02;letter-spacing:-2.5px;margin:16px 0;color:#15382b}.public-hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#07895b,#42bf8c);-webkit-background-clip:text;color:transparent}.public-hero-copy>p{font-size:16px;line-height:1.7;color:#60756c;max-width:620px}.hero-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e5f6ee;color:#08754f;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.hero-actions{display:flex;gap:10px;margin:26px 0}.btn-glass{background:rgba(255,255,255,.72);border:1px solid #dce9e3;color:#21483a}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;font-size:9px;color:#547066;font-weight:800}.hero-dashboard{position:relative}.hero-dashboard:before{content:"";position:absolute;inset:8% -4% -7% 10%;background:linear-gradient(135deg,#70d5ad,#0b8158);filter:blur(42px);opacity:.18}.hero-window{position:relative;background:#fff;border:1px solid #dceae4;border-radius:24px;padding:18px;box-shadow:0 35px 80px rgba(24,75,57,.16);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.hero-window-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf2ef;padding-bottom:13px}.hero-window-top i{width:7px;height:7px;border-radius:50%;background:#dce6e1}.hero-window-top b{margin-left:10px;font-size:10px}.hero-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.hero-mini-kpis div{padding:13px;border-radius:13px;background:#f3f9f6}.hero-mini-kpis span,.hero-mini-kpis b{display:block}.hero-mini-kpis span{font-size:8px;color:#6d8078}.hero-mini-kpis b{font-size:20px;margin-top:4px}.hero-chart{height:180px;display:flex;align-items:end;gap:11px;padding:18px;background:linear-gradient(180deg,#f8fcfa,#fff);border-radius:15px}.hero-chart span{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#48c38e,#0a845a)}.hero-task{display:flex;align-items:center;gap:10px;margin-top:12px;padding:13px;border:1px solid #e3ece8;border-radius:13px}.hero-task i{width:27px;height:27px;border-radius:9px;background:#e1f6ec;color:#078454;display:grid;place-items:center;font-style:normal}.hero-task div{flex:1}.hero-task b,.hero-task small{display:block}.hero-task b{font-size:10px}.hero-task small{font-size:8px;color:#73857d;margin-top:2px}.hero-task strong{font-size:9px}
.public-section{padding:86px max(24px,calc((100vw - 1180px)/2))}.public-section-head{text-align:center;max-width:690px;margin:0 auto 42px}.public-section-head>span{font-size:9px;color:#07875a;font-weight:900;text-transform:uppercase;letter-spacing:1px}.public-section-head h2{font-size:36px;letter-spacing:-1.3px;margin:9px 0}.public-section-head p{color:#6b7d75;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-feature{padding:25px;border-radius:18px;background:#fff;border:1px solid #e5eeea;transition:.2s}.public-feature:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(20,73,54,.08)}.public-feature>.ui-icon{width:25px;height:25px;padding:10px;border-radius:12px;background:#eaf8f1;color:#078557}.public-feature h3{font-size:14px;margin:18px 0 7px}.public-feature p{font-size:10px;line-height:1.65;color:#71837b;margin:0}.public-how{background:#123c2e;color:#fff}.public-how .public-section-head>span{color:#78dcb5}.public-how .public-section-head h2{color:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-grid article{padding:27px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.how-grid b{font-size:26px;color:#6ed6ae}.how-grid h3{font-size:14px}.how-grid p{font-size:10px;color:#b8ccc4;line-height:1.6}.public-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.public-plan{position:relative;padding:28px;border:1px solid #e0ebe6;background:#fff;border-radius:22px}.public-plan.featured{border:2px solid #14a36e;box-shadow:0 22px 55px rgba(13,139,92,.13);transform:translateY(-8px)}.popular{position:absolute;right:18px;top:18px;background:#daf5e9;color:#08744f;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.public-plan h3{font-size:18px}.public-plan>p{min-height:40px;font-size:10px;color:#718078;line-height:1.5}.public-price{margin:20px 0}.public-price b{font-size:31px}.public-price span{font-size:10px;color:#73827b}.public-plan ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.public-plan li{font-size:10px;color:#536c62}.public-plan .btn{width:100%;box-sizing:border-box;justify-content:center}.public-faq{background:#fff}.faq-list{max-width:820px;margin:auto;display:grid;gap:9px}.faq-list details{border:1px solid #e2ebe7;border-radius:13px;padding:15px 17px;background:#fbfdfc}.faq-list summary{font-size:11px;font-weight:900;cursor:pointer}.faq-list p{font-size:10px;color:#687c73;line-height:1.6}.public-cta{margin:0 max(24px,calc((100vw - 1180px)/2)) 80px;padding:42px;border-radius:25px;background:radial-gradient(circle at 90% 20%,rgba(82,218,164,.35),transparent 35%),linear-gradient(135deg,#0b6848,#123d2f);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.public-cta span{font-size:9px;color:#8be0be;text-transform:uppercase;font-weight:900}.public-cta h2{font-size:27px;max-width:650px;margin:8px 0}.public-footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding:38px max(24px,calc((100vw - 1180px)/2));background:#0e2d23;color:#d7e5df}.public-footer p{font-size:9px;color:#9fb5ac}.public-footer>div:nth-child(2){display:flex;gap:18px}.public-footer a{color:#b8ccc4}.public-footer>small{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#78948a}.public-inner{min-height:600px;padding:80px max(24px,calc((100vw - 950px)/2));background:linear-gradient(160deg,#f7fcf9,#edf7f3)}.public-inner>h1{font-size:42px;margin:15px 0}.public-inner>p{color:#687b73}.legal-card,.public-contact-form{background:#fff;border:1px solid #e0ebe6;border-radius:20px;padding:28px;margin-top:30px;box-shadow:0 20px 50px rgba(23,71,54,.06)}.legal-card h2{font-size:15px}.legal-card p{font-size:10px;line-height:1.7;color:#667a71}.public-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.public-contact-form label{display:grid;gap:6px;font-size:10px;font-weight:800}.public-contact-form .wide,.public-contact-form button{grid-column:1/-1}.public-contact-form input,.public-contact-form textarea{border:1px solid #dbe7e1;border-radius:10px;padding:11px;font:inherit}

/* v23 — company login */
body:has(.login-v23){margin:0}.login-v23{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#f8fbfa}.login-v23-brand{position:relative;padding:50px clamp(35px,7vw,100px);display:flex;flex-direction:column;color:#fff;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(82,221,164,.32),transparent 32%),radial-gradient(circle at 20% 90%,rgba(47,158,118,.28),transparent 30%),linear-gradient(145deg,#092f24,#0c6848)}.login-v23-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;bottom:-180px}.login-v23-logo{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.login-v23-logo b,.login-v23-logo small{display:block}.login-v23-logo b{font-size:15px}.login-v23-logo small{font-size:8px;color:#a9c8bc}.login-v23-copy{margin:auto 0;position:relative;z-index:1;max-width:620px}.login-v23-copy .hero-pill{background:rgba(255,255,255,.1);color:#94e5c4}.login-v23-copy h1{font-size:48px;line-height:1.05;letter-spacing:-2px;margin:17px 0}.login-v23-copy h1 em{font-style:normal;color:#77deb6}.login-v23-copy>p{color:#b6cec5;line-height:1.7;max-width:540px}.login-v23-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.login-v23-features span{font-size:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.login-v23-foot{color:#799b8e;position:relative;z-index:1}.login-v23-form{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 80% 10%,rgba(59,196,143,.13),transparent 30%),#f8fbfa}.login-card{width:min(390px,100%);padding:34px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid #e1ebe7;box-shadow:0 30px 70px rgba(24,73,55,.11)}.login-card h2{font-size:24px;letter-spacing:-.7px;margin:7px 0}.login-card>p{font-size:10px;color:#6d8078;margin-bottom:22px}.login-card form{display:grid;gap:13px}.login-card label{display:grid;gap:6px;font-size:10px;font-weight:800}.login-card input{height:46px;border:1px solid #d9e5df;border-radius:11px;padding:0 12px}.login-card input:focus{outline:0;border-color:#54bf92;box-shadow:0 0 0 4px rgba(15,159,103,.09)}.login-card-links{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.login-card-links a{font-size:8px;color:#0a7c54;text-decoration:none;font-weight:800}

/* v23 — platform finance */
.finance-firm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-firm-card{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;color:inherit;padding:17px;transition:.2s}.finance-firm-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(22,72,53,.08)}.finance-firm-card h3{font-size:14px;margin:4px 0}.finance-firm-card p{font-size:9px;color:var(--muted);margin:0}.finance-firm-numbers{display:flex;gap:18px}.finance-firm-numbers span{font-size:8px;color:var(--muted);text-align:right}.finance-firm-numbers b{display:block;font-size:11px;color:#23483a;margin-top:3px}.finance-firm-numbers .debt b,.balance-chip.debt b{color:#bd463d}.finance-firm-numbers .paid b,.balance-chip.paid b{color:#0b8a59}.balance-chip{padding:9px 12px;border-radius:10px;background:#f2f7f4;font-size:9px}.balance-chip b{font-size:13px;margin-left:5px}.finance-summary-big{text-align:center;padding:45px 20px}.finance-summary-big span,.finance-summary-big b,.finance-summary-big small{display:block}.finance-summary-big span{font-size:9px;color:var(--muted)}.finance-summary-big b{font-size:34px;margin:8px}.finance-summary-big small{font-size:9px;color:var(--muted)}
/* richer package manager */
.saas-plan-card{background:linear-gradient(180deg,#fff,#fbfdfc)}.saas-plan-card:nth-child(2){border:1px solid #8ed6b8;box-shadow:0 18px 42px rgba(14,134,89,.08)}.saas-plan-price{background:linear-gradient(135deg,#eff9f4,#f9fcfa)}.saas-plan-price b{background:linear-gradient(90deg,#087c54,#21a975);-webkit-background-clip:text;color:transparent}
@media(max-width:900px){.public-header nav{display:none}.public-hero{grid-template-columns:1fr;padding-top:50px}.public-hero-copy h1{font-size:43px}.feature-grid,.how-grid,.public-plan-grid{grid-template-columns:1fr 1fr}.login-v23{grid-template-columns:1fr}.login-v23-brand{min-height:380px}.finance-firm-grid{grid-template-columns:1fr}}@media(max-width:600px){.public-header{padding:0 14px}.public-brand small,.public-actions .btn-light{display:none}.public-hero{padding:42px 18px}.public-hero-copy h1{font-size:37px}.feature-grid,.how-grid,.public-plan-grid{grid-template-columns:1fr}.public-section{padding:60px 18px}.public-section-head h2{font-size:29px}.public-plan.featured{transform:none}.public-cta{margin:0 18px 55px;padding:28px;display:block}.public-cta .btn{margin-top:15px}.public-footer{grid-template-columns:1fr;padding:30px 18px}.public-contact-form{grid-template-columns:1fr}.public-contact-form label,.public-contact-form .wide{grid-column:1}.login-v23-brand{padding:30px 22px}.login-v23-copy h1{font-size:37px}.login-v23-features{grid-template-columns:1fr 1fr}.login-v23-form{padding:18px}.login-card{box-sizing:border-box;padding:25px}.finance-firm-card{align-items:flex-start;flex-direction:column}.finance-firm-numbers{width:100%;justify-content:space-between}}


/* v23.2 — unified login */
.login-v232{min-height:100vh;display:grid;grid-template-columns:.92fr 1.08fr;background:#f7fbf9}
.login-v232-form{display:flex;flex-direction:column;padding:42px clamp(28px,5vw,70px);background:#fff;position:relative;z-index:2}
.login-v232-brand{display:flex;align-items:center;gap:11px;color:#173d2f}
.login-v232-brand>span{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0b8459,#39c78b);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:900;box-shadow:0 9px 24px rgba(11,132,89,.22)}
.login-v232-brand b,.login-v232-brand small{display:block}.login-v232-brand b{font-size:15px}.login-v232-brand small{font-size:9px;color:#74867e;margin-top:2px}
.login-v232-card{width:min(500px,100%);margin:auto 0}
.login-v232-card h1{font-size:34px;letter-spacing:-1px;margin:8px 0}.login-v232-card>p{font-size:12px;color:#687d74;line-height:1.6;margin:0 0 25px}
.login-v232-card form{display:grid;gap:18px}.login-v232-card label{display:grid;gap:8px}.login-v232-card label>span{font-size:12px;font-weight:850;color:#294f40}
.login-v232-card input{height:58px;border:1px solid #d7e5de;border-radius:13px;padding:0 16px;font-size:15px;background:#fbfdfc;box-sizing:border-box}
.login-v232-card input:focus{outline:0;border-color:#48ba89;box-shadow:0 0 0 5px rgba(16,154,101,.10);background:#fff}
.login-v232-row{display:flex;justify-content:flex-end;margin-top:-7px}.login-v232-row a{font-size:10px;color:#087d54;font-weight:800}
.login-v232-submit{height:56px!important;font-size:13px!important;border-radius:13px!important}
.login-v232-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e9efec}.login-v232-links a{font-size:9px;color:#587169;font-weight:800}
.login-v232-visual{position:relative;overflow:hidden;padding:56px clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 12%,rgba(75,220,161,.28),transparent 30%),radial-gradient(circle at 15% 85%,rgba(30,131,92,.28),transparent 34%),linear-gradient(145deg,#0a382a,#0d6e4d 58%,#12865c);color:#fff}
.login-v232-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.login-v232-copy,.login-product-image,.login-v232-features{position:relative;z-index:1}
.login-v232-copy h2{font-size:38px;line-height:1.05;letter-spacing:-1.5px;margin:14px 0}.login-v232-copy h2 em{font-style:normal;color:#82e2bc}.login-v232-copy p{color:#c7ded5;max-width:600px;font-size:12px;line-height:1.65}
.login-product-image{margin:28px auto 24px;width:min(610px,100%);filter:drop-shadow(0 32px 55px rgba(0,0,0,.25))}
.login-product-window{background:#fff;border-radius:22px;padding:16px;color:#193d30;box-shadow:0 25px 70px rgba(0,0,0,.24);transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}
.lp-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf1ef;padding-bottom:12px}.lp-top>span{width:7px;height:7px;border-radius:50%;background:#dce6e1}.lp-top b{font-size:9px;margin-left:8px}
.lp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.lp-kpis>div{padding:12px;border-radius:11px;background:#f1f8f5}.lp-kpis small,.lp-kpis b{display:block}.lp-kpis small{font-size:7px;color:#6d7f78}.lp-kpis b{font-size:17px;margin-top:4px}
.lp-body{display:grid;grid-template-columns:50px 1fr;gap:10px}.lp-sidebar{display:grid;gap:8px;padding:9px;border-radius:11px;background:#123e30}.lp-sidebar i{height:9px;border-radius:5px;background:rgba(255,255,255,.18)}.lp-content{display:grid;gap:9px}.lp-bars{height:125px;padding:13px;display:flex;align-items:end;gap:8px;border-radius:11px;background:#f7faf9}.lp-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#3fc48c,#087f55)}.lp-task{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e6ece9;border-radius:10px}.lp-task strong{width:24px;height:24px;border-radius:8px;background:#e4f7ee;color:#0b8055;display:grid;place-items:center}.lp-task span{flex:1}.lp-task b,.lp-task small{display:block}.lp-task b{font-size:8px}.lp-task small{font-size:7px;color:#71837b}.lp-task em{font-size:7px;color:#71837b;font-style:normal}
.login-v232-features{display:flex;gap:9px;flex-wrap:wrap}.login-v232-features span{font-size:8px;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}

/* v23.2 — package editor collision fix */
.saas-plan-grid{align-items:start}
.saas-plan-card{min-width:0;overflow:hidden!important}
.plan-edit-details{width:100%;position:static}
.plan-edit-details>summary{cursor:pointer;list-style:none}.plan-edit-details>summary::-webkit-details-marker{display:none}
.plan-edit-panel{position:static!important;width:100%;box-sizing:border-box;margin-top:12px}
.plan-edit-panel .saas-plan-form{position:static!important;min-width:0!important;width:100%;box-sizing:border-box;box-shadow:none!important;border:1px solid #dde8e2!important;background:#f9fcfa!important;padding:16px!important}
.plan-create-card{grid-column:1/-1!important}
.plan-create-card .saas-plan-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:18px!important}
.saas-plan-form label{display:grid;gap:6px;min-width:0}.saas-plan-form label>span{font-size:9px;font-weight:850;color:#526a61}.saas-plan-form .wide{grid-column:1/-1}
.saas-plan-form input,.saas-plan-form textarea,.saas-plan-form select{width:100%;box-sizing:border-box;min-height:43px;font-size:11px}
.saas-plan-form textarea{min-height:80px;resize:vertical}

/* v23.2 — finance form spacing */
.finance-entry-grid{align-items:start;gap:20px!important}.finance-form-card{overflow:hidden}
.finance-form-card .section-head{padding:18px 20px;border-bottom:1px solid #e8efeb}.finance-form-card .section-head p{margin:4px 0 0;font-size:9px;color:var(--muted)}
.platform-finance-form{padding:20px}.platform-finance-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.platform-finance-fields label{display:grid;gap:7px;min-width:0}.platform-finance-fields label>span{font-size:10px;font-weight:850;color:#496359}.platform-finance-fields .wide{grid-column:1/-1}
.platform-finance-fields input,.platform-finance-fields select,.platform-finance-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d9e5df;border-radius:10px;background:#fff;padding:0 11px;font-size:11px}
.platform-finance-fields input,.platform-finance-fields select{height:45px}.platform-finance-fields textarea{padding:11px;resize:vertical}
.platform-finance-fields input:focus,.platform-finance-fields select:focus,.platform-finance-fields textarea:focus{outline:0;border-color:#59bf94;box-shadow:0 0 0 4px rgba(15,159,103,.08)}
.platform-finance-actions{display:flex;justify-content:flex-end;padding-top:17px;margin-top:17px;border-top:1px solid #e8efeb}.platform-finance-actions .btn{min-width:170px;min-height:44px}

@media(max-width:1050px){.login-v232{grid-template-columns:1fr}.login-v232-visual{min-height:520px}.login-v232-form{min-height:620px}.plan-create-card .saas-plan-form{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.login-v232-form{padding:28px 20px;min-height:590px}.login-v232-card h1{font-size:29px}.login-v232-card input{height:54px}.login-v232-visual{padding:38px 20px;min-height:auto}.login-v232-copy h2{font-size:31px}.login-product-window{transform:none}.login-v232-links{flex-direction:column}.plan-create-card .saas-plan-form,.platform-finance-fields{grid-template-columns:1fr!important}.saas-plan-form .wide,.platform-finance-fields .wide{grid-column:auto}.platform-finance-form{padding:15px}}


/* v23.3 — navigation cleanup, color accents, order detail refresh */
.content{background:
  radial-gradient(circle at 95% 2%,rgba(67,196,144,.08),transparent 22%),
  radial-gradient(circle at 8% 96%,rgba(74,137,210,.055),transparent 24%);
}
.page-head{margin-bottom:18px}
.page-head>div:first-child>h1{position:relative;padding-left:14px;color:#183f31}
.page-head>div:first-child>h1:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:4px;border-radius:999px;background:linear-gradient(180deg,#0b8b5c,#4bc894)}
.content>.card,.content>section.card{border-color:#dde9e3;box-shadow:0 9px 28px rgba(23,71,54,.045)}
.content>.card:nth-of-type(3n+1){border-top:2px solid rgba(19,147,96,.22)}
.content>.card:nth-of-type(3n+2){border-top:2px solid rgba(69,124,197,.18)}
.content>.card:nth-of-type(3n){border-top:2px solid rgba(213,154,52,.18)}

/* clickable field summary */
.field-summary.clickable-summary>a{
  display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--border);
  border-radius:15px;padding:15px 17px;box-shadow:0 7px 20px rgba(18,56,43,.04);
  transition:transform .16s,box-shadow .16s,border-color .16s
}
.field-summary.clickable-summary>a:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(18,56,43,.08);border-color:#b7d9ca}
.field-summary.clickable-summary>a span,.field-summary.clickable-summary>a b,.field-summary.clickable-summary>a small{display:block}
.field-summary.clickable-summary>a span{font-size:11px;color:var(--muted)}
.field-summary.clickable-summary>a b{font-size:24px;margin-top:4px}
.field-summary.clickable-summary>a small{font-size:8px;color:#0a8157;margin-top:6px;font-weight:800}
.field-summary.clickable-summary>a.danger{background:linear-gradient(135deg,#fff8f7,#fff);border-color:#efd0cb;color:#b64b42}
.field-summary.clickable-summary>a.success{background:linear-gradient(135deg,#f0faf5,#fff);border-color:#c8e5d6;color:#0b7d52}

/* roles + operation settings */
.settings-section-card{margin-bottom:20px}
.section-head-accent{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#eef8f3,#f8fcfa);border:1px solid #dceae4;border-bottom:0}
.section-head-accent.warm{background:linear-gradient(135deg,#fff8eb,#fffdf8);border-color:#eee0bd}
.section-head-accent>.ui-icon{width:28px;height:28px;color:#0b8659}
.section-head-accent.warm>.ui-icon{color:#b9821d}
.section-head-accent h2,.section-head-accent p{margin:0}.section-head-accent h2{font-size:16px;margin-top:3px}.section-head-accent p{font-size:9px;color:var(--muted);margin-top:4px}
.settings-section-card>.card{border-radius:0 0 16px 16px;margin-top:0}
.operation-settings-form{padding:18px}
.operation-switch{background:linear-gradient(135deg,#fffdf9,#fff);border:1px solid #ece2cc;border-radius:13px;padding:15px}

/* service order show */
.order-detail-hero{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:19px 22px;margin-bottom:18px;border-radius:18px;
  background:radial-gradient(circle at 85% 15%,rgba(78,207,154,.2),transparent 28%),linear-gradient(135deg,#123e30,#0b7852);
  color:#fff;box-shadow:0 15px 38px rgba(18,70,51,.14)
}
.order-detail-title>.eyebrow{color:#a8dfc9}.order-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.order-title-row h1{font-size:23px;margin:4px 0 3px;letter-spacing:-.4px}.order-detail-title p{display:flex;align-items:center;gap:6px;margin:0;color:#d1e8df;font-size:10px}.order-detail-title p .ui-icon{width:14px;height:14px}
.order-hero-actions{display:flex;gap:7px;flex-wrap:wrap}.order-hero-actions .btn-light{background:rgba(255,255,255,.93);border-color:rgba(255,255,255,.6)}
.order-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:20px;align-items:start}
.order-info-card,.order-action-card{padding:0!important;overflow:hidden}
.order-card-heading{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #e8efeb}
.order-card-heading.blue{background:linear-gradient(135deg,#eef5fc,#f9fbfe)}.order-card-heading.green{background:linear-gradient(135deg,#edf9f3,#fafdfb)}
.order-heading-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.blue .order-heading-icon{background:#dceaf9;color:#326ca8}.green .order-heading-icon{background:#dff5ea;color:#0a8055}
.order-heading-icon .ui-icon{width:18px;height:18px}.order-card-heading span,.order-card-heading h2{display:block;margin:0}.order-card-heading span{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.5px}.order-card-heading h2{font-size:14px;margin-top:2px;color:#274a3d}
.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eaf0ed}.order-info-grid>div{background:#fff;padding:13px 15px;min-width:0}.order-info-grid>div.wide{grid-column:1/-1}.order-info-grid span,.order-info-grid b{display:block}.order-info-grid span{font-size:8px;color:#71837b}.order-info-grid b{font-size:11px;margin-top:4px;line-height:1.45;overflow-wrap:anywhere}.order-info-grid .money b{color:#0b8055;font-size:13px}
.order-action-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px}.order-action-form label{display:grid;gap:6px}.order-action-form label>span{font-size:9px;font-weight:850;color:#536a61}.order-action-form .wide,.order-action-footer{grid-column:1/-1}
.order-action-form input,.order-action-form select,.order-action-form textarea{width:100%;box-sizing:border-box;border:1px solid #dbe6e0;border-radius:10px;background:#fff;font-size:10px}.order-action-form input,.order-action-form select{height:42px;padding:0 10px}.order-action-form textarea{padding:10px;resize:vertical}.order-action-form input:focus,.order-action-form select:focus,.order-action-form textarea:focus{outline:0;border-color:#55bd91;box-shadow:0 0 0 4px rgba(15,159,103,.08)}
.order-action-footer{display:flex;justify-content:flex-end;padding-top:4px}
.order-section-card{margin-top:20px!important;overflow:hidden}.order-section-head{padding:14px 17px!important;margin:0!important;border-bottom:1px solid #e8efeb;background:#fafcfb}.order-section-head h3{font-size:13px!important}.order-section-head p{font-size:9px!important;margin-top:3px!important}
.checklist-card{border-left:4px solid #4c8fd3!important}.photos-card{border-left:4px solid #9a72d5!important}.qr-history-card{border-left:4px solid #1fa77a!important}.quality-card{border-left:4px solid #e2a23b!important}.activity-card{border-left:4px solid #60788e!important}
.order-simple-heading{display:flex;align-items:center;gap:9px;padding:14px 17px;border-bottom:1px solid #e8efeb;background:#fafcfb}.order-simple-heading>.ui-icon{width:20px;height:20px;color:#0a8458}.quality-card .order-simple-heading>.ui-icon{color:#b97d17}.order-simple-heading span,.order-simple-heading h3{display:block;margin:0}.order-simple-heading span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:850}.order-simple-heading h3{font-size:13px;margin-top:2px}
.quality-card>p,.quality-card>a{margin-left:17px}.quality-card>p{font-size:10px;color:var(--muted);margin-top:14px}.quality-card>a{margin-bottom:15px}
.order-section-card .table-wrap{margin:0}.order-section-card table th{background:#f2f7f4;color:#38544a}
.order-section-card table td{padding-top:9px;padding-bottom:9px}

@media(max-width:900px){
  .order-detail-grid{grid-template-columns:1fr}.order-detail-hero{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .order-action-form,.order-info-grid{grid-template-columns:1fr}.order-action-form .wide,.order-action-footer,.order-info-grid>div.wide{grid-column:auto}
  .order-hero-actions{width:100%}.order-hero-actions .btn{flex:1}
}


/* v23.4 — Asisyon Temizlik visual system */
:root{
  --asisyon-green:#075a3c;
  --asisyon-green-2:#0b7a50;
  --asisyon-green-3:#4ea941;
  --asisyon-lime:#7fb447;
  --asisyon-soft:#eef8f2;
  --asisyon-bg:#f5f8f6;
  --asisyon-border:#e1e9e5;
  --asisyon-text:#1f3029;
  --asisyon-muted:#718078;
}

/* Shared app shell */
body{background:var(--asisyon-bg)}
.app-shell{min-height:100vh;background:var(--asisyon-bg)}
.sidebar{
  width:220px!important;
  background:linear-gradient(180deg,#064b33 0%,#075d3e 45%,#05462f 100%)!important;
  border-right:0!important;
  box-shadow:10px 0 30px rgba(7,77,52,.08);
}
.brand.brand-image{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:17px 15px!important;margin:0 10px 10px!important;
  text-decoration:none!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.10)
}
.brand.brand-image img{
  width:43px;height:43px;object-fit:contain;border-radius:11px;
  background:#fff;padding:3px;box-shadow:0 6px 16px rgba(0,0,0,.12)
}
.brand.brand-image b,.brand.brand-image small{display:block;color:#fff}
.brand.brand-image b{font-size:13px;letter-spacing:.7px}
.brand.brand-image small{font-size:8px;color:#c9e5d8;letter-spacing:1px;margin-top:2px}
.sidebar nav{padding:5px 9px 20px!important}
.sidebar nav a{
  min-height:38px!important;margin:2px 0!important;padding:8px 10px!important;border-radius:8px!important;
  color:#d9ebe3!important;font-size:10px!important;font-weight:700!important;gap:8px!important;
  transition:.14s ease
}
.sidebar nav a .ui-icon{width:15px!important;height:15px!important;color:#b9decb!important}
.sidebar nav a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateX(2px)}
.sidebar nav a:hover .ui-icon{color:#fff!important}
.main{margin-left:220px!important;background:var(--asisyon-bg)!important}
.topbar{
  height:64px!important;background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e7ece9!important;box-shadow:0 4px 18px rgba(30,61,48,.035)!important;
  padding:0 22px!important
}
.top-search{max-width:440px!important;background:#f6f9f7!important;border:1px solid #e1e8e4!important;border-radius:10px!important}
.top-search input{background:transparent!important;font-size:10px!important}
.top-user-avatar{background:linear-gradient(135deg,#0a7c52,#77b34b)!important}
.content{padding:22px!important;background:var(--asisyon-bg)!important}
.card{
  border:1px solid var(--asisyon-border)!important;border-radius:12px!important;
  box-shadow:0 5px 18px rgba(31,64,50,.035)!important;background:#fff!important
}
.btn{border-radius:8px!important;min-height:38px!important;font-weight:800!important}
.btn-primary{background:linear-gradient(135deg,#0b7c53,#4da941)!important;border-color:#0b7c53!important;color:#fff!important;box-shadow:0 5px 14px rgba(11,124,83,.16)}
.btn-primary:hover{filter:brightness(.97);transform:translateY(-1px)}
.btn-light{background:#fff!important;border:1px solid #dfe8e3!important;color:#315245!important}
.badge{border-radius:999px!important;font-size:8px!important;padding:5px 8px!important}

/* Dashboard closer to the requested mockup */
.dashboard-hero{
  padding:0!important;background:transparent!important;color:var(--asisyon-text)!important;
  box-shadow:none!important;border-radius:0!important;margin:0 0 16px!important
}
.dashboard-hero .eyebrow{display:none}
.dashboard-hero h1{font-size:23px!important;color:#1f3029!important;margin:0 0 3px!important;letter-spacing:-.4px}
.dashboard-hero p{color:#708078!important;font-size:10px!important}
.dashboard-hero-actions .btn{min-height:36px!important}
.dashboard-kpis{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-bottom:14px!important}
.dashboard-kpi{
  background:#fff!important;border:1px solid var(--asisyon-border)!important;border-radius:11px!important;
  padding:14px!important;box-shadow:0 5px 16px rgba(31,64,50,.035)!important
}
.dashboard-kpi:hover{border-color:#bcd8c9!important;box-shadow:0 10px 24px rgba(31,64,50,.07)!important}
.kpi-icon{width:36px!important;height:36px!important;border-radius:10px!important}
.dashboard-kpi span{font-size:9px!important}.dashboard-kpi b{font-size:20px!important}.dashboard-kpi small{font-size:8px!important}
.dashboard-layout{gap:14px!important}
.dashboard-panel{border-radius:11px!important}
.dashboard-panel-head{padding:14px 15px!important}
.dashboard-panel-head h2{font-size:13px!important}
.timeline-item,.dashboard-row{min-height:50px!important}
.timeline-content b,.row-main b{font-size:10px!important}
.timeline-content span,.row-main span,.row-right span,.row-right small{font-size:8px!important}
.quick-action-grid>a{border-radius:9px!important;background:#fafcfb!important;border:1px solid #e7eeea!important}
.quick-action-grid>a:hover{background:#f0f8f4!important;border-color:#c8dfd3!important}
.finance-widget{background:linear-gradient(160deg,#fff,#f5fbf8)!important}
.complaint-widget{background:linear-gradient(160deg,#fff,#fffaf3)!important}

/* page heads and tables */
.page-head{align-items:center!important}
.page-head h1{font-size:20px!important;letter-spacing:-.35px!important}
.page-head p{font-size:9px!important}
.table-responsive,.table-wrap{border-radius:10px!important}
table thead th{background:#f7faf8!important;color:#577066!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.35px}
table tbody td{font-size:9px!important;color:#304b40!important}
table tbody tr:hover{background:#fbfdfc!important}

/* Customer / facility / people list pages */
.list-toolbar,.search{gap:8px!important}
.search input,.list-toolbar input{height:40px!important;border-radius:9px!important;border:1px solid #dfe8e3!important;background:#fbfdfc!important}
.pagination a,.pagination button{border-radius:7px!important}

/* Roles & settings */
.section-head-accent{border-radius:11px 11px 0 0!important}
.role-section-card,.operation-settings-combined{margin-bottom:16px!important}
.operation-settings-form{border-radius:0 0 11px 11px!important}

/* Work order visual hierarchy */
.order-detail-hero{
  background:#fff!important;color:var(--asisyon-text)!important;border:1px solid var(--asisyon-border)!important;
  box-shadow:0 5px 18px rgba(31,64,50,.035)!important;padding:15px 17px!important;border-radius:11px!important
}
.order-detail-title>.eyebrow{color:#0b8054!important}
.order-title-row h1{font-size:18px!important;color:#263d34!important}
.order-detail-title p{color:#74837c!important}
.order-card-heading{padding:11px 14px!important}
.order-card-heading h2{font-size:12px!important}
.order-heading-icon{width:34px!important;height:34px!important}
.order-info-grid>div{padding:11px 13px!important}
.order-info-grid b{font-size:10px!important}
.order-action-form{padding:13px!important;gap:11px!important}
.order-section-card{margin-top:14px!important}
.checklist-card{border-left:3px solid #4b93dd!important}
.photos-card{border-left:3px solid #8e6fd0!important}
.qr-history-card{border-left:3px solid #21a678!important}
.quality-card{border-left:3px solid #e1a13c!important}
.activity-card{border-left:3px solid #708397!important}

/* Login branding */
.login-v232{background:#fff!important}
.login-v232-form{padding:34px clamp(28px,5vw,64px)!important}
.login-brand-logo{display:block!important;width:min(300px,80%);margin-bottom:20px!important}
.login-brand-logo img{width:100%;height:auto;display:block}
.login-v232-card{width:min(500px,100%)!important}
.login-v232-card h1{font-size:29px!important}
.login-v232-card input{height:56px!important;font-size:14px!important}
.login-v232-visual{
  background:
    radial-gradient(circle at 80% 18%,rgba(132,189,77,.28),transparent 28%),
    radial-gradient(circle at 10% 90%,rgba(16,110,72,.32),transparent 35%),
    linear-gradient(145deg,#0a3d2a 0%,#0d6545 58%,#4c9140 100%)!important
}
.login-visual-icon{
  width:82px;height:82px;object-fit:contain;background:#fff;border-radius:18px;padding:5px;
  margin-bottom:12px;box-shadow:0 16px 34px rgba(0,0,0,.18)
}
.login-v232-copy h2{font-size:34px!important}
.login-product-window{border-radius:16px!important}

/* Public brand */
.public-brand-logo img{height:50px;width:auto;display:block}
.public-header{height:72px!important}
.public-brand-logo{margin-right:auto}
.portal-brand-icon{width:34px;height:34px;object-fit:contain;border-radius:9px}

/* Mobile */
@media(max-width:900px){
  .main{margin-left:0!important}
  .sidebar{width:220px!important}
  .dashboard-kpis{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
  .content{padding:14px!important}
  .dashboard-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .dashboard-kpi{padding:11px!important}
  .login-v232-form{padding:24px 18px!important}
  .login-brand-logo{width:min(250px,90%)}
  .login-v232-card h1{font-size:25px!important}
  .login-v232-visual{padding:30px 18px!important}
  .public-brand-logo img{height:42px}
}


/* v23.5 — approved compact dashboard + accordion sidebar */
.app-shell{
  display:grid!important;
  grid-template-columns:205px minmax(0,1fr)!important;
  min-height:100vh!important;
}
.sidebar{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  padding:0 10px 16px!important;
  overflow-y:auto!important;
  background:linear-gradient(180deg,#07583c 0%,#066047 48%,#054a35 100%)!important;
}
.main{
  margin-left:0!important;
  min-width:0!important;
  width:auto!important;
}
.content{
  padding:20px 22px 34px!important;
  max-width:none!important;
  margin:0!important;
}
.topbar{
  height:58px!important;
  padding:0 18px!important;
  gap:10px!important;
}
.top-search{
  width:min(440px,48vw)!important;
  margin-right:auto!important;
}
.brand.brand-image{
  margin:0!important;
  padding:17px 12px 14px!important;
}
.brand.brand-image img{width:40px!important;height:40px!important}
.brand.brand-image b{font-size:12px!important}.brand.brand-image small{font-size:7px!important}

/* direct + grouped menu */
.sidebar-nav{display:grid!important;gap:3px!important;padding:0!important}
.sidebar-direct,.sidebar-group>summary{
  min-height:35px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 9px!important;
  border-radius:7px!important;
  color:#e1f0ea!important;
  cursor:pointer!important;
  font-size:9px!important;
  font-weight:800!important;
  list-style:none!important;
  transition:.15s ease;
}
.sidebar-group>summary::-webkit-details-marker{display:none}
.sidebar-direct .ui-icon,.sidebar-group>summary>.ui-icon:first-child{
  width:14px!important;height:14px!important;flex:0 0 auto;color:#bce2d1!important
}
.sidebar-direct:hover,.sidebar-direct.active,.sidebar-group[open]>summary,.sidebar-group>summary:hover{
  background:rgba(255,255,255,.095)!important;color:#fff!important
}
.sidebar-group>summary>.ui-icon:last-child{
  width:12px!important;height:12px!important;margin-left:auto!important;transition:transform .16s
}
.sidebar-group[open]>summary>.ui-icon:last-child{transform:rotate(180deg)}
.sidebar-submenu{
  display:grid!important;
  gap:1px!important;
  margin:2px 0 4px 21px!important;
  padding:2px 0 2px 8px!important;
  border-left:1px solid rgba(207,239,225,.22)!important
}
.sidebar-submenu a{
  min-height:29px!important;
  padding:5px 8px!important;
  margin:0!important;
  border-radius:6px!important;
  color:#c9e5da!important;
  font-size:8px!important;
  font-weight:700!important;
}
.sidebar-submenu a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:none!important}

/* Dashboard begins immediately beside sidebar */
.dashboard-hero{margin-bottom:13px!important}
.dashboard-hero h1{font-size:22px!important}
.dashboard-kpis{gap:10px!important;margin-bottom:12px!important}
.dashboard-kpi{padding:12px!important;min-height:72px!important}
.dashboard-layout{gap:12px!important;grid-template-columns:minmax(0,1.65fr) minmax(265px,.7fr)!important}
.dashboard-panel-head{padding:12px 14px!important}
.dashboard-panel-head h2{font-size:12px!important}
.dashboard-timeline,.dashboard-table-list{min-height:0!important}

/* v23.5 login matching supplied reference */
body:has(.login-v235){margin:0!important;background:#f5f7f6!important}
.login-v235{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(390px,.92fr) minmax(520px,1.08fr);
  background:#fff;
}
.login-v235-form{
  display:flex;
  flex-direction:column;
  padding:26px clamp(30px,5vw,68px) 18px;
  background:#fff;
}
.login-v235-logo{
  display:block;
  width:min(310px,78%);
  margin:0 auto 24px;
}
.login-v235-logo img{display:block;width:100%;height:auto}
.login-v235-content{
  width:min(470px,100%);
  margin:auto;
}
.login-v235-content h1{
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.6px;
  margin:0 0 5px;
  color:#172e25;
}
.login-v235-content>p{
  margin:0 0 22px;
  color:#819088;
  font-size:10px;
}
.login-v235-fields{display:grid;gap:14px}
.login-v235-fields label{display:grid;gap:7px}
.login-v235-fields label>span{font-size:10px;font-weight:850;color:#2d463c}
.login-input-wrap{position:relative}
.login-input-wrap>.ui-icon{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:15px;height:15px;color:#83958c;z-index:2
}
.login-input-wrap input{
  width:100%;
  height:50px;
  box-sizing:border-box;
  border:1px solid #dce5e1;
  border-radius:8px;
  padding:0 43px 0 39px;
  background:#fff;
  font-size:11px;
  color:#1f382e;
}
.login-input-wrap input:focus{
  outline:0;
  border-color:#6ebb80;
  box-shadow:0 0 0 4px rgba(78,169,65,.08);
}
.password-toggle{
  position:absolute;
  right:9px;top:50%;transform:translateY(-50%);
  border:0;background:transparent;color:#72857c;cursor:pointer;
  width:34px;height:34px;display:grid;place-items:center
}
.password-toggle .ui-icon{width:15px;height:15px}
.login-v235-tools{display:flex;justify-content:flex-end;margin-top:-3px}
.login-v235-tools a{font-size:9px;font-weight:800;color:#278a4e}
.login-v235-submit{
  width:100%!important;
  height:48px!important;
  margin-top:2px;
  border-radius:8px!important;
  font-size:11px!important;
  background:linear-gradient(90deg,#6eb346,#087246)!important;
}
.login-v235-divider{
  display:flex;align-items:center;gap:12px;margin:19px 0 15px;color:#9ca8a2;font-size:9px
}
.login-v235-divider:before,.login-v235-divider:after{content:"";height:1px;background:#e5ebe8;flex:1}
.login-v235-customer{
  display:flex;align-items:center;gap:11px;
  padding:12px 14px;border:1px solid #dfe8e3;border-radius:9px;
  background:linear-gradient(135deg,#fbfdfc,#f4faf6)
}
.login-v235-customer>.ui-icon{width:23px;height:23px;color:#32945c}
.login-v235-customer b,.login-v235-customer span{display:block}
.login-v235-customer b{font-size:9px}.login-v235-customer span{font-size:8px;color:#829088;margin-top:2px}
.login-v235-copy{text-align:center;color:#9aa6a0;font-size:7px;margin-top:18px}

.login-v235-visual{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  padding:64px 46px 36px;
  box-sizing:border-box;
  color:#fff;
  background:
    radial-gradient(circle at 85% 25%,rgba(143,190,81,.26),transparent 24%),
    radial-gradient(circle at 22% 72%,rgba(137,194,91,.22),transparent 32%),
    linear-gradient(155deg,#073d29 0%,#0b6544 55%,#377b43 100%);
}
.login-v235-message{position:relative;z-index:3;max-width:450px}
.login-v235-message h2{font-size:26px;margin:0 0 10px;letter-spacing:-.4px}
.login-v235-message>p{font-size:13px;line-height:1.65;color:#d8eade;max-width:400px;margin:0 0 27px}
.login-v235-benefits{display:grid;gap:12px}
.login-v235-benefits span{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;color:#eff8f3}
.login-v235-benefits .ui-icon{width:16px;height:16px;color:#a9d876}
.login-v235-cleaning{
  position:absolute;
  z-index:2;
  right:2%;
  bottom:0;
  width:min(48%,360px);
  max-height:68%;
  object-fit:cover;
  object-position:center bottom;
  mix-blend-mode:normal;
  border-radius:18px 0 0 0;
  box-shadow:-18px -12px 44px rgba(2,45,29,.12)
}
.login-v235-wave{
  position:absolute;
  z-index:1;
  left:-12%;right:-12%;bottom:-17%;
  height:48%;
  background:radial-gradient(ellipse at center,#8cc16b 0%,#73ac61 42%,#4d8c50 72%,transparent 73%);
  opacity:.55;
  transform:rotate(-5deg)
}
.login-v235-visual:after{
  content:"✦   ✧       ✦";
  white-space:pre;
  position:absolute;right:12%;top:27%;
  color:#dbe994;font-size:33px;letter-spacing:35px;opacity:.8
}

@media(max-width:1050px){
  .app-shell{grid-template-columns:190px minmax(0,1fr)!important}
  .dashboard-layout{grid-template-columns:1fr!important}
  .login-v235{grid-template-columns:1fr}
  .login-v235-visual{min-height:600px}
  .login-v235-form{min-height:650px}
}
@media(max-width:760px){
  .app-shell{display:block!important}
  .sidebar{
    position:fixed!important;left:-215px!important;top:0!important;bottom:0!important;width:205px!important;
    z-index:90!important;transition:left .18s!important
  }
  body.menu-open .sidebar{left:0!important}
  .main{width:100%!important}
  .menu-btn{display:grid!important}
  .top-search{width:min(360px,60vw)!important}
  .content{padding:14px!important}
  .login-v235-form{padding:22px 18px 16px}
  .login-v235-logo{width:min(270px,82%);margin-bottom:18px}
}
@media(max-width:560px){
  .top-search{display:none!important}
  .topbar{justify-content:space-between!important}
  .dashboard-kpis{grid-template-columns:1fr 1fr!important}
  .login-v235-content h1{font-size:22px}
  .login-v235-visual{padding:40px 22px 20px;min-height:560px}
  .login-v235-message h2{font-size:23px}
  .login-v235-cleaning{width:58%;max-height:55%}
}


/* v23.6 — unified typography + green / parliament blue palette */
:root{
  --asisyon-green:#08764f;
  --asisyon-green-dark:#05583b;
  --asisyon-green-soft:#eaf7f0;
  --asisyon-navy:#102b4e;
  --asisyon-navy-2:#183d68;
  --asisyon-navy-soft:#eef3f8;
  --asisyon-gold:#d99b32;
  --asisyon-text:#253a32;
  --asisyon-muted:#6f8078;
}

/* Global application readability */
.content{font-size:12px;color:var(--asisyon-text)}
.content p{font-size:12px;line-height:1.55}
.page-head h1,
.dashboard-hero h1{color:var(--asisyon-navy)!important}
.page-head p,.dashboard-hero p{font-size:11px!important;line-height:1.5!important}
.section-kicker,.eyebrow{font-size:9px!important;letter-spacing:.65px!important}
.section-head h2,.section-head h3{font-size:15px!important}
.section-head p{font-size:11px!important}
.card h2{font-size:15px}
.card h3{font-size:14px}
.card p{font-size:11px;line-height:1.55}

/* Form scale — one consistent system */
.form-stack,
.form-grid,
.form-card,
.platform-finance-form,
.saas-plan-form,
.order-action-form,
.qr-settings-form,
.portal-password-form{
  font-size:12px;
}
.form-stack label,
.form-grid label,
.form-card label,
.platform-finance-fields label,
.saas-plan-form label,
.order-action-form label,
.qr-settings-form label,
.portal-password-form label{
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.35!important;
  color:#395448!important;
}
.form-stack label>span,
.form-grid label>span,
.platform-finance-fields label>span,
.saas-plan-form label>span,
.order-action-form label>span{
  font-size:11px!important;
}
.form-stack input,.form-stack select,.form-stack textarea,
.form-grid input,.form-grid select,.form-grid textarea,
.form-card input,.form-card select,.form-card textarea,
.platform-finance-fields input,.platform-finance-fields select,.platform-finance-fields textarea,
.saas-plan-form input,.saas-plan-form select,.saas-plan-form textarea,
.order-action-form input,.order-action-form select,.order-action-form textarea,
.qr-settings-form input,.qr-settings-form select,.qr-settings-form textarea,
.portal-password-form input,.portal-password-form select,.portal-password-form textarea{
  font-size:12px!important;
  line-height:1.4!important;
}
.form-stack input,.form-stack select,
.form-grid input,.form-grid select,
.form-card input,.form-card select,
.platform-finance-fields input,.platform-finance-fields select,
.saas-plan-form input,.saas-plan-form select,
.order-action-form input,.order-action-form select{
  min-height:43px!important;
}
.form-stack textarea,.form-grid textarea,.form-card textarea,
.platform-finance-fields textarea,.saas-plan-form textarea,.order-action-form textarea{
  min-height:82px;
}
.form-stack small,.form-grid small,.form-card small,.qr-settings-form small{
  font-size:10px!important;line-height:1.45!important
}

/* Tables: readable but compact */
table{font-size:12px!important}
table thead th{
  font-size:10px!important;
  line-height:1.3!important;
  padding:10px 11px!important;
  color:var(--asisyon-navy)!important;
  background:linear-gradient(180deg,#f3f6fa,#edf2f7)!important;
  border-bottom-color:#dce4ec!important;
  text-transform:none!important;
  letter-spacing:.15px!important;
}
table tbody td{
  font-size:11px!important;
  line-height:1.45!important;
  padding:10px 11px!important;
}
table tbody td b{font-size:11px!important}
table tbody td small{font-size:9px!important;line-height:1.4!important}
.table-card,.table-responsive,.table-wrap{border-color:#dfe7ed!important}

/* Buttons & badges */
.btn{font-size:10px!important;line-height:1.25!important}
.btn-small{font-size:9px!important;min-height:32px!important}
.btn-light{
  color:var(--asisyon-navy)!important;
  border-color:#d9e3ec!important;
}
.btn-light:hover{
  background:var(--asisyon-navy-soft)!important;
  border-color:#bacbdc!important;
}
.badge{font-size:9px!important;font-weight:800!important}
.text-link-inline{font-size:10px!important;color:var(--asisyon-navy-2)!important}

/* Navy as second system color */
.topbar{border-bottom:2px solid rgba(16,43,78,.08)!important}
.top-search:focus-within{border-color:#819ab4!important;box-shadow:0 0 0 4px rgba(16,43,78,.06)!important}
.sidebar-direct.active,
.sidebar-group[open]>summary{
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(24,61,104,.32))!important;
  box-shadow:inset 3px 0 0 #93b6dc!important;
}
.dashboard-kpi:nth-child(2) .kpi-icon,
.dashboard-kpi:nth-child(4) .kpi-icon{
  background:var(--asisyon-navy-soft)!important;color:var(--asisyon-navy-2)!important
}
.dashboard-kpi:nth-child(2),
.dashboard-kpi:nth-child(4){
  border-top:2px solid rgba(24,61,104,.25)!important
}
.dashboard-panel:nth-child(even){border-top:2px solid rgba(16,43,78,.18)!important}
.order-card-heading.blue{background:linear-gradient(135deg,#edf3f9,#f9fbfd)!important}
.order-card-heading.blue .order-heading-icon{background:#dce8f4!important;color:var(--asisyon-navy-2)!important}
.order-section-card.activity-card{border-left-color:var(--asisyon-navy-2)!important}
.counter-pill{background:var(--asisyon-navy-soft)!important;color:var(--asisyon-navy)!important}

/* Package cards use the two-color identity */
.saas-plan-card{border-top:3px solid rgba(8,118,79,.30)!important}
.saas-plan-card:nth-child(even){border-top-color:rgba(16,43,78,.38)!important}
.saas-plan-card:nth-child(even) .saas-plan-head{
  background:linear-gradient(135deg,#f4f7fb,#fff)!important
}
.saas-plan-card:nth-child(even) .saas-plan-price b{
  background:linear-gradient(90deg,var(--asisyon-navy),#2f6597)!important;
  -webkit-background-clip:text!important;color:transparent!important
}
.saas-plan-limits span{font-size:11px!important}
.saas-plan-foot>span{font-size:10px!important}

/* Finance */
.finance-firm-card:nth-child(even){border-left:3px solid var(--asisyon-navy-2)!important}
.finance-firm-card:nth-child(odd){border-left:3px solid var(--asisyon-green)!important}
.finance-firm-card h3{font-size:14px!important}
.finance-firm-card p{font-size:10px!important}
.finance-firm-numbers span{font-size:9px!important}
.finance-firm-numbers b{font-size:11px!important}
.finance-summary-big span{font-size:10px!important}
.finance-summary-big small{font-size:10px!important}

/* Login: preserve supplied transparent PNG */
.login-v235-visual{
  background:
    radial-gradient(circle at 90% 12%,rgba(126,177,79,.28),transparent 25%),
    radial-gradient(circle at 14% 84%,rgba(38,82,126,.30),transparent 33%),
    linear-gradient(145deg,#08283e 0%,#0b4b3a 42%,#0a754d 100%)!important;
}
.login-v235-message h2{font-size:27px!important}
.login-v235-message>p{font-size:12px!important}
.login-v235-benefits span{font-size:10px!important}
.login-v235-cleaning{
  width:min(52%,390px)!important;
  max-height:72%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.login-v235-wave{
  background:radial-gradient(ellipse at center,#799a78 0%,#507b63 42%,#233f5d 72%,transparent 73%)!important;
  opacity:.42!important
}

/* Public hero with transparent cleaning PNG */
.public-hero{
  background:
    radial-gradient(circle at 92% 9%,rgba(83,155,98,.15),transparent 28%),
    radial-gradient(circle at 70% 80%,rgba(35,73,119,.11),transparent 28%),
    linear-gradient(145deg,#fafcfb,#f1f6f5)!important;
}
.public-hero-copy h1{color:var(--asisyon-navy)!important}
.public-hero-copy h1 em{
  background:linear-gradient(90deg,var(--asisyon-green),var(--asisyon-navy-2))!important;
  -webkit-background-clip:text!important;color:transparent!important
}
.public-cleaning-hero{
  position:relative;
  min-height:510px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  isolation:isolate;
}
.public-cleaning-hero>img{
  position:relative;
  z-index:3;
  width:min(390px,77%);
  max-height:520px;
  object-fit:contain;
  filter:drop-shadow(0 25px 28px rgba(22,52,43,.18))
}
.public-cleaning-orbit{
  position:absolute;border-radius:50%;z-index:1
}
.public-cleaning-orbit.navy{
  width:390px;height:390px;
  right:3%;bottom:6%;
  background:radial-gradient(circle at 35% 35%,#284c74,#102b4e);
  opacity:.95
}
.public-cleaning-orbit.green{
  width:270px;height:270px;
  left:7%;top:12%;
  border:38px solid rgba(72,159,91,.17);
}
.public-floating-card{
  position:absolute;z-index:4;
  min-width:150px;padding:13px 15px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(219,229,225,.9);
  border-radius:13px;
  box-shadow:0 15px 40px rgba(23,53,44,.12);
  backdrop-filter:blur(10px)
}
.public-floating-card span,.public-floating-card b,.public-floating-card small{display:block}
.public-floating-card span{font-size:9px;color:#6d7f77}
.public-floating-card b{font-size:16px;margin:3px 0;color:var(--asisyon-navy)}
.public-floating-card small{font-size:8px;color:#7c8c85}
.public-floating-card.card-one{left:2%;top:18%}
.public-floating-card.card-two{right:0;bottom:13%}
.public-how{
  background:
    radial-gradient(circle at 85% 10%,rgba(67,153,85,.19),transparent 25%),
    linear-gradient(135deg,#102b4e,#075b41)!important
}
.public-cta{
  background:
    radial-gradient(circle at 90% 20%,rgba(123,178,84,.3),transparent 35%),
    linear-gradient(135deg,#102b4e,#076347)!important
}
.public-feature:nth-child(3n+2)>.ui-icon{
  background:var(--asisyon-navy-soft)!important;color:var(--asisyon-navy-2)!important
}
.public-plan:nth-child(even){border-color:#b9cadb!important}
.public-plan:nth-child(even):not(.featured){box-shadow:0 12px 34px rgba(16,43,78,.06)}

/* Portal readability */
.customer-portal-body{font-size:12px}
.customer-portal-top nav a{font-size:10px!important}
.portal-panel-head h2{font-size:14px!important}
.portal-list>div>div:nth-child(2)>b{font-size:11px!important}
.portal-list>div>div:nth-child(2)>span{font-size:9px!important}
.portal-finance-row{font-size:10px!important}

/* Mobile */
@media(max-width:900px){
  .public-cleaning-hero{min-height:470px}
  .public-cleaning-orbit.navy{width:330px;height:330px;right:12%}
}
@media(max-width:600px){
  table thead th{font-size:9px!important}
  table tbody td{font-size:10px!important}
  .public-cleaning-hero{min-height:430px}
  .public-cleaning-hero>img{width:min(330px,82%)}
  .public-cleaning-orbit.navy{width:290px;height:290px;right:7%;bottom:7%}
  .public-cleaning-orbit.green{width:200px;height:200px;left:0}
  .public-floating-card{padding:10px 11px;min-width:125px}
  .public-floating-card.card-one{left:0;top:12%}
  .public-floating-card.card-two{right:0;bottom:8%}
}


/* =========================================================
   v23.7 — Sales landing + Parliament Navy application shell
   ========================================================= */
:root{
  --v237-navy:#062943;
  --v237-navy-deep:#041f35;
  --v237-navy-light:#0d3b60;
  --v237-green:#078b4d;
  --v237-green-light:#20ad68;
  --v237-blue-glow:#2f86ff;
}

/* Public header */
.public-header-v237{
  height:84px!important;
  padding:0 max(28px,calc((100vw - 1390px)/2))!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 28px rgba(16,43,78,.035);
}
.public-header-v237 .public-brand-logo img{height:62px!important}
.public-header-v237 .public-brand{margin-right:80px!important}
.public-header-v237 nav{flex:1;justify-content:center;gap:34px!important}
.public-header-v237 nav a{
  position:relative;color:#102b4e!important;font-size:12px!important;font-weight:700!important;padding:30px 0!important
}
.public-header-v237 nav a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:16px;height:2px;border-radius:3px;
  background:var(--v237-green);transition:.18s
}
.public-header-v237 nav a:hover:after,.public-header-v237 nav a.active:after{left:25%;right:25%}
.public-header-v237 .public-actions{margin-left:38px}
.btn-contact{background:#fff!important;border:1px solid #cbd7e2!important;color:var(--v237-navy)!important}
.btn-contact:hover{background:#f5f8fb!important}
.btn-navy{
  background:linear-gradient(135deg,#0d3b69,#062943)!important;border:1px solid #0b365e!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(6,41,67,.16)
}

/* Hero */
.public-hero-v237{
  min-height:570px!important;
  padding:54px max(28px,calc((100vw - 1390px)/2)) 34px!important;
  gap:40px!important;
  background:
    radial-gradient(circle at 76% 28%,rgba(42,116,188,.09),transparent 22%),
    radial-gradient(circle at 88% 62%,rgba(53,175,102,.08),transparent 24%),
    linear-gradient(135deg,#fff 0%,#fbfdfc 44%,#f4f8fb 100%)!important;
  overflow:hidden
}
.public-hero-v237 .public-hero-copy{position:relative;z-index:5}
.public-hero-v237 .hero-pill{font-size:10px!important;padding:8px 15px!important}
.public-hero-v237 .public-hero-copy h1{
  font-size:58px!important;line-height:1.03!important;letter-spacing:-2.6px!important;margin:22px 0 16px!important;
  color:var(--v237-navy)!important
}
.public-hero-v237 .public-hero-copy h1 em{
  background:linear-gradient(90deg,#07864d 0%,#07864d 36%,#0b395e 80%)!important;
  -webkit-background-clip:text!important;color:transparent!important
}
.public-hero-v237 .public-hero-copy>p{font-size:16px!important;line-height:1.75!important;color:#486078!important;max-width:650px}
.public-hero-v237 .hero-actions{margin:28px 0 24px!important;gap:14px!important}
.public-hero-v237 .hero-actions .btn{min-height:48px!important;padding:0 20px!important;font-size:11px!important}
.public-hero-v237 .hero-primary{min-width:180px;justify-content:space-between!important}
.public-hero-v237 .hero-primary>span{
  width:22px;height:22px;border-radius:50%;background:#fff;color:#14834e;display:grid;place-items:center;font-size:19px
}
.public-hero-v237 .hero-trust{font-size:10px!important;gap:28px!important;color:#183c31!important}
.public-hero-v237 .hero-trust span::first-letter{color:var(--v237-green)}

/* animated hero illustration */
.public-hero-v237 .public-cleaning-hero{min-height:520px!important}
.public-hero-v237 .public-cleaning-hero>img{
  width:min(470px,80%)!important;max-height:535px!important;z-index:6!important;
  filter:drop-shadow(0 28px 34px rgba(5,34,55,.18))!important
}
.public-hero-v237 .public-cleaning-orbit.navy{
  width:440px!important;height:440px!important;right:5%!important;bottom:7%!important;
  background:radial-gradient(circle at 42% 35%,#194f7e,#092e53 65%,#062943)!important;
  animation:v237Float 6s ease-in-out infinite
}
.public-hero-v237 .public-cleaning-orbit.green{
  width:340px!important;height:340px!important;left:7%!important;top:3%!important;border:38px solid rgba(79,163,76,.20)!important;
  animation:v237Rotate 18s linear infinite
}
.hero-energy-ring{
  position:absolute;border:1px solid rgba(63,156,244,.34);border-radius:50%;z-index:2;left:8%;right:1%;bottom:1%;height:120px;
  transform:perspective(600px) rotateX(72deg);box-shadow:0 0 22px rgba(65,167,255,.20),inset 0 0 18px rgba(65,167,255,.15)
}
.hero-energy-ring.ring-two{inset:auto 3% -2% 13%;height:155px;animation:v237Ring 3s ease-in-out infinite}
.hero-heartline{
  position:absolute;left:-8%;right:-8%;top:58%;height:2px;z-index:3;opacity:.55;
  background:linear-gradient(90deg,transparent,#d8fff0 18%,#fff 45%,#aee8ff 70%,transparent);
  box-shadow:0 0 12px #bdfce3
}
.hero-heartline:after{
  content:"";position:absolute;left:12%;right:10%;top:-16px;height:32px;
  background:linear-gradient(135deg,transparent 46%,#fff 47% 50%,transparent 51%) 0 0/42px 32px;
  opacity:.5
}
.hero-star{position:absolute;z-index:7;color:#fff;text-shadow:0 0 9px #fff,0 0 18px #a9e5ff;animation:v237Sparkle 1.8s ease-in-out infinite}
.star-1{right:28%;top:18%;font-size:32px}.star-2{right:13%;top:30%;font-size:20px;animation-delay:.5s}.star-3{left:29%;top:23%;font-size:25px;animation-delay:1s}.star-4{right:37%;bottom:20%;font-size:18px;animation-delay:1.4s}
.public-hero-v237 .public-floating-card{display:flex!important;align-items:center!important;gap:11px!important;padding:14px 16px!important}
.public-hero-v237 .public-floating-card>.ui-icon{width:22px;height:22px;padding:9px;border-radius:50%;background:#e8f7ef;color:#09854d}
.public-hero-v237 .public-floating-card.card-one{left:2%!important;top:14%!important}
.public-hero-v237 .public-floating-card.card-two{right:-2%!important;bottom:12%!important}
.live-pulse{
  width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:var(--v237-navy)!important;color:#fff!important;
  animation:v237Heartbeat 1.4s ease-in-out infinite
}

/* Six illuminated sales cards */
.digital-control-section{padding:22px max(28px,calc((100vw - 1390px)/2)) 82px;background:#fff}
.digital-control-title{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 auto 28px}
.digital-control-title i{width:110px;height:1px;background:linear-gradient(90deg,transparent,#8aaad0);position:relative}
.digital-control-title i:last-child{transform:scaleX(-1)}
.digital-control-title i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#83a9d7}
.digital-control-title h2{font-size:21px;color:var(--v237-navy);margin:0}
.digital-control-title h2 em{font-style:normal;color:var(--v237-green)}
.digital-control-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.digital-control-card{
  position:relative;isolation:isolate;min-height:185px;padding:25px 18px 20px;text-align:center;background:#fff;border:1px solid #cfe0f5;
  border-radius:18px;box-shadow:0 12px 30px rgba(26,82,142,.06);overflow:hidden;transition:transform .2s,box-shadow .2s
}
.digital-control-card:before{
  content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;
  background:linear-gradient(90deg,#6da8ff,#e6f3ff,#2378f5,#c5e5ff,#6da8ff);background-size:300% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:v237BorderRun 3.2s linear infinite;opacity:.85
}
.digital-control-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(32,112,211,.16),0 0 22px rgba(43,132,255,.15)}
.digital-control-card:hover:before{opacity:1;filter:drop-shadow(0 0 5px #3991ff)}
.digital-card-glow{position:absolute;left:12%;right:12%;bottom:-4px;height:7px;background:#4aa0ff;filter:blur(6px);opacity:.42}
.digital-card-icon{width:58px;height:58px;border-radius:50%;display:grid;margin:0 auto 18px;place-items:center;background:#edf3fd;color:#0b55ad}
.digital-control-card:first-child .digital-card-icon{background:#e7f6ed;color:#078b4d}
.digital-card-icon .ui-icon{width:27px;height:27px}
.digital-control-card h3{font-size:13px;color:#102b4e;margin:0 0 9px}
.digital-control-card p{font-size:9px;line-height:1.65;color:#53677c;margin:0}

/* WhatsApp heartbeat */
.whatsapp-float{
  position:fixed;right:28px;bottom:28px;z-index:100;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#30c96d,#15954e);color:#fff;text-decoration:none;
  box-shadow:0 12px 32px rgba(16,139,72,.30),0 0 0 9px rgba(48,201,109,.10);animation:v237Heartbeat 1.55s ease-in-out infinite
}
.whatsapp-icon{font-size:31px;transform:rotate(-22deg)}
.whatsapp-float>i{position:absolute;right:-2px;top:-4px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#ef3f3f;color:#fff;font-size:9px;font-style:normal;border:2px solid #fff}
.whatsapp-float strong{
  position:absolute;right:0;bottom:84px;width:150px;padding:11px 12px;border-radius:10px;background:rgba(8,36,56,.92);
  color:#fff;font-size:9px;line-height:1.5;font-weight:600;box-shadow:0 10px 25px rgba(6,41,67,.22)
}
.whatsapp-float strong:after{content:"";position:absolute;right:22px;bottom:-7px;border:7px solid transparent;border-top-color:rgba(8,36,56,.92);border-bottom:0}
.whatsapp-ripple{position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(67,224,128,.55);animation:v237Whatsapp 2s ease-out infinite}
.whatsapp-ripple.r2{animation-delay:1s}

/* Application: parliament navy sidebar */
.app-shell{grid-template-columns:232px minmax(0,1fr)!important}
.sidebar{
  background:
    radial-gradient(circle at 15% 10%,rgba(26,92,140,.24),transparent 26%),
    linear-gradient(180deg,#062b48 0%,#052844 55%,#041f35 100%)!important;
  padding:0 12px 18px!important;box-shadow:10px 0 32px rgba(4,31,53,.11)!important
}
.brand.brand-image{padding:20px 10px 17px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.brand.brand-image img{width:45px!important;height:45px!important}
.brand.brand-image b{font-size:13px!important}.brand.brand-image small{font-size:7px!important;color:#d5e7f4!important}
.sidebar-nav{gap:2px!important}
.sidebar-direct,.sidebar-group>summary{
  min-height:39px!important;padding:8px 10px!important;font-size:10px!important;border-radius:8px!important;color:#f0f6fa!important
}
.sidebar-direct .ui-icon,.sidebar-group>summary>.ui-icon:first-child{color:#d8eaf6!important;width:17px!important;height:17px!important}
.sidebar-direct.active{
  background:linear-gradient(90deg,#0c8c4d,#12a75d)!important;box-shadow:0 8px 18px rgba(7,139,75,.20)!important
}
.sidebar-group[open]>summary{background:rgba(255,255,255,.07)!important;box-shadow:inset 3px 0 0 #22aa68!important}
.sidebar-submenu{border-left-color:rgba(58,173,113,.38)!important;margin-left:25px!important}
.sidebar-submenu a{color:#c6d9e7!important;font-size:9px!important;min-height:30px!important}
.sidebar-submenu a:hover{background:rgba(24,111,174,.18)!important;color:#fff!important}
.main{background:#f7f9fb!important}
.topbar{height:68px!important;background:#fff!important;border-bottom:1px solid #e5ebf0!important}
.top-search{height:43px!important;background:#fff!important;border-color:#dce4ea!important}
.content{background:linear-gradient(135deg,#fbfcfd,#f5f8fa)!important}

/* Existing cards inherit navy accents */
.page-head>div:first-child>h1{color:var(--v237-navy)!important}
.page-head>div:first-child>h1:before{background:linear-gradient(180deg,#0b8a4d,#123d68)!important}
.card{border-color:#dfe7ed!important}
.dashboard-panel:nth-child(even),.dashboard-kpi:nth-child(2),.dashboard-kpi:nth-child(4){border-top-color:rgba(13,59,96,.30)!important}

/* Animations */
@keyframes v237Rotate{to{transform:rotate(360deg)}}
@keyframes v237Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes v237Sparkle{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(45deg)}}
@keyframes v237Heartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.06)}60%{transform:scale(1)}}
@keyframes v237Ring{0%,100%{opacity:.35;transform:perspective(600px) rotateX(72deg) scale(.94)}50%{opacity:.8;transform:perspective(600px) rotateX(72deg) scale(1.04)}}
@keyframes v237BorderRun{to{background-position:300% 0}}
@keyframes v237Whatsapp{0%{transform:scale(.85);opacity:.75}100%{transform:scale(1.45);opacity:0}}

@media(max-width:1180px){
  .public-header-v237 nav{gap:18px!important}.public-header-v237 .public-brand{margin-right:20px!important}
  .digital-control-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .public-header-v237 nav{display:none}.public-header-v237 .public-actions .btn-contact{display:none}
  .public-hero-v237{grid-template-columns:1fr!important;padding-top:42px!important}
  .public-hero-v237 .public-hero-copy h1{font-size:46px!important}
  .public-hero-v237 .public-cleaning-hero{min-height:500px!important}
  .app-shell{grid-template-columns:205px minmax(0,1fr)!important}
}
@media(max-width:760px){
  .app-shell{display:block!important}.sidebar{width:220px!important;left:-235px!important}
}
@media(max-width:620px){
  .public-header-v237{height:70px!important;padding:0 15px!important}.public-header-v237 .public-brand-logo img{height:48px!important}
  .public-header-v237 .public-actions .btn-primary{min-height:34px!important;padding:0 12px!important}
  .public-hero-v237{padding:35px 18px 20px!important}.public-hero-v237 .public-hero-copy h1{font-size:38px!important;letter-spacing:-1.5px!important}
  .public-hero-v237 .public-hero-copy>p{font-size:13px!important}.public-hero-v237 .hero-actions{display:grid!important}
  .public-hero-v237 .hero-actions .btn{width:100%;box-sizing:border-box;justify-content:center!important}
  .public-hero-v237 .hero-trust{gap:10px 16px!important}
  .digital-control-section{padding:15px 18px 60px}.digital-control-title i{display:none}.digital-control-title h2{text-align:center;font-size:18px}
  .digital-control-grid{grid-template-columns:1fr 1fr;gap:10px}.digital-control-card{min-height:165px;padding:20px 12px}
  .whatsapp-float{right:18px;bottom:18px;width:62px;height:62px}.whatsapp-float strong{display:none}
}

/* =========================================================
   v23.8 — icons, larger type, rich contact page
   ========================================================= */

/* Public navigation refinements */
.public-header-v237 nav{gap:42px!important}
.public-header-v237 nav a{font-size:13px!important}
.public-header-v237 .public-actions .btn{font-size:11px!important}
.contact-phone-icon{
  display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;
  background:#e9f2fc;color:#1768b2;margin-right:3px
}
.contact-phone-icon .ui-icon{width:14px!important;height:14px!important;stroke:currentColor!important}
.hero-contact-phone{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e6f1ff;color:#2c82d2}
.hero-contact-phone .ui-icon{width:14px!important;height:14px!important;stroke:currentColor!important}

/* Original-style WhatsApp glyph */
.whatsapp-icon{display:grid!important;place-items:center!important;width:40px;height:40px!important;transform:none!important}
.whatsapp-icon svg{display:block;width:39px;height:39px;fill:#fff}
.whatsapp-float:hover{filter:brightness(1.04)}

/* Home page typography — a little larger without breaking layout */
.public-hero-v237 .hero-pill{font-size:11px!important}
.public-hero-v237 .public-hero-copy h1{font-size:61px!important}
.public-hero-v237 .public-hero-copy>p{font-size:17px!important;line-height:1.78!important}
.public-hero-v237 .hero-actions .btn{font-size:12px!important}
.public-hero-v237 .hero-trust{font-size:11px!important}
.digital-control-title h2{font-size:23px!important}
.digital-control-card h3{font-size:14px!important}
.digital-control-card p{font-size:10px!important;line-height:1.7!important}
.public-section-head h2{font-size:39px!important}
.public-section-head p{font-size:12px!important}
.public-feature h3{font-size:15px!important}.public-feature p{font-size:11px!important}
.public-plan h3{font-size:20px!important}.public-plan>p,.public-plan li{font-size:11px!important}
.faq-list summary{font-size:12px!important}.faq-list p{font-size:11px!important}

/* Login typography and home access */
.login-v235-content{width:min(500px,100%)!important}
.login-v235-content h1{font-size:29px!important}
.login-v235-content>p{font-size:12px!important}
.login-v235-fields label>span{font-size:11px!important}
.login-input-wrap input{height:54px!important;font-size:12px!important}
.login-v235-tools{align-items:center!important;justify-content:space-between!important;margin-top:-2px!important}
.login-v235-tools a{font-size:10px!important}
.login-home-link{display:inline-flex;align-items:center;gap:5px;color:#173f67!important}
.login-home-link .ui-icon{width:14px;height:14px}
.login-v235-submit{height:51px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.login-v235-submit .ui-icon{width:15px;height:15px}
.login-v235-customer b{font-size:10px!important}.login-v235-customer span{font-size:9px!important}
.login-v235-message h2{font-size:30px!important}.login-v235-message>p{font-size:14px!important}
.login-v235-benefits span{font-size:11px!important}

/* Rich contact page */
.contact-hero-v238{
  min-height:410px;padding:74px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;
  background:radial-gradient(circle at 85% 22%,rgba(47,120,194,.16),transparent 27%),radial-gradient(circle at 65% 90%,rgba(35,169,102,.13),transparent 28%),linear-gradient(145deg,#fbfdfc,#f1f6fa);
  overflow:hidden
}
.contact-hero-copy h1{font-size:47px;line-height:1.08;letter-spacing:-1.8px;color:#102b4e;margin:16px 0 14px;max-width:700px}
.contact-hero-copy h1 em{font-style:normal;color:#078b4d}
.contact-hero-copy>p{font-size:14px;line-height:1.7;color:#5f7282;max-width:680px}
.contact-hero-actions{display:flex;gap:11px;margin-top:24px;flex-wrap:wrap}.contact-hero-actions .btn{font-size:11px!important;min-height:46px!important}
.contact-orbit{position:relative;margin:auto;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 30%,#1b4f7b,#102b4e 68%,#062943);box-shadow:0 25px 60px rgba(16,43,78,.22)}
.contact-orbit>span{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1771ba;box-shadow:0 12px 32px rgba(0,0,0,.12);animation:v237Heartbeat 1.7s ease-in-out infinite}
.contact-orbit>span .ui-icon{width:37px;height:37px}.contact-orbit>i{position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(47,134,205,.28);animation:v237Rotate 16s linear infinite}.contact-orbit>i:last-child{inset:-42px;border-style:dashed;animation-direction:reverse;animation-duration:24s}
.contact-info-v238{padding:0 max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:repeat(3,1fr);gap:16px;transform:translateY(-28px);position:relative;z-index:3}
.contact-info-v238 article{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid #dfe8ed;border-radius:16px;box-shadow:0 15px 36px rgba(19,55,80,.08)}
.contact-card-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center}.contact-card-icon .ui-icon{width:22px;height:22px}
.contact-card-icon.phone{background:#e7f2fd;color:#1c71b9}.contact-card-icon.navy{background:#edf2f8;color:#173f67}.contact-card-icon.green{background:#e9f7ef;color:#078b4d}
.contact-info-v238 small,.contact-info-v238 h3,.contact-info-v238 p{display:block;margin:0}.contact-info-v238 small{font-size:9px;color:#71828c;text-transform:uppercase;font-weight:850;letter-spacing:.5px}.contact-info-v238 h3{font-size:15px;color:#102b4e;margin:4px 0 6px}.contact-info-v238 p{font-size:10px;line-height:1.55;color:#6c7c84}.contact-info-v238 a{display:inline-block;margin-top:8px;font-size:9px;font-weight:850;color:#087b4c}
.contact-form-section-v238{padding:44px max(28px,calc((100vw - 1180px)/2)) 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start;background:#fff}
.contact-form-copy{padding:25px 0}.contact-form-copy h2{font-size:31px;line-height:1.15;color:#102b4e;margin:8px 0 12px}.contact-form-copy>p{font-size:12px;line-height:1.65;color:#667984;max-width:440px}.contact-promise{display:grid;gap:9px;margin-top:22px}.contact-promise span{font-size:10px;font-weight:750;color:#315448}
.contact-form-v238{margin-top:0!important;padding:24px!important;border-radius:17px!important;box-shadow:0 18px 45px rgba(14,57,87,.07)!important}.contact-form-v238 label{font-size:11px!important}.contact-form-v238 input{height:45px}.contact-form-v238 input,.contact-form-v238 textarea{font-size:11px!important}.contact-form-v238 button{justify-self:start;min-width:165px}

@media(max-width:900px){
 .public-hero-v237 .public-hero-copy h1{font-size:49px!important}
 .contact-hero-v238{grid-template-columns:1fr;padding-top:52px}.contact-orbit{width:190px;height:190px}
 .contact-info-v238{grid-template-columns:1fr}.contact-form-section-v238{grid-template-columns:1fr}
}
@media(max-width:620px){
 .public-hero-v237 .public-hero-copy h1{font-size:40px!important}.public-hero-v237 .public-hero-copy>p{font-size:14px!important}
 .login-v235-content h1{font-size:25px!important}.login-v235-message h2{font-size:25px!important}.login-v235-message>p{font-size:12px!important}
 .contact-hero-v238{padding:38px 18px 58px}.contact-hero-copy h1{font-size:35px}.contact-info-v238{padding:0 18px}.contact-form-section-v238{padding:28px 18px 65px}.contact-form-copy h2{font-size:26px}
}
.contact-wa-icon{width:24px;height:24px;display:block}


/* v23.8.1 — Login ekranı yazı boyutu iyileştirmesi */
.login-v235-message h2{
  font-size:34px!important;
  line-height:1.15!important;
  margin-bottom:12px!important;
}
.login-v235-message>p{
  font-size:16px!important;
  line-height:1.65!important;
  max-width:480px!important;
  margin-bottom:30px!important;
}
.login-v235-benefits{
  gap:14px!important;
}
.login-v235-benefits span{
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:750!important;
}
.login-v235-benefits .ui-icon{
  width:18px!important;
  height:18px!important;
}
.login-v235-divider{
  font-size:12px!important;
  margin:22px 0 18px!important;
}
.login-v235-customer{
  padding:15px 16px!important;
  gap:13px!important;
}
.login-v235-customer>.ui-icon{
  width:27px!important;
  height:27px!important;
}
.login-v235-customer b{
  font-size:13px!important;
  line-height:1.4!important;
}
.login-v235-customer span{
  font-size:12px!important;
  line-height:1.45!important;
  margin-top:3px!important;
}
.login-v235-copy{
  font-size:10px!important;
  line-height:1.4!important;
  margin-top:20px!important;
}
.login-v235-fields label>span{
  font-size:12px!important;
}
.login-v235-tools a{
  font-size:11px!important;
}
.login-v235-submit{
  font-size:13px!important;
}

@media(max-width:560px){
  .login-v235-message h2{
    font-size:28px!important;
  }
  .login-v235-message>p{
    font-size:14px!important;
  }
  .login-v235-benefits span{
    font-size:12px!important;
  }
}


/* v23.9 — Cari borçlandırma */
.btn-debt{
  background:linear-gradient(135deg,#102b4e,#183d68)!important;
  border:1px solid #102b4e!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(16,43,78,.16)!important;
}
.btn-debt:hover{filter:brightness(1.06);transform:translateY(-1px)}
.debt-entry-card{overflow:hidden}
.debt-entry-card .form-section-block+ .form-section-block{border-top:1px solid #e6ece9}
.debt-icon{background:#eef3f8!important;color:#102b4e!important}
.section-icon.navy{background:#eef3f8!important;color:#183d68!important}


/* v24 — Finans hareket düzenleme / silme */
.finance-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.finance-row-actions form{margin:0}
.btn-edit{
  background:#eef3f8!important;border:1px solid #ccd9e6!important;color:#183d68!important;
  box-shadow:none!important
}
.btn-edit:hover{background:#e3edf6!important;border-color:#abc0d5!important}
.btn-delete{
  background:#fff3f2!important;border:1px solid #efcfcb!important;color:#b7433a!important;
  box-shadow:none!important
}
.btn-delete:hover{background:#fde7e5!important;border-color:#e5aaa4!important}
.finance-locked-note{
  display:inline-flex;padding:5px 7px;border-radius:7px;background:#f4f6f5;color:#8a9892;font-size:8px;font-weight:750
}


/* v24.1 — mobile public header + active management navigation */
.sidebar-submenu a.active{
  background:linear-gradient(90deg,#0c8c4d,#13a45e)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(8,139,76,.18)!important;
  font-weight:850!important;
}
.sidebar-submenu a.active:before{
  content:"";
  width:5px;height:5px;border-radius:50%;background:#dff8ea;
  display:inline-block;margin-right:6px;vertical-align:middle
}
.public-menu-toggle{
  display:none;
  width:40px;height:40px;border:1px solid #d8e2ea;border-radius:9px;
  background:#fff;color:#102b4e;place-items:center;cursor:pointer
}
.public-menu-toggle .ui-icon{width:19px;height:19px}

@media(max-width:900px){
  .public-header-v237{
    position:sticky!important;
    top:0!important;
    height:auto!important;
    min-height:72px!important;
    padding:10px 14px!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  .public-header-v237 .public-brand{
    margin-right:auto!important;
  }
  .public-header-v237 .public-brand-logo img{
    height:48px!important;
  }
  .public-header-v237 .public-actions{
    margin-left:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .public-header-v237 .public-actions .btn-contact{
    display:inline-flex!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
  .public-header-v237 .public-actions .btn-primary{
    display:inline-flex!important;
    min-height:38px!important;
    padding:0 11px!important;
    font-size:9px!important;
  }
  .public-menu-toggle{display:grid!important}
  .public-header-v237 nav{
    display:none!important;
    order:3;
    width:100%;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    padding:8px 0 4px!important;
    border-top:1px solid #e5ebf0;
  }
  body.public-menu-open .public-header-v237 nav{
    display:flex!important;
  }
  .public-header-v237 nav a{
    padding:10px 8px!important;
    border-radius:7px;
    font-size:11px!important;
  }
  .public-header-v237 nav a:after{display:none!important}
  .public-header-v237 nav a:hover,
  .public-header-v237 nav a.active{
    background:#eef6f1!important;
    color:#08764f!important;
  }
}

@media(max-width:520px){
  .public-header-v237 .public-actions{
    gap:5px!important;
  }
  .public-header-v237 .public-actions .btn-contact{
    padding:0 8px!important;
  }
  .public-header-v237 .public-actions .btn-primary{
    padding:0 9px!important;
  }
  .public-header-v237 .public-actions .btn-contact .contact-phone-icon{
    margin-right:3px!important;
  }
}


.superadmin-nav a.active{
  background:linear-gradient(90deg,#0c8c4d,#13a45e)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(8,139,76,.20)!important;
}
.superadmin-nav a.active .ui-icon{color:#fff!important}

@media(max-width:520px){
  .public-header-v237{
    align-items:center!important;
  }
  .public-header-v237 .public-brand{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .public-header-v237 .public-brand-logo img{
    max-width:150px!important;
    height:auto!important;
    max-height:44px!important;
  }
  .public-header-v237 .public-actions{
    width:100%!important;
    justify-content:flex-end!important;
    order:2!important;
  }
  .public-header-v237 nav{
    order:3!important;
  }
}