:root,html[data-theme="light"]{--primary:#111;--secondary:#151515;--accent:#ffd93d;--primary-fg:#fff;--body-bg:#f6f6f3;--body-fg:#111;--body-quiet-color:#62625d;--body-loud-color:#111;--header-color:#ffd93d;--header-branding-color:#ffd93d;--header-bg:#111;--header-link-color:#fff;--breadcrumbs-bg:#ffd93d;--breadcrumbs-fg:#28261b;--breadcrumbs-link-fg:#111;--link-fg:#4e4615;--link-selected-fg:#111;--button-bg:#111;--button-hover-bg:#333;--default-button-bg:#111;--default-button-hover-bg:#333;--close-button-bg:#62625d;--border-color:#deded8;--hairline-color:#e7e7e1;--darkened-bg:#efefea;--selected-bg:#fff5c8;--selected-row:#fff5c8;--module-bg:#fff}
html[data-theme="dark"]{--primary:#ffd93d;--secondary:#222;--accent:#ffd93d;--header-bg:#111;--header-color:#ffd93d;--header-branding-color:#ffd93d;--header-link-color:#fff;--breadcrumbs-bg:#ffd93d;--breadcrumbs-fg:#111;--breadcrumbs-link-fg:#111;--link-fg:#ffe784;--button-bg:#ffd93d;--button-fg:#111;--default-button-bg:#ffd93d;--default-button-hover-bg:#e4bd20;--selected-row:#36321b}
body{font-family:'Noto Sans Georgian',system-ui,-apple-system,sans-serif}#header{padding:20px 28px;gap:16px}.zipzip-brand{display:flex!important;align-items:center;gap:20px;text-decoration:none}.zipzip-brand strong{font-size:28px;font-weight:900;letter-spacing:-1px;color:#ffd93d;line-height:1}.zipzip-brand strong span{display:block;letter-spacing:1px;font-size:10px;margin-top:5px}.zipzip-brand small{font-size:12px;color:#deded8}.zipzip-shop-link{padding:10px 14px;border:1px solid #555;border-radius:999px;font-size:12px;white-space:nowrap}.module{border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--body-bg)}.module h2,.module caption,.inline-group h2{padding:14px 16px;letter-spacing:.02em}.dashboard #content{max-width:1200px}.dashboard #content-main{width:calc(100% - 290px)}.dashboard .module table th{padding:16px}.dashboard .module table td{padding:16px 10px}.dashboard #content-related{background:var(--darkened-bg);border-radius:12px}.button,input[type=submit],input[type=button],.submit-row input,a.button{border-radius:9px;padding:12px 18px}.object-tools a:link,.object-tools a:visited{background:#ffd93d;color:#111;border-radius:999px}.submit-row{border-radius:12px}.form-row{padding:16px 12px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],textarea,select{border-radius:8px;padding:9px 10px}div.breadcrumbs{padding:14px 28px}#nav-sidebar{background:var(--body-bg)}.login #container{border-radius:16px;overflow:hidden}.login #header{justify-content:center}.login .zipzip-brand{display:block!important}.login .zipzip-brand small{display:block;margin-top:12px}.login .zipzip-shop-link{display:none}.zipzip-test-note{padding:12px;background:var(--selected-bg)}@media(max-width:767px){#header{padding:16px}.zipzip-brand small{display:none}.dashboard #content-main{width:100%}.dashboard #content-related{width:auto;margin:24px 0}.zipzip-shop-link{font-size:11px}div.breadcrumbs{padding:12px 16px}}
/* Shared control geometry avoids vertically clipped select values. */
select, .related-widget-wrapper select, .selector select {
  height:auto!important; min-height:44px; line-height:1.5!important;
  padding:10px 32px 10px 12px!important; box-sizing:border-box;
  min-width: min(280px, 100%); max-width:100%;
}
select[multiple]{min-height:160px;padding:8px!important}
.related-widget-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;float:none}
.related-widget-wrapper select{flex:1 1 220px;width:auto}
.zipzip-logo{width:104px;height:76px;object-fit:contain;filter:invert(1)}
.zipzip-brand{min-width:0;flex-wrap:wrap}.zipzip-brand small{line-height:1.5}
#container,#content,#content-main,.main{min-width:0;box-sizing:border-box}
#content{max-width:100%}#header{flex-wrap:wrap}#user-tools{line-height:1.8}
.aligned .form-row>div{max-width:100%}
input,textarea,select{max-width:100%;box-sizing:border-box}
textarea{width:min(100%,850px)}.vTextField{width:min(100%,480px)}
.inline-group .tabular{max-width:100%;overflow-x:auto}
.inline-group .tabular fieldset.module{overflow:visible}
#changelist .results{max-width:100%;overflow-x:auto}
.image-upload-toolbar{padding:20px}.image-upload-toolbar p{color:var(--body-quiet-color);line-height:1.7}
.image-picker{display:inline-block;cursor:pointer;color:var(--button-fg)!important;background:var(--button-bg)}
.image-picker input{display:block;margin-top:12px;max-width:100%}
.image-cards .inline-related:not(.empty-form){margin:16px;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--darkened-bg)}
.image-cards .inline-related h3{background:transparent;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.image-preview{display:block;width:200px;height:160px;object-fit:contain;border-radius:10px;background:var(--body-bg);margin:12px 0}
.image-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.image-actions button,.upload-retry{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;color:var(--body-fg);background:var(--body-bg);cursor:pointer}
.upload-status{min-height:24px;line-height:1.6;overflow-wrap:anywhere}
.image-cards .field-upload_token{display:none}
.image-cards .field-file p.file-upload{overflow-wrap:anywhere}
.image-cards .field-file a{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.image-cards .field-url,.image-cards .field-alt_ka,.image-cards .field-alt_en{border-top:1px dashed var(--border-color)}
.image-cards .form-row{padding:12px 0}.image-cards .aligned label{float:none;display:block;width:auto;margin-bottom:6px}
.image-cards .aligned .flex-container{display:block}.image-cards .aligned p.help{margin-left:0;padding-left:0}
.inline-related[hidden]{display:none!important}
@media(max-width:1024px){
  #content{padding:20px}.dashboard #content-main{width:100%;float:none}
  .dashboard #content-related{width:auto;float:none;margin:20px 0}
  #changelist{display:flex;flex-direction:column}#changelist .changelist-form-container{width:100%;min-width:0}
  #changelist-filter{position:static;width:auto;max-height:none;order:-1}
  #changelist-form{min-width:0}#toolbar form{display:flex;flex-wrap:wrap;gap:8px}
}
@media(max-width:767px){
  #header{padding:12px;gap:12px}#content{padding:12px}.zipzip-logo{width:80px;height:60px}
  #branding{max-width:100%}#user-tools{white-space:normal;text-align:left;margin:0}
  .aligned label{float:none!important;width:auto!important;display:block;padding:0 0 8px}
  .aligned .flex-container{display:block}.aligned .form-row div{margin-left:0!important}
  .aligned .form-row input:not([type=checkbox]):not([type=radio]),.aligned textarea{width:100%}
  .aligned p.help,.aligned .help{margin-left:0!important;padding-left:0!important}
  .related-widget-wrapper select{min-width:0;width:100%;flex-basis:100%}
  .submit-row{display:flex;flex-direction:column;gap:10px;padding:12px}
  .submit-row input,.submit-row a{white-space:normal;width:100%;margin:0!important;text-align:center;box-sizing:border-box}
  .submit-row .deletelink-box{margin:0}.object-tools{display:flex;flex-wrap:wrap;gap:8px;float:none;margin:12px 0;padding:0}
  .image-cards .inline-related:not(.empty-form){margin:10px;padding:12px}.image-preview{width:100%;max-width:240px}
  .login #container{width:calc(100% - 24px);min-width:0;margin:30px auto}
  .paginator{white-space:normal;line-height:2.5}.actions{display:flex;flex-wrap:wrap;gap:8px}
}
.image-picker,.image-replace{position:relative;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;overflow:hidden}
.image-picker input,.image-replace input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.image-picker:focus-within,.image-replace:focus-within{outline:2px solid var(--body-fg);outline-offset:3px}
.image-replace{background:var(--button-bg);color:var(--button-fg)!important;padding:10px 14px;border-radius:8px;cursor:pointer}
.image-extra{padding:14px 0}.image-extra summary{cursor:pointer;font-weight:600;padding:8px 0}
.image-cards .field-file .file-upload{font-size:0}.image-cards .field-file .file-upload a,.image-cards .field-file .file-upload .clearable-file-input{display:none}
.image-cards .field-file .image-replace{font-size:13px}
@media(min-width:900px){
 .image-cards .inline-related:not(.empty-form){display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 24px;align-items:start}
 .image-cards .inline-related>h3{grid-column:1/-1;margin:0}
 .image-cards .inline-related>.image-preview{grid-column:1;width:180px;height:160px}
 .image-cards .inline-related>.upload-status{grid-column:1;font-size:12px;grid-row:3}
 .image-cards .inline-related>fieldset{grid-column:2;grid-row:2/5;min-width:0}
 .image-cards .inline-related>.image-actions{grid-column:1/-1}
}
.image-cards .aligned label.image-replace{display:inline-flex;width:fit-content;max-width:100%;padding:10px 14px;align-items:center;line-height:1.5}
