/* Vidco BS5 layout with the approved Brosis Petrol + Amber palette.
   15 October 2026: user selected the matching color prototype. Shared tokens
   preserve standard tabs, action tabs and the numbered configuration wizard. */

:root{
 --font-sans:"Inter",Helvetica,sans-serif;--font-mono:"Inter",Helvetica,sans-serif;
 --bg:#f5f3ec;--bg-soft:#f8faf6;--bg-stripe:#f8faf6;--surface:#fff;
 --text:#203b39;--text-2:#364f4a;--muted:#536b67;--muted-2:#536b67;
 --border:#d9e0d8;--border-soft:#e6ebe4;--border-strong:#7b9388;
 --primary:#12635e;--primary-hover:#0b4f4a;--primary-press:#083f3b;--primary-soft:#e0f1eb;
 --accent:#925208;--accent-hover:#764106;--accent-soft:#fff0d4;
 --masthead:#145f5d;--workspace:#173e3d;--header-soft:#eaf2ed;
 --input-ink:#364f4a;--focus:#12635e;
 --success:#1d7143;--success-soft:#e9f4e8;--success-ink:#1d7143;
 --warning:#925208;--warning-soft:#fff1d2;--warning-ink:#82530a;
 --info:#12635e;--info-soft:#e0f1eb;--info-ink:#12635e;
 --danger:#af2941;--danger-soft:#fdecef;--danger-ink:#af2941;
 --neutral-soft:#eef1eb;--neutral-ink:#536b67;
 --r-sm:7.15px;--r-md:9.75px;--r-lg:13px;
 --k-l1:var(--workspace);--k-l1-ink:#fff;--k-l2:#fff;--k-l2-ink:var(--muted);
 --k-l2-hover:var(--bg-soft);--k-l2-on:var(--primary-soft);
 --k-band:#fff;--k-band-ink:var(--text);--k-band-sub:var(--muted);
 --k-th:var(--header-soft);--k-th-ink:var(--text);--k-th-line:var(--border);--k-row-hover:var(--primary-soft);
}
body.vidco-bs5{font:400 13px/1.5 var(--font-sans);background:var(--bg);color:var(--text)}
body.vidco-bs5 .artboard{font-size:13px;line-height:1.5}
body.vidco-bs5 ::selection{background:var(--primary-soft);color:var(--text)}
body.vidco-bs5 :is(input,textarea){caret-color:var(--primary)}
body.vidco-bs5 :focus-visible{outline:2px solid var(--focus);outline-offset:3px}
body.vidco-bs5 :is(a,button,input,select,textarea){font-family:var(--font-sans)}
body.vidco-bs5 a{text-underline-offset:3px}
body.vidco-bs5 *{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}
.vidco-masthead{height:60px;flex:none;background:var(--masthead);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.vidco-masthead .ws-brand{padding:0}
.vidco-masthead .ws-brand img{height:35px;max-width:150px;object-fit:contain}
.vidco-masthead .role-pill{color:#fff;background:rgba(255,255,255,.12);border:0}
.vidco-masthead .icon-btn{color:#fff}
.vidco-masthead .avatar-sm{background:var(--bg-soft);color:var(--masthead);border-radius:7.15px;width:35px;height:35px}
body.vidco-bs5 .wsbar{height:42px;padding:0 30px;background:var(--workspace);gap:0}
body.vidco-bs5 .wsb{font-size:13px;font-weight:400;letter-spacing:0;height:36px;padding:0 16px;border:0;border-radius:7.15px 7.15px 0 0;color:#fff}
body.vidco-bs5 .wsb.on{background:var(--bg);color:var(--primary);font-weight:600;box-shadow:none}
body.vidco-bs5 .ws-tek{color:#fff;text-transform:none;letter-spacing:0}
body.vidco-bs5 .topnav{height:51px;padding:0 30px;background:#fff;border-bottom:1px solid var(--border)}
body.vidco-bs5 .tn-label{color:var(--muted);font-size:13px;font-weight:400;border-bottom:0;padding:0 10px;background:transparent}
body.vidco-bs5 .tn-label:is(:hover,.on){color:var(--primary);background:var(--primary-soft)}
body.vidco-bs5 .tn-ham{color:var(--muted)}
body.vidco-bs5 .tn-menu{border-radius:9.75px;background:#fff}
body.vidco-bs5 .tn-item.active{color:var(--primary);background:var(--primary-soft)}
body.vidco-bs5 .topbar{height:60px;padding:0 30px;border:0;background:var(--bg)}
body.vidco-bs5 .topbar .tb-ara{height:35px;background:#fff;border:1px solid var(--border-strong);border-radius:7.15px}
body.vidco-bs5 .page{padding:13px 30px 30px;gap:13px}
body.vidco-bs5 :is(.page-head,.vidco-list .abas){padding:0;background:transparent;border:0;border-radius:0;gap:13px;margin:0 0 13px}
body.vidco-bs5 :is(.page-head h1,.vidco-list .abas h1){font-size:19.5px;font-weight:600;letter-spacing:0;color:var(--text)}
body.vidco-bs5 :is(.card,.vidco-list .akutu){background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:none}
body.vidco-bs5 .card-head{background:var(--header-soft);padding:19.5px 29.25px;border-color:var(--border)}
body.vidco-bs5 .card-head h3{font-size:16.575px;font-weight:500;letter-spacing:0}
body.vidco-bs5 .card-body{padding:26px 29.25px}
body.vidco-bs5 .card-body.flush{padding:0}
body.vidco-bs5 :is(.btn,.abtn){min-height:35px;height:auto;max-width:100%;padding:8.15px 14px;font-size:12.35px;font-weight:500;line-height:18.525px;border:1px solid var(--border-strong);border-radius:7.15px;background:var(--surface);color:var(--text-2);box-shadow:none;white-space:normal;text-align:center;justify-content:center;text-decoration:none}
body.vidco-bs5 :is(.btn.sm,.abtn.sm){padding:8.15px 9.75px;font-size:12.35px}
body.vidco-bs5 :is(.btn,.abtn):hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
body.vidco-bs5 :is(.btn.primary,.abtn.pri,.abtn.mavi){background:var(--accent);border-color:var(--accent);color:#fff}
body.vidco-bs5 :is(.btn.primary,.abtn.pri,.abtn.mavi):hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}
body.vidco-bs5 :is(.btn.success,.btn.green){background:var(--success);border-color:var(--success);color:#fff}
body.vidco-bs5 .page form[method="get"] :is(button[type="submit"],button:not([type])){background:var(--primary);border-color:var(--primary);color:#fff}
body.vidco-bs5 :is(.btn.info,.btn.blue){background:var(--info);border-color:var(--info);color:#fff}
body.vidco-bs5 :is(.btn.danger,.abtn.danger){background:var(--danger-soft);color:var(--danger-ink);border-color:var(--danger-soft)}
body.vidco-bs5 :is(.btn,.abtn):disabled{opacity:.5;cursor:not-allowed;transform:none}
/* Standard BS5 navigation is not an action button. */
body.vidco-bs5 :is(.tabs,.vidco-actions,.vidco-qualifications){display:flex;gap:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.vidco-bs5 :is(.tab,.vidco-actions>a,.vidco-qualifications>a,.dosya-menu a){font-size:13px;font-weight:400;line-height:19.5px;padding:11.075px 20.5px;margin:0;border:0;border-radius:9.75px 9.75px 0 0;background:transparent;color:var(--muted);box-shadow:none;text-decoration:none;min-height:41.65px}
body.vidco-bs5 :is(.tab,.vidco-actions>a,.vidco-qualifications>a,.dosya-menu a):hover{background:var(--primary-soft);color:var(--primary)}
body.vidco-bs5 :is(.tab.active,.vidco-actions>a.active,.vidco-qualifications>a.active,.dosya-menu a.on){background:var(--primary-soft);color:var(--primary);font-weight:600;box-shadow:none}
body.vidco-bs5 .dosya-menu a{border-radius:9.75px 0 0 9.75px}
body.vidco-bs5 :is(.t,.vidco-table,.atab){font-size:13px;color:var(--text)}
body.vidco-bs5 :is(.t thead th,.atab thead th){background:var(--header-soft);color:var(--text);font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;padding:9.75px;border-color:var(--border)}
body.vidco-bs5 :is(.t tbody td,.atab tbody td){font-size:13px;padding:9.75px;border-color:var(--border)}
body.vidco-bs5 :is(.t,.atab) tbody tr:nth-child(odd){background:var(--bg-soft)}
body.vidco-bs5 :is(.t,.atab) tbody tr:hover td{background:var(--primary-soft)}
body.vidco-bs5 :is(.field,.fx,.mi,.p6-mi,.sp-f,.vs-mi,.vp-mi,.cinp,.vidco-edit-form input,.vidco-edit-form select,.vidco-edit-form textarea){border:1px solid var(--border-strong);border-radius:9.75px;background:#fff;color:var(--input-ink);box-shadow:none;font-family:var(--font-sans);font-size:14.3px;font-weight:500;line-height:21.45px;padding:10.075px 13px;min-height:43.6px;max-width:100%;height:auto}
body.vidco-bs5 :is(.p6-filtre,.p8-suz,.vp-filt,.p4-suz,.vidco-list .aflt) :is(input:not([type=checkbox]):not([type=radio]),select){border:1px solid var(--border-strong);border-radius:9.75px;background:#fff;color:var(--input-ink);font-size:14.3px;font-weight:500;padding:10.075px 13px;min-height:43.6px;height:auto}
body.vidco-bs5 .page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]),select,textarea){box-sizing:border-box;border:1px solid var(--border-strong);border-radius:9.75px;background:#fff;color:var(--input-ink);font-family:var(--font-sans);font-size:14.3px;font-weight:500;line-height:21.45px;padding:10.075px 13px;min-height:43.6px;max-width:100%;height:auto}
body.vidco-bs5 :is(.field,.fx,.mi,.p6-mi,.sp-f,.vs-mi,.vp-mi,.cinp):focus-visible{border-color:var(--primary);outline:2px solid var(--focus);outline-offset:2px}
body.vidco-bs5 .page .field input{padding:0;border:0;min-height:0;background:transparent}
body.vidco-bs5 :is(.vidco-edit-form,.p4-form,.dosya-form) label{color:var(--text-2);font-size:13.65px;font-weight:600}
body.vidco-bs5 .vidco-company-form{padding:26px 29.25px;gap:26px}
body.vidco-bs5 .vidco-company-form fieldset{min-width:0;border:1px solid var(--border);border-radius:9.75px;padding:13px 0;margin-bottom:26px}
body.vidco-bs5 .vidco-company-form legend{font-size:19.5px;font-weight:600;color:var(--text);padding:0 8px}
body.vidco-bs5 #fr-yeni .card-head{border:0;padding:26px 29.25px 0}
body.vidco-bs5 #fr-yeni .card-head p{margin:0 0 13px}
body.vidco-bs5 .page > .tabs{margin-bottom:0!important}
body.vidco-bs5 input:is([type=checkbox],[type=radio]){accent-color:var(--primary)}
body.vidco-bs5 .vidco-list .adetay>summary{background:var(--bg-soft);color:var(--text-2);border:0;border-radius:7.15px;padding:8.15px 14px}

/* Navigation selection is independent from success/error status colors. */
body.vidco-bs5 :is(.tab.active,.vidco-actions>a.active,.vidco-qualifications>a.active){box-shadow:inset 0 -2px var(--primary)}
body.vidco-bs5 .dosya-menu a.on{box-shadow:none}
body.vidco-bs5 .vidco-table th{background:var(--bg-soft);color:var(--muted)}
body.vidco-bs5 :is(.p6-filtre,.vs-filter-panel,.sp-filter-panel){background:var(--bg-soft)}
body.vidco-bs5 .page form[method="get"] :is(button[type="submit"],button:not([type])):hover{background:var(--primary-hover);border-color:var(--primary-hover)}
body.vidco-bs5 :is(.btn.success,.btn.green):hover{background:#155b34;border-color:#155b34;color:#fff}
body.vidco-bs5 :is(.btn.info,.btn.blue):hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}
body.vidco-bs5 :is(.btn.danger,.abtn.danger):hover{background:#f8dce2;border-color:var(--danger);color:var(--danger-ink)}
body.vidco-bs5 .btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
body.vidco-bs5 .btn.ghost:hover{background:var(--primary-soft);color:var(--primary)}
@media(max-width:820px), screen and (max-width:1100px) and (max-height:520px){
 .vidco-masthead{padding:0 13px;height:52px}
 .vidco-masthead .role-pill{display:none}
 body.vidco-bs5 .wsbar{padding:0 13px}
 body.vidco-bs5 .topnav{padding:0 13px;height:44px}
 body.vidco-bs5 .tn-liste{background:#fff;border-color:var(--border)}
 body.vidco-bs5 .tn-label{min-height:44px}
 body.vidco-bs5 .topbar{padding:0 13px;min-height:54px;height:auto}
 body.vidco-bs5 .page{padding:13px}
 body.vidco-bs5 :is(.card-head,.card-body){padding:16px}
 body.vidco-bs5 .vidco-company-form{padding:16px}
 body.vidco-bs5 .vidco-company-form fieldset{padding:13px 0}
 body.vidco-bs5 #fr-yeni .card-head{padding:16px 16px 0}
 body.vidco-bs5 :is(.btn,.abtn,.tab,.vidco-actions>a,.vidco-qualifications>a,.dosya-menu a){min-height:44px}
 body.vidco-bs5 :is(.tabs,.vidco-actions,.vidco-qualifications){max-width:100%;overflow-x:auto;flex-wrap:nowrap!important}
 body.vidco-bs5 :is(.tab,.vidco-actions>a,.vidco-qualifications>a){flex:none;white-space:nowrap}
 body.vidco-bs5 .vidco-delete{flex:none}
}
@media screen and (max-width:820px), screen and (max-width:1100px) and (max-height:520px){
 /* Short phone landscapes use the same touch navigation as narrow screens.
    Touch targets apply to real controls; text links keep their reading flow. */
 body.vidco-bs5 :is(button,a.btn,a.abtn,a.icon-btn,a.source-tab,a.tn-item,summary,
   a.lbtn,a.lsk,a.lcip,a.lsn,a.satis-adim,.wa-suzgec a,.wa-etiket,.wa-geri,.yz-geri,.wa-ray a,.yz-sekme a){
   min-height:44px!important;min-width:44px;max-width:100%;box-sizing:border-box;
 }
 body.vidco-bs5 :is(button,a.btn,a.abtn){white-space:normal;overflow-wrap:anywhere}
 body.vidco-bs5 .wsbar{height:48px}
 body.vidco-bs5 .wsb{height:44px;min-width:44px}
 body.vidco-bs5 .vidco-masthead :is(.icon-btn,.avatar-sm){width:44px;height:44px;flex:none}
 body.vidco-bs5 .tn-ham{height:44px;width:44px;justify-content:center;flex:none}
 body.vidco-bs5 .tn-liste{flex-wrap:nowrap;max-height:calc(100dvh - 152px);overscroll-behavior:contain}
 body.vidco-bs5 .tn-grup{flex:none}
 body.vidco-bs5 .notification-menu,body.vidco-bs5 .account-menu{
   position:fixed!important;top:60px!important;right:13px!important;
   max-width:calc(100vw - 26px);max-height:calc(100dvh - 72px)!important;
   overflow:auto!important;overflow-wrap:anywhere;
 }
 body.vidco-bs5 .account-menu>a{min-height:44px;box-sizing:border-box}
 body.vidco-bs5 .p4-form{grid-template-columns:minmax(0,1fr)}
 body.vidco-bs5 :is(.p4-form,.p4-form label,.p4-form fieldset){min-inline-size:0;max-width:100%}
 body.vidco-bs5 .p4-suz .fx{min-width:0!important}
 body.vidco-bs5 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){font-size:16px!important}
 body.vidco-bs5 .page input[type=file]{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 body.vidco-bs5 :is(.wa-suzgec,.wa-etiketler){flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}
 body.vidco-bs5 :is(.wa-suzgec,.wa-etiketler)>*{flex:none}
 body.vidco-bs5 .wa-etiket{font-size:12px}
}
html[data-saha-app] .vidco-masthead{display:none}
@media print{
 .vidco-masthead{display:none}
 body.vidco-bs5 :is(.card,.vidco-list .akutu){border:0}
}