#fivet-banner-app{--ink:#302925;--muted:#746a63;--line:#e4ddd7;--paper:#fff;--soft:#faf8f6;--accent:#5c4538;--accent2:#eee7e1;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(500px,540px) minmax(0,1fr)!important;gap:18px!important;width:min(1640px,100%)!important;max-width:100%!important;margin:18px auto!important;padding:0 12px!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-synthesis:none!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;color:var(--ink)!important;line-height:1.4!important}
#fivet-banner-app *,#fivet-banner-app *:before,#fivet-banner-app *:after{box-sizing:border-box!important;font-family:inherit!important}
#fivet-banner-app .fivet-panel{position:sticky!important;top:14px!important;width:100%!important;max-height:calc(100vh - 28px)!important;overflow:auto!important;margin:0!important;padding:14px!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(54,38,28,.07)!important;scrollbar-width:thin!important}
#fivet-banner-app .fivet-panel-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin:0 0 10px!important;padding:0 2px 10px!important;border-bottom:1px solid var(--line)!important}
#fivet-banner-app h2{margin:0 0 3px!important;padding:0!important;font-size:21px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.01em!important;color:#c93630!important}
#fivet-banner-app .fivet-sub{max-width:430px!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.45!important;font-weight:400!important;color:var(--muted)!important}
#fivet-banner-app .fivet-version{flex:0 0 auto!important;padding:5px 7px!important;border-radius:999px!important;background:#f1ece8!important;color:#725e50!important;font-size:9.5px!important;font-weight:700!important;line-height:1!important}
#fivet-banner-app .fivet-section{margin:0 0 9px!important;padding:10px!important;background:var(--soft)!important;border:1px solid #ebe5df!important;border-radius:11px!important}
#fivet-banner-app .fivet-section:last-child{margin-bottom:0!important}
#fivet-banner-app .fivet-section-title{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 8px!important;padding:0 0 7px!important;border-bottom:1px solid #ece5df!important;font-size:12.5px!important;line-height:1.2!important;font-weight:800!important;color:#40342d!important}
#fivet-banner-app .fivet-section-title span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:50%!important;background:var(--accent)!important;color:#fff!important;font-size:10px!important;line-height:1!important}
#fivet-banner-app .fivet-grid2,#fivet-banner-app .fivet-compact-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px 8px!important;margin:0!important;padding:0!important;align-items:start!important}
#fivet-banner-app .fivet-span-2{grid-column:1/-1!important}
#fivet-banner-app .fivet-field{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
#fivet-banner-app .fivet-field-title{display:block!important;margin:0 0 4px!important;padding:0!important;font-size:10.5px!important;line-height:1.2!important;font-weight:700!important;color:#3c332e!important}
#fivet-banner-app .fivet-help,#fivet-banner-app .fivet-inline-note{margin:4px 0 0!important;padding:0!important;font-size:9.5px!important;line-height:1.35!important;font-weight:400!important;color:#8a8179!important}
#fivet-banner-app .fivet-inline-note{margin:0 0 7px!important}
#fivet-banner-app input,#fivet-banner-app select,#fivet-banner-app textarea{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 9px!important;border:1px solid #d7cfc8!important;border-radius:7px!important;outline:0!important;background:#fff!important;box-shadow:none!important;color:#2e2925!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:11.5px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important;-webkit-text-size-adjust:100%!important;appearance:auto!important;-webkit-appearance:auto!important}
#fivet-banner-app textarea{height:94px!important;min-height:72px!important;resize:vertical!important;overflow:auto!important;white-space:pre-wrap!important}
#fivet-banner-app #fivet-project-note{height:64px!important;min-height:58px!important}
#fivet-banner-app #fivet-copy{height:108px!important;min-height:92px!important}
#fivet-banner-app input:focus,#fivet-banner-app select:focus,#fivet-banner-app textarea:focus{border-color:#947663!important;box-shadow:0 0 0 2px rgba(103,71,53,.10)!important}
#fivet-banner-app .fivet-file{height:auto!important;min-height:36px!important;padding:5px!important;font-weight:400!important}
#fivet-banner-app .fivet-file::file-selector-button{margin:0 7px 0 0!important;padding:6px 8px!important;border:0!important;border-radius:6px!important;background:#eee7e1!important;color:#46362d!important;font:700 10px/1.2 "Segoe UI",Tahoma,Arial,sans-serif!important;cursor:pointer!important}
#fivet-banner-app .fivet-thumbs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;margin:1px 0 0!important;padding:0!important}
#fivet-banner-app .fivet-thumb{position:relative!important;display:block!important;width:100%!important;aspect-ratio:4/3!important;margin:0!important;padding:0!important;overflow:hidden!important;border:2px solid transparent!important;border-radius:7px!important;background:#eee8e3!important;cursor:pointer!important;box-shadow:none!important}
#fivet-banner-app .fivet-thumb img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover!important}
#fivet-banner-app .fivet-thumb.hero{border-color:#795743!important;box-shadow:0 0 0 2px rgba(121,87,67,.12)!important}
#fivet-banner-app .fivet-thumb.hero:after{content:"Đại diện";position:absolute;right:3px;bottom:3px;padding:2px 4px;border-radius:4px;background:rgba(60,42,31,.84);color:#fff;font-size:7.5px;font-weight:700;line-height:1}
#fivet-banner-app .fivet-check{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:0!important;padding:7px 8px!important;background:#f1ece7!important;border-radius:7px!important;color:#695f58!important;font-size:9.5px!important;line-height:1.35!important;cursor:pointer!important}
#fivet-banner-app .fivet-check input{display:block!important;width:14px!important;height:14px!important;min-height:14px!important;margin:1px 0 0!important;padding:0!important;flex:0 0 14px!important}
#fivet-banner-app .fivet-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important}
#fivet-banner-app .fivet-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;min-width:0!important;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:7px!important;background:var(--accent)!important;box-shadow:none!important;color:#fff!important;font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:10.5px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer!important;white-space:normal!important;flex:1 1 120px!important}
#fivet-banner-app .fivet-btn:hover{filter:brightness(1.05)!important;transform:none!important}
#fivet-banner-app .fivet-btn:disabled{opacity:.58!important;cursor:wait!important}
#fivet-banner-app .fivet-secondary{background:var(--accent2)!important;color:#513b2f!important}
#fivet-banner-app .fivet-ai{background:#302b27!important;color:#fff!important}
#fivet-banner-app .fivet-detail-editors{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important}
#fivet-banner-app .fivet-detail-card{min-width:0!important;margin:0!important;padding:7px!important;background:#fff!important;border:1px solid #e3dcd5!important;border-radius:8px!important}
#fivet-banner-app .fivet-detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;margin:0 0 5px!important}
#fivet-banner-app .fivet-detail-head strong{font-size:10px!important;line-height:1.2!important;color:#4a3b32!important}
#fivet-banner-app .fivet-detail-head span{font-size:8.5px!important;line-height:1.2!important;color:#998b80!important}
#fivet-banner-app .fivet-detail-card select,#fivet-banner-app .fivet-detail-card input{height:31px!important;min-height:31px!important;margin:0 0 4px!important;padding:5px 7px!important;font-size:10px!important;border-radius:6px!important}
#fivet-banner-app .fivet-detail-card input:last-child{margin-bottom:0!important}
#fivet-banner-app .fivet-status{min-height:16px!important;margin:6px 0 0!important;padding:0!important;color:#725847!important;font-size:10px!important;line-height:1.3!important}
#fivet-banner-app .fivet-status.ok{color:#34704c!important}#fivet-banner-app .fivet-status.warn{color:#a55d1a!important}#fivet-banner-app .fivet-status.working{color:#4d6481!important}
#fivet-banner-app .fivet-preview-wrap{min-width:0!important;margin:0!important;padding:12px!important;background:#f4f0eb!important;border:1px solid #e7dfd7!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(67,47,34,.06)!important;align-self:start!important}
#fivet-banner-app .fivet-preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 8px!important;padding:0 2px!important;color:#4d4036!important}
#fivet-banner-app .fivet-preview-head strong{display:block!important;margin:0!important;font-size:12.5px!important;line-height:1.25!important;font-weight:800!important}
#fivet-banner-app .fivet-preview-head small{display:block!important;margin:2px 0 0!important;font-size:9.5px!important;line-height:1.2!important;color:#8a8179!important}
#fivet-banner-app .fivet-preview-note{font-size:9.5px!important;line-height:1.2!important;color:#7b6d62!important;text-align:right!important}
#fivet-banner-app .fivet-canvas-shell{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:auto!important;border-radius:9px!important;background:#e8e0d8!important}
#fivet-banner-app canvas{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:8/5!important;margin:0!important;padding:0!important;background:#f6f1eb!important;border:0!important;box-shadow:none!important}
@media(max-width:1240px){#fivet-banner-app{grid-template-columns:minmax(450px,500px) minmax(0,1fr)!important;gap:14px!important}}
@media(max-width:980px){#fivet-banner-app{display:block!important;padding:0 9px!important}#fivet-banner-app .fivet-panel{position:static!important;max-height:none!important;margin-bottom:12px!important}#fivet-banner-app .fivet-preview-wrap{padding:9px!important}}
@media(max-width:620px){#fivet-banner-app .fivet-compact-grid,#fivet-banner-app .fivet-grid2,#fivet-banner-app .fivet-detail-editors{grid-template-columns:1fr!important}#fivet-banner-app .fivet-span-2{grid-column:auto!important}#fivet-banner-app .fivet-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}#fivet-banner-app .fivet-panel{padding:10px!important;border-radius:13px!important}#fivet-banner-app .fivet-section{padding:9px!important}#fivet-banner-app h2{font-size:19px!important}#fivet-banner-app .fivet-preview-note{display:none!important}}
/* v1.3.0 - Company information block */
#fivet-banner-app .fivet-section-company{background:#f7f3ef!important}
#fivet-banner-app .fivet-section-company .fivet-company-toggle{background:#eee7e1!important;border:1px dashed #d7c8bc!important}
#fivet-banner-app .fivet-section-company .fivet-company-toggle strong{font-weight:800!important;color:#4d3a30!important}
#fivet-banner-app .fivet-section-company input[type="file"]{font-size:9.5px!important}

/* v1.3.2 branding controls */
#fivet-banner-app input[type="color"]{padding:3px!important;cursor:pointer!important}
#fivet-banner-app .fivet-section-company select{font-weight:600!important}